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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	background: #000;
}
#wrapper {
	width: 960px;
	height: 638px;
	margin: 0 auto;
	background: #fff;
}

a,
a:link,
a:visited{
color: #C00;	
text-decoration: none;
}

a:hover{
color: #900;
}


p{
padding: .5em 0;
line-height: 1.5em;
}

ul li{
	list-style-type: disc;
	margin-left: 15px;
	padding-bottom: .5em;
}
 

/*------Nav-------*/

#branding {
 	float: left;
	width: 240px;
	height: 638px;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 10px;
}  




img#logo{
	margin-top: 28px;
 }







/*============Main Navigation===========================================*/


#nav {
	height: 13px;
	width: 240px;
	float: left;
	margin-top: 30px;
	margin-bottom: 120px;
}
#nav li {
	float: left;
	display: block;
	width: 12px;
	height: 13px;
	margin-left: 30px;
}
#nav li a,  #nav li a:link,  #nav li a:visited {
	float: left;
	width: 12px;
	height: 13px;
	display: block;
	background: url(../images/circle.png) no-repeat top left;

	text-indent: -9999px;
 } 


#nav li a:hover {
	 
	background: url(../images/circle.png) no-repeat bottom left;
 
} 


#branding h4{
font-size: 1.1em;
font-weight: bold;
margin-top: 1em;
}

/*============Active States===========================================*/

 
body.the-company #nav li#company a, 
body.the-company #nav li#company a:link, 
body.the-company #nav li#company a:visited,

body.services #nav li#services a, 
body.services #nav li#services a:link, 
body.services #nav li#services a:visited,

body.clients #nav li#clients a, 
body.clients #nav li#clients a:link, 
body.clients #nav li#clients a:visited,

body.portfolio #nav li#portfolio a, 
body.portfolio #nav li#portfolio a:link, 
body.portfolio #nav li#portfolio a:visited,

body.contact #nav li#contact a, 
body.contact #nav li#contact a:link, 
body.contact #nav li#contact a:visited

{
	background: url(../images/circle.png) no-repeat bottom left;
}
 

/*------Content-------*/
#content{
	width: 360px;
	height: 638px;
 	overflow-y: scroll;
	float: left;
}

/*------Site Info-------*/

#site_info{
	width: 360px;
	height: 638px;
	float: right;
	text-align: right;
}
/*------Page images------*/

.the-company #site_info{
	background: url(../images/img_company.jpg) no-repeat top center;

}
.services #site_info{
	background: url(../images/img_services.jpg) no-repeat top center;

}
 .clients #site_info{
	background: url(../images/img_clients.jpg) no-repeat top center;

}
 .portfolio #site_info{
	background: url(../images/img_portfolio.jpg) no-repeat top center;

}

#home #site_info{
	background: url(../images/img_news.jpg) no-repeat top center;

}


 .contact #site_info{
	background: url(../images/img_contact.jpg) no-repeat top center;

}
 



#social_links{
display: block;
background: #fff;
padding: 5px 0;
height: 25px;
}


#social_links img{
padding: 0 2px;

 
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}	

#social_links img:hover{
 
 
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}




 

.the-company h2,
.services h2,
.clients h2,
.portfolio h2,
.contact h2
{
display: none;
}
 


#location{
margin-bottom: 20px;	
}


.copyright{
font-size: 8px;

}



#links{
	margin-top: 572px;
	background: #fff;
	width: 360px;
	padding: 10px 0;
	height: 11px;
 	
}


body.portfolio #links{
	margin-top: 0px;
}	


body.portfolio #content ul li{
	padding-top: 10px;
	padding-bottom: 10px;
 }	






 
#links ul li {
	float: left;
	padding-right: 1em;
	display: block;
}
#links  a, #links  a:link, #links  a:visited {
	color: #000;
	text-decoration: none;
	float: left;
	display: block;
}
#links ul#home_contact{
	float: left;
	 
}
 
 #links ul#location{
	float: right;
	 
}
 
 
 div.sociable{
background: #ebebeb; 
padding: 10px; 
border: 1px solid #ccc;

}
  
 
 div.sociable img{
	 margin: 5px;
 
 }
 
 
  
 div.sociable .sociable_tagline{
	 color: #900;
	 padding-bottom: 10px;
 }
 
 
 
 
 
 

/*------Posts-------*/

.post_single, #page_content, #news_title {
	padding: 1em;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: .5em;
}
h2 a, h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #000;
}
h2 a:hover {
	text-decoration: underline;
	color: #333;
}


#page_content h3{
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	padding: 1.5em 0 0 0;
 	margin-bottom: 1em;
}



#page_content p{
	padding: .5em 0;
}


strong{
	font-weight: bold;	
}







/****  Comments  ****************************/


#comments_template {
	border-top:1px solid #e3e3e3;
	margin-top:30px;
	padding: 20px;
}

#comments_template h3{
	font-size: 1.2em;
	padding: .5em 0;
}

textarea#data{
	margin-top: 1em;
width: 90%;
border: 2px solid #333;
padding: .5em;
font-family: Arial, Helvetica, sans-serif;
}

ol.commentlist {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ol.commentlist li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
ol.commentlist .avatar {
	position:absolute;
	top:0px;
	left:0px;
}
ol.commentlist small a {
	font-weight:normal;
	color:#999999;
}



ul.commentlist {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist li {
	margin:0px;
	padding:10px 0px 20px 60px;
	position:relative;
	list-style:none;
	border-bottom:1px solid #dedede;
}
ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #dedede;
}
ul.commentlist .commentmetadata {
	display:none;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}


/*------Footer-------*/


#footer {
	clear: both;
	 
}


#coolstuff{
display: block;
text-decoration: none;
font-weight: bold;
font-size: 1.5em;
margin: .5em 0 1em;
background: #000;
padding: .8em 0;
}


.collapse{
cursor: pointer;	
}