/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

/* =elements ***************************** */
a:link			{color: #b3cfe3;}
a:active		{color: #b3cfe3;}
a:visited		{color: #b3cfe3;}
a:hover		{color: #b3cfe3; text-decoration: none;}


html {text-align: center;background: url(/assets/images/bgtile.jpg) repeat;}
body {color: #000;text-align: left;background: url(/assets/images/bg.jpg) repeat-x;}
h1,h2,h3,h4,h5,h6 {}
h1 {}
h2 {}
h3 {}
p {}
ul, ol {}
li {}

/* =classes ***************************** */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}

.float-left {float: left; margin: 0 5px 5px 0;}

.float-right {float: right; margin: 0 0 5px 5px;}

.border {border: 1px solid #000;}

.image {
        float: left;

}

/* =grids ***************************** */
#skip {display:none;}

#document {width: 930px; margin: 0 auto;}

/* =header */
#header {width: 930px; height: 98px;background: url(/assets/images/logo.jpg) no-repeat 0 0;}
#header a#logo {float: left;text-indent: -9999px;width: 330px;height: 77px;}
#header ul {float: right;list-style: none;text-align: right;}
#header ul li {color: #c2b996;}
#header ul li#slogan {color: #b3cfe3;font-size: 107%;}

/* =body */
#body {}

#main-content {width: 723px;min-height:640px;float: right;margin: 5px 0 20px 7px;background: #747470;}
#main-content a#cta-home {display: block; width: 723px; height: 301px; background: url(/assets/images/cta-home.jpg) no-repeat;}
#main-content a#cta-home span {display: block; text-indent: -9999px;}
#main-content h1 {color: #e9e9e3;margin: 10px;font-size: 144%;}
#main-content h2 {color: #e9e9e3;margin: 10px;font-size: 122%;}
#main-content h3 {color: #e9e9e3;margin: 10px;font-size: 107%;}
#main-content p {color: #e9e9e3; margin: 10px;}
#main-content ul {margin: 10px 40px;}
#main-content ul li {color: #e9e9e3;font-size: 92%;}


#side-content {width: 200px;float: left;}
#side-content ul {list-style: none;}
#side-content ul li {margin: 5px 0;}
#side-content ul li a {text-decoration: none;color: #e4dbb8;display: block; background: #957857 url(/assets/images/navbg.gif) no-repeat 0 0; width: 160px; height: 33px;font-size: 114%;padding: 13px 0 0 40px;text-transform: uppercase;}
#side-content ul li a:hover {background: #64655e url(/assets/images/navbg.gif) no-repeat 0 0;}
#side-content img {display: block; margin: 20px auto;}
#side-content ul li.item a {text-decoration: none;color: #e4dbb8;display: block; background: #957857 url(/assets/images/navbg.gif) no-repeat 0 0; width: 160px; height: 40px;font-size: 114%;padding: 6px 0 0 40px;text-transform: uppercase;}
#side-content ul li.item a:hover {background: #64655e url(/assets/images/navbg.gif) no-repeat 0 0;}


/* =footer */
#footer {clear: both;width: 930px;text-align: right;}
#footer p {font-size: 85%;color: #c2b996;}
#footer p a {color: #c2b996;}

/* =navigation */
#main-navigation {}
#main-navigation li {}
#main-navigation li a {}
#main-navigation li a:hover {}

#sub-navigation {}
#sub-navigation li {}
#sub-navigation li a {}
#sub-navigation li a:hover {}

/* =cta */
#cta-main {}

.cta-sub {}

/* =extra elements (Anything that needs a custom name use ee-customname)*/
.ee- {}

/* =omniture */
#omniture {display: none;}

/* =form ***************************** */
#form {width: 400px;} /* You need to change the width according to your document */

form ul {position: relative;list-style-type: none;width: 100%;}

form li {line-height: 2em;margin: 0;padding: 1px 4px 6px 9px;display: inline-block;} /* You need to change the padding according to your document */

form li:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}

/* =holly hack */
* html form li {height: 1%;}
form li {display: block;}
/* =end holly hack */

form li div {float: left;display: inline;margin-right: 5px;color: #444;}

form li.focused {background-color: #fff7c0;}

form li p{clear: both;font-size: 9px;line-height: 13px;color: #444;}

form li div.left {width: 48%;}

form li div.right {width: 48%;}

form li div.left .medium, form li div.right .medium {width: 100%;}

.clear {clear: both;}

form li div p {margin-bottom: 3px;}

form li img.icon {float: left;margin: .35em 5px 0 0;}

/* =buttons */
.buttons {clear: both;margin: 10px 0 20px 7px;} 

.buttons .button {font-size: 120%;margin: 0 5px 0 0;} /* You need to change the margins according to your document */

.button {cursor: pointer !important;}

/* =fields and labels */
label.desc {font-weight: bold;line-height: 125%;padding: 4px 4px 1px 0;border: none;color: #444;display: block;font-size: 95%;}

input.text, textarea.textarea, select.select {font-size: 100%;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;color: #333;}

input.text {padding: 2px 0 2px 0;}

input.currency {text-align: right;}

input.checkbox, input.radio {display: block;line-height: 1.4em;margin: 8px 0 0 3px;width: 13px;height: 13px;}

label.choice {font-size: 100%;display: block;line-height: 1.4em;margin: -19px 0 0 25px;padding: 4px 0 5px 0;color: #444;width: 90%;}

textarea.textarea {margin-top: 1px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

select.select {margin: 1px 0 1px 0;padding: 1px 0 0 0;}

select.select[class] {margin: 0;padding: 1px 0 1px 0;}

/* =sizes */
.third {width: 32% !important;}

.half {width: 48% !important;}

.full {width: 100% !important;}

input.small, select.small {width: 25%;}

input.medium, select.medium {width: 50%;}

input.large, select.large, textarea.textarea {width: 99%;}

input.tags {width: 315px;}

textarea.small {height: 5.5em;}

textarea.medium {height: 10em;}

textarea.large {height: 20em;}


/** Image Gallery **/
#imagePreviewBlock2,#imagePreviewBlock3,#imagePreviewBlock4{margin:0px 20px 0px 10px;display:none;padding-left:20px;background: url(/assets/images/toggle/expand.jpg) no-repeat top left;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#gallery ul li{list-style-type:none;float:left;width:17%;}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#gallery li.image {
width: 90px;}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/assets/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}