/* CSS Document */
/* Benjamin Barreth 09/07/06 */

/*sitewide settings*/
img{border:none;}
a{color:#006699; text-decoration:underline;}
a:hover{text-decoration:none;}
a.emailimage{font-size:5px; border-bottom:1px solid #006699;}
a.emailimage:hover{font-size:5px;border-bottom:1px solid #ffffff;}
div,td{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; line-height:15px;}
form{margin:0;padding:0;display:inline;}
select, .form{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#999999;border:1px solid #7F9DB9;height:15px; padding-bottom:0px; padding-left:4px;}
select.form{font-family: Arial, Verdana, Helvetica, sans-serif;font-size:10px;height:17px;}
textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#666666;border:1px solid #7F9DB9;}
html {margin:0; padding:0; background-color:#999999;}
body{margin:0; padding:0; background: url('../images/bg2.jpg') repeat-x;}
/* <h> styles only used for SEO, not actual styling */
h1, div h1, h2, div h2, h3, div h3{margin:0; padding:0; font-size:11px; line-height:15px; font-weight: bold; display:inline;}

/* page framework styles */
.wrapperHdr{margin:0; padding:10px 0 0 0; background: url('../images/bg2.jpg') repeat-x;}
.wrapper{width:926px; margin:0 auto 0 auto; padding:0; text-align: left; background: url('../images/brdr-rt-lt-mid-w926.png') repeat-y;}
.wrapper2{border-top: 1px solid #E1E1E1; padding:10px 0 0 16px; background: url('../images/brdr-rt-lt-top-w926.png') no-repeat;}
.wrapperFtr{width:926px; margin:0 auto 0 auto; padding: 0 0 14px 0; text-align: left;}
.leftNav{
	width:212px; 
	float:left;
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	/*Default nav header image 
	(this background image is overridden on each page): */
	background:  url('../images/nav-top-default.gif') no-repeat top center; 
	padding: 22px 4px 4px 4px;
	margin-bottom:8px;
}
.contentArea{width:875px;text-align:center; margin:10px 10px 10px 10px; padding:15px; background-image:url('../images/bg-check1.gif');}
.contentArea2{width:870px;text-align:left; border:1px solid #ffffff; background-color:white;}
.contentArea3{width:360px; padding:20px 4px 20px 18px; float:left;}
.bgWhatWeDo{background-image:url('../images/bg-what-we-do.jpg'); height:173px;}
.bgHowWeDoIt{background-image:url('../images/bg-how-we-do-it.jpg'); height:175px;}

.jumpToDemoArea{border: 1px solid #CCCCCC; width:160px; padding:12px; background:white;}
/*footer styles*/


/*columns*/
.homeColA{float:left;width:180px;padding-left:5px;}
.homeColB{float:left;width:362px;padding:12px 12px;}
.homeColC{float:left;width:185px;}
.homeColD{float:left;width:758px;}
.subColA{float:left;width:536px;padding: 0 10px 0 12px}
.subColB{float:left;width:200px;}
.subColC{float:left;width:120px;}
.subColD{float:left;width:626px;}

/*floats*/
.lt{float:left;}
.rt{float:right;}
.lt166{float:left; width:166px;}
.lt186{float:left; width:186px;}
.lt265{float:left; width:265px;}
.lt250{float:left; width:250px;}
.lt280{float:left; width:280px;}
.lt300{float:left; width:300px;}
.lt536{float:left; width:536px;}

/*boxes*/
.bevel {background: transparent; }
.beveltop, .bevelbottom {display:block; background:transparent; font-size:1px;}
.b1, .b2, .b3, .b4 {display:block; overflow:hidden;}
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #9ACDCD; border-right:1px solid #9ACDCD;}
.b1 {margin:0 5px; background:#9ACDCD;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.bevelcontent {display:block; border-left:1px solid #9ACDCD; border-right:1px solid #9ACDCD;padding:4px 6px 0px 12px;}
.bevelcontent p{margin:8px 0 4px 8px; font-size:10px;line-height:14px;}
.boxBrdrLt{ margin:0 1px; border:1px solid #CCCCCC; }
.boxBrdrDk{ margin:0 1px; border:1px solid #006699; }


/*buckets*/
/*
.bkt190Top{background-image: url('../images/bkt190_top.gif');width:190px;height:13px;}
.bkt190Mid{background-image: url('../images/bkt190_mid.gif');width:190px;}
.bkt190Bottom{background-image: url('../images/bkt190_bottom.gif');width:190px;height:11px;}
.bkt200Top{background-image: url('../images/bkt200_top.gif');width:200px;height:13px;}
.bkt200Mid{background-image: url('../images/bkt200_mid.gif');width:200px;}
.bkt200Bottom{background-image: url('../images/bkt200_bottom.gif');width:200px;height:10px;}
*/
.bktGrayHome{width:305px; height:279px; background:url('../images/bg-bkt-w305.gif') no-repeat; background-position:bottom right;}
.bktGray212Outer{width:212px; background: url('../images/bkt-mid-gray-w212.gif') repeat-y;}
.bktGray212Top{background: url('../images/bkt-top-gray-w212.gif') no-repeat; padding: 18px 10px 4px 12px;}
.bktRed212Top{background: url('../images/bkt-top-red-w212.gif') no-repeat; padding: 18px 10px 4px 12px;}
.bktPurple212Top{background: url('../images/bkt-top-purple-w212.gif') no-repeat; padding: 18px 10px 4px 12px;}
.bktGray212Bt{background: url('../images/bkt-bt-gray-w212.gif') no-repeat bottom; height:8px;}
.bktGray168Outer{background: url('../images/bkt-mid-gray-w168.gif') repeat-y; width:168px;}
.bktGray168Top{background: url('../images/bkt-top-gray-w168.jpg') no-repeat; padding: 18px 10px 4px 12px;}
.bktGray168Bt{background: url('../images/bkt-bt-gray-w168.gif') no-repeat bottom; height:8px;}
.bktGray244Top{background: url('../images/bkt-top-gray-w244.gif') no-repeat; padding: 18px 10px 4px 12px;}
.bktOrange244Top{background: url('../images/bkt-top-orange-w244.gif') no-repeat; padding: 18px 10px 4px 12px;}
.bkt244Outer{width:244px; background:  url("../images/bkt-mid-w244.gif") repeat-y;}
.bkt244Bt{background: url('../images/bkt-bt-w244.gif') no-repeat bottom; height:8px;}

/*other */
.footer{padding: 0 10px;}
.clear {clear:both;}

/* gray footer sitemap area */
.grayArea, .grayAreaOver {float: left; padding: 0 10px; display:inline; font-size:9px;}
.grayArea ul, .grayArea li, .grayAreaOver ul, .grayAreaOver li{margin:0; padding:0;list-style-type: none;}
.grayArea a, .grayArea li a{color:#666666; text-decoration:none;}
.grayAreaOver a{color:#666666; text-decoration:none;}
.grayAreaOver li a{color:#666666; text-decoration:none;}
