/* - - - - - - - - - - - - - - - - - - - - -

 Title :Humanology 360 css
 Author : Lakeshia Burnside of b.side designs
 URL : http://bsidedesigns.net

 Last Updated : 12/14/09

- - - - - - - - - - - - - - - - - - - - - */




/************General Styles*************/

*{
	padding:0;
	margin:0;
	}
	
body{
	background:url(../images/body_bg.jpg) #dfedf6 repeat-x;}
img{
	border:0;}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#696363;
	line-height:1.2em;
	padding: 0 10px 0 10px;}
.p2{line-height:1.5em;
	}
.cropimg{
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:5px;}
	

/************Layout Styles*************/
#wrapper{
	background:url(../images/burst_bg.jpg) top center no-repeat;
	width:100%;
	height:100%}

#container{
	width:960px;
	margin:0 auto;
	border:0px solid red;}
	
	
/************Header Styles*************/

#header{
	width:960px;
	height:100px;
	overflow:hidden;}
	
#logo{
	width:355px;
	float:left;
	background:url(../images/humanology360_logo.png) no-repeat top center;
	height:91px;}
#logo h1{
	text-indent:-999px;}
	

	
/************Navigation Styles*************/
#nav{
	width:387px;
	float:right;
	height:100px;
	background:url(../images/nav.png) no-repeat;}

#nav span{ visibility:hidden;}
	
#nav li, #nav a {
height:100px;
display:block;
text-decoration:none;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#home{width:91px;}
#sol{ width:91px;}
#com{width:91px;}
#cont{width:97px;}

#home a:hover, #welcome .on {background:url(../images/nav.png) 0px -100px no-repeat; }

#sol a:hover, #solution .on{background:url(../images/nav.png) -94px -100px no-repeat;}

#com a:hover, #company .on{background:url(../images/nav.png) -192px -100px no-repeat;}

#cont a:hover, #contact .on{background:url(../images/nav.png) -289px -100px no-repeat;}
/************Content Styles*************/

.leftborder{
	border-left:1px solid #a0b2bf;}
	
.rightborder{
	border-right:1px solid #a0b2bf;}

#heading{
	padding-left:15px;}

#leftcol{
	width:615px;
	padding:0 10px 0 10px;
	margin:20px 0px 0 20px;
		
	}
 h2{
	color:#2d94e4;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-top:15px;}
	
 .list{
	padding:15px;}	
.list li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#696363;
	margin-left:20px;
	background:transparent url(../images/arrow_green.png) no-repeat scroll 0 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0 5px 20px;}
#rightcol{
	
	width:315px;
	padding:10px;
	float:right;
	margin:10px 0 10px 0;}
.narrowp1{
	line-height:1.6em;
	font-size:12px;}
h3{
	color:#2d94e4;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-top:15px;}
	
h4{
	color:#2d94e4;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
	}
	
/************Borders Styles*************/	
#conent_top{
	background:url(../images/top_991.png) no-repeat top center;
	width:991px;
	height:17px;
	margin-top:30px;}
	
	
#conent_middle {
background-color:#FFFFFF;
margin-left:1px;
overflow:hidden;
width:990px;
}
	
#conent_bottom{
	background: url(../images/bottom_991.png) no-repeat top center;
	width:991px;
	height:21px;}
	
/************Contact Styles*************/



.brochure{ 
color:#2d94e4;
font-size:14px;
padding:7px 31px 10px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/pdf_icon.jpg) no-repeat left center;}

.brochure { text-decoration:none;}
.brochure :hover{ font-weight:bold;}

input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
.contact {text-align:left;}
#contactFormArea  p { display:block;
padding-bottom:4px;}
.contact .fields {
	width:350px;
	}
.contact textarea {width:350px;}
.information li{ list-style:none;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#696363;}

.information li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#696363;
	text-decoration:none;
	list-style:none;}
	
.information li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#696363;
	text-decoration:none;
	}
	
	.information{
		width:300px;}
	
	.information dt {
		clear:left;
		color:#333;
		float:left;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin-bottom:7px;
		width:80px;
}
.information dd {
	/*float:left;*/
	margin-bottom:7px;
}
.information li {
line-height:20px;
margin-bottom:0;}

.information * {
margin-bottom:20px;
}
	
/************Tabs Styles*************/	



/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	padding:0 0 0 15px;
	width:250px;
	
}

/* single tab */
ul.tabs li { 
	display:block;	 
	text-indent:0;
	margin:0 !important;
	list-style-image:none !important; 
	border-bottom:1px solid #a0b2bf;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font: lighter 12px arial;
	display:block;
	padding:5px 0;
	color: #5a5454;
	text-align:left;	
	text-decoration:none;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	
	color:#5a5454;
	font-weight:bold;
	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#5a5454;
	font-weight:bold;
	outline:none;
	
}

/************Footer Styles*************/
#bside{
	float:right;
	display:none;}
#hu360{
	float:right;
	margin-right:100px;}
#footer{
	width:960px;
	margin:0 auto;
	padding:10px;
	border-top:0px solid #a0b2bf;
	margin-top:10px;}
#footer p{
	padding-top:5px;}
#footer li{
	display:inline;
	padding-right:5px;
	padding-left:5px;}
#footer  a{
	color:#696363;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
#footer  a:hover{
	color:#a0b2bf;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}