/********* BASIC SETUP *********/

body{
background:#eaeaeb top left no-repeat;
font:normal .80em times, verdana, sans-serif;
text-align:center;
margin:0 auto;
padding:0;
}

/* Header Wrap */
#hwrap{
width:100%;
background:#c3c3c3;
text-align:center;
margin:0 auto;
padding:0;
}

/* header */
#header{
width:780px;
background:transparent;
text-align:left;
margin:0 auto;
padding:0;
}

#header a#logo, #header h1{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
height:50px;
width:190px;
background-image: url(images/h_header_c_v2.jpg);
background-repeat:no-repeat;
display:block;
}


/* Content Wrap */
#contentwrap{
width:100%;
background: url(images/bg_body_cbs_v1.jpg) top left repeat-x;
text-align:left;
margin:0 auto;
padding:0 0 30px 0px;
}

/* Content */
#content{
width:780px;
background:url(images/bg_body_cbs_v1.jpg) top left repeat-x;
text-align:left;
margin:0 auto;
padding:0;
}


/* Main Menu */
#mm{
width:1px;
height:210px;
text-align:left;
margin:0;
padding:5px 0 20px 0;
background:url(images/bg_navline.jpg) top left no-repeat;
float:left;
display:inline;
}

/* Main Menu Links*/

#mm ul{margin:0; padding:0; list-style:none; text-align:left; background:transparent; width:1px;}

#mm ul li{margin:2px 0; padding:0; display:block;}

#mm ul li a:link, #mm ul li a:visited{
margin:0;
padding:10px 10px 5px 10px;
border:0;
color:#000;
text-decoration:none;
text-align:left;
text-transform:capitalize;
display:block;
width:55px;
}
#mm ul li a:hover{background:#fff top center no-repeat;}

#mm ul li a.currentpage:link, #mm ul li a.currentpage:visited, #mm ul li a.currentpage:hover{background: top center no-repeat;}


/* Main Content */
#maincontent{
width:560px;
background:transparent;
text-align:left;
margin:0;
padding:0px 0px 0px 0px;
color:#707070;
float:right;
}

/* Main Content Text */
#maincontent h2{font-size:1.7em; font-weight:normal; margin:0; padding:5px 0 20px 0; color:#fff;}
#maincontent h3{font-size:1.3em; font-weight:normal; margin:0; padding:0 0 2px 0; color:#525252;}
#maincontent h4{font-size:1.3em; margin:0; padding:10px 0 0 0; color:#bca450;}
#maincontent h5{font-size:1em; font-weight:bold; margin:5px 0; padding:0; color:#7aa6bf;}

#maincontent p{font-size:115%; margin-top:0; line-height:130%;}

#maincontent a:link, #maincontent a:visited{color:#429ef2; text-decoration:none;}
#maincontent a:hover{color:#f000ff;}

.content2col{
width:340px;
margin:0 28px 0 0;
padding:0 0 20px 0;
float:left;
display:inline;
}


.content4col{
width:170px;
margin:0 14px 0 0;
padding:0 0 20px 0;
float:left;
display:inline;
}

/*footer */
#footerwrap{
width:100%;
text-align:center;
background:url(images/bg_footer.jpg) top center no-repeat;
margin:0 auto;
padding:40px 0;
}

#footer{
width:580px;
background:transparent;
text-align:left;
margin:0 auto;
padding:0 0 0 240px;
color:#a3a3a3;
font-size:95%;
}

#footer .fleft{
margin:0;
padding:0;
width:380px;
float:left;
display:inline;
}

#footer .fright{
margin:0;
padding:0;
width:200px;
float:left;
display:inline;
}

/*footer text and links */
#footer a:link, #footer a:visited{
text-decoration:none;
color:#a3a3a3;
margin:0 2px;
padding:0;
border:0;
}
#footer a:hover{color:#f000ff;}
#footer ul{margin:0; padding:0; list-style:none; text-align:left;}
#footer ul li{margin:0; padding:0; display:inline;}
#footer ul.menu{margin:0 0 20px 0;}


/* Portfolio List */
#maincontent .portfolio{margin:0 0 100px 0; padding:0;}
#maincontent .portfolio img{display:inline; float:left;}
#maincontent .portfolio p{padding:0; margin:0 10px 15px 370px;}
#maincontent .portfolio h3{margin:0 0px 0 370px;}

a.launch{font-weight:bold;}


/********* GENERAL STYLES *********/

/* clearing */

.clearfix:after {
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
background:transparent;
height: 0.1px
}
* html>body .clearfix {
display:inline-table; 
width:100%;
}	
* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}

.clear {clear: both; background: transparent; margin:0; padding:0; height: 0.1px; line-height: 0px;}
html>body .clear {display: block; height: 0px; margin:0; padding:0; height: 0.1px; line-height: 0px;}
/* end clearing */

.imgleft {
border: 0;
padding: 0;
margin:0 15px 15px 0;
float: left;
clear:right; 
display: inline;
}
	
.imgright {
border: 0;
padding: 0;
margin: 0 0 0 .6em;
float: right;
clear:left; 
display: inline;
}

/* swap class */
.swap{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
background-repeat:no-repeat;
display:block;
}

/* colors */
#emailcloak{color:#cbf932;}