/*
	Written by: El Chango - www.elchango.ca
	Date: February 20, 2009
*/


/* Structure Styles */
body {
	margin: 0;
	padding: 0;
}

#wrapper {
	position: relative;
	width: 866px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	margin: 12px 0 10px 53px;
}

#outer {
	position: relative;
	width: 866px;
	/*border: 2px solid #cec6c4;*/
}

#inner {
	position: relative;
	width: 830px;
	margin: 10px 15px;
	border: 1px solid #cec6c4;
	/*border: 2px solid #989482;*/
}

#content {
	position: relative;
	width: 830px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #cec6c4;

}

#text {
	position: relative;
	width: 500px;
	margin: 0;
	padding: 0 85px 0 214px;
}

#contacttext {
	position: relative;
	width: 545px;
	margin: 0;
	padding: 0 85px 0 200px;
}

#gallery {
	position: relative;
	width: 830px;
	background: url("/images/bkgd-gallery-thin.gif") repeat-y;
}

#left-gallery {
	float: left;
	width: 262px;
}

#right-gallery {
	float: right;
	width: 568px;
	margin: 0;
	padding: 0;
}

#right-gallery #image {
	width: 568px;
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cec6c4;
}

#itemcontent {
	position: relative;
	margin: 0 30px;
	padding: 0 0 20px 0;
}

#footer {
	position: relative;
	width: 866px;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 20px;
}

#leftfoot {
	float: left;
	width: 866px;
}
/* END Structure Styles */

/* Navigation Styles */
#nav {
	position: relative;
	width: 790px;
	height: 14px;
	margin: 12px 20px 20px 20px;
}

#nav ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 15px;
}

#nav li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #a39a96;
	text-decoration: none;
	text-transform: lowercase;
}

#nav li a:hover, #nav .on {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #4e3613;
	text-decoration: none;
	text-transform: lowercase;
}

#nav .separator {
	background: url("/images/nav-pipe.jpg") no-repeat;
}

#subnav {
	position: relative;
	width: 210px;
	margin: 30px 0 0 35px;
}

#subnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subnav li {
	margin: 0 0 5px 0;
	padding: 0;
}

#subnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #a39a96;
	text-decoration: none;
	text-transform: lowercase;
}

#subnav li a:hover, #subnav .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4e3613;
	text-decoration: none;
	text-transform: lowercase;
}

.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a39a96;
	text-decoration: none;
	text-transform: lowercase;
	margin: 15px 0 6px 0;
}
/* Thumbnail menu */
#thumbmenu {
	position: relative;
	width:568px;
	height: 76px;
	margin: 0;
	padding: 0;
	border-bottom:1px #cec6c4 solid;
}



/* END Navigation Styles */

/* Moo Image Slider */
#SlideItMoo_outer {
	width:468px;
	margin:0 0 0 0;
	display:block;
	position:relative;
	padding:0 46px 0 0;
}

/* create custom forward-backward buttons for this container */

#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:17px;
	height:26px;
	bottom:26px;
	right:5px;
	background:url(/images/slideitmoo_forward.png) no-repeat center;
}

#SlideItMoo_outer .SlideItMoo_back {
	right:50px;
	background:url(/images/slideitmoo_back.png) no-repeat center;
}



/* the width is set to show the number of thumbnails that will be visible */

#SlideItMoo_inner{
	position:relative ;
	overflow:hidden ;
	width:494px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0 14px;
	padding:0;

}

/* the thumbnails container; set a width on it so everything will be fine */

#SlideItMoo_items {
	display:block;
	position:relative;
}

/* single element design */

#SlideItMoo_items div.SlideItMoo_element {
	display:block;
	position:relative;
	float:left;
	margin:0;
	font-size:11px;
	width:56px;
	text-align:center;
	color:#FFFFFF;
}

#SlideItMoo_items a { padding:0px; margin:0 0px 3px; clear:both; display:block; background:#FFF; padding:1px; }

#SlideItMoo_items a img{
	border:none;
	margin:14px 3px 12px 3px;
	padding: 0;
	border: 1px solid #cec6c4;
}
#SlideItMoo_items a:hover {	background:#cec6c4; }
#SlideItMoo_items a.on { background:#cec6c4; }

/*#arrowback {
	position: absolute;
	top: 13px;
	right: 49px;
	width: 17px;
	height: 26px;
	border: 1px solid green;
}*/

#arrowback {
	position: absolute;
	top: 0px;
	right: 49px;
	width: 17px;
	height: 26px;
	border: 1px solid green;
}

#arrowforward {
	position: absolute;
	top: 13px;
	right: 4px;
	width: 17px;
	height: 26px;
	cursor:pointer;
}

#itemTitle {
	margin-top: 20px;
}

#itemDescription {
	margin-top: 20px;
}
/* END Moo Image Slider */

/* Text Styles */
#gallery h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #a39a96;
	text-decoration: none;
	text-transform: lowercase;
}

#text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #8d8582;
	text-decoration: none;
	margin: 40px 0 0 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #8d8582;
	margin: 0;
}

p, #itemDescription, #itemTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #a39a96;
	line-height: 140%;
}

#itemTitle {
	font-weight: bold;
}

#itemDescription span {
	font-weight: bold;
}

#content a {
	color: #a39a96;
	text-decoration: underline;
}

#content a:hover {
	color: #4e3613;
	text-decoration: underline;
}

.textindent {
	margin: 0 30px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #a39a96;
	text-decoration: none;
	text-transform: lowercase;
}

#footer span {
	font-weight: bold;
	margin-right: 14px;
}

#footer a {
	color: #a39a96;
	text-decoration: none;
}

#footer a:hover {
	color: #4e3613;
}
/* END Text Styles */



.clear {
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}