/* =reset
--------------------------------------------------------------------*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}


/* =basic tags
--------------------------------------------------------------------*/

body {
	text-align: center;
	background: #600 url('../i/bg.jpg') 0 0 repeat-x;
	font: 12px/150% 'helvetica neue', helvetica, arial, sans-serif;
	color: #3b2313;
}

p, ul, ol, hr, blockquote, dl {
	margin: .5em 0 1.5em 0;
}

ul, ol {
	padding-left: 2em;
	padding-right: 10%;
	margin-top: 0;
}

ul {
	list-style-type: square;
}


hr {
	border-top: 1px solid #ddd;
}


dl {
	margin-top: 1em;
	border-bottom: 1px solid #ddd;
	}

dt {
	font-weight: bold;
	margin-bottom: .5em;
	}
	
small, .smaller {
	font-size: 90%;
	}
	


/* =links
--------------------------------------------------------------------*/

a {
	font-weight: bold;
	color: #942825;
	text-decoration: none;
}

a:visited {
	color: #610502;	
}

a:hover {
	text-decoration: underline;
	color: #c96d1d;
}

/* =headings
--------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #5d4535;
	line-height: 100%;
	margin-bottom: .3em;
}


h1 {
	font-size: 32px;
	font-weight: normal;
}
h2 {
	font-size: 24px;
	letter-spacing: -.03em;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 90%;
}



/* =layout anatomy
--------------------------------------------------------------------*/
 
#wrapper, #head, #nav, #main, #footer {
	width: 804px;
}

#shell {
	margin: 20px auto;
	position: relative;
	text-align: left;
 	background: #fff;
	width: 864px;
	padding-bottom: 10px;
}

#wrapper{
	padding: 10px 0;
	margin: 0 30px;
}



#head {
	background: #aaa;
	overflow: hidden;
}



#main{
	float: left;
	clear: both;
}



#content { 
	float: left;
}


#footer {
	clear: both;
	font-size: 10px;
	line-height: 130%;
	margin-top: 2.5em;
	border-top: 5px solid #eed;
	text-align: center;
	padding: 10px 0;	
}

#pad {
	margin: 10px 10px;
}


/* =head
--------------------------------------------------------------------*/

#header p {
	text-align: right;
	margin: 6px 0;
}


/* =navigation
--------------------------------------------------------------------*/


#nav {
	background: url('../i/bg-nav.jpg') 0 0 repeat-x;
/* 	height: 42px; */
	padding: 0;
	list-style: none;
	overflow: hidden;
	font-size: 16px;
	float: left;
}

#nav li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}


#nav a {
	background: url('../i/bg-nav.jpg') 0 0 repeat-x;
	color: #3B2313;
	font-weight: normal;
	display: block;
	overflow: hidden;
	padding: 10px 16px;
	border-right: 1px solid #BCB8B0;
	border-left: 1px solid #eee;
}

#nav a:hover, #nav a:active, #nav a.current {
	color: #942825;
	background-position: 0 -70px;
	text-decoration: none;
	border-left-color: #aaa;
}




/* =subnav
--------------------------------------------------------------------*/

.subnav {
	background: #ebe6df;
	list-style: none;
	float: left;
	margin-right: 12px;
	padding: 0;
	
}

.subnav li {
/* 	width: 256px; */
	border-bottom: 1px solid #fcfceb;
}

.subnav a {
	padding: 6px 8px;
	display: block;
}


.subnav li ul {
	background: #fbf6f0;
	padding: 10px 20px;
	list-style: none;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 90%;
	line-height: 110%;
}
.subnav li ul li {
	border: 0;
	margin-bottom: .8em;
/* 	width: 235px; */
/* 	font-size: 90%; */
}
.subnav li ul li a {
	text-decoration: none;
	font-weight: normal;
	padding: 0;
}

.subnav li ul li ul li {
/* 	width: 215px; */
	}

.subnav a.current {
	color: #c96d1d;
	font-weight: bold;
	
}


/* =content/text styles
--------------------------------------------------------------------*/

.intro {
	font-size: 1.6em;
	line-height: 130%;
	color: #6e5646;
}


.clr {
	clear: both;
	visibility: hidden;
	margin: 0;
}





.req {
	color: #f00;
}



/* =homepage highlight boxes
--------------------------------------------------------------------*/


.hlcont {
	background: url('../i/bg-hlbox2.gif') 0 0 repeat-y;
	margin-bottom: 20px;
}

.highlight {
	background: #EAE5DC url('../i/bg-highlight.jpg') 0 0 repeat-x;
	margin-bottom: 20px;
}

