@charset "utf-8";
/* CSS Document */

body{
	background-image:url(images/background_lower.jpg);
	background-position:top center;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#5a5b5b;
	behavior:url("csshover3.htc");
	}
	
h1{
	color:#d97000;
	margin:0px;
	font-size:27px;
	padding-top:20px;
	padding-bottom:10px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	}

h2{
	color:#005098;
	margin:0px;
	font-size:15px;
	padding-bottom:8px;
	line-height:20px;
}
h3{
	color:#d97000;
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:20px;
}
a {color:#d97000; text-decoration:underline;}
a:hover {color:#072f67;}
	
.displace{
	position:absolute;
	left:-1000px;
	}
.divider{
	height:1px;
	background-color:#CCCCdd;
	}
	
.prop{
	float:right;
	width:1px;
	height:490px;
	}

.background_upper{
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	}

.background{
	background-image:url(images/background_lower.jpg);
	background-repeat:repeat;
	background-position:top center;
	}

.container{
	width:875px;
	margin-left:auto;
	margin-right:auto;
	}
	
.top{
	width:875px;
	height:150px;
	}

.logo{
	width:169px;
	height:137px;
	float:left;
	}
.logo a{
	display:block;
	width:169px;
	height:137px;
	background-image:url(images/excel_services_logo.jpg);
	}

.login{
	float:right;
	margin-top:112px;
	padding-right:30px;
	height:30px;
	width:auto;
	font-size:11px;
	color:#FFFFFF;
	}
.login input{
	height:12px;
	font-size:11px;
	margin:0px 5px 0px 5px;
	width:100px;
	}
.login a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;}
.login a:hover{color:#d97000;}

.search{
	float:right;
	margin-top:112px;
	padding-right:15px;
	height:30px;
	width:auto;
	font-size:11px;
	color:#FFFFFF;
	}
.search input{ margin:0px 8px 0px 0px; font-size:11px; width:120px;}
.search a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
.search a:hover{color:#d97000;}	

.banner_container{
	width:875px;
	height:218px;
	background-image:url(images/banner_bg.jpg);
	}

.banner{
	width:844px;
	height:204px;
	margin-left:16px;
	padding-top:14px;
	}

.sub-top{
	width:875px;
	height:8px;
	background-image:url(images/sub_top.jpg);
	}
	

	
ul.menu{
	list-style:none;
	margin:0px;
	padding:0px 15px 0px 15px;
	width:845px;
	height:30px;
	}
ul#menu-index{background-image:url(images/menu-bg.jpg);}
ul#menu-sub{background-image:url(images/menu-bg-sub.jpg);}

li.menuitem{float:left; height:30px;}

a.menuitemlink{
	display:block;
	height:30px;
	float:left;
	background-image:url(images/menu.png);
	}
a#company{ width:170px; background-position:0px 0px;}
a#services{width:160px; background-position:-170px 0px;}
a#projectspot{width:220px; background-position:-330px 0px;}
a#resources{width:140px; background-position:-550px 0px;}
a#contact{width:155px; background-position:-690px 0px;}
	
a#company:hover{background-position:0px -30px;}
a#services:hover{background-position:-170px -30px;}
a#projectspot:hover{background-position:-330px -30px;}
a#resources:hover{background-position:-550px -30px;}
a#contact:hover{background-position:-690px -30px;}

li.menuitem div{ visibility:hidden; margin-left:-2000px;}
li.menuitem:hover div{ visibility:visible; margin-left:0px;}

/*** Drop-down Menu ***/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu{
display:block;
position:absolute;
margin:30px 0px 0px 0px;
}

#servicemenu{margin-left:25px;}
#projectmenu{margin-left:50px;}
#resourcesmenu{margin-left:13px;}

.sidebarmenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 115px; /* Main Menu Item widths */
border: 1px solid #d97000;
display:block;
position:absolute;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 6px;
color:#005098;
font-weight:bold;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #ffffff; /*background of tabs (default state)*/
}


.sidebarmenu ul li a:hover{
background-color: #fafbfd;
color:#d97000;
}

.sidebarmenu ul ul li a{
font-weight:normal;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/arrow.png) no-repeat 95% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/*** ***/

.body_main_container{
	width:875px;
	background-repeat:repeat-y;
	}
#body_main_bg_repeat_index{background-image:url(images/body_bg_repeat.jpg);}
#body_main_bg_repeat_sub{background-image:url(images/body_bg_repeat-sub.jpg);}

.body_main{
	width:875px;
	background-repeat:no-repeat;
	overflow:hidden;
	}
#bodymain-index{background-image:url(images/body_bg.jpg); padding-top:20px;}
#bodymain-sub{background-image:url(images/body_bg-sub.jpg);}

.body_left{
	width:565px;
	float:left;
	}

.copy_container{
	width:525px;
	font-size:13px;
	line-height:18px;
	padding-top:0px;
	padding-left:40px;
	color:#5a5b5b;
	}
	
.copy_container_wide{
	width:800px;
	font-size:13px;
	line-height:18px;
	padding-top:0px;
	padding-left:40px;
	color:#5a5b5b;
	}

.key{
	width:175px;
	height:70px;
	background-image:url(images/key.jpg);
	float:left;
	}
/*** Forms/Employment bucket - Index ***/
.forms_employ_container{
	width:534px;
	height:145px;
	padding-top:10px;
	padding-left:36px;
	}

.forms_employ_e{
	width:85px;
	height:60px;
	margin-left:218px;
	background-image:url(images/forms_employment_e.jpg);
	}

.forms_employ{
	width:534px;
	height:85px;
	}

.forms_employ a{
	display:block;
	background-image:url(images/forms_employment_buckets.jpg);
	width:267px;
	height:85px;
	float:left;
	}
	
a#forms_center{background-position:0px 0px;}
a#employment{background-position:-267px 0px;}

a#forms_center:hover{background-position:0px -85px;}
a#employment:hover{background-position:-267px -85px;}
/*** ***/

/*** Forms/Employment bucket - Subpage ***/
.forms_employ_container-sub{
	width:474px;
	height:85px;
	padding:1px 0px 8px 35px;
	float:left;
	}

.forms_employ-sub{
	width:474px;
	height:85px;
	}

.forms_employ-sub a{
	display:block;
	background-image:url(images/forms_employment-subpage.jpg);
	width:237px;
	height:85px;
	float:left;
	}
	
a#forms_center-sub{background-position:0px 0px;}
a#employment-sub{background-position:-237px 0px;}

a#forms_center-sub:hover{background-position:0px -85px;}
a#employment-sub:hover{background-position:-237px -85px;}
/*** ***/

.body_right{
	width:244px;
	float:right;
	padding-right:28px;
	}

/*** Quick Jump Index ***/

ul.quick_jump{
	width:240px;
	height:328px;
	list-style:none;
	padding:0px;
	margin:25px 0px 0px 0px;
	}

ul.quick_jump li{float:left;}

ul.quick_jump li a{
	display:block;
	width:240px;
	height:82px;
	float:left;
	background-image:url(images/quick_jump.jpg);
	}
	
#design_build a{background-position:0px 0px;}
#electrical a{background-position:0px -82px;}
#telecomm a{background-position:0px -164px;}
#low_voltage a{background-position:0px -246px;}

#design_build a:hover{background-position:-240px 0px;}
#electrical a:hover{background-position:-240px -82px;}
#telecomm a:hover{background-position:-240px -164px;}
#low_voltage a:hover{background-position:-240px -246px;}
/******/

/*** Quick Jump Subpage ***/
ul.quick_jump-sub{
	width:720px;
	height:65px;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 130px;
	}

ul.quick_jump-sub li{
	width:180px;
	height:65px;
	float:left;
}

ul.quick_jump-sub li a{
	display:block;
	width:180px;
	height:65px;
	float:left;
	background-image:url(images/quick_jump_sub.jpg);
	}
	
#design_build-sub a{background-position:0px 0px;}
#electrical-sub a{background-position:-180px 0px;}
#telecomm-sub a{background-position:-360px 0px;}
#low_voltage-sub a{background-position:-540px 0px;}

#design_build-sub a:hover{background-position:0px -65px;}
#electrical-sub a:hover{background-position:-180px -65px;}
#telecomm-sub a:hover{background-position:-360px -65px;}
#low_voltage-sub a:hover{background-position:-540px -65px;}

/******/

/*** Project Category QuickJump ***/

ul.project_category{
	margin:0px;
	padding:0px 0px 20px 0px;
	list-style:none;
	}

/******/


.rightbox{
	width:244px;
	background-image:url(images/subpage-rightbox-middle.png);
	background-repeat:repeat-y;
	font-size:12px;
	margin-top:20px;
	overflow:hidden;
	}
.rightbox-top{
	width:244px;
	height:12px;
	background-image:url(images/subpage-rightbox-top.png);
	}
.rightbox-middle{
	font-size:12px;
	padding:0px 12px 0px 12px;
}
.rightbox-middle h3{
	color:#d97000;
	margin:0px;
	font-size:16px;
	padding-bottom:8px;
	line-height:20px;
}

.rightbox-bottom{
	width:244px;
	height:12px;
	background-image:url(images/subpage-rightbox-bottom.png);
	}

/*** Project Rightside ***/
.rightbox-middle-project{
	font-size:11px;
	line-height:12px;
	padding:0px 0px 0px 12px;
	overflow:hidden;
}
.rightbox-middle-project img{padding:10px 12px 2px 0px; float:left;}

/*** ***/

.tag_cloud {font-size:11px; text-align:center;}
.tag_cloud h2{font-size:14px; display:inline; color:#5a5b5b;}
.tag_cloud h3{font-size:12px; display:inline; color:#5a5b5b;}
.tag_cloud a{ text-decoration:underline;}

.project_preview{
	margin:0px;
	padding:20px 0px 20px 10px;
	overflow:hidden;
	width:220px;
	height:145px;
}

#project_preview-comm a{background-image:url(images/featured_project-comm.png);}
#project_preview-design a{background-image:url(images/featured_project-design.png);}
#project_preview-electrical a{background-image:url(images/featured_project-electrical.png);}
#project_preview-lowvoltage a{background-image:url(images/featured_project-lowvoltage.png);}

.project_preview a{
	display:block;
	width:191px;
	height:55px;
	padding:90px 0px 0px 29px;
}

.project_preview h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:13px;
	}
.project_preview h3 strong{
	font-size:14px;
	line-height:25px;
	color:#005098;
	}

.project_preview a{text-decoration:none;}
.project_preview a:hover h3{color:#005098;}
.project_preview a:hover h3 strong {color:#d97000;}

.project_next_back {
	font-size:14px;
	color:#005098;
	}
.project_next_back a{
	font-size:14px;
	line-height:18px;
	color:#005098;
	font-weight:bold;
	text-decoration:none;
	}
.project_next_back a:hover{color:#d97000;}

/*** Bottom ***/
.bottom{
	width:875px;
	line-height:13px;
	}
	
#bottom-index{
	background-image:url(images/bottom_bg.jpg);
	height:220px;
	padding-top:0px;}
#bottom-sub{
	background-image:url(images/bottom_bg-sub.jpg);
	height:220px;
	padding-top:20px;
	}

.testimonial{
	width:520px;
	height:80px;
	float:left;
	font-size:12px;
	line-height:16px;
	padding-left:40px;
	padding-top:15px;
	color:#7b6f66;
	}
.testimonial-readmore{}
.testimonial-clientsays{
	float:right;
	width:45px;
	height:40px;
	margin-left:15px;
	padding-right:5px;
	}
.testimonial-clientsays a{
	display:block;
	width:45px;
	height:40px;
	background-image:url(images/clear.png);
	background-repeat:repeat;
	}

.news{
	width:190px;
	height:160px;
	float:right;
	font-size:11px;
	padding-top:48px;
	padding-right:32px;
	}
.news a {color:#072f67;}
.news a:hover {color:#d97000;}

ul.networking{
	list-style:none;
	margin:0px;
	padding:0px;
	width:250px;
	height:30px;
	padding-left:180px;
	padding-top:50px;
	float:left;
	}
	
ul.networking li{float:left; margin-right:8px;}

ul.networking li a{
	display:block;
	width:40px;
	height:30px;
	background-image:url(images/networks.jpg);
	}

#delicious a{background-position:0px 0px;}
#digg a{background-position:-40px 0px;}
#facebook a{background-position:-80px 0px;}
#linkedin a{background-position:-120px 0px;}
#stumbleupon a{background-position:-160px 0px;}
#twitter a{background-position:-200px 0px;}

#delicious a:hover{background-position:0px -30px;}
#digg a:hover{background-position:-40px -30px;}
#facebook a:hover{background-position:-80px -30px;}
#linkedin a:hover{background-position:-120px -30px;}
#stumbleupon a:hover{background-position:-160px -30px;}
#twitter a:hover{background-position:-200px -30px;}

.copyright{
	color:#072f67;
	text-align:right;
	font-size:12px;
	padding:10px 10px 0px 12px;}

.copyright a{color:#072f67; text-decoration:none;}
.copyright a:hover{color:#072f67; text-decoration:underline;}

.bee a{
	width:64px;
	height:64px;
	background-image:url(images/bee.jpg);
	background-position:0px 0px;
	display:block;
	float:right;
	margin-left:30px;
}
.bee a:hover{background-position:0px 64px;}

.footerlogo{float:left; margin-right:12px;}

.biglogo{margin:10px 20px 15px 0px;}

img {border:none;}