/* CSS Document */

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 {  
	background-color: #f8f8f8;
	background:url(images/tile_mainBg.jpg) repeat-x;
	background-color: #45382c;
	width: 100%; 
	height: 100%;
	margin:0;
	padding:0;
	color: #d6cbc2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
} 

html {  
	width: 100%; 
	height: 100%;
} 

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* positioning */  

#wrap {height: auto; min-height: 100%;}

div#header {  
	background: url('images/header-bg.jpg') center top no-repeat;
	height: 99px;  
	width: 100%;
}



div#logo {
	margin: auto;
	width: 277px;
	height:86px;
	display:block;
	padding-top:18px;
}

div#page-wrapper {
	margin: auto;
	position: relative;
	clear: both;  
	width: 100%;
	height:auto;
	padding-bottom: 30px; /* must be same height as the footer */
}

div#content {
	background:url(images/content_bg.jpg) top no-repeat;
	width: 814px;
	height: 434px;

}

#footer {height: 30px; text-align:center; color:#80766c; font-size:11px; 
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer a, #footer a:hover { color:#80766c;}

iframe#iframe {
	width: 750px;
	height: 370px;
	margin-top:32px;
	background:url(images/iframe_bg.jpg) center no-repeat;
}

div#nav {
	width: 814px;
	height: 26px;
}

/* pages */


body#page  {
background:url(images/iframe_bg.jpg) left top no-repeat fixed;
margin:0px;
}

div#left {
background-color:#FFFFFF;
position: fixed;
clear:left;
width: 240px;
height:370px;
}

div#right {
float:left;
position:absolute;
left:240px;
width: 463px;
padding: 40px 30px 40px 0;
}

div#container {
 width: 750px;
 height:370px;
 padding: 0;

}


/* link styling */  



/* nav sprites */  
#sprite {width: 814px;	height:26px; background: url(images/nav-sprites.jpg); margin: 0 auto; padding: 0;  position: relative;}
#sprite li { margin: 0; padding: 0; list-style: none;  position: absolute; top: 0;}
#sprite li, #sprite a {height: 26px; display: block;}

#menu01 {left: 67px; width: 69px;}
#menu02 {left: 136px; width: 107px;}
#menu03 {left: 243px; width: 170px;}
#menu04 {left: 413px; width: 123px;}
#menu05 {left: 536px; width: 108px;}
#menu06 {left: 644px; width: 81px;}

#menu01 a:hover, #menu01 a:focus, #menu01 a:active { background: transparent url(images/nav-sprites.jpg) -67px -36px no-repeat;}
#menu02 a:hover, #menu02 a:focus, #menu02 a:active { background: transparent url(images/nav-sprites.jpg) -136px -36px no-repeat;}
#menu03 a:hover, #menu03 a:focus, #menu03 a:active { background: transparent url(images/nav-sprites.jpg) -243px -36px no-repeat;}
#menu04 a:hover, #menu04 a:focus, #menu04 a:active { background: transparent url(images/nav-sprites.jpg) -413px -36px no-repeat;}
#menu05 a:hover, #menu05 a:focus, #menu05 a:active { background: transparent url(images/nav-sprites.jpg) -536px -36px no-repeat;}
#menu06 a:hover, #menu06 a:focus, #menu06 a:active { background: transparent url(images/nav-sprites.jpg) -644px -36px no-repeat;}


/* generic text styling */  

h1 {
	color: #a1846e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	display:block;
	text-transform: uppercase;	
	border-bottom:#463f3b 1px solid;
	padding-bottom:4px;
	padding-left:30px;
	margin-bottom: 1.2em;
	
}

h1 a { color: #4d4d4d; text-decoration: none; }

h2 {
	color: #a1846e;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: normal;
	font-style:italic;
	padding-left:30px;
	margin:2.6em 0 -0.4em 0;
}

h3 {
	color: #a1846e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	font-weight: normal;
	font-style:italic;
	border-top:#463f3b 1px solid;
	padding:10px 0 0 30px;
	margin-top:50px;
	
}


/* special text styling */  



/* Paragraph styling */

p {
	color: #d6cbc2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	margin:1.2em 0 0 30px;
}


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


p.meta { color: #707070; font-size: 10px; text-align: right; }




/* Flash */
object { margin:0; padding:0; display:block;color: #d6cbc2;}

div#flashcontent {
	width: 750px;
	margin:0;
	position:absolute;
	background:url(images/iframe_bg.jpg) left top no-repeat fixed;
	text-align:center;
	padding-top:150px;

}