﻿*  {margin:0;padding:0}
body {font:10pt Arial, Verdana, sans serif; line-height:1.3em; color:#000}a {color: #0055AA}

a img {border:none}
img.left {float:left;margin: 15px 10px 10px 1px;border:2px solid #ADADAD}
img.right {
	float: right;
	margin: 5px 10px 10px 10px;
	border: 2px solid #ADADAD;
}
a.map img:hover {border:2px solid #CC0000}
a.map img  {border:2px solid #ADADAD}

a {color: #0055AA; text-decoration: none;}
a:hover {color: #CC0000; text-decoration: underline;}
a:active {color: #CC0000}

p {margin:10px 0 5px 0}

#head.page {
	height: 162px;
	background: repeat-x;
	background-image: url('images/Header.gif')}
#navigate.small {
	background: no-repeat;
	width: 920px;
	margin: 0 auto;
	height: 162px;
	background-image: url('images/header-graphic7.jpg')}

#menu {margin-top:79px;float:right}
#menu ul {font-size:18px}
#menu li{display:block;float:left;margin:0}

#nav a {color:#fff;text-decoration:none;display: block}
#nav a:hover {text-decoration:underline}

#nav, #nav ul {padding: 0;margin: 0;list-style: none}

#nav li { float: left}

#nav li.home a{
	height: 63px;
	background: no-repeat;
	width: 77px;
	margin-right: 0;
	padding: 63px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url('images/home-tab.jpg')}

#nav li.home a:hover{background-position: 0 -63px}
#nav li.home.active a {background-position: 0 -126px}

#nav li.services a.parent{
	height: 63px;
	background: no-repeat;
	width: 96px;
	margin-right: 0;
	padding: 63px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url('images/service-tab.jpg')}

#nav li.services a.parent:hover{background-position: 0 -63px}
#nav li.services.active a.parent {
	background-position: 0 -126px;
}

#nav li.about a.parent{
	height: 63px;
	background: no-repeat;
	width: 112px;
	margin-right: 0;
	padding: 63px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url('images/aboutus-tab.jpg')}

#nav li.about a.parent:hover{background-position: 0 -63px}
#nav li.about.active a.parent {background-position: 0 -126px}

#nav li.gallery a{
	height: 63px;
	background: no-repeat;
	width: 89px;
	margin-right: 0;
	padding: 63px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url('images/gallery-tab.jpg')}

#nav li.gallery a:hover{background-position: 0 -63px}
#nav li.gallery.active a {background-position: 0 -126px}

#nav li.contact a{
	height: 63px;
	background: no-repeat;
	width: 89px;
	margin-right: 0;
	padding: 63px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url('images/contact-tab.jpg')}

#nav li.contact a:hover{background-position: 0 -63px}
#nav li.contact.active a {background-position: 0 -126px}

#nav li ul {position: absolute;width: 15em;left: -999em}
#nav li:hover ul {left: auto}

#nav ul.sub a {line-height:1.3em;padding-left:10px;padding-bottom:5px;width:225px;z-index: 50;font-size:0.8em}
#nav ul.sub {margin-top:0;width:225px;background-color:#323232;border-left:1px solid #686868;border-right:1px solid #686868;border-bottom:1px solid #686868;padding:10px 0 7px 0;}

#nav ul.about {margin-left:0px;width:180px}
#nav li ul ul {margin: -1em 0 0 10em;background-color:#D9CCB2}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; line-height: 1}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto}

#main {padding:25px 0 30px 0; margin:0 auto;width:920px;clear:both}

.home-page-content {width:620px;float:left;clear:left;padding:0 0 25px 0}
.content {width:620px;min-height:600px;float:left;clear:left;padding:0 0 25px 0}
.content ul {list-style-position:inside}
.content li {margin:0 0 3px 20px}

h1 {font-size:1.8em;margin:0 0 20px 0;color:#000;}
h2 {font-size:1.3em;margin:25px 0 -5px 0;color:#CC0000}
h3 {font-size:1.2em;margin:10px 0 10px 0;color:#000;font-weight:bold}

h2.photos {font-size:1.3em;margin:25px 0 5px 0;color:#CC0000;}	

#main h2 a {font: bold 13pt;color: #003E9B;text-decoration: none;margin: 20px 0 -10px 0;}
#main h2 a:visited {color:#003E9B;text-decoration:none}
#main h2 a:hover, a:active {color:#003E9B;text-decoration:underline}

#highlight {clear: both;font-size: 0.9em;background: no-repeat;height: 607px;margin: 20px 0 20px 0;background-image: url('images/highlight2.gif');}
#highlight .detail {width:200px;float:left;padding:24px 30px 12px 0}
#highlight .detail2 {width:200px;float:left;padding:24px 30px 12px 0;margin-left:0px}

#highlight h3 {font-size:1.3em;margin:0 0 8px 0;font-weight:bold}
#highlight h3 a {color:#555;text-decoration:none}
#highlight p {margin:3px 0 3px 0}
#highlight img {border:2px solid #444}

form p {margin-left:40px}
form label {width:200px;text-align:right;float:left}
form h3 {color:#555;margin-top:20px}
form input {padding:2px}
.required {color:red}

blockquote {margin:10px 30px 20px 20px;padding:0 0 10px 0;border-bottom:1px solid #999}
blockquote h3 {font-size:1.1em;margin:10px 0 0 0}
blockquote p {margin:0 0 10px 0}

.sidebar {width:227px;float:right;padding:0 0 20px 0}
.sidebar img {margin:0 0 20px 0}
.sidebar h3 {text-align: center;color: #646464;margin: 0 10px 5px 7px;}
.sidebar h4 {font-size: 1.1em;margin: 15px 0 5px 8px;}
.sidebar .services li {margin:0 0 0 3px;}
.sidebar ul.about-us li {margin:0 0 0 3px;}
.sidebar ul {list-style:none;line-height:1.5em;margin:0 0 30px 5px}

#back-to-top {width: 150px;float: right;margin: 600px 130px 0 0;text-align: left;}
#back-to-top h4.top a {font-size: 1.1em;color:#646464;text-decoration: none;margin: 30px 0 0 5px;}
#back-to-top h4.top a:visited: {color:#646464;text-decoration:none;}
#back-to-top h4.top a:hover, a:active {color:#646464;text-decoration:underline;}

.sidebar .cont {margin:0 0 20px 0}
.sidebar .cont a {display: block}
.sidebar .cont li.button a {
background-image: url('images/button3.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
margin:10px auto 5px auto;
width: 227px;
padding: 77px 0 0 0;
overflow: hidden;
height:0}
.sidebar .cont li {list-style:none}
.sidebar .cont li.button a:hover{background-position: 0pt -77px}

#google-map 
	{margin:-10px 20px 0 25px;float:right;}
#map_canvas {
	width: 500px;
	height: 400px;	
	border: 5px solid #C0C0C0;
	z-index: 30;}


#footer {clear:both; background:#202020;height:120px;color:#fff}
#foot {width:920px;margin:0 auto}
#foot .vcard {float:left;margin:20px 20px 0 0}
#foot a {
	color: #b0b0b0;
	text-decoration: none;
}
#foot a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#foot #links {float:right; margin:20px 0 0 0}
#foot #links ul {list-style:none}
#foot #links li {float:left;margin:0 10px 0 0}
#web-design {
	float: right;
	clear: right;
	margin-top: 50px;
}
