/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/formxxs.css";
@import "lib/plugins/tabs.css";
@import "lib/plugins/toggle.css";
@import "lib/plugins/toggle2.css";
@import "lib/plugins/megadrop.css";
@import "lib/plugins/addthis.css";
@import "lib/plugins/funkyforms.css";


html {
	background: #ccc url(../BGpattern.gif) repeat;

}


body {
			margin: 0 auto;
	width: 1020px;
	text-align: left;	
}

#header {
	margin: 0;
	height: 145px;
	width: 100%;
}

#headernav {
	width: 980px;
	text-align: right;
	line-height: 2.2em;
	padding-right: 40px;
	padding-top: 5px;
}

#headernavtop li {
	display: inline;
}

#footernav li {
	display: inline; 
}

#masthead {
	margin: 0;
	float: left;
	height: 76px;
	width: 100%;
	background: url(../strapline.gif) no-repeat 390px 5px;
}

#logo {
	padding-left: 20px;
	padding-top: 5px;
}

#navbar {
	margin: 0;
	background-color: #fff;
	float: left;
	height: 24px;
	width: 1000px;
	padding-left: 20px;
}

#button1 {
	margin: 0;
	float: left;
	height: 24px;
}
#button2 {
	margin: 0;
	float: left;
	height: 24px;
}
#button3 {
	margin: 0;
	float: left;
	height: 24px;
}

#rightbutton {
	margin: 0;
	float: left;
	height: 24px;
	padding-left: 5px;
}



#homephoto { float: left; width: 682px;height: 520px;padding: 0;margin-bottom: 20px;
}


#getquote { float: left; width: 113px;height: 103px;padding: 0;margin-left:455px;background-color: #99cc00;
}
#introbox { float: left; width: 341px;height: 103px;padding: 0;margin-left:0px;background-color: #99cc00;
}


#bannerbox { float: right; width: 198px;min-height: 182px;padding: 25px 15px 0px 15px;margin-left:450px;background-color: #336633;text-align: center;
}




/* @group Nav rollovers using tabs css */

#button1 .tabs, #button2 .tabs, #button3 .tabs { height: 24px;}
#button1 .tabs li, #button2 .tabs li, #button3 .tabs li { height: 24px;}
#button1 .tabs a:hover, #button2 .tabs a:hover, #button3 .tabs a:hover { background-position: 0px -28px; height: 24px;}

#button1 .tabs a { text-decoration: none; background: url(../ourmission.gif) 0 0 no-repeat;height: 24px; }
#button2 .tabs a { text-decoration: none; background: url(../globalservices.gif) 0 0 no-repeat;height: 24px; }
#button3 .tabs a { text-decoration: none; background: url(../contactus.gif) 0 0 no-repeat;height: 24px; }

/* @end */








#content { background-color: #fff;float: left; 	width: 100%;

padding-top: 20px;padding-bottom: 30px;
}



#leftcontent { float: left; width: 684px;margin-left: 45px;}

.maintextarea { float: left;width: 400px;margin-left: 20px;}

#landing { float: left;width: 490px;margin-left: 20px;}

#maintextareawrap { float: left;width: 420px;
	border-left: 1px solid #e1e1e1;min-height: 500px;
}

.maintextarea img { float: left; 
margin-right: 10px;
}

#sidenav { float: left; width: 150px;padding-left: 0px;margin-right: 25px;color: #000;
}



#rightcontent { float: left; width: 188px; clear: none;margin-left: 41px;
	border: 1px solid #d5d5d5;
	background-color: #f1f1f1;
	padding: 7px 8px 8px 7px;
}

#customerlogin { float: left; width: 240px;margin-bottom: 20px;
}

#serviceupdatespanel { float: left; width: 203px;padding-top: 25px;margin: 0;background: url(../serviceupdate.gif) 0 0 no-repeat;
}

.serviceupdates { float: left; width: 143px;padding: 8px 20px 8px 25px;margin: 0;background: url(../serviceupdateBG.gif) no-repeat 0 -5px;
	border-bottom: 1px solid #d5d5d5;
}

#rightline { float: left; width: 190px;height: 15px;background: url(../rightline.gif) -3px 0 no-repeat;margin-top: 20px;
}


.landingline{
	width: 450px;
	height: 40px;
	padding-left: 10px;
	margin-bottom: 20px;
}

.iconbox{
	width: 90px;
	height: 90px;
	float: right;
	background: url(ass) no-repeat;
}

.landingtext{
	width: 340px;
}


.transitpage { float: left;width: 490px;margin-left: 20px;}

#transitbox{
	width: 467px;
	height: 250px;
	float: left;
		border: 1px solid #d5d5d5;
	background-color: #f1f1f1;
	padding: 10px 10px 8px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#selectbox{
	width: 260px;
	float: left;
	margin: 5px 0px 0px 0px;
}

#iframebox{
	width: 280px;
	height: 200px;
	float: right;
	margin-right: 8px;
	margin-top: -25px;
	background-color: #fff;
}



/* Footer
-------------------------------------------------------------- */

#footer { float: left; width: 1020px;padding-top: 40px;
margin-bottom: 50px;background: white url(../footerline.gif) 20px 0 no-repeat;}

.footleft { float: left;text-align: left;margin-left: 40px;}
.footright { float: right;text-align: right;margin-right: 45px;}



.clear {
	clear: both;
}