@charset "UTF-8";
/* CSS Document */

/* ----------------------------------- */
/* NAVIGATION                          */
/* ----------------------------------- */

#navbar {
 width: 650px;
 height: 30px;
 background: url(../images/interface/navbar.gif);
 margin: 0; padding: 0;
 position: relative;
}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navbar li, #navbar a {height: 30px; display: block;}
#tab1 {left: 50px; width: 44px;}
#tab2 {left: 94px; width: 70px;}
#tab3 {left: 164px; width: 59px;}
#tab4 {left: 223px; width: 68px;}
#tab5 {left: 291px; width: 57px;}
#tab6 {left: 348px; width: 48px;}
#tab7 {left: 396px; width: 43px;}
#tab8 {left: 439px; width: 74px;}
#tab9 {left: 513px; width: 97px;}

#tab1 a:hover, #tab1 a.current {background: transparent url(../images/interface/navbar.gif) -50px -30px no-repeat;}
#tab2 a:hover, #tab2 a.current {background: transparent url(../images/interface/navbar.gif) -94px -30px no-repeat;}
#tab3 a:hover, #tab3 a.current {background: transparent url(../images/interface/navbar.gif) -164px -30px no-repeat;}
#tab4 a:hover, #tab4 a.current {background: transparent url(../images/interface/navbar.gif) -223px -30px no-repeat;}
#tab5 a:hover, #tab5 a.current {background: transparent url(../images/interface/navbar.gif) -291px -30px no-repeat;}
#tab6 a:hover, #tab6 a.current {background: transparent url(../images/interface/navbar.gif) -348px -30px no-repeat;}
#tab7 a:hover, #tab7 a.current {background: transparent url(../images/interface/navbar.gif) -396px -30px no-repeat;}
#tab8 a:hover, #tab8 a.current {background: transparent url(../images/interface/navbar.gif) -439px -30px no-repeat;}
#tab9 a:hover, #tab9 a.current {background: transparent url(../images/interface/navbar.gif) -513px -30px no-repeat;}

#navbar a span {
	display: none;
}

/* ----------------------------------- */
/* MAIN LAYOUT                         */
/* ----------------------------------- */
body {
	margin: 0; padding: 0;
	background: #C6BFAA url(../images/interface/body_bkgd.gif) repeat-y left top;
}
body,td,th {
	color: #4F4C44;
	font: normal 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#header {
	border-bottom: 1px solid #FFFFFF;
	background: #B5AD93;
}
#pageheader {
	border-bottom: 1px solid #FFFFFF;
	background: #CFC8B5;
	margin: 0px;
	padding: 0px;
	height: 70px;
}
#title {
	margin: 0 0 0 50px;
	height: 70px;
	border-left: 1px solid #FFFFFF;
}
#container {
	background: #96928E url(../images/interface/container_bkgd.gif) repeat-x left top;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}
#photo {
	width: 401px;
	margin: 0; padding: 0;
	float: left;
	border-right: 1px solid #FFFFFF;
}
#photo_margin {
	margin: 0 0 0 50px;
	border-left: 1px solid #FFFFFF;
}
#pano {
	border-right: 1px solid #FFFFFF;
	width: 531px;
	float: left;
}
#pano_margin {
	margin: 0 0 0 50px;
	border-left: 1px solid #FFFFFF;
}
#photo_company {
	width: 401px;
	float: left;
	height: 130px;
	border-right: 1px solid #FFFFFF;
}
#photo_company_margin {
	margin: 0 0 0 50px;
	border-left: 1px solid #FFFFFF;
}
#logo {
	padding: 36px 0px 20px 200px;
}
#logo_pano {
	padding: 36px 0 20px 70px;
}
#logo_company {
	float: left;
}
#logo_company_padding {
	padding: 36px 0 20px 200px;
}
#description, #description_left, #description_right {
	color: #FFFFFF;
	text-align: left;
}
#description, #description_pano {
	padding: 30px 10px 0 20px;
	color: #FFFFFF;
}

#description_left {
	width: 280px;
	float: left;
}
#description_left_margin {
	padding-left: 160px;
}
#description_right {
	width: 280px;
	float: left;
}
.description_padding {
	padding: 30px 10px 20px 20px;
}

#maincontent {
	width: 380px;
	float: left;
}
#maincontent_pano {
	width: 250px;
	float: left;
}
#maincontent_company {
	width: 785px;
	float: left;
}
.clear {
	clear: both;
	height: 0px;
}
#content {
	width: 785px;
}


/* ----------------------------------- */
/* Replaced Headers                    */
/* ----------------------------------- */
#description h1, #description_left h1, #description_right h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	font-size: 14px;
}
#description div.replaced-h1, #description_left div.replaced-h1, #description_right div.replaced-h1 {
	margin-bottom: -3px;
}
#description h2, #description_left h2, #description_right h2 {
	color: #FFFFFF;
	font: bold normal 14px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#description div.replaced-h2, #description_left div.replaced-h2, #description_right div.replaced-h2 {
	margin-bottom: -7px;
	margin-top: 20px;
}


/* ----------------------------------- */
/* FOOTER                              */
/* ----------------------------------- */
#footer {
	background: url(../images/interface/footer_shadow.gif) repeat-x left top;
}

#footer_thumbnails {
	width: 709px;
	margin-left: 50px;
	border-left: 1px solid #FFFFFF;
	padding-top: 30px;
}
	#footer_thumbnails img {
		padding: 0 0 10px 10px;
	}
	
#footer_content {
	margin-left: 50px;
	padding: 30px 0 30px 10px;
	border-left: 1px solid #FFFFFF;
}
	#footer_content p {
		margin: 0; padding: 0;
	}
	#footer_content p.bold {
		font-weight: bold;
	}
	#footer_content a {
		color: #4F4C44;
	}

#front_thumbnails {
	width: 380px;
}
	#front_thumbnails a img {
		padding: 0 0 10px 10px;
	}


/* ----------------------------------- */
/* GENERAL STYLES                      */
/* ----------------------------------- */
ul {
	margin-bottom: 2em;
}
li {
	margin-bottom: .5em;
}

.dark {
	color: #4F4C44;
}
.red {
	color: #CB171A;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, a:active {
	color: #E52324;
	text-decoration: underline;
}

#seebefore {
	position: absolute;
	top: 425px;
}