/* CSS Document */

/* Authored by:
------------------------------------------
Heather Rose
May 2009
http://www.heatherrosedesign.com

License: Copyright (c) 2009, Heather Rose Design, All rights reserved.

Last modified: 8/21/09
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ 
@import url(http://www.domain.com/css/reset.css);*/


/* Global
------------------------- */
	body { color: #333; font-size: 62.5%; background: #ddd url(../img/bg.gif) repeat-x 50% 0; }
	a:link, a:visited, a:hover, a:active { text-decoration: none; }
	a:focus { outline: none; } /* Removes FF link outlines */
	body, input, table, td, th, textarea { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; }

	h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; }
	h1 { margin-bottom: 1em; color: #66B71C; font-size: 2.8em; letter-spacing: 1px; }
	h1 em { display: block; color: #99E52D; font-style: normal; font-size: 0.6em; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; letter-spacing: 2px; }
	h2 { margin-top: 1.2em; color: #DE8D00; font-size: 2em; letter-spacing: 1px; }

	#wrapper { margin: 0 auto; width: 830px; background: #fff; border: 10px solid #fff; border-width: 8px 10px 10px; }


/* Header
------------------------- */
	#header { position: relative; padding-top: 250px; width: 830px; background: url(../img/header.jpg) no-repeat 0 0; }
	#logo { position: absolute; top: 12px; left: 10px; width: 270px; height: 65px; }
	
	#subnav { position: absolute; top: 6px; right: 95px; width: 485px; height: 80px; text-align: right; overflow: hidden; }
	#subnav li { display: inline; font-size: 1.1em; color: #DE8D00; }
	#subnav a { color: #333; }
	#subnav a:hover { color: #128CB1; }
	li#login { display: block; margin-bottom: 6px; color: #333; }
	li#login input { margin: 0 0 3px 2px; width: 100px; height: 1.1em; }
	li#login a { position: relative; top: 2px; padding: 1px 4px; color: #fff; font-weight: bold; font-size: 1em; background: #50B8D5; border: 1px solid #128CB1; }
	li#login a:hover { color: #128CB1; }
 	li#signout a, li#profile a, li#chat a { margin-right: 17px; padding: 0.1em 0.5em; color: #fff; font-weight: bold; font-size: 1.1em; background: #50B8D5; border: 1px solid #128CB1; }
	

/* Nav
------------------------- */
	#nav { padding: 0 30px; width: 770px; height: 30px; background: url(../img/nav-bg.gif) no-repeat 0 0; }
	#nav li { float: left; }
	#nav li a { display: block; padding: 0; height: 30px; text-indent: -999em; background-image: url(../img/nav.gif); background-repeat: no-repeat; }
	
	/* BUTTONS */
	#nav li#n-home a { width: 76px; background-position: 0 0; }
	#nav li#n-about a { width: 100px; background-position: -76px 0; }
	#nav li#n-brokers a { width: 259px; background-position: -176px 0; }
	#nav li#n-seekers a { width: 176px; background-position: -435px 0; }
	#nav li#n-faq a { width: 62px; background-position: -611px 0; }
	#nav li#n-contact a { width: 96px; background-position: -673px 0; }
	
	/* OVER STATES */
	#nav li#n-home a:hover { background-position: 0 -30px; }
	#nav li#n-about a:hover { background-position: -76px -30px; }
	#nav li#n-brokers a:hover { background-position: -176px -30px; }
	#nav li#n-seekers a:hover { background-position: -435px -30px; }
	#nav li#n-faq a:hover { background-position: -611px -30px; }
	#nav li#n-contact a:hover { background-position: -673px -30px; }

	/* ON STATES */
	body#home #nav li#n-home a { background-position: 0 -60px; }
	body#about #nav li#n-about a { background-position: -76px -60px; }
	body#brokers #nav li#n-brokers a { background-position: -176px -60px; }
	body#seekers #nav li#n-seekers a { background-position: -435px -60px; }
	body#faq  #nav li#n-faq a { background-position: -611px -60px; }
	body#contact #nav li#n-contact a { background-position: -673px -60px; }


/* Content
------------------------- */
	#content { margin: 10px 0; padding: 20px 50px; width: 730px; min-height: 200px; overflow: auto; }
	body#home #content { padding: 0; width: 830px; }

	#content p { margin: 0.5em 0 1em; font-size: 1.3em; line-height: 1.8em; }	
	#content a { color: #128CB1; border-bottom: 1px dotted #999; }
	#content a:hover { color: #333; border-bottom: 1px solid #F0D24C; }
	
	#content a.btn { margin: 0 10px 0 0; padding: 0.1em 0.4em; font-size: 1em; color: #333; background: #D0E9B9; border: 1px solid #66B71C; }
	#content a.btn:hover { background: #F0DF87; border: 1px solid #EDA424; }
	
	/* lists */
	#content ul { margin: 0.5em 40px; list-style: disc; }
	#content li, #content dd, #content dt { margin-bottom: 0.8em; font-size: 1.3em; }
	
	/* img */
	img.right { float: right; margin: 0 0 10px 10px; }
	img.center { display: block; margin: 5px auto; }	


	/* HOME */
	body#home h1 { margin: 20px 0 15px 40px; }
	body#home h1 em { margin-left: -20px; }
	body#home #content p { margin-left: 20px; }
	body#home #content ul { margin-left: 50px; }
	body#home #content img.right { margin-left: 20px; }
	
	.btn-wrapper { clear: right; position: relative; margin-top: 10px; height: 240px; width: 830px; background: #e6e6e6 url(../img/btn-wrapper-bg.gif) no-repeat 0 0; overflow: auto; }
	#content .btn-wrapper a { border-bottom: 0; }
	#brokers-btn, #seekers-btn, #join-btn { position: absolute; top: 10px; }
	#brokers-btn { left: 38px; }
	#seekers-btn { left: 302px; }
	#join-btn { left: 566px; }
	
	/* SIGN UP */
	body#signup form p { padding: 0 0 1.5em 0; clear: left; }
	body#signup form label { float: left; display: inline; width: 160px;  }
	/*body#signup #content form input, body#signup #content form textarea { float: left; display: block; width: 250px; }*/
	body#signup #content a { margin: 0 0 0 10px; }
	body#signup #content a.send { margin-left: 160px; }
	
	/* PROFILE */
	body#profile h2 { margin-bottom: 0.6em; }
	
	body#profile fieldset p { padding: 0 0 1.5em 0; clear: left; }
	body#profile fieldset p.state { padding: 0; }
	body#profile fieldset label { float: left; display: inline; width: 200px;  }
	body#profile fieldset input, body#profile fieldset textarea { float: left; display: block; width: 250px; }
	body#profile fieldset textarea { width: 450px; }
	body#profile #content fieldset a { margin: 0 0 0 15px; }
	
	body#profile #photo input, body#profile #video input { float: none; margin-bottom: 15px; }
	body#profile #photo img { display: block; margin-bottom: 15px; width: 100px; height: 100px; border: 1px solid #ccc; }
	
	body#profile #save-cancel { margin-top: 25px; padding: 10px; text-align: center; background: #eee; overflow: auto; }
	body#profile #save-cancel a { float: none; margin: 0 15px 0 0; padding: 0.1em 0.5em; color: #fff; font-weight: bold; font-size: 1.4em; background: #50B8D5; border: 1px solid #128CB1; }
	body#profile #save-cancel a:hover { background: #128CB1; border: 1px solid #047A9E; }
	
	/* RESULTS */
	body#results table { margin-bottom: 5px; width: 100%; background: #e6e6e6; }
	body#results table.alt { background: #C6E7F1; }
	
	body#results td { margin: 0 0 0.4em; font-size: 1.2em; line-height: 1.5em; vertical-align: top; border-right: 1px dotted #bbb; } /* controls font size for results page */
	body#results td strong { color: #128CB1; font-family: "Trebuchet MS", sans-serif; }
	body#results td a { color: #333; font-weight: bold; border-bottom: 1px dotted #333; } /* controls company home page links */
	body#results td a:hover { color: #66B71C; border-bottom: 1px solid #66B71C; }
	
	body#results td.photo { padding: 5px 5px 3px 5px; width: 100px; }
	body#results td.photo img { width: 100px; height: 100px; }
	
	body#results td.info, body#results td.profile { padding: 10px 10px; width: 255px; }
	
	body#results td.links { padding: 10px 5px 15px; width: 60px; text-align: center; border-right: none; }
	body#results td.links a { padding: 0.1em 0.3em; color: #000; font-weight: normal; font-size: 0.9em; background: #F0D24C; border: 1px solid #EDA424; }
	body#results td.links a:hover { background: #50B8D5; border: 1px solid #128CB1; }
	
	/* first entry styles here */
	body#results table.first { margin-bottom: 60px; background: #D0E9B9 url(../img/results-bg.jpg) no-repeat 0 100%; border-collapse: separate; border: 2px solid #66B71C; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;-icab-border-radius: 10px;-khtml-border-radius: 10px; box-shadow: 6px 6px 8px #bbb; -moz-box-shadow: 6px 6px 8px #bbb; -webkit-box-shadow: 6px 6px 8px #aaa;-o-box-shadow: 6px 6px 8px #bbb; -icab-box-shadow: 6px 6px 8px #bbb; -khtml-box-shadow: 6px 6px 8px #bbb; }
	body#results table.first td { font-size: 1.2em; line-height: 1.7em; border-color: #66B71C; } /* controls font size for results page first entry */
	body#results table.first td strong { color: #66B71C; }
	body#results table.first td.info a:hover { color: #128CB1; border-color: #128CB1; }
	body#results table.first td.info, body#results table.first td.profile { padding-bottom: 25px; width: 253px; font-weight: bold; } /* 2px less than others to allow for a 2px border */
	
	/* EMAIL */
	body.email { background: #C6E7F1; }
	body.email #content { margin: 0; padding: 20px; width: 365px; }
	body.email form p { padding: 0 0 1.5em 0; clear: left; }
	body.email label { float: left; display: inline; width: 75px;  }
	body.email input, body.email textarea { float: left; display: block; width: 250px; }
	body.email #content a { float: left; margin: 8px 0 0 10px; }
	body.email #content a.send { margin-left: 75px; }
	


/* Footer
------------------------- */
	#footer { padding: 10px 15px; width: 800px; font-size: 1.1em; background: #128CB1; text-align: center; }
	#footer li { display: inline; color: #fff; line-height: 1.4em; }
	#footer li#copyright { margin-top: 0.6em; display: block; }
	#footer a { color: #C6E7F1; }
	#footer a:hover { color: #F0D24C; }