@charset "utf-8";

/*#####################################
#######################################
	   
client:		EML
agency:		akikodesign.com
version:	v1.0
creator:	steven holt

colors:		blue 			#005c96
			text grey	 	#3e3e3e
			orange			#ff9c18

#######################################
#####################################*/

@import url("reset.css");

/* 		 SETUP  
#####################*/
body {
	font-size:75%; 
	font-family: Arial, sans-serif; 
	background:#fff; 
	color:#3e3e3e; 
	padding: 0;
}
.bold {
	font-weight:bold;
}
.indent {
	margin-left:20px;
}

#wrapper {
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin: 0;
}

#content {
	margin: 0px auto 0px auto;
	padding: 0 0 30px 0;
	width:800px;
	overflow: hidden;
	height:auto;
}

h1 { 
	font-size: 185%; 
	font-weight:normal; 
	color:#005c96;
}

h2, #main #left h2 { 
	font-size: 100%; 
	font-weight:bold; 
	color:#3e3e3e; 
}

h3, #main #left h3 { 
	font-size: 90%; 
	font-weight:bold; 
	font-style:italic;
	color:#3e3e3e; 
}

#main #left li {
	background:transparent url(../img/nav_arrow.gif) no-repeat scroll 0px center;
	border-bottom:1px solid #D9D9D9;
	margin:0px;
	padding:10px 0px 10px 27px;
}


#main {
}

#main #nav {
	float:left;
	height:34px;
	width: 510px;
	margin: 0 8px 0 24px; 
	display:inline;
}

#main #left {
	float:left;
	width:480px;
	margin: 30px 24px 30px 14px;
	display:inline;
}

#main #wide {
	float:left;
	width:740px;
	margin: 30px 24px 10px 14px;
	display:inline;
}
#main #left p, #main #left h1, #main #left h2, #main #left h3, #main #wide p, #main #wide h1, #main #wide h2, #main #wide h3 {
	line-height:16pt;
}

#main #left .quote {
	font-style:italic;
	color:#005c96; 
	line-height:16pt;
}

#main #right {
	margin:-24px 0 30px 0;
	float:right;
	width:218px;
	display:inline;
}

/*  HEADER
######################*/
#header {
	height:188px;
}
#header #logo{
	height:69px;
	width:124px;
	float:left;
}
#header #strapline{
	height:72px;
	width:332px;
	float:right;
}
#header #banner{
	float:left;	
	height:107px;
	width:811px;
	margin: 8px 0 0 -5px;
}

/*  STAFF PHOTOS 
######################*/
#main #left .staffpix {
	width:140px;
	height:140px;
	float:left;
	margin: 20px 18px 0 0;
	border:1px solid #D9D9D9;
}
#main #wide .staff {
	float:left;
	width:160px;
	margin-right:20px;
	margin-top:20px;
	min-height:370px; height:auto !important; height:370px;
	border-bottom:1px solid #D9D9D9;
}
#main #wide .staff p{	
	width:120px;
	font-size:90%;
}
#main #wide .staff h2{	
}
#main #wide .staff h3{	
}

#main #wide .staff .staffpix {
	width:140px;
	height:140px;
	border:1px solid #D9D9D9;
}

#main .breadcrumb {
	font-size: 85%;
	padding:10px 0 10px 0;	
	color:#005c96;
}
#main .active {
	color:#005c96;
}

/*  SMALL CLIENT LOGO 
######################*/
#main #left .smalllogo {
	width:100px;
	height:45px;
	float:left;
	margin: 20px 18px 0 0;
	border:1px solid #D9D9D9;
}
#main #wide .client {
	float:left;
	width:160px;
	margin-right:20px;
	margin-top:20px;
	min-height:195px; height:auto !important; height:195px;
	border-bottom:1px solid #D9D9D9;
}
#main #wide .client p{	
	width:120px;
	font-size:90%;
}
#main #wide .client h2{	
}
#main #wide .client .smalllogo {
	width:100px;
	height:45px;
	border:1px solid #D9D9D9;
}

#main .breadcrumb {
	font-size: 85%;
	padding:10px 0 10px 0;	
	color:#005c96;
}
#main .active {
	color:#005c96;
}

/*  HOME
######################*/

#main #right .focusitem{
	width:182px;
	height:auto;
	border-top: #ff9c18 1px solid;
	padding: 20px 7px 7px 7px;
}

#main .focusitem h1 { 
	font-size: 135%; 
	font-weight:600; 
	color:#005c96; 
	padding-bottom:5px;
}

#main .lastitem{
	border-bottom: #ff9c18 1px solid;
}

#main .focusitem .image {
	width:182px;
	height:80px;
	margin: 10px 0 10px 0;
}

#main .focusitem .clickhere {
	font-size: 85%;
	padding:10px 0 10px 0;	
	text-align:right;
}
#main .focusitem .clickhere a {
	text-decoration: none; 
	color:#ff9c18;
}
#main .focusitem .clickhere a:hover {
	text-decoration: underline;
	color:#ff9c18;
	cursor: pointer;
}
#main #bottom {
	clear:both;
	margin: 20px 24px 20px 24px;
	width: 770px;
	color: #000;
}

#main #bottom .bottomitem{
	width:166px;
	height:133px;
	background:url(../img/home_bottomlink.gif) no-repeat;
	margin:25px 0 0 0;
	padding: 14px 18px 0 7px;
	float:left;
}

#main #bottom .image{
	position:absolute;
	width:166px;
	height:80px;
	
}

#main #bottom .bottomitem h1{
	font-size: 135%; 
	font-weight:600; 
	color:#ff9c18; 
	padding-bottom:5px;
}
#main  a {
	text-decoration: none; 
	color:#ff9c18;
}
#main  a:hover {
	text-decoration: underline;
	color:#ff9c18;
	cursor: pointer;
}

/*      TESTIMONIAL RIGHT
####################*/

#main #right .testimonial{
	width:182px;
	height:auto;
	padding: 20px 7px 7px 7px;
	display:inline;
}

#main #right .testimonial .image {	
	width:140px;
	height:140px;
	margin: 0 0 0 20px;
}
#main #right .testimonial .quote {
	width:182px;
	margin: 10px 0 0 0;	
}
#main #right .testimonial .quote p {
	font-style:italic;
	color:#005c96; 
	line-height:16pt;
}

/*      TESTIMONIALS
####################*/

#main #bottom .testimonial{
	width: 770px;
	height: 140px;
	margin-top:24px;
}
#main #left .testimonial{
	width:480px;
	height:auto;
	clear:both;
}

#main #bottom .testimonial .image, #main #left .testimonial .image {
	float:left;
	display:inline;
}
#main #bottom .testimonial .quote {	
	float:right;
	width:582px;
	margin: 10px 20px 0 160px;	
	display:inline;
}

#main #left .testimonial .quote {	
	float:right;
	width:300px;
	margin: 0px 20px 0 20;	
	display:inline;
}

#main #bottom .testimonial .quote p, #main #left .testimonial .quote p {
	font-style:italic;
	color:#005c96; 
	line-height:16pt;
}

#main #left .testimonial .teamtext {	
	float:right;
	width:300px;
	margin: 10px 20px 0 0;	
	display:inline;
}

#main #left .testimonial .teamtext p {
	color:#005c96; 
	line-height:16pt;
}

#main #bottom .focusitem{
	width:212px;
	min-height:97px; height:auto !important; height:97px;
	border-top: #ff9c18 1px solid;
	border-bottom: #ff9c18 1px solid;
	margin:25px 18px 0 0;
	padding: 14px 18px 7px 7px;
	float:left;
}



/* 		PRIMENAV
####################*/
#primenav {
	background: #fff; 
	width: 520px; 
	height:45px; 
	float: left;  
	padding-top:6px;
	display:inline;
}
#primenav li {
	line-height: 14px; 
	float:left;  
	font-family: Arial, Verdana, serif; 
	font-weight:bold; 
	font-size:125%;
	background-image: url(../img/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 10px 0 12px;
	border-bottom:none;
}
#primenav li a {
	text-decoration: none; 
	color: #005c96;
}
#primenav a:hover, #primenav li.over a, #primenav li.over {
	color: #005c96;
	text-decoration: underline; 
	cursor: pointer;
}
#primenav .active {
	color: #999999;
}

/* 		SUBNAV
####################*/
#subnav {
	background: #fff; 
	width: 520px; 
	float: left;  
	padding-top:6px;
	border-top: #9f9f9f 1px solid;
	margin-top:-16px;
	display:inline;
}
#subnav li {
	line-height: 14px; 
	float:left;  
	font-family: Arial, Verdana, serif; 
	font-weight:bold; 
	font-size:90%;
	padding: 4px 25px 0 0;
	border-bottom:none;
}
#subnav li a {
	text-decoration: none; 
	color: #ff9c18
}
#subnav a:hover, #subnav li.over a, #subnav li.over {
	color: #ff9c18;
	text-decoration: underline; 
	cursor: pointer;
}


/*  FOOTER
######################*/
#footer {
	clear:both;
	margin:0 48px 0 24px;
	border-top: #005c96 2px solid;
	width: 752px;
	height:40px;
	color: #005c96;
}
#footer a {
	text-decoration: none; 
	color: #005c96;
}
#footer a:hover {
	text-decoration: underline;
	color: #005c96;
	cursor: pointer;
}
#left, #wide {
	padding: 10px 0 0 10px;
	float:left;
}
#right {
	padding: 10px 10px 0 0;
	float:right;
}

/* 		CLEAR FIX  
########################*/
.clear:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */