/* This is where you can override the default styles to fit with the site design */

body {
	color: #000;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Trebuchet MS, Helvetica, Arial, Verdana;
	font-size: 12px;
}

.header h1 {
	background:transparent url(../images/logo.jpg) repeat scroll 0 0;
	float:left;
	height:140px;
	margin:0 0 0 0;
	text-indent:-3000px;
	width:230px;
}

a img {
	border: 0;
}

h2 {
	color:#10593a;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}

h3 {
	margin:0 0 15px 0;
	padding:0px 0 0 0;
	color:#10593A;
	font-size: 16px;
}

h4 {
	color:#1f9664;
	font-size: 
}

p {
	margin: 0 0 10px 0;
	font-size: 13px;
}


hr{ 
border-color:#1F9664;
border-style:none none dashed;
border-width:1px;
height:1px;
margin:20px 0;
width:95%;

}

.site_wrapper {
	margin:0px;
	text-align:left;
	width:980px;
	float: left;
}

.three_column_layout .columns_wrapper {
	float:right;
	width:770px;
}

.main_content .visual_padding {
	padding:0px !important;
}

.header {
	height: 115px;
}

.media {
	float: right;
	clear:right;
	margin-top: 70px;
}


*html .media {
	float: right;
	clear:none;
}

.printer {
	float: right;
	clear: right;
	padding:0 0 10px 0;
}

.printer a {
	color: #1f9664;
	font-size: 12px;
	text-decoration: none;
}

.twitter {
	float:left;
	clear: right;
	padding:0 0 10px 0;
}

.twitter a {
	color: #1f9664;
	font-size: 12px;
	text-decoration: none;
}


.arrow {
	float: right;
	clear: right;
	padding:0px;
}


.top_content {
	background-color: #888;
}

.three_column_layout .left_column {
	margin-left:20px;
	margin-top:30px;
	width:147px;
}

.three_column_layout .main_content {
	width:770px;
	background-image: url(../images/logo_footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:50px;
	border-bottom:solid 1px #1f9664;
}

.three_column_layout .main_content a {
	color:#1f9664;
	text-decoration:none;
	font-weight:bold;
}

.three_column_layout .main_content a:hover {
	text-decoration:underline;
}

.three_column_layout .right_column {
	background-color: #eee;
}

.footer {
	width:770px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	margin-left:210px;
}

.f_nav {
	float:left;
	padding-left:230px;
}

.f_nav ul li {
	clear:left;
	float:left;
	list-style-type:none;
	
	font-weight:normal;
}

.f_nav a {
	color:#1f9664;
	font-family:Trebuchet MS, Helvetica, Arial, Verdana;
	text-decoration:none !important;
	margin:0px;
	font-weight:normal;
}

.f_nav a:hover {
	color:#1f9664;
	font-family:Trebuchet MS, Helvetica, Arial, Verdana;
	text-decoration:none;
	margin:0px;
	font-weight:normal;
}

.artavia {
	float:left;
	width:575px;
	padding-top:30px
}


.accord {
	float:right;
	clear:right;
	
}
.accord p{
	float: right !important;
	
}

.accord a, .accord a:link, .accord a:visited {
color: #1F9664;
text-decoration: none;

}

.accord a:hover {
color: #10593A ;
text-decoration: none;


}


.v_nav {
	width: 147px;
}

.v_nav ul {
	width: 147px;
}

.v_nav ul li {
	width: 147px;
}

.v_nav ul li a {
	background-color: none;
	border-bottom: none;
	padding-left: 15px;
	font-weight: bold;
	font-size: 16px;
	width: 147px;
	padding-top: 4px;
	padding-bottom: 5px;
}

.v_nav ul li a.curr_page {
	color: #10593a !important;
	background: url(../images/bullet.jpg) no-repeat center left;
}

.v_nav ul li a:link, .v_nav ul li a:visited {
	color: #1f9664;
	background-color: none;
	font-family:Trebuchet MS, Helvetica, Arial, Verdana;
}

.v_nav ul li a:hover {
	color: #10593a;
	font-weight:bold;
	text-decoration:none;
	list-style:circle;
}

.h_nav ul {
	background-color: #036;
}

.h_nav ul li a {
	background-color: #036;
	border-right: 1px solid #fff;
}

.h_nav ul li a:link, .h_nav ul li a:visited {
	color: #eee;
}

.h_nav ul li a:hover {
	background-color: #369;
	color: #fff;
}

/* ====================================================================================== product_info */
 
.panel_service img{
	float: left;
	margin-right:20px;
	margin-bottom:40px;
}

.panel_service p {
	font-weight: normal;
	font-size: 13px;
}

.panel_service{
	padding: 10px 20px 10px 0;
	float: left;
	width:770px;
}

.panel_service div {
	float: left;
	width: 590px;
}

.panel_service div p {
	margin-top: 0;
	font-size: 14px;
}

.panel_service div p strong {
	font-size: 15px;
}

.panel_performance_main{
	float: left;
	width:500px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.panel_performance{
	float: left;
	width:260px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #51C695;
}

.panel{
	float:left;
	margin:20px 0 0 15px;
	width:220px;
}

.panel_nopad{
	padding: 20px 0px 0px 0px;
	float: left;
	width:220px;
	height:215px;
	margin-left: 15px;
}

*html .panel_nopad{
	height:245px;
}

.panel_agencies_nopad{
	padding: 0px;
	float: right;
	width:235px;
}

div.panel_contact{
	padding: 0 8px 0 0;
	float: left;
	width:235px;
}

div.panel_contact2{
	padding: 0;
	float: left;
	width:256px;
}

.panel_contact2 p{
	padding: 10px 0px 0px 0;
}

.panel_contact p{
	padding: 10px 0px 0px 10px;
}

.email{
	clear: left;
	float: left;
	width:400px;
	padding-left:10px;
}

div.panel_contact_nopad {
	padding: 0px;
	float: right;
	width:256px;
}

.panel_contact_nopad p{
	padding: 240px 0 0 25px;
}

div.image_thumbs{
	float: left;
	clear: left;
}

#panel_container {
	position: relative;
}

#scroll {
	overflow: auto;
	width: 770px;
	height: 170px;
	overflow-x:hidden;
	overflow-y:auto;
	float: left;
}

#scroll_container h2 {
	font-size: 25px;
	margin-bottom: 0 !important;
}

