/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	line-height: 12px;
	font-size: 11px;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
}
img { border: 0; }
p   { margin: 0 0 15px 0; }
a   {
	text-decoration: underline;
	color:#006699;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	color:#64aae1;
}
h1, h2, h3, h4, h5, form { margin: 0; }

/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 29px;
	position:absolute;
	top:100px;
	left:240px;
}
#nav li {
	float: left;
	}
#nav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 29px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("graphics/nav/matrix.gif");
	}
#nav li a:hover {background-color: gray;}
#bOne {background-position: 0 0; width: 131px;}#bOne:hover {background-position: 0 -29px;}#nav li.current #bOne {background-position: 0 -58px;}
#bTwo {background-position: -131px 0; width: 100px;}#bTwo:hover {background-position: -131px -29px;}#nav li.current #bTwo {background-position: -131px -58px;}
#bThree {background-position: -231px 0; width: 89px;}#bThree:hover {background-position: -231px -29px;}#nav li.current #bThree {background-position: -231px -58px;}
#bFour {background-position: -320px 0; width: 97px;}#bFour:hover {background-position: -320px -29px;}#nav li.current #bFour {background-position: -320px -58px;}
#bFive {background-position: -417px 0; width: 111px;}#bFive:hover {background-position: -417px -29px;}#nav li.current #bFive {background-position: -417px -58px;}
#bSix {background-position: -528px 0; width: 112px;}#bSix:hover {background-position: -528px -29px;}#nav li.current #bSix {background-position: -528px -58px;}

/* -- SECONDARY NAVIGATION -- */
#subNav {}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer {
	width:935px;
	position: relative;
	margin:auto;
	padding-left:50px;
	background: url(graphics/bg_container.gif) center repeat-y;
}

/* -- HEADER -- */
#header {
	background: url(graphics/bg_header.jpg);
	position: relative;
	width:880px;
	height:129px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.rightSlogan {
	position:absolute;
	left:655px;
	display: block;
	top:13px;
	}

/* -- BODY -- */
#home #contentArea {background: none;}
#contentArea {
	background: url(graphics/bg_content.gif) repeat-y;
	}
.flashArea {
	background: url(graphics/sample_flash.jpg);
	width:880px;
	height:335px;
	}
.pastProjects {
	background: url(graphics/bg_past_projects.jpg);
	height:84px;
	width:294px;
	border-right:solid 1px #fff;
	float:left;
	color:#626262;
	}
.currentProjects {
	background: url(graphics/bg_current_projects.jpg);
	width:294px;
	height:84px;
	color:#626262;
	border-right:solid 1px #fff;
	float:left;
	}
.forContractors {
	background: url(graphics/bg_for_contractors.jpg);
	width:290px;
	height:84px;
	float:left;
	color:#626262;
	}
	.forContractors ul {
		
		}
#welcomeBox {
	clear: both;
	height: 148px;
	}
.welcomeToScuka {
	background: url(graphics/bg_welcome_to.jpg);
	width:695px;
	height:148px;
	float:left;
	border-top:solid 1px #fff;
	}
.welcomeToScuka p {
	line-height:18px;
	width:450px;
	padding:40px 0 0 17px;
	}
.otherSites {
	background: url(graphics/bg_links.jpg);
	width:171px;
	height:143px;
	float:left;
	border-top:solid 1px #fff;
	padding:5px 0 0 14px;
	}

.pastProjects p, .currentProjects p {
	width:200px;
	padding: 33px 0 0px 18px;
	font-size: 11px;
	}

.forContractors p {
	padding:32px 0 0 15px;
	font-size:9px;
	width:125px;
	float:left;
	}
.contractNav {
	margin:0;
	padding:30px 0 0 18px;
	list-style:none;
	float:left;
	}
.contractNav li {
	background: url(graphics/bullet.gif) no-repeat left;
	padding:0 0 0 10px;
	line-height: 20px;
	margin:0 0 0 0;
	}
.contractNav li a {
	font-size:9px;
}

#h1 {
	background: url(graphics/bg_h1.jpg) no-repeat;
	height: 50px;
	width: 880px;
	border-bottom: 1px solid white;
	}
	#h1 h1 {
		font-size: 22px;
		color: #FFF;
		margin: 0 0 0 20px;
		height: 33px;
		line-height: 39px;
		}
		h1.replaceHeader {
			text-indent: -9999px;
			background-position: 0 15px;
			background-repeat: no-repeat;
			}
		#h_aboutUs { background-image: url(graphics/headers/h_about_us.gif); }
		#h_mission { background-image: url(graphics/headers/h_mission.gif); }
		#h_portfolio { background-image: url(graphics/headers/h_portfolio.gif); }
		#h_contactUs { background-image: url(graphics/headers/h_contact_us.gif); }
		#h_references { background-image: url(graphics/headers/h_references.gif); }
		#h_siteMap { background-image: url(graphics/headers/h_sitemap.gif); }
		#h_privacy { background-image: url(graphics/headers/h_privacy.gif); }
		#h_missing { background-image: url(graphics/headers/h_missing.gif); }
		#h_login { background-image: url(graphics/headers/h_login.gif); }
		#h_myAccount { background-image: url(graphics/headers/h_my_account.gif); }
		#h_tenderSignUp { background-image: url(graphics/headers/h_tender_sign_up.gif); }
		
#colLeft {
	line-height: 18px;
	width: 640px;
	float: left;
	font-size: 10px;
	color: #000;
	}
	#colLeft h2 { 
		font-size: 10px;
		margin-bottom: 3px;
		}
	#colLeft .padding { padding: 15px 20px; }
#colRight {
	width: 240px;
	float: left;
	}
	#photosBox { 
		background: url(graphics/bg_3_photos.gif) no-repeat;
		width: 196px;
		height: 393px;
		margin: 23px 0 17px 24px;
		}
		#photosBox img {
			border: 1px solid #d1c8b7;
			width: 175px;
			height: 118px;
			overflow: hidden;
			position: absolute;
			margin-left: 9px;
			}
		#photoBox1 { margin-top: 3px; }
		#photoBox2 { margin-top: 136px; }
		#photoBox3 { margin-top: 264px; }
		
#projectsBar {
	clear: both;
	height: 84px;
	width: 880px;
	border-top: 1px solid #FFF;
}

/* -- FOOTER -- */
#footer { 
	clear: both;
	background: url(graphics/bg_footer.jpg);
	width:880px;
	height:83px;
	border-top:solid 1px #fff;
}
#footer p {
	text-align: right;
	color:#7e807f;
	font-size:10px;
	padding:8px 15px 0 0;
	margin: 0;
	}
	#footer p #bLogin {
		color: #7e807f;
		}
#footerNav {
	list-style:none;
	margin:0;
	padding:9px 6px 0 0;
	float:right;
	}
#footerNav li {
	float:left;
	padding-right:12px;
	}
#footerNav li a {
	text-decoration: none;
	color:#fff;
	font-weight:normal;
	}
#footerNav li a:hover {
	text-decoration: underline;
	}


/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background:url(graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left:20px;
	line-height:20px;
	}
.siteMapList dd {	
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(graphics/sitemap_2nd.gif) no-repeat;
	}
.siteMapList dd a {	
	color: #666;
	text-decoration:none;
	}
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
img.floatLeft { margin: 0 10px 15px 0; }
img.floatRight { margin: 0 0 15px 10px; }
.clearBoth { clear: both }

/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

#loginForm {
	border: 1px solid #CCC;
	background: #F0F0F0;
	padding: 10px;
	width: 250px;
	}
	#loginForm p {
		height: 15px;
		}
	#loginForm label {
		float: left;
		color: #666666;
		width: 65px;
		font-weight: bold;
		text-align: right;
		}
		#loginForm .inputText {
			width: 170px;
			}
		#loginForm input { float: right; }

		
/* -------------------------------------------------
| FORM STYLES
+ --------------------------------------------------- */

.required {
	color: #933;
	}

.formDefault {
	
	}
	.formDefault fieldset {
		border: none;
		margin-top: 10px;
		}
	
		.formDefault legend {
			font-weight: bold;
			margin: 0;
			color: #333;
			}
			div.fieldsetBg {
				border-style: solid solid none solid;
				border-width: 1px;
				border-color: #C7C7C7;
				background: #ececec;
				padding: 10px 0 0 0;
				margin-bottom: 10px;
				width: 470px;
				}
		.formDefault table {
			width: 100%;
			margin: 5px 0 0 0;
			}
			.formDefault th {
				text-align: right;
				width: 125px;
				vertical-align: top;
				}
			.formDefault td, .formDefault th {
				padding: 4px 8px;
				color: #333;
				border-bottom: 1px solid #D5D5D5;
				}
			.formDefault tr.dottedTop th, .formDefault tr.dottedTop td {
				}
		.formDefault h2 {
			margin: 5px;
			}
		.formDefault .inputText {
			width: 250px;
			}
			.formDefault .inputOther {
				width: 215px;
				}
			.formDefault .inputTextarea {
				width: 250px;
				height: 100px;
				}
			.formDefault .inputSelect {
				width: 256px;
				}

			#references .fieldsetBg {
				border-style: solid;
				background-position: 20px 50%;
				background-repeat: no-repeat;
				padding: 5px 0;}
				#references table td, #references table th {
					border:none;
					padding: 2px 8px;
					}
					#ref1 {background-image:  url(graphics/bg_ref1.gif)}
					#ref2 {background-image:  url(graphics/bg_ref2.gif)}
					#ref3 {background-image:  url(graphics/bg_ref3.gif)}
					#ref4 {background-image:  url(graphics/bg_ref4.gif)}
					#ref5 {background-image:  url(graphics/bg_ref5.gif)}
	.formSubmitRow {
		padding-bottom: 20px;
		width: 470px;
		text-align: right;
		}
		
		#missionStatement {
			text-align: center;
			font-size: 14px;
			font-style: italic;
			margin-top: 50px;
			font-weight: bold;
			color: #333;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			.employee {
				height: 200px;
				padding-right: 20px;
				margin: 0 0 30px 0;
				clear: both;
				}
			.employee img {
				float: left;
				margin-right: 15px;
				}