/* ----------------------------------------------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles  * Version: 0.9 modified SG & AC   www.simplifythecomplex.com
-------------------------------------------------------------------------------------------------------- */

@import url(reset.css);
@import url(typography974.css);
@import url(grid974sg.css);
@import url(forms.css);

body { background: #000; }

/* Container */
.container {position : relative; padding-top : 60px; margin-bottom:10px; }

/* =nav_main */
.nav-main { margin-right:0; }
#nav-main { position : absolute; top : 15px; right : 0px; list-style-type : none; margin : 0;  }
#nav-main li { font: normal 12px Calibri, Verdana, Arial, sans-serif; ; letter-spacing: 1px; float : left; margin-right : 10px; text-align : center; display : inline; margin-right : 20px; padding-right : 20px;  text-decoration:none; }
#nav-main a { color: #e9e9e9; display : block; padding : 6px 0; font-weight: normal; text-decoration:none; }
#nav-main li:hover { }
#nav-main a:hover { color: #fff; text-decoration:none;  }
#nav-main .last-main-nav { margin-right : 30px; padding-right: 0px ; }

/* =img-grid layout out the thumbnails in a grid */
.img-grid{ width:100%; margin:auto; margin-bottom: 10px; padding-bottom: 10px; overflow:hidden; position:relative; /* border: dotted ; color: fff; */ }
.img-grid li{ list-style-type:none; width:125px; height:125px; margin:9px 9px 0px 0; position:relative; float:left; display:inline; background:#000; }
.img-grid li a:hover{text-indent:0;/*IE6 need this to trigger :hover*/}
.img-grid a:hover img{ outline: solid 5px rgb(143,115,74); padding:0px ; }

/* =branding */
#branding { margin : 0 auto; padding : 0 ; }
#logo { float:left; margin: 43px 36px 0 50px; padding: 0 0 0 0; width : 200px; height : 200px; background : url(../images/eic-logo-june2010.png) no-repeat; text-indent : -9999px;  border:none; }
#logo a {display : block; height : 200px; border:none; }

/* =siteinfo */
#siteinfo { position : absolute; top : 625px; left : 0px; list-style-type : none; margin : 0;}
#siteinfo li { font-weight: bold; font-size: 10px; letter-spacing: .2em ; display : inline; float : left; margin-right : 10px; text-align : center; width: 160px; }
#siteinfo a { display : block; padding : 6px 0; text-transform : none; font-weight: normal; color: #e9e9e9; text-decoration:none; }
#siteinfo li .last-main-nav { margin-right : 0px; padding-right: 0px ; }

.form_fields{
	margin:0;
	padding:0;
}

form#contact input select{
	margin:0;
	padding:0;
}
#theMenu a:link, a:visited{
	font-size:12px;
	color:#777;
	text-decoration:none;
}
#theMenu a:hover, a:active{
	font-size:12px;
	color:#444;
	text-decoration:none;
}
#theMenu{
	list-style-type:none;
}

.contact_header{
	color:#777777;
	padding:0;
	margin:0;
}
.divide_img{
	width:100%;
	height:12px;
	background-image:url(../images/form_divide.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0;
	margin:0;
}
.divide_img_wide{
	width:100%;
	height:12px;
	background-image:url(../images/form_divide_wide.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0;
	margin:0;
}

.contact_us{
}
.contact_us input{
	border:1px solid #8f734a;
	width:250px;
	height:24px;
	padding:0 0 0 5px;	
	color:#666666;
	font-size:12px;
}

.contact_us select{
	border:1px solid #8f734a;
	width:250px;
	height:24px;
	padding:0 0 0 5px;
	color:#666666;
	font-size:12px;

}

.contact_us textarea{
	border:1px solid #8f734a;

}

html { 
min-height: 100%; 
margin-bottom: 1px; 
/* For Firefox 3.5 or later */ 
overflow: -moz-scrollbars-vertical !important; 
overflow-y: scroll; 
}