.panel_contact a:focus, 
.panel_agencies_nopad a:focus {
	outline: none;
}

.panel_service p {
	text-align: justify;
}

.agencies .panel_contact a, 
.panel_agencies_nopad a {
	text-indent: -99999px;
	float: left;
	width: 251px;
	height: 189px;
	background: url(../images/agencies_all.png) no-repeat scroll 0 0;
}

div.artavia, div.mkh, div.conrad {
	width: 251px;
}

#panel_container .artavia a {
	background-position: -7px -208px;
} 

#panel_container .artavia a.active,
#panel_container .artavia a:hover {
	background-position: -7px -8px;
} 

#panel_container .conrad a {
	background-position: -271px -208px;
} 

#panel_container .conrad a.active,
#panel_container .conrad a:hover {
	background-position: -271px -8px;
} 

#panel_container .mkh a {
	background-position: -536px -208px;
} 

#panel_container .mkh a.active,
#panel_container .mkh a:hover {
	background-position: -536px -8px;
} 

ul.panel_contact {
	margin: 0;
	padding: 0;
}

.panel_contact li a {
	float: left;
	height:150px;
	width:77px;
	background: url(../images/team_all.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.panel_contact li.bobwalton a {
	background-position: -17px -180px;
}

.panel_contact li.bobwalton a.active,
.panel_contact li.bobwalton a:hover {
	background-position: -17px -21px;
}

.panel_contact li.davidsitwell a {
	background-position: -97px -180px;
}

.panel_contact li.davidsitwell a.active,
.panel_contact li.davidsitwell a:hover {
	background-position: -97px -20px;
}

.panel_contact li.peterclark a {
	background-position: -177px -180px;
}

.panel_contact li.peterclark a.active,
.panel_contact li.peterclark a:hover {
	background-position: -177px -20px;
}

.panel_contact li.scotryan a {
	background-position: -257px -180px;
}

.panel_contact li.scotryan a.active,
.panel_contact li.scotryan a:hover {
	background-position: -257px -20px;
}

.panel_contact li.vincentsitwell a {
	background-position: -337px -180px;
}

.panel_contact li.vincentsitwell a.active,
.panel_contact li.vincentsitwell a:hover {
	background-position: -337px -20px;
}

.panel_contact li.colinlock a {
	background-position: -417px -180px;
}

.panel_contact li.colinlock a.active,
.panel_contact li.colinlock a:hover {
	background-position: -417px -20px;
}

.panel_contact li.sallywinfield a {
	background-position: -497px -180px;
}

.panel_contact li.sallywinfield a.active,
.panel_contact li.sallywinfield a:hover {
	background-position: -497px -20px;
}

.panel_contact li.steveholder a {
	background-position: -577px -180px;
}

.panel_contact li.steveholder a.active,
.panel_contact li.steveholder a:hover {
	background-position: -577px -20px;
}

.panel_contact li.martinarnold a {
	background-position: -735px -180px;
}

.panel_contact li.martinarnold a.active,
.panel_contact li.martinarnold a:hover {
	background-position: -735px -20px;
}

.panel_contact li.davidgoodman a {
	background-position: -657px -180px;
}

.panel_contact li.davidgoodman a.active,
.panel_contact li.davidgoodman a:hover {
	background-position: -657px -20px;
}

.panel_contact li {
	list-style: none;
	padding:0;
	margin: 0;
	float: left;
}

.panel_service span {
	color: #10593a;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	display:block;
}

p.green_p {
	color: #10593a;
	font-weight: bold;
	font-size: 14px;
}

.feature_panel {
	width: 690px;
	background: url(../images/feature_panel.png) no-repeat;
	padding: 45px 15px 10px 15px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.feature_panel p {
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

img.logo {
	float: left;
}

.feature_panel h2 {
	display: none;
}

.blank {
	display: none;
}

div.variations {
	width: 368px;
}

div.variations img {
	margin-bottom: 20px;
}

.variations p {
	clear: both;
	width: 368px;
}

.agency {
float: left;

}

.agency a{
font-size: 13px;
color:#10593a !important;
margin:  0 !important;
}

.agency a:visited{
font-size: 13px;
color:#10593a !important;
margin:0 !important;
}

.agency a:hover{
font-size: 13px;
color:#10593a !important;
margin:  0 !important;
}



.agency h3{
color: #1f9664;
margin: 10px 0 7px 0;

}
