/* 
STYLE.CSS
AUTHOR - metal@flat.com
DATE   - May, 2008
NOTES  - 
	
	This layout and stylesheet uses an em based configuration with a ratio of 1.0em => 10px
	
	Colors used:
	#f5f5f5 : grey_light
			- body background
			
	#f2f2f2 : grey_light
			- used in forms (blur state), used in search results
			
	#c8c8c8 : grey_dark
			- used in borders
			
	#0199fe : cyan
			- used in a:hover, a.on, .client_info, 
			
	#ecf7ff : cyan_light
			- used in forms (focus state)
	
*/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES - this will zero things out and prep the font size for 'em' based relations */

::selection {
	background-color: #333;
	color: #fff;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

html {
	font-size: 100%; /* failsafe for IE6 */
}

body {
	font-family: Arial, Helvetica, Verdana, san serif;
	font-family: Geneva, Verdana, Arial, Helvetica, san serif;
	font-size: 62.5%; /* this will render a default 16pt font as 10px ( 10px/16 * 100% = 62.5), thus 1em == 10px */
	color: #333;
	margin: 0;
	padding: 0;
	background: #ffffff url() repeat-x fixed;
	overflow: -moz-scrollbars-vertical;
}

html>body {
	font-size: 10px; /* ignored by IE6, recognized by Firefox, Safari, IE7, Opera */
}

/* this will zero out unwanted or expected borders and margins....unless specified later */
img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ------------------------------------------------------------------------------------------------------- */
/* COMMON ELEMENTS */

h1, b.h1 {
	padding: 0 !important;
	margin: 0 0 .9em 0;
	font-size: 2.0em;
}

h2, b.h2 {
	padding: 0 !important;
	margin: 0 0 0.7em 0;
	font-size: 1.6em;
}

h3, b.h3 {
	padding: 0 !important;
	margin: 0;
	font-size: 1.2em;
}

hr {
	margin: 0.5em 0 1.5em 0;
	border-top: 0.1em solid #333;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0.1em;
}

p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}


a, a:link, a:visited {
	margin: 0px -2px;
	padding: 0px 2px;
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover, a.on {
	margin: 0px -2px;
	padding: 0px 2px;
	color: #fff;
	background-color: #333;
	text-decoration: none;
}

a.nohover, a.nohover:link, a.nohover:hover, a.nohover:visited {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}


.clearfloats {
	height: 0.1em;
	margin-top: -0.1em;
	clear: both;
}


/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT AND LAYOUTS */

#body_container {							/* yeilds 800 without borders */
	width: 82.0em;
}

#body_interior {							/* yeilds 800 with padding */
	width: 78.0em;
	padding: 2.0em 2.0em;
	min-height: 50.0em;
}

#body_header {								/* yeilds 810 without borders */
	width: 76.0em;
}
	
	#header_logo {
		
	}
		
		#logo_scope_art {
			height: 4.5em;
			width: 27.5em;
		}
	
		#logo_scope_fair {
			height: 2.9em;
			width: auto;
		}
		
		
	#header_navigation {
		position: relative;
		height: 3.6em;
		margin-bottom: 0.4em;
		overflow: hidden;
	}

		
		.header_nav {
			margin-right: 1.0em;
			float: left;
			overflow: hidden;
		}
		
		.header_nav a, .header_nav a:link, .header_nav a:visited {
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		
		.header_nav a:hover, .header_nav a.nav_on {
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		
		.header_nav a img, .header_nav a.nav_on img {
			height: 7.2em;
			width: atuo;
		}
		
		.header_nav a:hover img, .header_nav a.nav_on img {
			position: relative;
			top: -3.6em;
		}
		
		
		
#body_content {
	margin-bottom: 2.0em;
}
	
	#content_navigation {
		width: 15.0em;
		margin-right: 2.0em;
		overflow: hidden;
		float: left;
	}
		
		.content_nav  {
			margin: 0;
			padding: 0;
			margin-bottom: 0.7em;
		}
		
		.content_nav a, .content_nav a:link, .content_nav a:visited {
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		
		.content_nav a:hover, .content_nav a.nav_on {
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		
		.content_nav a img, .content_nav a.nav_on img {
			height: auto;
			width: 30.0em;
		}
		
		.content_nav a:hover img, .content_nav a.nav_on img {
			position: relative;
			left: -15.0em;
		}
		
	#content_area {
		width: 59.0em;
		float: left;
	}
	
	
	
	
#body_footer {
	border-top:solid 0.1em #333;
}

	#footer_area {
		padding: 0.5em 0.0em;
	}
	
	a.footer {
		text-transform: uppercase;
	}



/* --------------------------------------------------------------------------------------------- */
/* HOMEPAGE */
.current_container {		// container
	position: relative;
	width: 43.0em;
	margin: 0 2.0em 0 0;
	float:left;
}
.current_smoke_wrap {
	position: absolute;
	top: 0; left:0;
	z-index: 3;
	height: 54.0em;
	width: 100%;
	display: block;
}
.current_smoke_spacer {
	position: absolute;
	top: 0; left:0;
	z-index: 2;
	height: 54.0em;
	width: 100%;
}
.current_smoke {
	position: absolute;
	top: 0; left:0;
	z-index: 1;
	height: 54.0em;
	width: 100%;
	background-image: url('../img/trans_white_60.png');
}

.smoke_wrap {
	position: absolute;
	top: 0; left:0;
	z-index: 3;
	height: 23.0em;
	width: 100%;
	display: block;
}
.smoke_spacer {
	position: absolute;
	top: 0; left:0;
	z-index: 2;
	height: 23.0em;
	width: 100%;
}
.smoke {
	position: absolute;
	top: 0; left:0;
	z-index: 1;
	height: 23.0em;
	width: 100%;
	background-image: url('../img/trans_white_60.png');
}


/* --------------------------------------------------------------------------------------------- */
/* FORM CLASS */
input[type=text], input[type=password], input[type=file], textarea, .multiple { 
	padding: .3em;
/*	width: 100%;		*/
	width: 34.0em;
	color: #333;
	background: #fff;
	border: 1px solid #bbb;
	outline: none;
}

input[type=submit], input[type=button], input[type=checkbox], input[type=radio] { 
	padding: .3em;
	color: #333;
	background: #fff;
	border: 1px solid #bbb;
	outline: none;
}

input[type=submit], input[type=button] {
	cursor: pointer !important;
}

input[type=checkbox], input[type=radio] { 
	border: none !important;
}

select { 
	color: #333;
	background: #fff;
	border: 1px solid #bbb;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=submit]:focus, input[type=button]:focus, select:focus, textarea:focus, .multiple:focus { 
	background: #eee;
	border:1px solid #000;
}

.form_row {
	margin-bottom: 1.0em;
}

.form_label {
	font-size: 1.1em;
	color: inherit;
}

.form_required {
	font-size: 1.1em;
	color: #f00;
}

.form_checkbox {
	font-size: 1.1em;
	width: 14.0em;
	float: left;
}

.disabled {
	color: #f30;
}