/*
CSS - Print & Etch & PNE Graphics
*/

@import "forms.css";

* {
	padding: 0;
	margin: 0;}

img {
	border:none;}

body {
	margin: 0;
	padding: 0;
	background: #000;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;}

p, h1 {
	padding:0 0 20px 0;}

#container {
	margin: 0 auto;
	padding: 0;
	width: 762px;
	background:#fbfbfb;}
	
#header {
	padding:20px 0 0 19px;
	color:#e6e6e6;
	font-size:1.4em;
	background:#000;
	width:743px;}
	
#header-left {
	float:left;
	padding:0 0 19px 17px;
	width:313px;}
	
#header-right {
	width:300px;
	float:right;
	padding:5px 14px 0 0;
	text-align:right;}

.icon_fb { margin-top:10px; padding:0px; margin-right: -15px;}
.like { float:right; width: 100px;  }
.send { float:left; width: 100px;  }

.header-grey {
	color:#737373;}

#navigation {
	width:752px;
	height:46px;
	background:url(../images/nav/bg.gif) repeat-x top;
	padding:0 0 0 10px;}

#nav { height:38px; padding:8px 0 0 0;}
#nav { list-style-type:none; }
#nav li { float:left; }
#nav li a {	height:38px; display:block; text-decoration:none; margin:0 19px 0 13px;} 
#nav li a:hover { background-position:0 -38px !important; } 
#nav li.active a { background-position:0 -38px !important; }

#nav li#home a {	background:url(../images/nav/home.gif);	width:46px; }
#nav li#capabilities-services a { background:url(../images/nav/capabilities-services.gif); width:175px; }
#nav li#gallery a {	background:url(../images/nav/gallery.gif); width:71px; }
#nav li#contact a {	background:url(../images/nav/contact.gif); width:72px; }
#nav li.divider {	background:url(../images/nav/divider.gif) no-repeat top; width:2px; height:38px;}


.hidden {display:none;}


#nav li { position:relative;}
#nav li:hover ul, #nav li.sfhover ul  { display:block; text-align:center; width:120px;}
#nav li ul { position:absolute; left:-15px; top:38px; display:none; list-style-type:none;}
#nav li ul a { background:#aaa!important;padding:5px 0 5px 0; height:12px; width:200px; line-height:12px; border-bottom:1px solid #999; color:#000;}
#nav li ul a:hover { background:#333!important; color:#fff;} 

#nav li ul li a.capabilities { width:210px!important;}
#nav li ul li a.gallery { width:106px!important;}

#flash-left {
	float:left;
	width:381px;}

#flash-right {
	float:left;
	width:381px;}

#content {
	padding:34px 20px;
	font-size:1.4em;
	color:#737373;}
	
#content-left {
	width:432px;
	float:left;}

#content a {
	color:#5a8ed4;
	text-decoration:none;}
	
#content a:hover {
	text-decoration:underline;}

#content-right {
	width:270px;
	float:right;}

#content ul {
	list-style-type:none;
	padding:0 0 20px 20px;}

#content li {
	background:url(../images/star.gif) no-repeat 0px 3px;
	padding:0 0 0 20px;}

#footer {
	width:722px;
	margin:0 10px;
	border-top:1px solid #d7d7d7;
	padding:20px 10px 20px 10px;
	color:#737373;
	font-size:1.2em;
	line-height:30px;
	text-align:center;}

#footer a {
	color:#737373;
	text-decoration:underline;}
	
#footer a:hover {
	text-decoration:none;}

#map {
	width:410px;
	border:1px solid #ddd;
	margin:10px 0 0 0;}

.gallery-row {
	width:722px;
	padding:0 0 10px 0;}

.gallery-pic {
	width:100px;
	padding:5px;
	float:left;
	border:1px solid #bbb;
	margin:0 7px 0 0;}

h1.index {
	background:url(../images/intro-text.gif);
	width:432px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 0;}

/*CLEARFIX */

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */