/* ------------------------------------------
project:	WeAreBIG
date:		2006/10/12
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; background: url(../img/html.png); }
body { margin: 0; padding: 66px 0 0; background: url(../img/bg.gif) repeat-x; color: #372116; font: 68.75%/150% Verdana,Arial,Helvetica,sans-serif; }
body, input, textarea, select, option { font-family: Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option { font-size: 100%; }

/* COMMON
-------------------------------------*/
form { display: inline; }
img { border: none; }
hr { border: none; color: #372116; background: #372116; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 10px; padding: 0; }

.fl { float: left; } .fr { float: right; } .cc { display: block; margin: 0 auto; }

img.fl { display: inline; margin: 0 10px 5px 0; }
img.fr { display: inline; margin: 0 0 5px 10px; }
img.shadow { padding: 3px; border: 1px solid #ddd; border-width: 1px 2px 2px 1px; border-color: #ddd #ccc #ccc #ddd; background: #fff; }

/* ANCHORS
-------------------------------------*/
a {	color: #335c86; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0; font: normal 164% "Trebuchet MS",Arial,Helvetica,sans-serif; color: #372116; }
h2 { margin: 0 0 10px; padding: 0; font: bold 145% "Trebuchet MS",Arial,Helvetica,sans-serif; color: #372116; }
h3 { margin: 0 0 10px; padding: 0; font: normal 125% "Trebuchet MS",Arial,Helvetica,sans-serif; color: #372116; }

/* LAYOUT
-------------------------------------*/
#wrapper { background: #fff; }
 #root { position: relative; width: 740px; margin: 0 auto; padding: 212px 12px 0;  }
  #top { position: absolute; top: -50px; left: 5px; height: 226px; margin: 0 0 0; padding: 32px 429px 0 7px; background: url(../img/top-a.jpg) no-repeat;  }
  #about-big #top { background: url(../img/top-b.jpg) no-repeat; }
  #big-market #top { background: url(../img/top-c.jpg) no-repeat; }
  #contact-big #top { background: url(../img/top-d.jpg) no-repeat; }
   #logo { width: 258px; height: 60px; margin: 0 auto 41px; background: url(../img/logo.png) no-repeat; }
    #logo a { display: block; overflow: hidden; width: 258px; height: 60px; text-indent: -10001px; }
   #nav { list-style: none; width: 313px; margin: 0 0 ; padding: 0; }
    #nav li { float: left; position: relative; margin: 0; border-top: 1px solid #fff; }
     #nav li a { display: block; width: 292px; height: 24px; padding-left: 21px; background: url(../img/nav.jpg) 0 50% no-repeat; color: #fff; font-weight: bold; line-height: 24px; }
     #nav li a:hover,
     #nav li.current a,
     #nav li:hover a { background-position: -350px 50%; color: #fff; text-decoration: none; }
	  #nav li ul,
	  #nav li.current ul { display: none; position: absolute; left: -10001px; top: -1px; list-style: none; margin: 0; padding: 0; border: 1px solid #fff; border-width: 0 1px 1px 6px; }
	  #nav li:hover ul { display: block; left: 313px; }
	   #nav li ul li { border-top: 1px solid #fff; }
	    #nav li ul li a,
	    #nav li:hover ul li a,
	    #nav li.current ul li a	{ display: block; width: 140px; padding: 0 22px 0 12px; background: #734f37; color: #fff; font-weight: normal; }
	    #nav li ul li a:hover { background: #372116; color: #ffe2ba; }
		#nav li ul.secured li a { background: #734f37 url(../img/lock.gif) 155px 50% no-repeat !important; }
		#nav li ul.secured li.unsecured a { background: #734f37 !important; }
		#nav li ul.secured li a:hover { background-color: #372116 !important; }
   #login { display: block; overflow: hidden; position: absolute; right: 7px; bottom: 0; width: 214px; height: 33px; text-indent: -10001px; }
  #content { width: 740px; margin: 0 auto; padding: 50px 0 0; background: url(../img/content.png) 50% 0 no-repeat; }
   #content h1.title { width: 621px; margin: 0 28px 0 29px; padding: 0 30px 15px; background: url(../img/content_h1.png) repeat-y; }
    #content h1.title span { padding-left: 18px; background: url(../img/li_a.gif) 0 55% no-repeat; }
     #content h1.title span em { color: #999; font-size: 0.8em; font-style: normal; }
   #inner { width: 701px; margin: 0 18px 0 19px; padding: 6px 0 0; background: url(../img/inner.png) 50% 0 no-repeat; }
    #inner-content { overflow: hidden; padding: 25px 40px 5px; background: url(../img/inner-content.png) repeat-y; }
	 #inner-content div.left { float: left; width: 210px; padding-right: 20px; font-style: italic; font-size: 110%; color: #888; }
	 #inner-content div.middle-a { float: left; width: 390px; }
#footer-wrap { background: url(../img/footer-wrap.png) repeat-x; }
 #footer { width: 704px; margin: 0 auto; padding: 47px 0 30px; background: url(../img/footer.png) repeat-x; color: #c7b299; text-align: center; }
  #footer a { color: #c8b29c; }
  #footer-nav { margin: 0 0 40px; color: #fff; font-weight: bold; }
   #footer-nav a { color: #fff; }
   #footer-nav a:hover { color: #ffe2ba; text-decoration: none; }

/* SKIPS
-------------------------------------*/
 #skip-links { position: absolute; top: 2px; left: 540px; list-style: none; margin: 0 0 0 -123px; padding: 0; }
  #skip-links li {  }
   #skip-links li a { display: block; position: absolute; left: 0; top: -10001px; width: 245px; text-align: center; color: #372116; }
   #skip-links li a:focus, #skip-links li a:active { top: 0; }
   
/* ELEMENTS
-------------------------------------*/
ol.form-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ol.form-a li { overflow: hidden; padding: 4px 0 4px 200px; }
  ol.form-a li label,
  ol.form-a li span.label { float: left; width: 190px; margin-left: -200px; }
  ol.form-a li input { width: 280px; }
  ol.form-a li.submit input { width: 120px; }
  ol.form-a li textarea { width: 370px; height: 80px; }
  ol.form-a li.checkboxes input { width: auto; margin: 0 5px 0 0; }
  ol.form-a li.checkboxes label { float: none; width: auto; margin: 0; }
  ol.form-a li.agree { margin: 20px 0 10px; padding: 0; }
   ol.form-a li.agree input { width: auto; float: left; margin: 3px 10px 10px 0; }
   ol.form-a li.agree label { float: none; width: auto; margin: 0; padding: 0; }
 
#subnav { float: right; list-style: none; margin: 0 0 5px 15px; padding: 0 0 15px 15px; border: 1px solid #eee; border-width: 0 0 1px 1px; }
 #subnav li { padding: 0 0 0 15px; background: url(../img/li_a.gif) 0 50% no-repeat; font-weight: bold; }
  #subnav li a { color: #372116; }
  
p.date { padding: 0 0 0 25px; background: url(../img/calendar.gif) 0 50% no-repeat; font-weight: bold; }
p.archive { margin: 0 0 15px; padding: 0 0 0 25px; background: url(../img/folder.gif) 0 50% no-repeat; font-weight: bold; text-transform: uppercase; }
 p.archive a { color: #8a2412; }
 
#archive { list-style: none; margin: 0 0 15px; padding: 0; }
 #archive li { padding: 0 0 0 25px; background: url(../img/calendar.gif) 0 50% no-repeat; font-size: 80%; }
  #archive li span { padding: 0 5px 0 0; font-size: 125%; font-weight: bold; }
 
div.team p { position: relative; padding-left: 60px; }
 div.team p img { position: absolute; left: 0; top: 2px; padding: 2px; border: 2px solid #eee; }
 
/* INTRO
-------------------------------------*/
#intro { margin: 0; padding: 0; background: #fff; } 
 #intro body { height: 100%; margin: 0; padding: 0; background: #fff; }
  #intro body div { height: 100%; }
   #intro body object { display: block; }
   #intro body a { position: absolute; left: -10001em; top: 50%; }