/*
Theme Name: TCEG - Blue Layout
Theme URI: http://4threaction.com/
Description: Corporate website for The Communications Expert Group
Version: 1.1
Author: Jayme Lam
Tags: blue, sleek, fresh

*/

/************ GLOBAL PROPERTIES  ***********/


body,html{margin: 0; padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; line-height:16px;background:url(images/background.jpg) repeat-x #002046;}

img.alignright { float:right; margin: 0 0 5px 5px; padding: 2px;}
img.alignleft { float:left; margin: 0 5px 5px 0; padding: 2px;}
img.aligncenter { float:center; margin: 0 5px 5px 0; padding: 2px;}

div {margin: 0px; padding:0px;}


a {text-decoration: none; color:#255F85;}
a:hover {color:#A74B01; text-decoration:underline; }

.clear {clear: both}


h1 {color: #333333; font-size:20px; padding-bottom:2px; border-bottom:1px solid #999999; }
h2 {color: #333333; font-size:18px; padding-bottom:10px; text-transform:uppercase;}
h3 {margin-bottom:4px; padding:0; font-size:12px; color:#333333; font-weight:bold;}

p {
	margin-bottom:8px;
}
.smtxt{font-size:11px;}

/************top header bar************/
#header{width:1000px; margin:auto; height:90px;background:url(images/header_back.jpg) no-repeat top right;}
#header #logo { float:left; width:430px; padding-top:15px;}
#header #headerInfo{ float:left; width:565px; text-align:right; margin-top:15px; color:#CCCCCC; }

#header #headerInfo div{ display:inline; color:#FFFFFF; font-size:20px; line-height:20px; font-weight:600; margin:-55px 25px 0 0; padding:0;}
#header #headerInfo img{display:inline; }

#navMenu { float:left;width:1000px;height:30px;margin-top:15px; margin-bottom:20px;z-index:1;font-size:11px; font-weight:600;clear:both;}
#navMenu .mainButtons li{list-style: none;display: inline;margin:0;}
#navMenu .mainButtons li a{padding:2px 10px;border-right:1px solid #FE9136;margin:0;text-decoration: none;color:#666666;}
#navMenu .mainButtons li a.lastBT{/*Remove divider line from last button*/border-right:0 solid #ffffff;}
#navMenu .mainButtons li a:hover{color:#FF6600;text-decoration: none;}


/************page layout************/
#content{ margin:auto; width:1002px;clear:both;}
#logoholder{ width:1002px; margin:auto; padding:10px 0;}
#logoholder #logoStrip{ background-color:#FFFFFF; width:745px; height:85px; padding:15px 0;}
#content #logoStripHome{ background-color:#FFFFFF; width:1000px; height:85px; margin-bottom:5px; padding-top:15px;}

/************home page layout************/
#homeLayout {display:table; margin-bottom:10px;} 
#homeLayout #row { display:table-row; } 
#homeLayout #row #left{display:table-cell; background-color:#fff; width:575px; vertical-align:top; }
#homeLayout #row #divider{display:table-cell; width:5px;}
#homeLayout #row #right{display:table-cell; background-color:#fff; width:420px; vertical-align:top; text-align:center;}


/************ home page service area ************/
#serviceList{width:375px;text-align:left; margin:auto; padding:10px 0;}
#serviceItem{ margin-top:5px; clear:both; border-bottom:1px solid #CCCCCC; margin-bottom:5px; display:inline-block;}
#serviceItem #serviceImage{ float:left; width:105px; vertical-align:top; padding-bottom:10px;}
#serviceItem #serviceImage img{ border:2px solid #ccc;}
#serviceItem #serviceText{ float:left; width:270px; padding-bottom:10px;}

/************ home page message area ************/
#homeContent{width:550px;text-align:left; margin:auto; padding:10px 0; margin-bottom:10px; clear:both;}
#homeContent #leftCol{float:left; width:280px; padding:25px 15px; }
#homeContent #rightCol{ float:left; width:235px; margin-bottom:10px;}


/************ home page promo and news area ************/
#latestItems{width:auto;text-align:left; margin:auto; padding:0; clear:both; border-top:5px solid #002046;}

#latestItems #titleBar{ width:auto; margin:0; padding:10px; margin-bottom:10px; border:1px solid #FFFFFF; background-color:#103152;font-size:12px;color:#6D7E94;font-weight:bold;}


#latestItems ul{list-style:none; list-style-type: none; margin:auto; padding:10px 0 20px 0; width:500px;}
#latestItems ul li a{background: url(images/bullet.gif) no-repeat 2px center;font-size:12px;color:#666666;display: block;width: auto;padding: 6px 0 6px 20px;margin:4px 0 0 0;
	text-decoration: none;border-bottom: 1px dotted #B5B5B5;}
#latestItems ul li a:visited, #latestItems ul li a:active{color:#666666;}
#latestItems ul li a:hover{color:#FF9900; /*onMouseover image change. Remove if none*/}


#catItems{width:auto;text-align:left; margin:auto; padding:0; clear:both;}
#catItems #titleBar{ width:auto; margin:0; padding:10px; margin-bottom:10px; border:1px solid #FFFFFF; background-color:#103152;font-size:12px;color:#6D7E94;font-weight:bold;}
#catItems ul{list-style:none; list-style-type: none; margin:auto; padding:10px 0 20px 0; width:600px;}
#catItems ul li a{background: url(images/bullet.gif) no-repeat 2px center;font-size:12px;color:#666666;display: block;width: auto;padding: 6px 0 6px 20px;margin:4px 0 0 0;
	text-decoration: none;border-bottom: 1px dotted #B5B5B5;}
#catItems ul li a:visited, #catItems ul li a:active{color:#666666;}
#catItems ul li a:hover{color:#FF9900;}



/************page layout************/
#pageLayout {display:table; margin-bottom:10px;} 
#pageLayout #row { display:table-row; } 
#pageLayout #row #left{display:table-cell; background-color:#fff; width:745px; vertical-align:top; overflow:hidden; }
#pageLayout #row #divider{display:table-cell; width:5px;}
#pageLayout #row #right{display:table-cell;  width:250px; vertical-align:top; text-align:center;overflow:hidden;}

#pageLayout #mainImg{ width:743px; border:1px solid #FFFFFF; overflow:hidden;}
#pageLayout #pageContent { width:675px; margin:auto; padding:20px 0; margin-bottom:25px; }

#pageFull{ width:950px; margin:auto; padding:20px 0; margin-bottom:25px; }

#pageLayout #innerLeft{ float:left; width:250px; margin-right:15px;}
#pageLayout #innerRight{float:left; width:410px;}
/*
#content #homeLeft{ float:left; width:745px; background-color:#FFFFFF; display:block;}
#content #homeRight{ float:right; margin-left:5px; width:252px; }
*/
#pageLayout #titleBar{background-color:#103152;font-size:12px;color:#6D7E94;padding:10px;border:1px solid #fff;font-weight:bold;}

#frm_form_fields h2{ border-bottom:1px solid #CCCCCC; color:#255F85; font-size:16px; padding:25px 0 0 0;}

/************ form elements ****************/

/*fieldset {
	margin: 2px 0;
	padding: 10px;
	background-color:#FFFFFF;
	border: 2px solid #CCCCCC;	
	overflow: auto;
	overflow:hidden;
	
}
legend {
	padding: 5px 8px;
	color:#0b77b7;
	font-size:12px;
	font-weight:500;

}
#formElement #formInput{padding:4px;width:auto;}
#formElement #rightCol{width:auto; margin-left:160px;}
#formElement #formImg{padding:6px;}
fieldset label {
	float:left;
	width:100px;
	margin-right:10px;

}*/

/************side nav************/

/***delete later**/
#subMenuHolder{ width:252px; background-color:#FFFFFF; margin:0; margin-bottom:5px;} 
#submenuTitle{background-color:#103152;font-size:12px;color:#6D7E94;padding:10px;border:1px solid #fff;font-weight:bold;}
#submenu{width:200px; margin:auto; text-align:left; background-color:#FFFFFF;}
#submenu ul{list-style:none; list-style-type: none; margin:0; padding:10px 0 20px 0;}
#submenu ul li a{background: url(images/bullet.gif) no-repeat 2px center;font-size:12px;color:#666666;display: block;width: auto;padding: 4px 0 4px 20px;margin:4px 0 0 0;
	text-decoration: none;border-bottom: 1px dotted #B5B5B5;}
#submenu ul ul {margin:0 0 15px 10px;}
* html #submenu  ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 180px;}
#submenu ul li a:visited, #submenu ul li a:active{color:#666666;}
#submenu ul li a:hover{color:#FF9900; /*onMouseover image change. Remove if none*/}
/* Holly Hack for IE \*/
* html #submenu ul li { height: 1%; }
* html #submenu ul li a { height: 1%; }
/* End */
#sideBanners{width:250px; overflow:hidden; height:auto; border:1px solid #FFFFFF; background-color:#333333; margin:0;}
#sideBanners ul{ list-style:none; list-style-type:none; margin:0; padding:0;}
#sideBanners ul li{margin:0; display:block;}
#standardBanner ul{ list-style:none; list-style-type:none; margin:0; padding:0;}
/***end delete**/




#sidebar{ width:252px; margin:0; margin-bottom:5px; text-align:left;} 
#sidebar img{border:1px solid #FFFFFF; }
#sidebar ul{ list-style:none; padding:0; margin:0; color:#FFFFFF;}
#sidebar ul li{ margin-bottom:10px;} 
#sidebar ul li a{ color:#FFFFFF;}

#sidebar li.simple-section-nav{background-color:#FFFFFF; padding:0; padding-bottom:10px;}
#sidebar li.simple-section-nav li{width:200px; margin:auto; padding:0;}
#sidebar li.simple-section-nav h2{background-color:#103152;font-size:12px;color:#6D7E94;padding:10px;border:1px solid #fff;font-weight:bold; margin:0;}
#sidebar li.simple-section-nav a{background: url(images/bullet.gif) no-repeat 2px center;font-size:12px;color:#666666;display: block;width: auto;padding: 4px 0 4px 20px;margin:4px 0 0 0;
	text-decoration: none;border-bottom: 1px dotted #B5B5B5;}
#sidebar li.simple-section-nav ul {margin:0 0 15px 10px;}

/************ footer ************/

#footer{margin:auto; width:1000px;clear:both; text-align:left; font-size:9px; color:#B1BACD;}

.footerNav{ padding-top:10px;}
.footerNav ul{ list-style:none; padding:0; margin:0;}
.footerNav ul li{ display:inline; padding:4px;}
.footerNav ul li a{ color:#CCCCCC; text-decoration:none; padding-right:10px; border-right:1px solid #666666;}
.footerNav ul li a:hover{ color:#FFCC00;}



#breadcrumb{ text-align:left; width:955px; padding-top:10px; color:#FFFFFF; margin:auto; }
#breadcrumb a {text-decoration: none; color:#efefef;}
#breadcrumb a:hover {color: #000000; text-decoration:underline; }


/* slide show css */
#mainSlideShow{width:957px; height:303px; overflow:hidden; z-index:0;}
#mainSlideShow img{/*position:absolute;*/}















/************inner pages************/
#content #pageContent #leftContent{
	float:left;
	margin: 0;
	width:722px;
	border-right:2px solid #224359;
}
#content #pageContent #leftContent #pageImage{
	width:710px;
	height:185px;
	border:1px solid #666666;
	overflow:hidden;
	margin:10px 10px 10px 0;
	

}
#content #pageContent #leftContent #pageText{
	width:650px;
	margin:0 10px 20px 0;
	padding:20px;
	font-size:12px;
	line-height:18px;
	color:#333333;
	text-align:left;
	
}
/*
#content #pageContent #rightContent{
	float:left;
	margin:10px 0 20px 10px;

}
*/

#newsList ul{list-style-type: none; margin:15px 10px 30px 0; padding: 0;
}
#newsList ul li{
	background: url(images/bullet.gif) no-repeat 2px 6px;
	font-size:12px;
	color:#666666;
	display: block;
	width: auto;
	padding: 4px 0 4px 20px;
	margin:4px 20px 0 20px;
	text-decoration: none;
	border-bottom: 1px dotted #B5B5B5;
}
#newsList ul li a:hover{color:#FF9900;}





#sidebar { float:left; width:250px; padding-bottom:20px; margin-left:15px; }
#sidebar #sideBanners{margin-left:-22px; padding:20px 0; }
#sidebar ul {padding:0; margin:0px; list-style:none; list-style-position:inherit}



#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}