/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
	border:none; list-style:none;
}

body {
	background:#0e0e0e url('../images/bg.gif') left top repeat-y;
	font:11px Arial, Helvetica, sans-serif;
	color:#d5d5d5;
}

p { margin:12px 0; }

a {
	color:#fff;
	text-decoration:none;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}
a:hover { color:#c83d00; }
a img { border:0; }

.small { font-size: 90%; }

.alignLeft {
float: left;
margin: 0 12px 2px 0;
border:3px solid #e1e1e1;
}

.alignRight {
float: right;
margin: 0 0 2px 12px;
border:3px solid #e1e1e1;
}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

/* LEVEL ONE */

#nav { margin-bottom:62px; }
	#nav li {
		position:relative; display:block;
		height:27px;
		margin-bottom:3px;
		font-size:15px; font-style:italic;
		background:url('../images/nav-div.gif') bottom repeat-x;
	}
	#nav li.last { background:none; }	
	#nav li a, #nav li a:visited {
		display:block;
		height:21px;
		padding:2px 0 0 58px;
		color:#fff5c4;
		background:url('../images/nav-arrow.gif') no-repeat left;
	}
	#nav li a:hover { color:#fff; }
	#nav li span.shadow { top:2px; left:2px; color:#5c1109; padding:2px 0 0 58px; }
	#nav li.sd { position:relative; }
	#nav li.sd span { position:relative; }
	#nav li span.shadow { position:absolute; }

	
/* LEVEL TWO */
#nav ul ul {  }
	#nav li li {  }
	#nav li li a {  }
	#nav li li a:hover {  }

	
/* LEVEL THREE */
#nav ul ul ul {  }
#nav li:hover ul ul, #nav li.sfhover ul ul {  }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.hover { position: static; } /* fixes IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap { width:920px; }
#wrap * { position:relative;  }


#footer, #push {  } 
/* push and footer need to be the same height - specify height on footer if padding is added */

#header { 
	display:block; clear:both;
	height:102px;
	padding-top:28px;
}
	#header h1 a { 
		left:58px;
		float:left;
		width:114px; height:89px;
		background:url('../images/logo-criterion.gif') no-repeat;
		overflow:hidden; text-indent:-2000px;
	}
	#header .col { width:690px; float:right; text-align:right; }
	#header ul { display:block; clear:both; float:right; }
	#header li { display:block; float:left; }
	#header #address { margin-bottom:52px; }
		#header #address li {
			color:#c83d00;
			border-left:1px solid #a20000;
			padding-left:16px; margin-left:16px; }
		#header #address li.adr { text-align:right; border:none; }
	
	#header #contractors li {
		float:right;
		font-weight:700; font-style:italic;
		border-left:1px solid #fff;
		padding-left: 18px; margin-left:8px;
	}
	#header #contractors li.first { border:none; }
	#header #contractors li a, #header #contractors li a:visited { color:#fff; }
	
#titlebar h2 {
		float:left;
		width:374px; height:28px;
		background:url('../images/criterionautomation.gif') center no-repeat;
		overflow:hidden; text-indent:-2000px;
		text-align: center;
	}
#titlebar ul { float:right; top:8px; }
#titlebar li { display:inline; margin-left:16px; }
#titlebar li a, #titlebar li a:visited { font-weight:700; }

#rightcol {
	z-index:1; top:-64px;
	float:left;
	width:230px;
	padding-top:190px;
	background:url('../images/bg-colleft.jpg') no-repeat top;
}
	#logos { width:169px; margin:auto; }
		#logos li {
			display:block; float:left;
			width:70px; height:66px;
			margin:6px;
			border:1px solid #d5d5d5;
		}
		#logos li:hover { border:1px solid #51110a; }
	#brochure { 
		display:block; clear:both;
		padding:56px 0 0 16px;
		font:14px "Myriad Pro", Trebuchet, Arial;
		font-weight:700;
		color:#fff;
	}
		#brochure a {
			display:block;
			width:115px; height:35px;
			background:url('../images/adobereader.gif') no-repeat;
			overflow:hidden; text-indent:-2000px;
		}
		
#content {
	float:right;
	width:626px;
	padding:32px;
	line-height: 1.6em;
}

	#news li { 
		display:block; float:left;
		width:206px;
		margin-right:46px;
	}
	#news li h3 { font-size:12px; font-weight:700; }
	

#footer {
	display:block; clear:both;
	margin:18px 0 0 16px;
	font:9px Verdana, Arial; line-height:16px;
}
	#footer span {
		display:block;
		font:12px "Century Gothic", Arial;
		text-transform:uppercase;
	}

.divline-dot {
	display:block; clear:both;
	height:1px;
	margin:36px 0;
	background:url('../images/divline1.gif') repeat-x;
}
	

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table.main {
	width: 920px;
	border-collapse: collapse;
}

table.titlebar {
	width: 920px;
	border-collapse: collapse;
}

td.headleft {
	width: 230px;
	vertical-align: top;
	text-align: left;
}

td.headright {
	width: 690px;
	vertical-align: top;
	text-align: right;
}


table.header {
	border-collapse: collapse;
}


td.contact {
	padding: 5px;
	color:#c83d00;
	text-align: right;
	font-size: 13px;	
}

td.contractors {
	padding: 5px;
	color:#fff;
	text-align: right;
	font-size: 10px;
}

td.navright {
	width: 690px;
	vertical-align: top;
	text-align: left;
}

td.navleft {
	width: 230px;
	background:url('../images/sidebg.gif') no-repeat;
	vertical-align: top;
	text-align: left;
	padding-top: 130px;
}

td.title {
	width: 920px;
	height: 63px;
	background:url('../images/titlebg.gif') no-repeat;
	vertical-align: top;
	text-align: left;
	padding: 0px;
}

td.titleleft {
	width: 50%;
	height: 63px;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 60px;
}
td.titleright {
	width: 50%;
	height: 63px;
	vertical-align: middle;
	text-align: right;
	font-size:11px;
	padding: 0 20px 0 0;
}


/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#search input.textbox {  }
#search input.button {  }


/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 {  }
h4 { 
	height:20px;
	margin-bottom:22px;
	font-size:18px; text-transform:uppercase;
	overflow:hidden; text-indent:-2000px;
}
	h4.t-aboutus {
		width:106px;
		background:url('../images/t-aboutus.gif') no-repeat;
	}
	h4.t-latestnews {
		width:145px; 
		background:url('../images/t-latestnews.gif') no-repeat;
	}


/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */