body{	
	margin: 5px;
	padding: 0px;
    padding-top: 12px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
  
}
#wrapper{
	width:1000px;
	margin:auto;
	float:center;
}
/* HEADERS PARAGRAPHS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

h1.welcome{
	font:1.0em normal Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:0;
	font-weight:normal;
}

h1{

	font:1.3em normal Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:0;
	font-weight:normal;
}

h2{
	text-transform:uppercase;
	font:0.7em Arial, Helvetica, sans-serif;
	margin:10px 0 15px 0;
	padding:0;
	font-weight:bold;
}

h3{
}

h4{
}

h5{
}

p, li, a{
	font-size:0.7em;
	line-height:1.4em;
}
p a{
	font-size:1em;
}
a, a:visited, a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover{
	color:#6EEF05;
}

/* @end */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header{
	width:1000px;
	height:80px;
	
}

#logo{
	float:left;
}
#email a{
	background:url(../../images/btn_email.gif) no-repeat;
	width:191px;
	height:13px;
	background-position:top left;
	float:right;
	display:block;
	
}
#email a:hover{
	background-position:left -13px ;
}

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer{
	float:left;
	clear:both;
	margin:20px 0 0;
	text-align:right;
	width:1000px;
}

/* @end */



/* NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav{
	float:right;
	width:960px;
	margin:10px 0 0 0;
}

#nav ul{
	margin:0;
	padding:0;
	float:right;
}

#nav li{
	list-style:none;
	float:left;
}

#nav a, #nav a:visited, #nav a:active{
	color:#ffffff;
	text-decoration:none;
	font-size:1.1em;
	text-transform:uppercase;
}

#nav a:hover{
	color:#336666;
}

#nav li span{
	display:block;
	float:left;
	color:#999;
	margin:1px 8px;
}

/* @end */

/* @end */

/* MAIN CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main_container{
	width:1000px;
	float:left;
}

#main_content{
	width:730px;
	float:left;
    padding-left:10px;
}

#flashcontent{
	width:710px;
    height:405px;
	float:top;
    padding-left:10px;
}

#main_content ul{
	margin:0 0 12px 12px;
	padding:0;
}

#portfoliobox{
    padding-top:5px;
    height:38px;
    background-color:#336666;
    border-color:6EEF05;
    text-align:center;
    color:#000000;
    text-decoration:none;
    }

#portfoliobox2{
    padding-top:3px;
    height:18px;
    background-color:#336666;
    border-color:##FFFF00;
    text-align:center;
    color:#000000;
    }
    
#main_content li{
	margin:0 0 6px 0;
}

.home_feature{
	width:220px;
	float:left;
}
.home_middle{
	float:left;
	margin:0 12px;
	width:220px;
}

.news_item{
	margin:0 0 20px 0;
	position:relative;
	border-bottom:1px solid #333;
	padding:0 0 10px 0;
}

.column_main{
	float:left;
	width:500px;
    margin-left:8px;
    margin-top:2px;
}

.column_right{
	float:right;
	padding-left:20px;
	width:210px;
	
}

.featuredgallery{
	float:left;
	padding-left:20px;
	width:220px;
	
}
.highlight{
	background-color:#999999;
}

.date{
	width:30px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
}

.date p{

}

.date span{

}

.post-info {
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	margin:0;
	padding:5px 0;
	text-transform:uppercase;
	font-size:0.7em;
}
.post-info a{

	font-size:0.9em;
	margin:0 0 0 4px;
}

h2.news{
	text-transform:uppercase;
	font-size:0.9em;
	margin:0 0 12px;
	
}
.news_readall{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	margin:0;
	padding:5px 0 8px 0;
	
}
#contact_form{
	margin:20px 0 0 0;
}

*:first-child+html #contact_form p span{
	width:130px;
	display:block;
	float:none;
	padding:0;

}
#contact_form input{
	margin: 0 0 14px 0;
}

#contact_form p{
	width:130px;
	display:block;
	float:left;
	margin:0;
}

#contact_form textarea{
	height:160px;
	margin:0 0 10px;
	width:319px;
}
#contact_form table td{
	vertical-align:top
}
.photo_grid{
	width:525px;
	margin:12px 0 0 0;
}
.photo_grid img{
	float:left;
	
}
.case_study_feat{
	float:left;
	width:175px;
	margin:0 10px 0 0;
}
/* @end */

/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#sidebar{
	float:left;
	width:270px;
    
	}
#subnav{
	float:left;
	width:250px;
    color: #FFFFFF;
    
}

#subnav ul{
	margin:0;
	padding:0;
}

#subnav li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px;
}

#subnav ul li ul{
	margin:12px 0 0 0;
}

#subnav ul li ul li{
	float:none;
}

#subnav li li a{
	color:#999999 !important;
}
#subnav li li a:hover{
	color:#6EEF05 !important;
}

#subnav a, #subnav a:visited, #subnav a:active{
	color:#6EEF05;
	text-decoration:none;
	font-size:1.8em;
	text-transform:uppercase;
}

#subnav a:hover{
	color:#336666;
}

.linkahp{
    font-size:0.4em;
    float:left;
	color: #000000;
    
}

/* @end */

/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

hr{
}

/* CLEAR FLOATED ITEMS
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* @end */
