/* 
  
  [[o]]== BOILERPLATE FOR 3.7 DESIGNS ========================[[o]]
   ||                                                          ||
   ||  Authored by Ross Johnson  - CEO of 3.7 DESIGNS          ||
   ||                                                          ||
 [[o]]=======================================================[[o]]
  
 Like the code you see?


  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : TYPOGRAPHY
  =03 : LINKS
  =04 : BODY STRUCTURE
  =05 : NAVIGATION
  =06 : HELPER CLASSES
  =07 : ACCESSIBILITY
  =08 : TABLES
  =09 : FORMS
*/

/* =01 : UNIVERSAL SELECTORS */

html, body { margin: 0; font-family: 'Myriad', 'Myriad Pro', 'Helvetica Neue', 'Franklin Gothic', helvetica, arial, san-serif; line-height: 18px; font-size: 12px; background: #fff0b0; }

#pagewidth { max-width: 1500px; margin: 0 auto 0 auto;}

/* =02 : TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { margin: 30px 0 12px 0; }
p, ol, ul, img, dl, blockquote { margin: 8px 0 10px 0; }

h1 { font-size: 36px; }
h2 { font-size: 34px; line-height:  24px;text-transform: uppercase; color: #354e33; font-weight: 100; width: 350px;}
h2.new_headline { text-transform: none; letter-spacing: 0; color: #333; display: block; width: auto;}
h3 { font-size: 24px; text-transform: uppercase; color: #354e33; font-weight: 100; width:  250px;display: block;}
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }


#content a { color: #99e793; }
a:hover { text-decoration: none;}

blockquote { margin-left: 18px; border-left: 5px solid #ddd; padding-left: 9px; }

ul li { padding-left: 5px; line-height: 1em; margin-bottom: 9px; list-style: disc;}
ul { margin-left: 15px;}
.nonlist { list-style: none; margin: 0; padding: 0; }
.nonlist li { padding: 0; margin: 0; }

/* =03: LINKS */

a { }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}

/* =04: BODY STRUCTURE */

#header { height: 102px; background: url('../images/header/header_t.gif') repeat-x; position: relative;
 }
#logo {
	width: 497px;
	height: 0; position: absolute; top: 2px; left: 28px;
	font-size: 1em;
	padding-top: 51px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/logo.gif') no-repeat;
}

#header_left { height: 102px; background: url('../images/header/header_tl.gif'); width: 28px; position: absolute; top: 0; left: 0;}
#header_right { height: 102px; width: 28px; background: url('../images/header/header_tr.gif'); width: 28px; position: absolute; top: 0; right: 0; }

#subpage #header { height: 135px; background: url('../images/header/sub_header_t.gif') repeat-x; }
#subpage #header_left { height: 135px; background: url('../images/header/sub_header_tl.gif'); }
#subpage #header_right { height: 135px; background: url('../images/header/sub_header_tr.gif'); }


#header_nav { position: absolute; right: 40px; top: 43px; list-style: none; }
#header_nav li { display: inline; padding: 0; margin: 0;}
#header_nav li a { color: #3e5f3b; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; }
#header_nav li a span { color: #649b60;}

#content { background: url('../images/body/left_bg.gif') repeat-y left; }
#content_wrapper { background: url('../images/body/right_bg.gif') right top repeat-y; padding: 0 19px 0 35px;}

#subpage #content_wrapper { padding: 0 35px 0 19px; }

#sub_col_right1 { float: left; width: 48%; }
#sub_col_right2 { float: right; width: 48%;}

#homepage #content_wrapper { height: 393px;}

#footer { background: url('../images/footer/footer.gif') repeat-x bottom; position: relative; height: 46px; }
#footer_left { background: url('../images/footer/footer_l.gif'); width: 28px; height: 46px; position: absolute; left: 0; bottom: 0; }
#footer_right { background: url('../images/footer/footer_r.gif'); width: 28px; height: 46px; position: absolute; right: 0; bottom: 0;}


#col_left { width: 32%; float: left;}
#subpage #col_left { width: 18%; float: left; background: url('../images/body/home_left_col.gif') top right no-repeat; height: 393px;}

#homepage #col_left { background: url('../images/body/home_left_col.gif') left top no-repeat; height: 393px;}
.left_content { float: right; text-align: right; width: 296px; margin-top: 100px;}
.left_content p { font-size: 13px; color: #3d3e2d; clear: right; }


#subpage #col_right { width: 79%; padding-top: 25px;}
#col_right { width: 64%; float: right;}
#homepage #col_right { background: url('../images/body/home-bg.jpg') right top no-repeat; height: 393px; }

#mcol {}

/* =05: NAVIGATION */

#homepage #main_nav { list-style: none; margin: 0; padding: 0;margin-right: 13px; position: absolute; right: 10px; margin-top: -100px; }
#homepage #main_nav li { list-style:  none;margin: 0; padding: 0; float: left; margin-right: 5px; }
#homepage #main_nav li a { display: block;}
#who_nav, #what_nav, #why_nav, #where_nav, #when_nav { display: block; text-indent: -99999px; overflow: hidden; height: 156px; }

#subpage #main_nav li a.active { color: #fff;}
#subpage #main_nav { list-style: none; margin: 0 0 0 30px; bottom: 15px; position: absolute;}
#subpage #main_nav li { list-style:  none;float: left; font-size: 14px; margin: 0 0 0 5px; padding: 0 15px 0 0;color: #accb9b; }
#subpage #main_nav li a { text-transform: uppercase; text-decoration: none; margin:  0 15px 0 0;font-family: 'Palatino','Palatino Linotype','Georgia','Times','Times New Roman', Serif; color: #273725;}
#subpage #main_nav li a:hover { color: #607655;}

#who_nav { background: url('../images/nav/who.png'); width: 189px;} #who_nav:hover { background-position: -189px 0;}
#what_nav { background: url('../images/nav/what.png'); width: 188px;} #what_nav:hover { background-position: -188px 0;}
#where_nav { background: url('../images/nav/where.png'); width: 188px;} #where_nav:hover { background-position: -188px 0;}
#why_nav { background: url('../images/nav/why.png'); width: 190px; } #why_nav:hover { background-position: -190px 0;}
#when_nav { background: url('../images/nav/when.png'); width: 188px; } #when_nav:hover { background-position: -188px 0;}

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

summary {}
th {}
legend {}

/* =09: FORMS */

.listform { list-style: none; width: auto; }
.listform li { clear: both; padding: 9px 0 9px 0; }
.listform label { float: left; text-align: right; }
.listform input, .listform select, .listform textarea { float: right; }
.listform span { color: #FFaaaa; }
.listform .error { background: #ffaaaa; border: 1px solid #dd9999; padding: 5px;}

/* =10: IR */

#ir_sustainable {
	width: 267px; float: right;
	height: 0;
	font-size: 1em;
	padding-top: 30px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/headlines/sustainable.gif') no-repeat;
}

.max_width_650 { max-width:650px;}

/* BIO SECTIONS */

.bio_details { clear: left; padding-top: 5px;}

.bio_name { font-family: 'Palatino','Palatino Linotype','Georgia','Times','Times New Roman', Serif; text-transform: uppercase; font-size: 13px; font-weight: bold; letter-spacing: 1px; display: block;}
.bio_name a { text-decoration: none; color: #000 !important;}
.bio_title { font-family: 'Palatino','Palatino Linotype','Georgia','Times','Times New Roman', Serif; display: block; font-style: italic;}
.bio_company { font-weight: bold; display: block; }
.bio_address { display: block; margin-top: 5px; color: #484935;}
.bio_image { float: left; margin-top: 0; margin-right: 15px; text-align: center; width: 140px; }
.bio_image img { padding: 1px; border: 1px solid #5e6047; margin: 0;}
.bio_image p { margin-top: 0px;}

.copyright_credits { float: right; margin-right: 20px; bottom: 10px; font-size: 10px; color: #cabd89;}