/*
Theme Name: C4
Theme URI: http://commotiondesigns.com/
Description: The new version of commotiondesigns
Version: 1.0
Author: Jonathan Cohn
Author URI: http://commotiondesigns.com
Tags: blue, custom header, fixed width, two columns, widgets

*/

body
{ 
background-image: url(images/bkg.jpg);
background-position:center;
background-repeat: repeat-y;
background-color:#E2E8E8;
margin:0 0 0 0;
font-family:Helvetica, Arial;
font-size:18px;
color:#006699;
} 


#header {
background-color:#0E4765;
border-bottom:3px SOLID #FFFFFF;

}

#footer {
background-color:#0E4765;
border-top:3px SOLID #FFFFFF;
height:300px;
width:100%;

font-size:15px;
color:#CCCCCC;



}

#footercontent{
width:942px;
margin:auto;

}


#banner {
height:103px;
width:1200px;
background-image: url(images/header_blue.jpg);
position:relative;
margin-left: -600px ;
left:50%;
margin-right: auto ;
}

#banner ul{

}

#tab{
margin:0px;
margin-right:auto;
margin-left:auto;
position:relative;
top:82px;
padding-left:800px;
}

#tab li{


list-style:none;
display:inline;
font-family:Helvetica, Arial;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
text-align:center;


}


#tab a {

background-color:#105174;
border-top:1px SOLID #11567B;
border-left:1px SOLID #11567B;
border-right:1px SOLID #11567B;

color:#FFFFFF;
text-decoration:none;
padding-top:7px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}


#tab a:hover{
background-image: url(images/tab_active.jpg);
color:#596C7E;
}


#tab a:hover, a.active{
background-image: url(images/tab_active.jpg);
color:#596C7E !important;
}


#top {
height:24px;
background-image: url(images/header_top.jpg);
}

#content {
width:942px;
position:relative;
margin-left: -471px ;
left:50%;
padding-bottom:50px;

}
#divider {
margin-top:20px;
margin-bottom:20px;
height:1px;
width:600px;
background-color:#AEC6D2;
margin-left: auto ;
margin-right: auto ;

clear:both;

}


#slogan{

}

#words{
width:600px;
font-size:23px;
color:#9FA6AD;
line-height:40px;
padding-left:60px;
padding-top:20px;
}

#checklist {
display:inline;
float:right;
position:relative;
right:0px;
}

#checklist li{
background:transparent url(images/tick.gif) no-repeat scroll 0 4px;
color:#4E4E4E;
font-size:0.8em;
line-height:1.5em;
list-style-type:none;
padding:2px 0 2px 20px;
padding-right:70px;
}



#shadowdiv{
clear:both;
position:relative;
bottom:30px;
}


#project {

}

.frame {
background-image: url(images/frame.png);
background-repeat:no-repeat;
height:308px;
width:492px;
display:inline;
float:left;
z-index:4;

}

#details {
padding-top:10px;
margin-left:510px;
}

.thumb img{
position:absolute;

padding-top:16px;
padding-left:17px;
vertical-align:middle;
}

.thumb img:hover{
}

#details h2{
font-size:22px;
letter-spacing:-1px;
}

#description{
font-size:18px;
color:#999999;
}

#click{

height:60px;
width:472px;
background-color:#666666;
position:absolute;
left:10px;
z-index:5;
opacity:.0;
margin-top:239px;
text-align:center;
vertical-align:middle;
font-size:18px;
color:#FFFFFF;
}

#click:hover{
background-color:#000000;
opacity:.6;
}

#details ul li {
list-style-type:none;
}

#details ul li a{
background:transparent url(images/tick.gif) no-repeat scroll 0 4px;
color:#4E4E4E;
font-size:0.8em;
line-height:1.5em;
list-style-type:none;
padding:2px 0 2px 20px;
text-decoration:none;
}



/*Wordpress Specific Class */
.post-categories {
padding-left:0px;
}

.post-edit-link {
display:inline;
font-size:12px;
}

#visit_site a{
background:transparent url(images/visit_site.gif) no-repeat scroll 0 0;
height:12px;
width:122px;
margin-left:40px;
outline:none;

}

#visit_site a {
display:block;
height:13px;
text-indent:-5000px;
width:122px;

}


#service_level{
border: 1px DASHED #CCCCCC;
padding:5px;
width: 500px;
font-size:13px;
margin-bottom:15px;
}

#comparison_chart{
border:1px dashed #CCCCCC;
font-size:13px;
}

#why_cms{
border: 1px solid #cccccc; 
margin-left:10px; 
margin-top:20px; 
padding: 20px; 
font-size: 17px; 
background-color: #eeeeee; 
color: #333333; 
text-align:center;
}



img {
border:0px;
}


#leftfooter{
	float:left;
	padding: 0 0 0 10px;
	width:400px;
}

#footer h2{
font-size:22px;
letter-spacing:-1px;
color:#EEEEEE;
}





#rightfooter{
	float:right;
	width:350px;

	padding-left:0px;
}

#bubble {
background-image: url('images/bubble.png');
background-repeat:no-repeat;
width:130px;
height:121px;
position:relative;
bottom:50px;
float:right;

}


#computer {
background-image: url('images/computer.png');
background-repeat:no-repeat;
width:109px;
height:148px;
position:relative;
bottom:50px;
float:left;
padding-right:20px;

}

.tb-focus {
    border: 1px solid #888377;
}
.tb-focus:focus {
    background-color: #F4EEDD;
}

#copyright {
text-align:center;
font-size:12px;
padding:20px;
}