/*	TOC
	------------
	global resets
	wrapper
	text
	header
	navigation
	main-content
	rotator1
	info
	divider
	columns
	banner-area
	footer
*/


/************ global resets *************/
* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;cursor:pointer;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.center {text-align: center; margin: inherit auto;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}


/************ wrapper *************/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: url(images/14.gif) top left;
	font-size: 1em;font-size-adjust: none;font-stretch: normal;font-style: normal;
	font-variant: normal;font-weight: normal;line-height: normal;text-align: center; /* for IE */
}

#wrapper{width: 960px; margin: 20px auto 0 auto; text-align: left;overflow: visible;position: relative;background: none;}



/************ text *************/
h1, h2, h3, h4 {letter-spacing: .05em;}

h1 {font-size: 1.8em; line-height: 1em;}

h2 {font-size: 1.4em; line-height: 1em;}

h3 {font-size: 0.9em; line-height: 0.9em;}

h4 {font-size: 0.8em; line-height: 0.8em;}

p {font-size: 0.8em; line-height: 1.4em;text-align: justify;}



/************ header *************/
#header { 
	position: relative;
	width: 960px;height: 80px;
	margin: 15px 0 0;
	
}

#header h1, #header h2 {font-style: italic;text-align: center;}

#header h1 {height: 35px;} #header h2 {height: 26px;}

#logo {
	background: url(images/logo.png) no-repeat top left;
	position: absolute;
	top: -25px;left: 50px;
	width: 364px;height: 113px;
}

#slogan {
	position: absolute;
	top: 2px;right: 21px;
	width: 400px;height: 50px;
}



/************ navigation *************/
#navigation {
	position: absolute;
	top: 50px;right: 10px;
	width: auto;height: 30px;
}

#navigation ul li {padding: 0 4px 0 0;float: left;}
#navigation ul li.last {padding: 0}

#navigation ul li a, #navigation ul li a:visited {
	border: 2px solid;
	border-bottom: none;
	font-size: 0.8em;
	line-height: 2em;
	padding: 10px 25px;
	text-decoration: none;
}




/************ main-content *************/
#main-content {
	position: relative;
	width: 940px;
	padding: 10px;margin:0 0 15px 0;
	border: 1px solid #3d251a;
}

#index #rotator1, #contact #rotator1 {
	width: 421px;height: 282px;overflow: hidden;position: relative;
	float: left;overflow: hidden;
}


/************ info *************/
#info, #wrapper .jScrollPaneContainer {
	width:490px; height:268px;
	position: relative;overflow: hidden;
	z-index: 1;float: right;
}

#wrapper .jScrollPaneContainer {
	border: 2px solid;
}

#info {
	padding: 5px 5px 5px 10px;
}

#wrapper .jScrollPaneTrack {
	position: absolute;cursor: pointer;
	right: 0;top: 0;height: 100%;
}

#wrapper .jScrollPaneDrag {
	position: absolute;cursor: pointer;overflow: hidden;
}

#wrapper .jScrollPaneDragTop, #wrapper .jScrollPaneDragBottom {
	position: absolute;overflow: hidden;
	top: 0;left: 0;
}

#info h2, .inner-content h2 {margin-bottom: 10px;}
#info h3, .inner-content h3 {margin: 15px 0 5px;}
#info p,.inner-content p {margin-bottom: 15px;margin-top: 10px; padding-bottom: 15px;}
#info ul, .inner-content ul {list-style: disc inside;margin: 0 0 10px 5px;font-size: 0.8em; line-height: 1.4em;}
#info .last, .inner-content .last {margin-bottom: 0;border-bottom:none;}

.column p {font-size:0.7em;}

.inner-content {padding:5px 10px 5px;}
.testimonial {font-style: italic;position:relative;}
p.quote {float:left;font-size:60px;font-style:italic;line-height:11px;margin:0;padding:0 15px 0 0;position:relative;top:8px;}
p.top {top:17px;}
.testimonial span.text {float:left;}
.inner-content .testimonial-by {font-style: italic;font-size:0.9em;text-align: right;border-bottom:1px solid #000;padding-bottom:15px;margin-bottom:25px;}

.left-column {float:left;width:48%;}
.right-column {float:right;width:48%;}

/************ divider *************/
#divider {
	position: relative;
	width: auto; height: 30px;
	border-top: 10px solid;
	margin: 0 0 10px;clear: both;
}



/************ columns *************/
#columns {
	float: left;
	width: 515px; height: 301px;
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin: 0 0 10px 0;
}

#columns .column {
	width: 157px;height: 289px;
	padding: 6px;
	border-left: 2px solid;
	float: left;
	position: relative;
}

#columns h3 {
	padding: 5px 0; margin: 0 0 10px 0;
	text-align: center;
}

#columns img {
	margin: 0 0 10px 0;
	border: 1px solid;
}

#columns div.last {border-right: 2px solid;}

.column span {font-size: 0.7em;display: block;position: absolute;padding-left: 30px;bottom: 5px;}



/************ banner-area *************/
#banner-area {
	width: 401px;height: 295px;
	float: right;
	padding: 10px;
}


.ask-doug {background: transparent url(images/doug.png) no-repeat 20px bottom;}
.ask-doug form {float:right;margin-right:10px;width:180px;}
.ask-doug form h2 {padding-bottom: 10px; text-align: center;}
.ask-doug form label {font-size: 0.8em;}
.ask-doug form input, .ask-doug form textarea {width:170px;padding:2px;border:1px solid;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.ask-doug form textarea {font-size: 0.7em;}
.ask-doug form li {padding-bottom:6px;overflow: hidden;}
.ask-doug form input.error, .ask-doug form textarea.error {border-color: red;}

.contact-form form li {clear: both;overflow: hidden;padding-bottom: 9px;}
.contact-form form label {font-size:0.8em;width:70px;display: block;float:left;padding-right:10px;text-align: right;}
.contact-form form input, .contact-form form textarea {width:170px;float:left;border:1px solid;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.contact-form form textarea {height:100px;font-size: 0.7em;}
.contact-form #contactForm_submit {margin-left: 80px;padding:2px 0;}
.contact-form form input.error, .contact-form form textarea.error {border-color: red;}

#askdougEmail_submit {margin-top:10px;}
#askdougEmail_submit, #contactForm_submit {width:140px;border:1px solid;cursor:pointer;}

label.error {display: none !important;}

/************ gallery *************/
.galleria_wrapper {text-align: center;}
.galleria_wrapper img {border: 4px solid;}
.galleria_container {height: 415px;}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* BEGIN DEMO STYLE */
#gallery-content {position: relative;}
.caption{display:none !important;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{overflow:hidden;width:2000px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:1px solid;margin: 0 2px;}
.gallery_demo li.active {border: 1px solid #F0E1E1;}
.gallery_demo li.page1{margin-left:0px;}
.gallery_demo li img{border: none;}
.gallery_demo li div{left:240px}

#main_image {position:relative;}
#prev_next {position:relative;text-align: center;margin-bottom:10px;}
#prev_next li {display:inline;padding: 0 5px;}
#prev_next li a {text-decoration: none;}
#prev_next li a:hover {text-decoration: none;}

#thumb_prev, #thumb_next {display:block;height:20px;padding:16px 0;text-align:center;text-decoration:none;width:24.5px;z-index:10;font-size:0.8em;float:left;}
#thumb_prev:hover, #thumb_next:hover, a.thumb_hover {}

#thumb_scroller {position: relative; width: 555px; margin: 0 auto; height: 52px;}
#main-content #gallery_demo_unstyled1 {z-index: 5; height: 56px; margin: 0; left: 0px; position: relative;}
#thumb_overflow {overflow: hidden; width: 555px; position: relative; margin: 0 2px;float:left;}



/************ footer *************/
#footer {
	text-align: center;
	width: auto; height: auto;
	padding: 5px 0 10px;
}

#gallery #footer {margin-top:10px;}
#footer ul li {
	display: inline;
	padding: 0 10px 0 6px;
	border-right: 1px solid;
	font-size: 0.7em;line-height: 2em;
}

#footer ul li.last {padding-right: 0;border:none}
#footer p {text-align: center;margin-top: 5px;font-size:0.7em;}
#footer p img.footer-logo {position: relative;top: 5px;left: 10px;}