.highlight h3, .highlight h4, .highlight h5 {
	line-height: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #da4;
	text-shadow: 1px 1px 1px #ccb;
}

.highlight h3 a, .highlight h4 a {
	background: #942825;
	text-shadow: 1px 1px 1px #443;
	color: #fff;
	padding: 10px;
	display: block;
	text-decoration: none;
}

.highlight h3 a:hover, .highlight h4 a:hover {
	background: #b63a3a;
}

.highlight p, .highlight hr {
	padding: 0 10px;
}




/* =multi-columns
--------------------------------------------------------------------*/

.col {
	float: left;
	display: inline;
	margin-right: 12px;
}



.unit1 {
	width: 56px;
}
.unit2 {
	width: 124px;
}
.unit3 {
	width: 192px;
}
.unit4 {
	width: 260px;
}
.unit5 {
	width: 328px;
}

.unit6 {
	width: 396px;
}
.unit7 {
	width: 464px;
}
.unit8 {
	width: 532px;
}
.unit9 {
	width: 600px;
}
.unit10 {
	width: 668px;
}
.unit11 {
	width: 736px;
}
.unit12 {
	width: 804px;
}

.last {
	margin-right: 0;
}




/* =forms
--------------------------------------------------------------------*/


label {
	display: block;
	margin-bottom: .2em;	
}

input, textarea, select {
	font: 16px/110% "trebuchet ms", trebuchet, verdana, arial, helvetica, sans-serif;
	border-width: 2px;
	border-style: solid;
	border-color: #777 #ccc #ccc #777;
	padding: 6px;
	width: 300px;
	color: #666;
	margin-bottom: 3px;
	background: #efefef;
}

select {
	width: auto;
}

textarea {
	width: 450px;
	
}

form hr {
	clear: both;
	width: 100%;
}

form p {
	width: 100%;
	float: left;
	margin-bottom: 1em;
}


.submit input, .but, .loose, .check, .w_auto {
	width: auto;
	text-align: left;
}

.but, .loose, .check {
	margin-bottom: 0;
}

.submit input, .but {
	border-color: #ccc #777 #777 #ccc;
	border-width: 2px;
	background: #ddd;
	color: #222;
}

.check {
	border: 0;
	display: inline;
	margin: 0 5px 0 0;
}

input:focus, textarea:focus, select:focus, input.but:hover {
	background: #fff;
	color: #333;
}



a.dl {
	padding: 2px 0 2px 20px;
	background-position: 0 0px;
	background-repeat: no-repeat;
	display: block;
}
a.pdf {
	background-image: url(../i/icon_pdf.png);
}
a.word {
	background-image: url(../i/icon_word.png);
}
a.emailadd {
	background-image: url(../i/email_add.png);
}
a.film {
	background-image: url(../i/icon_film.png);
}
a.newwin {
	background-image: url(../i/icon_newwin.gif);
	background-position: right 50%;
}
a.buy {
	background-image: url(../i/cart_put.png);
}

a.cart {
	background-image: url('../i/cart-small.gif');
	font-size: 11px;
/* 	display: block; */
	padding-left: 18px;
}




/* =etc
--------------------------------------------------------------------*/

.r {
	float: right;
	display: inline;
	margin-left: 20px;
}

.l {
	float: left;
	display: inline;
}

img.r, p.r img, img.l, p.l img {
	border: 1px solid #cc9;
	padding: 1px;
}

img.r, p.r img {
	margin: 0 0 .5em 10px;
}

img.l, p.l img {
	margin: 0 10px .5em 0;
}

.c {
	text-align: center;
}


.bare, img.bare {
	border: 0;
	padding: 0;
}



/* =tables
--------------------------------------------------------------------*/

.reportlist {
	border-collapse: collapse;
	margin: 5px 0 30px 0;
	border-bottom: 1px solid #eee;
	width: 100%;
}

.reportlist td, .reportlist th {
	padding: 12px 10px;
	margin: 0;
	font-size: 11px;
	line-height: 140%;
	border-bottom: 1px solid #eee;
	text-align: auto;
}

.alt {
	background: #fbf6f0;
}


.ctrcol {
	text-align: center;
	font-weight: bold;
	background: #f9f9f9;
	}


.reportlist th {
	background: #d7cfbe;
	font-weight: bold;
	font-size: 120%;
	border-top: 6px solid #fff;
}




/* =thumbs
--------------------------------------------------------------------*/
.thumbs p {
text-align: center;
}
.thumbs img { 
	border: 2px solid #eed;
/* 	display: block; */
	text-align: center;
	margin: 0 0 .7em 0;
}

.thumbs a:hover img {
	border-color: #c62;
	}