/*       Layout

======================= */

body {

        margin: 0px;

        padding: 0px 0 20px 0;

        text-align: center;

        background: url("../images/body-bg.jpg") repeat;

}

div {

        position: relative;

}

img {

}
.img-border {
	border: 7px solid #e0d2aa;
}
.img-border-right {
	float: right;
	border: 7px solid #e0d2aa;
}

#pagewidth{

        width:830px;

        text-align:left;

        margin: 17px auto 0;

}

#header{

        width:100%;

        background: url("../images/header-sub.png") no-repeat;

        height:270px;

        margin-left: -8px;

        z-index: 10;

}

#pagewidth.home #header{

		background: url("../images/header-home.png") no-repeat;

}

#wrapper{

   		clear:both;

   		margin-top: -12px;

   		background: url("../images/page-bg-subpage.png") repeat-y;

   		z-index: 1;

   		padding: 20px 55px; 

}

#pagewidth.home #wrapper{

   		background: url("../images/page-bg-home.png") repeat-y;	

}

#rightcol{

        width:200px;

        float:right;

}

#maincol{

        float: left;

        display:inline;

        width: 700px;

        padding-top:0px;

 }

#pagewidth.home #maincol {

		width: 510px;

}

#footer{

        clear: both;

        background: url("../images/footer.png") no-repeat;

        padding:0;

        height: 100px;

}

.left {

        float:left;

}

.right {

        float:right;

}

.txtl{

   text-align:left;

}

.txtc{

   text-align:center;

}

.txtr{

   text-align:right;

}

.clear {

        clear:both;

}

.red {

        color:#F00;

}

.gallery {
	margin-right:0px;
	float:left;
	width:373px;
	w\idth:425px;
	margin-left: 145px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}	
.gallery p {
	margin: 0px;
	padding: 0px;
}
	
.gallery img {
	margin:0px;
}
.gallery .small {
	width:45px;
	height:40px;
	margin-bottom:7px;
	margin-right:7px;
	cursor:pointer;
	float:left;
	border: 3px solid #e0d2aa;
}
.gallery .large {
	margin-bottom:0px;
	float:left;
	margin-top: 0px;
	text-align: center;
	border: 7px solid #e0d2aa;
}
.photo_align {
	float:none;
	border:thin #FFF;
	clear: both;
}
#photo {
	float:right;
	width:100;
	padding-right: 30px;
}



 /*       Text

======================= */

body, td, div, select, textarea, input {

        font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        color: #46310d;

}

p, h1, h2, h3, table, form {

        margin-left: 30px;

        margin-right: 30px;

}

ul,ol{

        margin:0em 30px 1em 60px; /* Right = same as other elements. Left = Left of other elements +30 */

        padding: 0px;

}

ul li, ol li{

        line-height:1.3em;

        margin: .25em 0;

        padding: 0;

}

li ol, li ul{

        margin-left: 30px;

        margin-top:0;

        margin-bottom:0;

}

table{

        margin-right:0;

}

p {

        margin-top:0;

        margin-bottom:1em;

        line-height:1.3em;

}

h1 {

        font-size: 1.8em;

        margin-top: 0;

        margin-bottom: .8em;

        padding-bottom: 5px;

        border-bottom: 1px dashed #994c00;

}

h2 {

        font-size: 1.4em;

        margin-top: 1.5em;

        margin-bottom: .3em;        

}

h3 {

        font-size: 1.3em;

        margin-top: 1em;

        margin-bottom: .3em;

}

h1, h2, h3, legend {

        color:#994c00;

        font-family: Georgia, serif;       

        font-weight: normal; 

}





/*      Vertical Nav

========================= */



#nav {	

        list-style:none;

        width:793px;

        margin:0;

        padding:0;

        line-height:1em;

        height: 61px;

        background: url("../images/menu-bg.png") no-repeat;

        position: absolute;

        top: 208px;

        left: 8px;

        padding: 0 0 0 40px;

}

#nav li{

        position:relative;

        float:left;

        margin:0;

        padding:0;

}

#nav li a {

        display:block;

        padding:17px 15px 0px;

        height: 33px;

        text-decoration:none;

        color:#e5d9b7;

        border-left: 1px dashed #944918;

        font-family: Georgia, Times, serif;

        font-size: 1.2em;

        float: left;

        white-space: nowrap;

}

#nav li a.first {

		border: none;	

}

#nav li a:hover,

#nav li a.current  {

        color:#fff;

    	background: url("../images/menu-hover.jpg") repeat-x;

}



/*       Links

======================= */

a {

        color:#46310d;

        text-decoration:underline;

}

a:hover {

        color:#46310d;

        text-decoration:none;

}



/*       Header

========================= */

#header h1 {

        margin:0;

        position:absolute;

        height:130px;

        width: 485px;

        top:54px;

        left:-78px;

        overflow:hidden;

        border: none;

}

#header h1 a{

        display:block;

        padding: 45px 100px 30px 100px;

        height:55px;

        width: 285px;

}

#header h1 a span#logo{

        display:block;

        height:130px;

    	width: 485px;

        position:absolute;

        top:0;

        left:0;

        background: url("../images/logo.png") no-repeat; /* logo image */

        cursor:pointer; /* ie */

}



/*      Maincol

========================= */

.testimonials {

		background: url("../images/home-test.jpg") no-repeat;

		height: 176px;

		width: 260px;

		padding: 35px 15px 10px 190px;

		margin-left: 30px;

}

.testimonials img {

		position: absolute;

		top: 25px;

		left: 14px;

		width: 180px;

		height: 135px;	

		border: none;

}

.testimonials p.right {

		font-size: 0.8em;

		font-style: italic;

		text-align: right;

}
.right-photocaption {
	float: right;
	width: 400px;
}



/*       Rightcol

========================= */

#rightcol h2, #rightcol h3, #rightcol p {

		color: #46310d;

		margin-left: 18px;

		margin-right: 15px;		

}

#rightcol p.right {

		font-style: italic;

		margin-bottom: 25px;

}

#rightcol h2 {

		margin-top: 0;

}
#rightcol-img {
	margin-top: 20px;
}

#rightcol h3 {
	margin-bottom: 0;
	margin-left: 15px;
}

#rightcol p.featured-img {
	margin-top: 10px;
	display: block;
	clear: both;
	overflow: hidden;
	position: relative;
	height: 55px;
	width: 175px;

}

#rightcol p.featured-img img{
	position: absolute;
	top: 11px;
	left: 65px;
	height: 34px;
	width: 44px;
	border: none;

}
.1col-right {
	float: right;
	width: 30%;
}
/*       Products

========================= */
.cols3 {
	float: left;
	width: 33%;
}	
.underline {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #994c00;
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top: 15px;
	margin-right: 30px;
	margin-left: 30px;
	clear: left;
}

/*       Footer

========================= */

#footer{

        color: #d8bb8e;

        padding: 0 20px;

}

#footer p{

		margin-left: 20px;

}

#footer h1{

		color: #d8bb8e;

		padding-top: 12px;

		margin-bottom: 0.5em;

}

#footer span {

		padding: 0 5px;

}

#footer a, #footer a:hover{

		color: #d8bb8e;

		text-decoration: none;

}

#copyright {

		color: #5c3713;

		font-size: 0.9em;

		font-weight: bold;

		margin-left: 15px;

}

#copyright a, #copyright a:hover{

		color: #5c3713;

		text-decoration: none;		

}

/*     Float containers fix - Thanks to: http://www.csscreator.com/attributes/containedfloat.php

=============================== */

.clearfix:after {

     visibility: hidden;

     display: block;

     font-size: 0;

     content: " ";

     clear: both;

     height: 0;

     }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */





/*     printer styles

========================= */

 @media print{
.3cols {
	float: left;
	width: 32%;
	background-color: #CCCCCC;
}

/* Hide unwanted elements */

#rightcol, #header h1 a span#logo, #nav{display:none;}

/* Kill floats and backgrounds */

body #pagewidth, #maincol, #wrapper, body, #footer, #header, #header h1, #header h1 a,#footer p{width:100%; float:none; background:none;}

/* Set margins to 0 */

p, h1, h2, h3, table {margin-left:0;margin-right:0;}

ul, ol {margin-left:30px; margin-right:0;}

#maincol {padding-top:0;}

#wrapper {margin: 0; padding: 0;}

/* Make texts black */

p, li, #footer p, #footer p a{color:#000;}

/* Print Logo as text */

#header,#header h1, #header h1 a{ width: auto; height:auto; text-indent:0; position:static;top:0;left:0; padding: 0; margin: 0; color: #000;}

#header h1{ margin-bottom:1em;}

.testimonials {background: none; width: 100%; margin: 0; padding: 0}

 .testimonials img {position: static; left: 0; top: 0;} 

}
.featured-img {
	margin-top: 20px;
}
.superscript {
	font-size: 0.8em;
	font-style: italic;
	line-height: .05em;
}