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

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { xfont-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

 /* Common snippets */
.clearer { clear:both; font-size:1%; }

/* container
----------------------------------------------------------------- */
body {
	margin:35px auto 0; 
	width:840px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

/* header
----------------------------------------------------------------- */
img#logo, img#tagline { float:left; width:420px; height:63px; }

div#search-container {
	clear:both;
	margin:0 10px 17px 610px;
	text-align:right;
}

div#nav-main {
	height:40px;
	background:url(../images/nav_main_bg.gif) no-repeat;
}


/* navigation
----------------------------------------------------------------- */

#navigation li span {
	display: none;
}

#navigation {
	height: 40px;
	display: inline;
	overflow: hidden;
}

#navigation li {
	display: inline;
}

#navigation a {
	float: left;
	height: 40px;
	width: 100px;
}

#navigation a:hover {
	background-position: 0px -1px;
}

#navigation a:active {
	background-position: 0px -1px;
}

#navigation a.active {
	background-position:0px -1px;
}

/* projects button */
#projects a {
	background:url(../images/btn_projects.gif) no-repeat 0px -39px;
	width:69px;
	margin:0 50px 0 190px;
}
/* service calls button */
#service-calls a {
	background:url(../images/btn_service_calls.gif) no-repeat 0px -39px;
	width:104px;
	margin:0 45px 0 0;
}
/* managed services button */
#managed-services a {
	background:url(../images/btn_managed_services.gif) no-repeat 0px -39px;
	width:137px;
	margin:0 35px 0 0;
}
/* materials management button */
#materials-management a {
	background:url(../images/btn_materials_management.gif) no-repeat 0px -39px;
	width:178px;
}


/* sub navigation */
div#nav-sub ul { padding:2px 0 13px 41px; }

div#nav-sub ul li {
	display:inline;
	padding:0 5px;
	font-size:11px;
}

div#nav-sub a {
	color:#666;
	text-decoration:none;
}
div#nav-sub ul li a:hover {
	border-bottom:solid 2px #ccc;
}

div#nav-sub ul li a.active {
	color:#333;
	text-decoration:none;
	border-bottom:solid 2px #333;
}

/* content
----------------------------------------------------------------- */
div#content { padding:0 30px 0 10px; }
div#left, div#right { width:49%; }
div#left { float:left; }
div#right { float:right; }



/* headers
----------------------------------------------------------------- */
h1 {
	padding:0 0 0 35px;
	height:33px;
	font-size:22px;
	background:url(../images/icon_title.gif) 0 3px no-repeat;
}

h2 {
	padding:15px 0 0 35px;
	font-size:16px;
}

h3 {
	padding:0 0 0 35px;
	font-size:16px;
	font-style:italic;
}

/* text styling
----------------------------------------------------------------- */
div#content p, div#content ul {
	margin:15px 0;
	padding:0 0 0 35px;
	line-height:1.4em;
	
	text-align:text-align : left;
}

div#content div.mod p, div#content div.mod ul { padding: 0; } 
div#content div.mod h2 { padding:15px 0 0 0; }

div#content li {
	background:url(../images/bullet-ul.gif) 0 6px no-repeat;
	padding:0 0 10px 15px;
	font-size:12px;

}
div#content ul.form li {
	background:none;
	padding:0 0 10px 15px;
	font-size:12px;
	clear:both;
	height:25px;

}
div#content ul.form li label {
	width:110px;
	display:block;
	float: left;
	font-weight:bold;
}
div#content ul.form input {
	display: block;
	width: 180px;
	float: left;
}	
div#content div.checkbox {
	xwidth: 30px;
	xheight:15px;
	margin:2px 0 0 160px;
}
div#content div.checkbox input#button {
	margin-top:10px;
}



div#content table {
	border-left:solid 1px #ccc;
	border-bottom:solid 6px #ccc;
}

div#content th, div#content td {
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

div#content th, div#content td {
	padding:5px 8px;
	font-weight:bold;
	background:#ffcf00;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

div#content td {
	font-weight:normal;
	background:none;
	padding-top:10px;
	padding-bottom:15px;
}

div#content a.go {
	padding-left:0px;
	font-size:11px;
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}

div#content a.go:hover {
	text-decoration:underline;
}
/* footer
----------------------------------------------------------------- */
div#footer { font-size:11px; clear:both; }
div#footer div#copyright {
	text-align:center;
	color:#ccc;
}

div#footer ul { text-align:center; padding:20px 0; }

div#footer ul li {
	display:inline;
	margin:0 32px;
	font-variant:normal;
}

div#footer ul li a {
	color:#999;
	text-decoration:none;
}
div#footer ul li a:hover {
	border-bottom:solid 2px #ccc;
}
div#footer ul li a.active {
	color:#333;
	text-decoration:none;
	border-bottom:solid 2px #333;
}



/*	SEARCH
----------------------------------------------------------------- */
input#search_box {
	width:175px;
	border:solid 0 #ff0000;
	font-size:16px;
	padding:8px 0 7px;
	cursor:help;
}

input.noBG { background:url(../images/search_box_bg.gif) left center repeat-x; }

input.BG { background:url(../images/search_box_bg_text.gif) left center no-repeat; }