body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background: #018bbe url(../image/backgroundGradient.png) top left repeat-x;
	color: #000;
	}
	
h1 {
	font-size: 36px;
	line-height: 45px;
	padding-bottom: 15px;
	}
	
h2 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 15px;
	}

h3 {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
	}
	
li{
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 15px;
	}
	
li h2,
li h3{
	padding-bottom: 0;
	}
	
p{
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 15px;
	}	
	
#header {
	background: url(../image/logo.png) top center no-repeat;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	}
	
#header a {
	color: #ace1f9;
	}
	
#nav {
	height: 30px;
	padding-bottom: 30px;
	background: url(../image/contentTop.png) bottom left no-repeat;
	}
	
#nav a{
	font-size: 24px;
	color: #f6c938;
	text-shadow: 0 1px 0 #222;
	}
	
#container #nav a:hover{
	border-bottom: none;
	font-size: 24px;
	color: #fff;
	text-shadow: 0 1px 0 #222;
	}
	
#container #nav a:active{
	color: #fff;
	text-shadow: 0 -1px 0 #222;
	}
	

#about_pg li#about a,
#services_pg li#services a,
#gallery_pg li#gallery a,
#contact_pg li#contact a{
	padding-bottom: 24px;
	color: #012533;
	text-shadow: 0 1px 0 #80ccee;
	background: url(../image/navSelector.gif) bottom center no-repeat;
	}
	
#container #nav li {
	float: left;
	padding: 0 10px 0;
	}	
	
#container {
	background: url(../image/contentTop.png) bottom left no-repeat;
	margin: 0 auto 40px;
	width: 800px;
	}

li{
	margin: 0 auto;
	font-size: 12px;
	padding-bottom: 15px;
	}
	
#container a{
	text-decoration: none;
	color: #f6c938;
	}
	
#container a:hover{
	border-bottom: #fff 1px solid;
	}
	
#container a:active{
	color: #fff;
	}
	
#content {
	padding: 14px 40px 80px;
	background: #fff url(../image/contentBottom.png) bottom center no-repeat;
	color: #000;
	}
	
#content a{
	color: #018abd;
	}

#content a:hover{
	border-bottom: 1px solid #f6c938;
	}

#footer {
	margin: 0 auto 0;
	background: #16282f url(../image/footerShadow.png) top center repeat-x;
	padding: 40px 0 0 0;
	border-top: 1px solid #f6c938;
	}	
	
#footLinks {
	margin: 0 auto 0;
	padding-left: 40px;
	padding-bottom: 40px;
	width: 800px;
	}
	
#footer ul{
	float: left;
	width: 33.3%;
	}
	
#footer li{
	padding-bottom: 0;
	}
	
#footer h3{
	color: #f6c938;
	}
	
#footer a{
	text-decoration: none;
	font-size: 12px;
	color: #018abd;
	}
	
#footer a:hover{	
	border-bottom: solid 1px #f6c938;
	}
	
#footer a:active{
	color: #018abd;
	border-bottom: solid 1px #018abd;
	}


#footer p{
	padding: 20px 0;
	text-align: center;
	clear: both;
	color: #f6c938;
	}


	
/* About Styles */

#store h2{
	font-size:24px;
	padding-bottom: 15px;
	}
	
#store img{
	float: right;
	padding: 0 0 20px 20px;
	}
	
	
/* Services List */

#slider ul.navigation{
	width: 160px;
	float: left;
	}

#slider ul.navigation li{
	font-size: 12px;
	}
	
#slider ul.navigation a{
	font-size: 12px;
	color: #666;
	}
	
#slider ul.navigation a.selected{
	color: #018abd;
	border-bottom: 1px solid #f6c938;
	}

#slider ul.navigation li a:hover{
	letter-spacing: 0;
	color: #018abd;
	padding-left: 4px;
	}
	
.scroll {
	height: 400px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	background: #ddd url(../image/scrollTop.png) no-repeat scroll top left;
	}
	
.scrollContainer div.panel {
 	padding: 20px;
 	height: 360px;
	width: 520px; /* change to 560px if not using JS to remove rh.scroll */
	}

#slider .scrollButtons {
	float: right;
	padding-top: 10px;
	cursor: pointer;
	font-size: 16px;
	}

#slider .scrollButtons a{
	border-bottom: none;
	color: #018abd;
	}

.scrollButtons.left {
	}

.scrollButtons.right {
	}

/* Panel Styles */

div.panel h3{
	text-shadow: 0 1px 1px #fff;
	padding-bottom: 15px;
	}
	
div.panel img{
	border: 1px solid black;
	float: right;
	margin: 0 0 10px 20px;
	}
	
#content div.panel p{
	font-size: 12px;
	line-height: 15px;}
	
#content div.panel h4{
	font-size: 16px;
	color: #333;
	}
	
#content div.panel p.desc {
	font-size: 10px;
	}

#content div.panel ul{
	list-style: none;
	}
	
#content div.panel ul li h4{
	text-transform: uppercase;
	font-size: 12px;
	}
	
#content div.panel ul li p{
	font-size: 8px;
	padding-bottom: 0;
	}
	
div#detailing.panel img {
	margin-top: 10px;}
	
	
/* Gallery Styles */

#container ul.gallery {
	list-style:none;
	padding: 0 0 20px;
	margin: 0;
	float: left;
	}


#container ul.gallery li{
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
	float: left;
	padding: 0;
	margin: 0 2px 2px 0;
	}

ul.gallery img{
	cursor:pointer;
	top:auto;left:auto;display:block; 
	width:200px;
	height: auto;
	min-height:100px;
	clear: both;
	}
	
#gallery_pg h3{
	clear: both;
	}
	
#gallery_pg #content{
	padding-bottom: 180px;
	}

	
/* Contact Styles */

#contact_form li {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#contact_form {
	width: 470px;
	min-height: 400px;
	margin: 0;
	padding-right: 20px;
	}
	
#contact_form h2,
#contactInfo h2{
	padding:0 0 20px;
	font-size:24px;
}	

label {
	display: inline-block;
	width: 70px;
	vertical-align: top;
	line-height: 15px;
	font-size: 12px;
	color: #222;
	}
	
label.error {
	color: #018abd;
	font-size: 12px;
	line-height: 30px;
	text-shadow:0 1px 0 #015b7c;
	display: inline;
	}

input.text-input,
textarea.text-input {
	width: 365px;
	font-size: 16px;
	padding: 3px;
	margin: 0 0 5px;
	background: #d9d9d9;
	}
	
textarea.text-input {
	height: 155px;
	}

#subject_error,	
#comment_error {
	padding: 10px 0px 0 0;
	}

.text-input {
	border: 1px solid #000;
	}
	
.text-input:focus {
	border: 1px solid #018abd;
	background: #fff;
	}

input#submit_btn {
	float: right;
	margin: 0 24px 0 0;
	padding: 0;
	}
	
label.dis {
	float: left;
	margin: 0 0 0 75px;
	width: 150px;
	padding: 0;
	}
	
#contactInfo {
	float: right;
	width: 240px;
	clear: both;
	}

#contactInfo li{
	font-size: 12px;
	line-height: 15px;
	}

#contactInfo  li.mail,
#contactInfo  li.phone{
	padding-left: 30px;
	line-height: 20px;
	}
	
#contactInfo  li.phone{
	background: url(../image/phoneIcon.gif) left top no-repeat;
	}
	
#contactInfo  li.mail{
	background: url(../image/mailIcon.gif) left top no-repeat;
	}
	
#contactInfo  li a{
	font-size: 12px;
	color: #018abd;
	}
	
#contactInfo  li a:hover{	
	border-bottom: solid 1px #f6c938;
	}
	
#contactInfo  li a:active{
	color: #018abd;
	border-bottom: solid 1px #018abd;
	}