@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
}
div.clear {
    clear:both;
	
}
#logo-header {
	float:left;
	width:800px;
	height:135px;
	background-image:url(/images/stratacution-header.jpg);
	background-repeat:no-repeat;
	}
#login {
	float:left;
	width:250px;
	height:20px;
	margin:110px 0 0 550px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

ul {
	list-style-type:none;
}
#powlogo {
	float:left;
	width:271px;
	height:100px;
	
	background:url(/images/pow.png) no-repeat;
	text-indent:-9999px;
	margin:10px 0 0 20px;
    opacity:0.5;filter:alpha(opacity=50);
}

#phone {
	float:right;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:17px;
	font-weight:bold;
	margin:80px 10px 0 0;
	}
	

	/*HEADER*/

#header {
	width:800px;
	height:135px;
	margin:10px 0 0  0 auto;
	-webkit-box-shadow: 0px 3px 6px #666;
	-moz-box-shadow: 0px 3px 6px #666;
	box-shadow: 0px 3px 6px #666;
}


/* navigation */
#nav {
	float:left;
	position:relative;
	width:800px;
	height:28px;
	z-index:10;
	background-color: #000;
	color:#FFF;
   -webkit-box-shadow: 0px 3px 6px #666;
	-moz-box-shadow: 0px 3px 6px #666;
	box-shadow: 0px 3px 6px #666;
}

#subNav {
	
	position:relative;

	height:28px;
	z-index:10;
	background-color: #609ac3;
	color:#FFF;
   -webkit-box-shadow: 0px 3px 3px #666;
	-moz-box-shadow: 0px 3px 3px #666;
	box-shadow: 0px 3px 3px #666;
}

#nav li {
	float:left;
}
#nav li a {
	display:block;
	height:20px;
	text-decoration:none;
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	width:100px;
	padding:4px 4px 4px 10px;
	
}

#nav a:hover {
	color:#fff;
	font-size:16px;
	text-decoration:none;
	background-color:#F00;
	
}
/* subnav */
#nav li ul{
	position:absolute;
	top:-999em;
	left:-9999em;
	z-index:9999;
}

#nav li:hover ul, #nav li.over ul { 
	left:0;

}
#nav li ul.sub_nav {
	position:absolute;
	top:20px;
	width:200px;
	overflow:hidden;
	z-index:9999;
	padding:20 0 12px 0;
    margin-top:10px;
	-webkit-box-shadow: 0px 5px 5px #666;
	-moz-box-shadow: 0px 5px 5px #d6d6d6;
}
ul#nav li ul.sub_nav li a {
	color:#fff;
	width:200px;
	background:#000;
	float:left;
	font-size:12px;
	height:20px;
	padding:5px 5px;
	text-decoration:none;
	text-indent:0;
	-webkit-box-shadow: 0px 10px 10px #666;
	-moz-box-shadow: 0px 10px 10px #d6d6d6;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	border-left:solid 1px #999;

}

#nav li ul.sub_nav li a:hover {
	border:0;
	color:#fff;
	background:#F00;
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:200px;

}
#nav li ul.services {
	margin-left:227px;
	margin-top:8px;
}
#nav li ul.projects {
	margin-left:571px;
}
ul#nav li ul.sub_nav.projects li a, ul#nav li ul.sub_nav.about li a {
	width:172px;
}

#nav li ul.about {
	margin-left:189px;
}