/*
rhizaaplusd.com - MAIN CSS (main.css)
COPYRIGHT 2008 rhiza A+D. All Rights Reserved.
Design & Code by Red Crown Studio - http://www.redcrownstudio.com
*/


/* COLOR PALLETTE
============================================================================
	
	Green - #afba28
	Gray - #63635e
	Beige - #aeb58e
			
	Text - #999
	Links - #e41e26			
===========================================================================*/


/* GLOBAL RESET
---------------------------------------------------------------------------*/

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, 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 {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

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

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* GENERAL SELCTORS
---------------------------------------------------------------------------*/

html {height: 100%;}

/* BODY */
body {width: 1100px; height: 100%; font: 12px arial, helvetica, sans-serif; color: #fff; background-color: #30302e;}
	#bodyhome {background: #30302e url(../images/home_bg.jpg) top left no-repeat;}
	#bodystudio {background: #30302e url(../images/studio_bg.jpg) top left no-repeat;}
		#bodybios {background: #30302e url(../images/bios_bg.jpg) top left no-repeat;}
		#bodypress {background: #30302e url(../images/bios_bg.jpg) top left no-repeat;}
	#bodyarchitecture {background: #30302e url(../images/architecture_bg.jpg) top left no-repeat;}
	#bodyinstallation {background: #30302e url(../images/installation_bg.jpg) top left no-repeat;}
	#bodyperformance {background: #30302e url(../images/performance_bg.jpg) top left no-repeat;}

	p {margin: 0 0 10px 0; line-height: 1.5em;}
	
	/* HEADINGS */
	h1 {margin: 0 0 10px 0; font-size: 18px; font-weight: normal; color: #fff; text-transform: lowercase;}
		h2 {margin: 0 0 5px 0; font-size: 14px; font-weight: normal; color: #fff;}
			h3 {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #3b3b38; font-size: 12px; font-weight: normal; color: #63635e;}
				h4 {margin: 5px 0 5px 0; font-size: 12px; font-weight: normal; color: #afba28;}
		 		
	/* LINKS */
	a:link {color: #afba28; text-decoration: none;}
	a:visited {color: #afba28; text-decoration: none;}
	a:hover {color: #FFF; text-decoration: none;}
	a:active {color: #afba28; text-decoration: none;}


/* LAYOUT
---------------------------------------------------------------------------*/

/* MAIN WRAP */
#mainWrap {width: 1100px; height: 100%;}
	#mainWrap .column {float: left; position: relative;}
		
	/* LEFT COLUMN */
	#leftColumn {float: left; padding: 20px 0 0 0; width: 180px; position: fixed;}
	
		/* LOGO */
		#logo {margin: 0 0 20px 0; width: 180px; height: 90px; -webkit-opacity: .9; -moz-opacity: .9;}
			#logo a {display: block; width: 180px; height: 90px; background: url(../images/rhiza_logo.png) top left no-repeat;}
	
		/* MAIN NAV */
		#mainNav {padding: 30px 0 0 0; width: 180px; height: 470px; background: #63635e url(../images/mainnav_bg.gif) 0 0 no-repeat; -webkit-opacity: .9; -moz-opacity: .9;}
			#mainNav ul {font-size: 12px; font-weight: bold;}
				#mainNav #studio {margin: 0 0 20px 20px;}
				#mainNav #contact {margin: 0 0 32px 20px;}
				#mainNav #architecture, #installation, #performance {margin: 0 0 20px 58px;}
				#mainNav #news {margin: 90px 0 32px 100px;}
				#mainNav a {padding: 1px 0 2px 25px; color: #FFF; background: url(../images/mainnav_node_white.png) 0 0 no-repeat;}
					#mainNav a:hover {color: #afba28;}
					#mainNav #selected {background: url(../images/mainnav_node_green.png) 0 0 no-repeat;}
					
		/* FOOTER */
		#footer {padding: 10px; width: 160px; background-color: #63635e; -webkit-opacity: .9; -moz-opacity: .9; font-size: 11px;}
	
	/* MIDDLE COLUMN */
	#midColumn {float: left; margin: 0 0 0 180px; padding: 50px 50px 130px 50px; width: 590px; color: #999;}
		#midColumn ul {margin: 20px 0;}	
			#midColumn li {clear: both; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../images/node_white_sm.png) 0 2px no-repeat;}
	
		/* BIO WRAP */
		#midColumn .blurbWrap {float: left; margin: 0 0 20px 0; max-width: 650px;}
		
		/* PRESS WRAP */
		#midColumn .pressWrap {clear: both; margin: 0 0 10px 0; max-width: 650px;}
	
		/* BASIC FORM */
		#basicForm {width: 450px;}
			#basicForm fieldset {margin: 10px 0 20px 0;}
				#basicForm legend {display: none;}
					#basicForm label {font-size: 14px; font-weight: bold; color: #fff;}
					#basicForm input {width: 450px; margin: 5px 0 10px 0; padding: 5px; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #63635e; border: none; background-color: #fff;}
					#basicForm select {margin: 0 0 5px 0; width: 285px;}
					#basicForm label.checkBox {margin: 0 20px 0 5px;}
					#basicForm textarea {width: 450px; margin: 5px 0 10px 0; padding: 5px; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #63635e; border: none; background-color: #fff;}
					#basicForm input.send {margin: 0; padding: 0; width: 60px; height: 30px; background-color: #63635e; cursor: pointer; color: #afba28; font-weight: bold;}
					
	/* RIGHT COLUMN */
	#rightColumn {float: left; padding: 130px 0 0 0; width: 180px;}
		#rightColumnContent {position: relative;}
		
			#rightColumn a {padding: 0 0 0 15px; color: #FFF; background: url(../images/node_white_sm.png) 0 2px no-repeat; font-size: 11px;}
	
		/* SUB NAV */
		#subNav {margin: 20px 0 0 0;}
			#subNav ul {margin: 0 0 20px 0; list-style-type: none;}
				#subNav li {margin: 0 0 5px 0; font-size: 11px; font-weight: bold;} 
				#subNav a {margin: 0; padding: 0 0 0 18px; color: #FFF; background: url(../images/node_white_sm.png) 0 2px no-repeat;}
					#subNav a:hover {color: #afba28;}
					#subNav #selected {background: url(../images/node_green_sm.png) 0 2px no-repeat;}
			
		/* TEXT BOX */
		#rightColumnContent .textBox {padding: 10px; width: 160px; background-color: #63635e; -webkit-opacity: .9; -moz-opacity: .9;}

							
/* GENERIC CLASSES
---------------------------------------------------------------------------*/

.hide {display: none;}
.clear {clear: both;}

.thumb {float: left; margin: 0 20px 0 0;}
.bioThumb {margin: 0 0 20px 0;}

.small {margin: 0; padding: 0; font-size: 11px; color: #aeb58e;}
.light {font-weight: normal; color: #FFF;}
.white {color: #fff;}
.caption {font-style: italic; font-size: 11px; color: #aeb58e;}

.arrow:after {content: url(../images/arrow_white.png);}
.arrowBack:before {content: url(../images/arrow_backward_white.png);}