/*
Theme Name: JA360
Theme URI: http://edbair.com/
Description: Making good thintergs better.
Version: 1.0
Author: Ed Bair (Christian Genaehr)

*/


body	{
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;	
	margin:0 auto 0px auto;
	background:#CCCCCC;
	color:white;
	}

/*	divs	*/

div.biotext, div.clientstext, div.servicetext, div.visiontext	{
	padding:30px 60px;
	line-height:1.4;
	}
	
div.casestudiestext	{
	padding:30px 60px 0 60px;
	line-height:1.4;
	}
	
div.colleaguestext	{
	padding:0 0 0 0px;
	margin:0;
	float:right;
	}	
	
div.colleague	{
 	padding:30px 40px 30px 60px;
	margin-right:62px;
	line-height:1.4;
	}	
	
div.colleaguephoto	{
	width:122px;
	margin:0 10px 34px 0px;
	float:left;
	
	}
div.colleaguetwo		{
	min-height:30px;
	}
		
div.clear	{
	clear:both;
	}
	
div.container	{
	width:900px;
	background:#0066cc;
	margin:0px auto 0px auto;
	padding:0;
	}
	
div.contacttext	{
	line-height:1.4;
	padding:30px 60px 120px 60px;
	}
	
div.content	{
	/*clear:both;*/
	}

div.footer	{
	background:black;
	border-top:4px solid red;
	margin-top:20px;
/*	margin-bottom:10px;	*/
	}
	
div.indextext	{
	width:480px;
	font-size:smaller;
	display:inline-block;
	margin-top:60px;
	}	
	
div.leftcol	{
	width:350px;	
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	
	}
	
div.linkstext	{
	padding:30px 60px;
	}
		
div.logo	{
	margin:40px 0px  0px 80px;
	width:300px;
	}
	
div.logosmall	{
	float:right;
	margin-right:60px;
	margin-left:40px;
	width:150px;
	}
	
div.portrait	{
	margin:60px 0px 0px 60px;
	width:250px;
	}
	
div.smallbook	{
/*	margin:15px 40px 15px 800px;	*/
	padding-left:820px;
	padding-top:20px;
	padding-bottom:20px;
	}
	
/*  navigation */
	
div.navigation	{
	border-bottom: 1px solid white;
	min-width:900px;
	text-align:center;	/* *** */
}
	
ul.nav	{
	list-style-type: none;
	padding:10px 0 10px 0;	
	margin:0;	/*	this fixed IE7	*/
/*	display:table;	*/
/*	width:100%;	*/	/* this fixed FFX Mac */
}

ul.nav li { 
	margin: 0;
	padding:10px 0 10px 0;	/*	this fixed IE7	*/
	display: inline;	
/*	float:left;				********
	displsy:block;	*/
	}			

.nav a	{
	text-decoration: none;
	color:white;
	background-color: #0066cc;
	padding:8px 21px 8px 21px; 
	font-weight:bold;
	}

.nav a:hover	{
	background:#0066ff;
	padding:8px 21px 8px 21px; 
	}

.nav a:focus	{
	border:none;
	}
	
#current a	{
	color:yellow;
	}
	
	<!-- End Navigation -->	
	
	<!--pragraph styles	-->
	
p.italic	{
	font-style:italic;
	}
	
p.colleagues, p.casestudies, p.quote, p.bio 	{
	text-align:justify;
	line-height:1.25;
	font-size:smaller;
	width:90%;
	margin-left:30px;
	}
	
p.colleagues	{
	width:590px;
	margin:0px;
	oadding:0;
	}
	
p.casestudiesindent 	{
	text-align:justify;
	line-height:1.25;
	font-size:smaller;
	width:80%;
	margin-left:70px;
	}
	
p.services, p.vision	{
	text-align:justify;
	line-height:1.25;
	font-size:smaller;
	width:90%;
	margin-left:30px;
	}
	
p.servicesitalic	{
	font-style:italic;
	text-align:justify;
	line-height:1.25;
	font-size:14px;
	color:yellow;
	}
	
p.bold	{
	font-weight:bold;
	}
	
p.contact	{
	margin:30px ;
	}
	
p.contacttwo	{
	margin:30px 30px 30px 60px ;
	}
	
p.index, p.printlink	{
	line-height:1.25;
	margin:0 60px 25px 60px;
	}
	
p.links	{
	text-align:justify;
	line-height:1.25;
	font-size:smaller;
	}
	
p.title	{
	font-size:larger;
	padding-top:270px;
	font-weight:bold;
	}
	
p.indexbold	{
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	margin-top:20px;
	font-size:14px;
	}
	
p.indexcenter	{
	text-align:center;
	line-height:1.4;
	margin-top:20px;
	font-size:13px;
	}
		
ul.clients	{
	list-style-type: square;
	}	
	
ul.services	{
	list-style-type: square;
	font-size:smaller;
	margin:0 30px 0 30px;
	}
	
ul.links	{
	list-style-type:none;
	font-size:smaller;
	}
	
ul.services li,	ul.clients li, ul.links li	{
	padding:10px 0px 10px 0;
	}
	
ul.clients li	{
	padding:5px 0px 5px 0;
	}

ul.links li	{
	text-align:justify;
	}
	
ul.links li a	{
	color:yellow;
	text-decoration:none;
	font-size:14px;
	}

div.contacttext a	{
	color:yellow;
	padding:0;
	margin:0;
	}
	
ul.links li a:hover	{
	background:#0066ff;
	margin:20px 0;
	}
	
p.contact a	{
	color:white;
	}
	
 p.printlink a	{
 	color:white;
	font-size:smaller;
	}
	
p.contact a:hover	{
	color:yellow;
	}
	
.casestudiestext h4	{
	color:white;
	}
	
hr	{
	color:solid ipx #666666;
	}

.casestudiestext a	{
	padding:0;
	margin:0;
	color:yellow;
	text-decoration:none;
	}
	
#yellow	{
	color:yellow;
	}
	
p.edbair	{
	font-size:smaller;
	padding-left:20px;
	}
	
p.edbair a	{
	text-decoration:none;
	color:yellow;
	}
	
/*	<!-- [if IE 7]>

<style type="text/css">
	
ul.nav	{
	padding: 0;	
	list-style-type: none;
	margin:10px 0 10px 0;
	border-bottom: 4px solid black;
	display:table;
	width:100%;
	}

ul.nav li { 
	margin: 0;
	padding:10px 0 10px 0;	
	float:left;
	displsy:block;
	background:green;
	}			
	
	 </style>
	<![endif]-->	*/