@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

#main_body {
    background-color: #4a3932;
}

/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 960px; }

/* Content Header
-------------------------------------------------------------- */

#header {
    width: 960px;
    height: 35px;
    position: relative;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #302520;
}

.lang_separator {
  color: #371b10;
}


/* Content Header
-------------------------------------------------------------- */

#content_header { 
    margin-top: 20px;
/*    background:transparent url('../i/header_bkgrd.gif') repeat-y;    */
    width: 960px;
    height: 140px;
    position: relative;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
}
#language_chooser {
  float: right;
  margin: 5px 35px 0 0;
}


#logo {
    background:transparent url('../i/logo_lightest.png') repeat-y;
    width: 268px;
    height: 91px;
    margin: 0;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 25px;
    left: 30px;
}

#header .tabs { 
    position: absolute;
    right: 15px;
    bottom: 5px;
}
/*Old Color*/
/*#header .tabs li { font-size: 12px; }
#header .tabs a { padding: 5px 20px; color: #ffffff; text-decoration: none; }
#header .tabs a:hover, #header .tabs a:active {color: #8e7265;}
#header .tabs .selected a {color: #8e7265}
*/
#content_header .tabs {float: right; margin-top: 100px;}
#content_header .tabs li { font-size: 0.938em; }
#content_header .tabs a { padding: 5px 20px; text-decoration: none; color: #8e7265; }
#content_header .tabs a:hover, #header .tabs a:active {color: #D9CCB3;}
#content_header .tabs .selected a {color: #D9CCB3}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* Body
-------------------------------------------------------------- */

#content_wrapper { 
    font-size: 0.875em;
    padding-top: 20px;
    background-color: #8e7265;
}

#content {
    color: #cdbfa9;
    width: 880px;
    padding: 0 40px;
}

#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

#lower_content {
    width: 880px;
    background-color: #ffffff;
    padding: 10px 40px 0;
}
#lower_lions {
    background-color: #ffffff;
    padding: 40px 0 10px 0;
}


.clear {clear: both;}

/* Plugin CSS
-------------------------------------------------------------- */

.whitetext {
  color: #ffffff;
}
.darktext {
  color: #371B10;
}
.lighttext {
    color: #D9CCB3;
}

/* Management */

.mgmt img {
    float: left;
}
.mgmt_text {
    float: left;
/*    width: 600px;*/
    width: 800px;
    padding-left: 30px;
}

.mgmt_text img {
    margin-right: 20px;
}

.management {
    padding-bottom: 20px;
}
.mgmt_title {
    font-weight: bold;
    font-size: 1.15em;
    color: #CDBFA9;
    padding-bottom: 20px;
}
.mgmt_desc {
    color: #FFFFFF;    
}


/* Scrolling Content */
#scroll {
	position:relative;
	height:;
	overflow:hidden;
	width:928px;
	padding:15px;
    /* This is now set dynamically as well in hanlion/templates/scrolling_content.html */
	height:450px;
}

#items {
	width:9999em;
	position:absolute;
}

/* Scrolling Content - Products */
.product {
	float:left;
	width:960px;
}

.product_img {
    padding-left: 30px;
    float: left;
}
.product_certs img {
    height: 30px;
}

.product_txt {
    width: 690px;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    float: left;
}
.product_name {
    color: #ffffff;
    font-size: 1.25em;
}
.product_tagline {
    padding-bottom: 1.5em;
}
.product_desc {
    color: #ffffff;
}
.product_disclaimer {
    color: #ffffff;
    padding-bottom: 1.5em;
}

.product_photos {
    float: right;
    margin-right: 30px;
    width: 720px;
}
.product_photo {
    display: block;
    width: 100px;
    height: 150px;
    border: 1px solid #a28b77;
    margin-left: 60px;
    float: left;
}

/* Scrolling Content - Contact*/
.contact {
    float: left;
    width: 960px;
}
.contact_img {
    padding-left: 30px;
    float: left;
}
.contact_txt {
    width: 480px;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    float: left;
}
.contact_location {
    color: #ffffff;
    font-size: 1.25em;
    padding-bottom: 20px;
}
.contact_address_phone {
    color: #d9ccb3;
}
/*.product {
  clear: both;
  margin-bottom: 40px;
}
.headertext hr{
  border:1px solid #59402C;
  margin: 0 0 20px 0;
  width: 94%;
}
.headertext span{
  font-size: 18px;
}
.product_img {
  margin-left: 50px;
}
.product_img {
  float: left;
  width: 200px;
}
.product_desc {
  float: left;
  width: 500px;
}*/

/* Footer
-------------------------------------------------------------- */
#copyright {
  text-align: center;
  font-size: 12px;
  padding: 10px 0 20px 0;
  background-color: #ffffff;
}


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 100%; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }