/*----------------------------------------------------------------------------------------------------*/
/*                                                                                                    */
/* Copyright (c) 2009 by color:gray. All Rights Reserved.    	              */
/*                                                                                                    */
/* CSS        : layout.css                                                                   */
/*                                                                                                    */
/* Description: Rules for Symbios site                                                */
/*                                                                                                    */
/*----------------------------------------------------------------------------------------------------*/

/* Overrides
---------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td {
	margin: 0;
	padding: 0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* Removes list-style from lists */
ol, ul {
	list-style: none;
}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Removes borders and spacing from tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}
/* Removes quotation marks from q */
q:before, q:after {
	content: '';
}

/* General settings
---------------------------------*/
body {
	background: #667050 url(../../images/site/siteBG1Adj.gif) no-repeat center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
        color: #efe9e3;
}
a:link {
	color: #bbd00a;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #bbd00a;
        font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #bbd00a;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #bbd00a;
	font-weight: bold;
	text-decoration: none;
}
p, h1, h2, h3, h4, h5, h6 {
	padding-bottom: 12px;
}
strong {
        font-weight: bold;
}
em {
        font-style: italic;
}
hr {
        width: 100%;
        margin-left: 0px;
        color: #000;
        background-color: #000;
        height: 1px;
        border: none;
}
.imgleft {
	float: left;
	margin: 0 14px 2px 0;
}
.imgright {
	float: right;
	margin: 0 0 2px 14px;
}
.imgctr {
        text-align: center;
        margin: 0 auto;
}

/* Wrapper settings
---------------------------------*/
div#page_wrapper {
	position: relative;
	width: 997px;
	margin: 0px auto;
}
div#content_wrapper {
	position: relative;
	width: 689px;
	padding: 0 0 0 308px;
        min-height: 688px;
}
div#content_wrapper_connect {
	position: relative;
	width: 649px;
	padding: 20px 0 0 348px;
	min-height: 668px;
}
div#content_wrapper_articles, div#content_wrapper_products {
	position: relative;
	width: 665px;
	padding: 8px 12px 0 320px;
	min-height: 680px;
}
div#content_wrapper_successfail {
	position: relative;
	width: 553px;
	padding: 63px 102px 0 342px;
	min-height: 624px;
        font-weight: bold;
}

/* Identity
---------------------------------*/
div#identity {
	width: 586px;
	height: 87px;
	background: url(../../images/site/symLogoAdj.gif) no-repeat;
	text-indent: -9999px;
}

/* Display
---------------------------------*/
div#display_home, div#display_ecotecture, div#display_planning, div#display_livingroofs, div#display_symbios-is, div#display_ecoproducts, div#display_products, div#display_vision, div#display_connect {
	width: 997px;
	height: 365px;
	text-indent: -9999px;
}
div#display_home {
	background: url(../../images/site/presBand-00.jpg) no-repeat;
}
div#display_ecotecture {
	background: url(../../images/site/presBand-11.jpg) no-repeat;
}
div#display_planning {
	background: url(../../images/site/presBand-22.jpg) no-repeat;
}
div#display_livingroofs {
        background: url(../../images/site/presBand-33.jpg) no-repeat;
}
div#display_symbios-is {
	background: url(../../images/site/presBand-55.jpg) no-repeat;
}
div#display_ecoproducts {
	background: url(../../images/site/presBand-66.jpg) no-repeat;
}
div#display_products {
	background: url(../../images/site/presBand-66.jpg) no-repeat;
}
div#display_vision {
	background: url(../../images/site/presBand-77.jpg) no-repeat;
}
div#display_connect {
	background: url(../../images/site/presBand-88.jpg) no-repeat;
}

/* Nav
---------------------------------*/
div#main_nav {
	position: absolute;
	left: 0px;
	top: 540px;
        z-index: 50;
	background: url(../../images/site/navUnder2.gif) no-repeat -9999px -9999px; /* preloads navUnder2 image */
}
div#main_nav ul {
	width: 226px;
	text-align: right;
}
div#main_nav a:link {
	display: block;
	width: 186px;
	padding-right: 40px;
	background: url(../../images/site/navUnder1.gif) no-repeat;
	color: #e7dfd7;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.7em;
}
div#main_nav a:visited {
	display: block;
	width: 186px;
	padding-right: 40px;
	background: url(../../images/site/navUnder1.gif) no-repeat;
	color: #e7dfd7;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.7em;
}
div#main_nav a:hover {
	text-decoration: none;
	background: url(../../images/site/navUnder2.gif) no-repeat;
}
div#main_nav a:active {
	display: block;
	width: 186px;
	padding-right: 40px;
	background: url(../../images/site/navUnder1.gif) no-repeat;
	color: #e7dfd7;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.7em;
}

/* Quote + Signup
---------------------------------*/
div#quote {
        position: absolute;
        left: 0px;
        top: 848px;
        width: 204px;
        padding: 0 62px 0 42px;
        color: #373b15;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        z-index: 50;
}
div#quote p {
        margin-bottom: 98px;
}
div#signup {
        font-size: 0.7em;
}
div#signup span.signText a {
        color: #382001;
}
div#signup span.signText a:hover {
        color: #bbd00a;
}

/* Content
---------------------------------*/
div#content_wrapper table td.first {
	padding-top: 51px;
	vertical-align: top;
}
div#content_wrapper table td.first ul {
	text-align: right;
}
div#content_wrapper table td.second {
	padding-top: 0;
	vertical-align: top;
}
div#content_wrapper table td.second ul {
	text-align: left;
}
div#content_wrapper table ul {
	width: 342px;
}
div#content_wrapper table ul li {
	margin: 0 12px 12px 12px;
	padding: 6px 6px 0px 6px;
	border: 2px solid #424525;
	/*background-color: #74795a;*/
	background: url(../../images/site/siteBG1fadeAdj.gif) no-repeat center top fixed;
}
div#content_wrapper table ul.hoverUL li {
	border: 2px solid #a9ad82;
        background: #6c724b;
}
div#content_wrapper table ul li h4 {
        color: #1f2300;
        text-decoration: underline;
}
div#content_wrapper table ul li h4 a:link {
        color: #1f2300;
}
div#content_wrapper table ul li h4 a:visited {
        color: #1f2300;
}
div#content_wrapper table ul li h4 a:hover {
        color: #bbd00a;
}
div#content_wrapper table ul li h4 a:active {
        color: #1f2300;
}
div#content_wrapper table ul li h4 span {
        color: #5c3401;
}
div#content_wrapper_articles h5, div#content_wrapper_products h5 {
        font-size: 1.1em;
}
div#content_wrapper table ul li img, div#content_wrapper_articles img {
        border: 2px solid #c3b5a5; 
}
div#content_wrapper table ul li a:hover img, div#content_wrapper_articles a:hover img {
        border: 2px solid #fff; 
}
ul#icons {
	text-align: center;
	margin-top: 32px;
}
ul#icons li {
	display: inline;
	margin: 0 18px;
}

/* Products
---------------------------------*/
div#content_wrapper_products div#products_intros p {
        font-weight: bold;
        margin-bottom: 8px;
}
div#content_wrapper_products table {
        margin-bottom: 16px;
        border: 2px solid #424525;
	background: url(../../images/site/siteBG1fadeAdj.gif) no-repeat center top fixed;
}
div#content_wrapper_products table td {
        padding: 6px 8px 0 0;
}
div#content_wrapper_products table h3 {
        color: #000;
}
div#content_wrapper_products table img {
        border: 2px solid #c3b5a5;
        margin: 0 6px -6px 6px;
}
div#content_wrapper_products table a:hover img {
        border: 2px solid #fff;
}

/* Connect form
-------------------------------------*/
div#content_wrapper_connect p, div#content_wrapper_connect address, div#content_wrapper_connect h2 {
        color: #000;
}
div#content_wrapper_connect label {
	float: left;
	width: 124px;
	padding-right: 12px;
	font-size: 0.85em;
	font-weight: bold;
        color: #000;
	padding-top: 2px;
}
div#content_wrapper_connect .nobr {
	display: none;
}
div#content_wrapper_connect .smallfield {
	padding: 2px 0 0 2px;
}
div#content_wrapper_connect .largefield {
        padding: 1px 1px 1px 2px;
}
div#content_wrapper_connect .smallfield, div#content_wrapper_connect .selectfield, div#content_wrapper_connect .largefield {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #000;
	line-height: 1.35em;
	background: transparent;
	border: solid 1px #424525;
        background: url(../../images/site/siteBG1fadeAdj.gif) no-repeat center top fixed;
}
div#content_wrapper_connect .smallfield, div#content_wrapper_connect .selectfield {
	margin-bottom: 6px;
	width: 210px;
	height: 20px;
}
div#content_wrapper_connect input.submit {
	width: 92px;
	margin: 12px 0 12px 0;
}
div#content_wrapper_connect address {
        padding-bottom: 12px;
        font-style: italic;
        font-weight: bold;
        font-size: 0.9em;
}
div#content_wrapper_connect em {
        font-weight: bold;
}

/* Site info
---------------------------------*/
div#site_info {
        clear: both;
	width: 997px;
	height: 36px;
	padding-top: 11px;
	margin: 16px 0 32px 0;
	background: url(../../images/site/footUnder.jpg) no-repeat center top;
	text-align: center;
	font-size: 0.8em;
}
div#site_info a {
	color: #abd41a;
	font-weight: normal;
}