/* =Layout
   -------------------------------------------------------------------------------------------------*/


* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #000;
	text-align: left; 
	background-image: url(images/bodyBG.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;}
	
#wrapper {
	width: 860px; 
	margin: 0 auto;}

#header {
	width: 860px;
	height: 245px; 
	background-image: url(images/headerBG.png);
	background-repeat: no-repeat;}
	
ul#headerInfo {
	list-style: none; 
	text-align: left;
	position: relative;
	left: 490px;
	top: 90px;}
	
li.header {color: #0e6689; font-weight: bold; font-size: 15px; line-height: 1.9;}

li.phoneIcon {
	display: block; 
	background: transparent url(images/phoneIcon.png) no-repeat 2px 4px; 
	padding-left: 23px;
	height: 25px;	
	line-height: 1.9; 
	list-style: none outside;}

li.emailIcon {
	display: block; 
	background: transparent url(images/emailIcon.png) no-repeat 2px 4px; 
	padding-left: 23px;
	height: 25px;	
	line-height: 1.9; 
	list-style: none outside;}

li.rssIcon {
	display: block; 
	background: transparent url(images/rssIcon.png) no-repeat 2px 4px; 
	padding-left: 23px;
	height: 25px;
	line-height: 1.9; 
	list-style: none outside;}
	
li.login {
	display: block; 
	padding-left: 23px;
	height: 25px;
	line-height: 1.9; 
	list-style: none outside;}	
	
ul.checkList {
	list-style: none; 
	margin: 0 0 0 40px;
	text-align: left;}	
	
ul.checkList li {
	display: block; 
	background: transparent url(images/checkIcon.png) no-repeat 2px 4px; 
	padding-left: 23px;
	line-height: 1.9; 
	list-style: none outside;}	
	
ol.numberedList {
	margin: 0;
	padding: 0;
	text-align: left;}	
	
ol.numberedList li {
	line-height: 1.9;
	color: #0e6689;}	
		
	
ul.priceBreakdown {
	display: block;
	list-style: none;
	list-style-type: none;	
	clear: both;
	margin-bottom: 15px;
	width: 200px;}
	
ul.priceBreakdown li.leftSide {
	float: left;
	list-style: none;
	list-style-type: none;
	line-height: 1.5;
	text-align: center;
	background-color: #f2f2f2;
	width: 100px;}	
	
ul.priceBreakdown li.rightSide {
	float: right;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;	
	background-color: #ffffcc;
	width: 95px;
	padding-left: 5px;}		
		











#footer {
	background-image: url(images/footerBG.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 860px;
	height: 140px;
	clear: both;}
	
#footerLinks {padding-top: 75px;}	
	
.footerCredits {
	font-size: 10px;
	text-align: center;}
	
	
#footerBlogLinks {
	width: 770px;
	clear: both;}
	
/* the only way to know about the below IDs is by looking at the source of the blog pages */
li#archives-2, li#categories-252936171, li#search-2, li#linkcat-2 {
	width: 175px !important; 
	min-height: 200px !important;
	padding: 0 5px; 
	float: left !important;
	background-color: #f2f2f2;}

li#categories-252936171, li#search-2, li#archives-2 {margin-right: 10px;}


input#s {
	padding: 1px;
	width: 100px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	height: 15px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;}	 
	
#searchsubmit {
	color: #fff;
	border: 1px solid #000;	
	font-size: 12px;
	padding: 2px 5px;
  	background-color: #ce7900;	
	margin-top: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}

#searchsubmit:link, #searchsubmit:visited {
  display: block;
  width: 165px;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;}

#searchsubmit:hover, #searchsubmit:active {
 background-color: #fff; color: #ce7900;}
 
/* Gets rid of the 'search for' text */
label.hidden {display: none;}

/* older entries nav */
div.navigation {margin-bottom:10px;}
	
div.alignleft {}	
div.alignright {}

ul#olderNewer {width:300px; display: block; list-style: none; margin: 0 0 20px 0;}
ul#olderNewer li.older {width: 150px; float: left; text-align: left;}
ul#olderNewer li.newer {width: 150px; float: left; text-align: left;}












#headerLogoLink {
	cursor: pointer;
	border: 1px solid #000;	 
	width: 320px; height: 140px;
	float: left;
	margin: 90px 0;}	

#contentWrapper {
	width: 860px;
	background: url(images/contentBG.png);
	background-repeat: repeat-y;
	min-height: 569px;}

#content {
	width: 770px;
	margin: 0 auto; 
	min-height: 569px;
	background-color: #fff;
	padding: 0 15px 10px 15px;}

#leftColumn {
	float: left; 
	/* width: 555px; */
	width: 770px; 
	padding-right: 15px;}

#rightColumn {
	/* float: right; width: 200px; */
	width: 770px;
	clear: both;}

.clearBoth {clear: both;}	

img {border: none;}

img.border {background-color: #f2f2f2; padding: 5px; border: 1px solid #ccc; margin: 0 0 5px 5px;}

.floatRight {float: right;}

.floatLeft {float: left;}

.monoslideshow {
	padding: 5px; 
	border: 1px solid #ccc; 
	background-color: #f2f2f2; 
	margin: 15px 0 0 30px; 
	width: 700px;}


/* =Sidebar, which is inside the #rightColumn
   -------------------------------------------------------------------------------------------------*/

#sidebar {}

#sidebar p {} 

#sidebar h2 {padding: 2px;}

#sidebar ul {list-style: none; text-align: left; margin: 0; padding-bottom: 20px;}

#sidebar ul li {
	display: block; 
	line-height: 1.3;}
	

/* =2 Column, for manually turning a page into 2 columns
   -------------------------------------------------------------------------------------------------*/	
   
.left {width: 378px; padding-right: 15px; float: left;}

.right {width: 377px; float: right;}

   
	

/* =Links
   -------------------------------------------------------------------------------------------------*/
a {} 
a:link, a:visited {
	color: #ce7900;
	text-decoration: none;}

a:hover, a:active {
	color: #fff;
	background-color: #ce7900;
	text-decoration: none;}


/* =Text and other Decoratives
   -------------------------------------------------------------------------------------------------*/

p {line-height: 1.5; margin-bottom: 10px;}

.client {font-weight: bold; color: #0e6689;}

.testimonial {font-style: oblique;}

h1 {font-size: 24px; font-weight: bold; color: #bd9a7b; margin-bottom: 10px; padding: 5px 0;}

h1.blogPost {background-color: #f2f2f2;}

h2 {font-size: 15px; font-weight: bold; color: #0e6689; margin-bottom: 10px;}	

h2.blogDescription {font-size: 15px; font-weight: bold; color: #0e6689; margin-bottom: 10px; font-style: oblique;}	

div.post h2 {font-size: 18px; font-weight: bold; color: #0e6689; margin-bottom: 10px;}	

.bold {font-weight: bold;}

.asterisk {color: #CC0000;}

.italics {font-style: oblique;}

.price {color: #000; font-weight: bold; line-height: 3;}

div.hr {
clear: left; 
padding: 10px 0; 
height: 1px; 
background: #fff url(../images/hr_line.gif) no-repeat center;}


/* =Forms Note: The Contact page form is stylized by wide_form.css under the cformsII section. 
   -------------------------------------------------------------------------------------------------*/


.textField {
	padding: 1px;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	height: 15px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;}
	
.textArea {
	padding: 1px;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	height: 90px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;}	
	
	
.formButton {
	color: #fff;
	border: 1px solid #000;	
	font-size: 12px;
	padding: 2px 5px;
  	background-color: #ce7900;	
	margin-top: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	}

.formButton:link, .formButton:visited {
  display: block;
  width: 165px;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;}

.formButton:hover, .formButton:active {
 background-color: #fff; color: #ce7900;}
 
 .piclenselink {margin-bottom: 10px;}
 
/* This is at the top of the gallery pages */
 a.slideshowlink {
	color: #fff;
	border: 1px solid #000;	
	font-size: 12px;
	padding: 2px 5px;
  	background-color: #ce7900;	
	margin: 5px 0;}

a.slideshowlink:link, a.slideshowlink:visited {
  display: block;
  width: 135px;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;}

a.slideshowlink:hover, a.slideshowlink:active {
 background-color: #fff; color: #ce7900;}	
 
.slideshowlink {display: none;} 
 
#searchSection {}

.searchField {
	padding: 1px;
	width: 170px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	height: 15px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;}	 
 
 
/* =Navigation at the top of page. The padding seems odd, but it is needed to work. 
   -------------------------------------------------------------------------------------------------*/ 
   
@charset "utf-8";

body {padding: 30px;}
 
ul, ol {padding: 10px 0;}


#navWrapper {
	width: 860px;
	height: 38px;
	margin: 0 auto;
	background-image: url(images/navBG.png);
	background-repeat: no-repeat;}

#nav {padding: 0; width: 770px; margin: 0 auto 0 57px;}

#nav ul {
	display: none;
	position: absolute; z-index: 900;
	margin: 16px 0 0 -1px;} /* hide the sub nav */

*+ html #nav ul {margin: 16px 0 0 -122px;}

#nav li {
	list-style: none;
	display: block;
	float: left;}
	
	
#nav a {
	display: block;
	background-color: #f2f2f2;
	float: left;
	padding: 5px 18px; /* this makes the parent tabs wider */
	border: 1px solid #ddd;
	margin: 0 0 0 -1px;
	text-decoration: none;
	width: 70px;}
	
#nav a:link, #nav a:visited {
	color: #ce7900;
	text-decoration: none;}

#nav a:hover, #nav a:active {
	color: #000;
	text-decoration: none;}		
	

/*subnav styling*/
#nav ul li, #nav ul li a {float :none;}
#nav ul li a {
	margin: -1px 0 0 0;
	width: 130px;
	background-color: #fad6a4;}
	
#nav ul li a:hover {
	background-color: #ce7900;
	color: #fff;}


/* =Blog Posts
   -------------------------------------------------------------------------------------------------*/ 
 
.post {clear:both;}
 
 
 /* Blog date */
small {font-style: italic; font-size: 12px; font-weight: bold; margin-bottom: 10px; line-height: 1.5;}
 
.entry {}
 
.entry img {margin: 0 auto;}
 
p.postmetadata {margin: 0 0 20px 0;}

p.leaveAComment {margin: 0 0 20px 0;}
 
p.leaveAComment a {	
	font-size: 16px;
 	padding: 5px 8px;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
 

p.leaveAComment a:link, p.leaveAComment a:visited {
	color: #fff;	
  	background-color: #ce7900;}

p.leaveAComment a:hover, p.leaveAComment a:active {
 	background-color: #000; 	
 	color: #ce7900;} 
	
		
 
 .blogNav {}
 
 .olderEntries {}
 
 .newerEntries {}
 
 textarea.comments {
 	width: 500px; 
	height: 300px; 
 	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;}
 
 .wp-caption {
 	/* background-color: #f2f2f2; */
	/* width: 525px !important; */
	/* padding: 5px; */ 
	/* border: 1px solid #ccc; */
	margin-bottom: 10px;}
 
 .wp-caption-text {color: #000; clear: both; padding: 5px; margin: 0; width: 760px; font-size: 11px;
 background-color: #f2f2f2;}
 
 #commentsArea ol li {list-style: none; list-style-type: none; border: 1px solid #e3bf61; background-color: #f3d7af; margin-bottom: 15px; padding: 10px;}

 #commentsArea ol li p {margin: 0;}
 
 p.commentAuthor {font-weight: bold; margin: 0;}