﻿body {
	background-color: #000;
	font-family: arial,verdana;
	font-size: 12px;
	margin: 5px auto;
	padding: 0px;
}
#main_container{
	position: relative;
	width: 960px;
	height: auto;
	margin: 1px auto;
	border: 0px solid #ccc;	
}
#header {
	position: relative;
	float: left;
	width: 100%;
	height: auto;	
	margin: 0;
	padding: 0;
	border: 0px solid #ccc;
}
#subheader {
	position: relative;
	float: left;	
	width: 100%;
	height: 150px;	
	margin: 0;
	padding: 0;
	border: 0px solid #ccc;
}
#ten{
	display: block;
	float: right; 
	width: 100px;
	height: 82px;
	background: url("../images/10-years.png") no-repeat 0 0;
	margin: 10px 60px 0 0px;		
	border: 0px solid #ccc;
}
/*start of menu*/
#menu_container{
	position: relative; 		
 	width: auto;
	height: 80px;
	margin: 1px 0;
	padding: 0 0 0 10px;	
	border: 0px solid #333; 	
}
#home
{
	display: block;
	float: left; 
	width: 95px;
	height: 80px;
	background: url("../images/menu/home.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#home:hover
{ 
	background-position: 0 -80px;
}
#home span
{
  position: absolute;
  top: -999em;
}
.home {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
#services
{
	display: block;
	float: left; 
	width: 120px;
	height: 80px;
	background: url("../images/menu/services.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#services:hover
{ 
	background-position: 0 -80px;
}
#services span
{
  position: absolute;
  top: -999em;
}
.services {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
#website_design
{
	display: block;
	float: left; 
	width: 190px;
	height: 80px;
	background: url("../images/menu/website_design.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#website_design:hover
{ 
	background-position: 0 -80px;
}
#website_design span
{
  position: absolute;
  top: -999em;
}
.website_design {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
#website_seo
{
	display: block;
	float: left; 
	width: 160px;
	height: 80px;
	background: url("../images/menu/website_seo.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#website_seo:hover
{ 
	background-position: 0 -80px;
}
#website_seo span
{
  position: absolute;
  top: -999em;
}
.website_seo {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
#website_portfolio
{
	display: block;
	float: left; 
	width: 220px;
	height: 80px;
	background: url("../images/menu/website_portfolio.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#website_portfolio:hover
{ 
	background-position: 0 -80px;
}
#website_portfolio span
{
  position: absolute;
  top: -999em;
}
.website_portfolio {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
#contact
{
	display: block;
	float: left; 
	width: 143px;
	height: 80px;
	background: url("../images/menu/contact.jpg") no-repeat 0 0;
	margin: 0 0 0 0px;		
	border: 0px solid #ccc;
}
#contact:hover
{ 
	background-position: 0 -80px;
}
#contact span
{
  position: absolute;
  top: -999em;
}
.contact {
	position:absolute;
	top:0px;
	left:17px;
	text-transform: uppercase;	
 	margin: 0;
 	padding: 0;	
}
/*end of menu*/

/*header_contact*/
#header_contact {
	width: auto;
	height: 80px;	
	margin: 0;
	padding: 0;
	border: 0px solid #ccc;
}
#contact_detail{
	background: url("../images/header_contact.jpg") no-repeat 0 0;
	display: block;
	width: 960px;
	height: 70px;	
	margin: 10px 0;
	padding: 0;
	border: 0px solid #ccc;
}

/*homepage*/
#home_content {
	width: 100%;
	height: auto;	
	margin: 0 0 0 0;
	padding: 0;
	border: 0px solid #ccc;
}
.container{
	position: relative; 		
	float: left;
 	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;	
	border: 0px solid #ccc; 	
}
.five {
	float: left;
	width:172px;
	height:369px;
	padding:0 20px 0 0;

}
.whatwedo div.five div {
	height:361px;
	width:172px;
	background-repeat: no-repeat;
}
		
.whatwedo div.five {
	height:450px;
	overflow: hidden;
	border: 0px solid #ccc;	
}

span.overlay {
	height:91px;
	width:172px;
	display: block;
	background: url(../images/grad_overlay.png) no-repeat;
	margin-bottom:-91px;
}
#left_header{
	float: left;
	width: 49%;
	height: 100px;
	margin: 0;
	padding:  0;	
	border: 1px solid #ccc; 	
}
#right_header{
	float: right;
	width: 49%;
	height: 100px;
	margin: 0;
	padding:  0;	
	border: 1px solid #ccc; 	
}
#locations-left-header{
	float: left;
	width: 395px;
	height: 350px;
	margin: 0;
	padding: 20px 0 0 0;	
	border: 0px solid #ccc; 	
}
#right-header{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	float: right;
	width: 395px;
	height: 280px;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc; 	
}
.location-header{
	float: center;
	width: 350px;
	height: 350px;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc; 	
}
div.headertitle{
	position: relative; 		
	float: right;
 	width: 300px;
	height: auto;
	margin: 100px 0 0 90px;
	padding: 0;	
	border: 0px solid #ccc; 	
}
div.menucontainer{
	position: relative; 		
	float: right;
 	width: 350px;
	height: auto;
	margin: 10px 0 0 100px;
	padding: 0;	
	border: 0px solid #ccc; 	
}
div.menu{
	position: relative; 		
	float: right;
 	width: 350px;
	height: 20px;
	margin: 0 20px 0 40px;
	padding: 0;	
 	border-bottom: 1px dotted #447b66;	
}
div.menu-desc{
	position: relative; 		
	float: right;
 	width: 240px;
	height: 25px;
	margin: -22px 0 15px 0;
	padding: 0;
	text-align: right;
	border: 0px solid #ccc;	
}
/* General Content */
.content {
	position:relative;
	width: 900px;
	height: 100%;	
	margin: 0;
	padding: 0 0 30px 0;
	border: 0px solid #ccc;
}
.center-content{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc; 	
}
.left-content{
	float: left;
	width: 430px;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc; 	
}
.right-content{
	float: right;
	width: 430px;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc; 	
}
.home-copy {
	float: right;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 0px solid #ccc;
}	
img.search-buttons {
	position: relative;
	float: left;
	width: 105px;
	height: 82px;
	margin: 5px;
	border: 0px solid #ccc;	
}
.contact-form{
	float: center;
	width: 50%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 auto 0 auto;	
 	border-bottom: 1px dotted #447b66; 	
}
/* location Content */


/* Footer */
#footer {
	clear: both; 
	position:relative;
	width: 800px;
	height: auto;	
	margin: 0 auto 0 auto;
	padding: 20px 30px 0 0;
	border: 0px solid #ccc;
}
#footer-menu{
	width: 400px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;	
	border: 0px solid #ccc; 	
}
#footer-content{
	width: 400px;
	text-align: center;
	margin: 10px auto 0 auto;
	padding: 0;	
	border: 0px solid #ccc; 	
}
/* Fonts */
a {
	color: #447b66;
	text-decoration: none;
}
a:link {
 	color: #447b66;
 	text-decoration: none;	
}
a:active {
 	color: #e1e1e1;
 	text-decoration: none;	
}
a:hover {
	color: #ccc;
}
p {
	font:12px verdana, tahoma, arial;
	color: #ccc;
	line-height:1.4;
 	text-align: justify;
	margin-left: 0;
}
ul {
	list-style-image: url('../images/mag.jpg');
	font:12px verdana, tahoma, arial;
	color : #a34b11;
	line-height:2;
 	text-align:left;
	font-weight: lighter;	
	margin:  0 0 0 5px;
	padding:  0;
 	border-bottom: 0px dotted #447b66;	
}
.mb {
 	font: 32px 'LeagueGothicRegular';
    color: #fff;	
}	
h1 { 
 	font-family : tahoma;
	font-size: 32px;	
 	text-align:left;	
	text-transform:capitalize;	
 	margin: 0px;
    text-shadow: 0px 1px 1px #4d4d4d;
    color: #ccc
}  
h2 {
 	font-family : tahoma;
	font-size: 16px;	
	text-align: left;
    color: #ccc;	
 	margin: 0;
 	padding: 0;
}
h3 {
 	font-family : Verdana,Arial,sans-serif;
	font-size: 12px;
 	font-weight : bold;
 	color : #b6d792;
	text-align: left;
	font-style: italic;	
 	margin: 5px 0;
 	padding: 7px 0;
}
.statement {
	font:18px verdana, tahoma, arial;
	color: #ccc;
	line-height:1.4;
 	text-align: justify;
	font-style: italic;	
	font-weight: lighter;	
	margin-left: 0;
}
.righttitle {
	clear: both;
	position: relative;
	float: right;	
 	font-family : Verdana,Arial,sans-serif;
	font-size: 12px;
 	font-weight : bold;
 	color : #b6d792;
	font-style: italic;	
 	margin: 0;
 	padding: 0;
	border: 0px solid #ccc;	
}
.contact {
	margin: 0;
 	color : #1c972b;
}
.advertise {
	margin: 150px 30px 0 0;
 	color : #4b1c97;	
}
.nav {
	display: block; 	
	font-family : arial, tahoma, verdana;
	font-size: 20px;	
 	color : #447b66;
	font-weight: lighter;
	margin: 0;
	padding: 0 0 0 12px;	
	border: 0px solid #ccc;
}
.nav-active {
	display: block;
	font-family : arial, tahoma, verdana;
	font-size: 20px;	
 	color : #447b66;
	font-weight: lighter;
	margin: 0;
	padding: 0 0 0 12px;
 	border-left: 4px solid #e95105;	
}
.nav-desc{
 	font-family : Verdana,Arial,sans-serif;
	font-size: 12px;
 	font-weight : bold;
 	color : #b6d792;
	text-align: right;
	font-style: italic;	
	margin: 0 0 0 50px;
	padding: 0;
} 
.nav-no {
 	font-family : arial, tahoma, verdana;
	font-size: 20px;	
 	color : #447b66;
	font-weight: lighter;
	text-align: right;
	margin: 0 0 0 160px;
 	padding: 0;
	border: 0px solid #ccc;		
}
.orange {
	clear: both;
 	color : #ee6b25;
	font-weight: lighter;
}
.blue {
	clear: both;
 	color : #3366cc;
	font-style: italic;	
	font-weight: lighter;
}
.blogs{
	clear: both;
	float:right;
	width: 49%;
	border: 1px solid #ccc;	
}
.blogs-img {
	width: 150px;
	margin:0 12px 0 0;
}
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
		
input.zoom_button {  }
input.zoom_searchbox {  }		
		
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }
	
.searchtime { font-size: 80%; }
		
.recommended 
{ 
background: #DFFFBF; 
border-top: 1px dotted #808080; 
border-bottom: 1px dotted #808080; 
margin-top: 15px; 
margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }

