/* @override http://epicenterone.com/~woodwise/css/all.css */

/*
 *  Wood Wise
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin text */

body {
	font-size: 93.75%;  /* Reset base size to 10px */
	line-height: 1.47em;
    color: #4d4743;
	}

body, input, textarea, select, label {
	font-family: "Century Gothic", Futura, Helvetica, Arial, Geneva, sans-serif;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
    text-indent: 30px;
	}
	
a:link, a:visited {
    color: #4d4743;
    text-decoration: none;
    border-bottom: 2px solid #be2c41;
	}
a:focus, a:hover, a:active {
    color: #be2c41;
    text-decoration: none;
    border-bottom: 2px solid #be2c41;
	}

h1 {
	font-size: 1em;
    color: #be2c41;
    font-weight: bold;
	}
	
h2 {
	font-size: 1em;
    color: #be2c41;
    font-weight: bold;
    padding: 0.74em 0 0;
	}
	
h3, h4, h5 {
    color: #be2c41;
    font-weight: normal;
	}

blockquote {
	background: url(../images/bullet.png) no-repeat left 7px;
	text-indent: 15px;
	padding-bottom: 1.47em;
	}

address {
    font-style: normal;
    }
	
label {
	font-size: 1em;
	}

input, textarea, select {
	font-size: 1em;
	}

input.textbox, textarea {
    border: 1px solid;
	}

input[type=submit], input[type=button], button {
    
	}

img {
	-ms-interpolation-mode: bicubic;  /* Fixes IE6 scaling ugliness */
	}

.meta {
	color: #776f68;
	}

.alert {
	color: #be2c42;
	}

.left {
	float: left;
	}
img.left {
	margin-right: 1em;
	}
.right {
	float: right;
	text-align: right;
	}
img.right {
	margin-left: 1em;
	}
	
.clear {
	clear: both;
	}

/* End text */ 


/* Begin page styles */

body {
    background: #6f665f;
	}
	
#wrapper {
	width: 870px;
	margin: 35px auto 0;
	padding: 95px 95px 0;
	background: url(../images/page-bg.png) no-repeat top left;
	}
#wrapper:after {
/* auto clear the section */
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#wrapper {display: inline-table;}
/* Hide from IE Mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* End hide from IE Mac */

/* End page */


/* Begin header styles */

#header {
	position: relative;
    background: #f9ecc9;
    height: 140px;
    overflow: visible;
    }

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo a:link, #logo a:visited, #logo a:active {
	position: absolute;
	top: 0;
	left: 20px;
	width: 245px;
	height: 60px;
	background: url(../images/logo.png) no-repeat left bottom;
	text-indent: -9999px;
	border-top: 10px solid #daab00;
    border-bottom: none;
	}
#logo a:focus, #logo a:hover {
	border-top: 10px solid #d6851a;
	border-bottom: none;
	}

#nav {
	position: relative;
	float: right;
	top: -1.69em;
	right: 20px;
	font-size: 0.87em;
	}
#nav li {
    position: relative;
	float: left;
	margin-left: 2.5em;
	padding-left: 7px;
	color: #fff;
	}
#nav li a:link, #nav li a:visited {
	color: #fff;
	border: none;
	}
#nav li:hover a, #nav li a:focus, #nav li a:hover, #nav li a:active, #nav li.current, #nav li.current a {
	color: #f2cc79;
	border: none;
	}

#nav li ul {
	position: absolute;
	left: 5px;
	top: 1.69em;
	width: 120px;
	margin: 0 0 0 -7px;
	padding: 0.6em 0 0 5px;
	line-height: 1.3em;
	border-left: 2px solid #d6851a;
	}
#nav li:hover {
	border-left: 2px solid #d6851a;
	padding-left: 5px;
	}
#nav li ul li {
	float: none;
	margin: 0;
	padding: 0;
    color: #4d4743;
	}
#nav li ul li:hover {
	border: none;
	padding: 0;
	}
#nav li ul li ul {
	padding: 0;
	position: static;
	padding-left: 15px;
	border: none;
	}
#nav li ul li a:link, #nav li ul li a:visited { color: #4d4743; }
#nav li ul li a:focus, #nav li ul li a:hover, #nav li ul li a:active, #nav li ul li.current a { color: #be2c41; }

/* End header */


/* Begin body styles */

#content {
	float: left;
	width: 840px;
	padding: 0 0 20px 30px;
    background: #f9ecc9;
	}

#body {
	float: left;
	width: 450px;
	}

#content ul, #popup ul {
    padding-bottom: 0.74em;
	}
#content ul li , #popup ul li {
	background: url(../images/bullet.png) no-repeat left 7px;
	text-indent: 15px;
	}
#content ol, #popup ol {
	list-style-type: decimal;
	list-style-position: inside;
    padding-bottom: 0.74em;
	}
#content li, #popup li {
    padding-bottom: 0.74em;
    }


#content .button {
    display: block;
    padding: 3px 0;
    width: 160px;
    background: #cb7116;
    color: #fff;
    border: 2px solid #ae1833;
    font-size: 0.93em;
    text-align: center;
    text-indent: 0;
    }

#rotator {
    position: absolute;
    right: 0;
    width: 350px;
    height: 476px;
    padding: 0 0 0 30px;
    background: url(../images/home-shadow.jpg) no-repeat left bottom;
    }

#content #pagination-links{ margin: 0; list-style-image: none; }
#content #pagination-links li{ float: left; }
#content #pagination-links li a{ display: block; padding: 0 6px; border: none; line-height: 18px; font-size: 12px; }

#popupWrapper { display: none; }
#popup h2, #popup h3, #popup h4 { text-align: center; }
#popup p { text-indent: 0; }

/* End body */


/* Begin Sidebar */

#sidebar {
    position: relative;
	width: 350px;
	min-height: 460px;
	float: right;
	}

#sidebar img { max-width: 350px; float: right; margin-bottom: 15px; }
#sidebar #rotator img { margin: 0; }

/* End sidebar */


/* Begin footer styles */

#footer {
	clear: both;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 0.67em;
	}
	
/* End footer */


/* Begin portfolio */

#content #galleryList {
	float: left;
	width: 830px;
	margin: 0 -10px;
	list-style-image: none;
	list-style: none;
	}
#content #galleryList li {
	margin: 0 10px 20px;
	}

#portfolio {
	position: relative;
	overflow: hidden;
	padding-right: 30px;
	}
#portfolio img {
	display: block;
	}
	
#portfolio .caption {
	float: left;
	width: 210px;
	}
#portfolio .caption p {
	text-indent: 0;
	font-size: 0.87em;
	}

#gallery {
	position: relative;
	width: 810px;
	height: 380px;
	}

#gallery #mainPhoto {
	float: right;
	width: 580px;
	height: 380px;
	text-align: center;
	}
#gallery #mainPhoto .imgWrapper {
	width: 580px;
	height: 380px;
	right: 0;
	}
#gallery #mainPhoto img {
	position: static;
	max-height: 380px;
	max-width: 580px;
	display: inline;
	}

#gallery #mainThumbs {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 210px;
	margin: 0 -5px;
	}
#gallery #mainThumbs p {
	text-indent: 0;
	text-align: center;
	font-size: 0.87em;
	padding: 0;
	}
#gallery #mainThumbs ul {
	list-style-image: none;
	padding: 0;
	}

#portfolio #galleryNav {
	float: right;
	width: 590px;
	margin: 22px -10px 0 0;
	list-style-image: none;
	padding: 0;
	}
#content .thumbs li {
	float: left;
	display: inline;
	margin: 0 5px 10px;
	padding: 0;
	background: none;
	text-indent: 0;
	}
.thumbs li a, .thumbs li a:visited {
	border: none;
	float: left;
	overflow: hidden;
	}
.thumbs li a img {
    float: left;
	overflow: hidden;
	}
.thumbs li a:hover, .thumbs li a.current, .thumbs li a.current:visited {
	border: 6px solid #cb7116;
    }
.thumbs li a:hover img, .thumbs li a.current img {
	margin: -6px;
	}

#backNextLinks {
	width: 210px;
	margin-top: 65px;
	text-align: center;
	}
#backNextLinks { font-weight: bold; color: #be2c41; }
#backNextLinks a { border: none; font-weight: normal; color: #4d4743; font-size: 0.9em;  margin: 0; }

#mainThumbs .thumbs li a:hover, #mainThumbs li a.current {
	border: 4px solid #cb7116;
    }
#mainThumbs .thumbs li a:hover img, #mainThumbs li a.current img, #mailThumbs .thumbs li a.current:visited {
	margin: -4px;
	}

/* End portfolio */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{ }

#colorbox{}
	#cboxContent{}
		#cboxLoadedContent{color: #4d4743; background:#f5db8e; border: 2px solid #333233; padding: 25px 20px 20px;}
                #cboxLoadingGraphic{display: none; background:url(../images/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{#fff}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxClose{text-indent:-9999px; right:5px; width:25px; height:25px; position:absolute; top:5px; background:url(../images/controls.png) 0 0 no-repeat;}
                #cboxClose.hover{background-position:0 -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}