/*
	Author: Jason A. Heppler
	Author Email: hepplerj@hotmail.com
	Theme URI: http://www.jamesvalleynursery.com
	Version: 2.1
	Description: Version 2 of James Valley Nursery
*/

/*
	RESET, BASICS, and TOOLBOX
*/
@import url("typography.css"); 

* { margin: 0; padding: 0; } 
html { overflow-y: scroll; }		
body { color: #444444; height: 100%; margin: 0; }
.alignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix { display: block; }

/*
	STRUCTURE
*/
#container { clear: both; min-height: 380px; }
#container-inner { background: #DDDAC3; clear: both; float: left; padding: 42px 0 0 0; width: 100%; }
#content-wrap { background: #F7F6EE; margin: 0 auto 19px; width: 960px; }
	#content-wrap-home { margin: 0 auto 19px; width: 960px; }
#content { float: left; min-height: 380px; padding: 5px 40px; width: 540px; }
	#content h2 { color:#924a2e; font-size: 3em; font-weight: normal; margin: 0 0 20px 0; }
	#content .contentRight { float: right; width: 260px; }
	#content .contentLeft { float: left; width: 260px; }
	#formcontent { float: left; min-height: 600px; padding: 5px 40px; width: 775px; }
	#formcontent h2 { color:#924a2e; font-size: 3em; font-weight: normal; margin: 0 0 20px 0; }
#sidebar { background: #f7f6ee; float: right; padding: 18px 18px 20px 12px; width: 251px; }

/*
	HEADER	
*/
#header { margin: 0 auto; width: 960px; }
#header h1 { float: left; height: 96px; margin: 24px 0 17px 24px; width: 200px; }
#header h1 a { background: url(http://www.jamesvalleynursery.com/images/jvn_header_color.jpg) no-repeat; display: block; height: 96px; text-indent: -9999px; width: 200px; }

#tag { float: right; position: relative; right:-25px; top: 86px; font-family: Georgia, sans-serif; font-style: italic; color: #333333; font-size: 1.6em; }

/*
	MAIN NAVIGATION
*/
#nav { clear: left; height: 14px; list-style: none; position: relative; }
#nav li { float: left; height: 32px; margin: 0 2px 0 0;  width: 158px; }
#nav li a { background: #F3F2E9; cursor: pointer; display: block; font-size: 14px; height: 26px; padding: 6px 0 0 0; text-indent: 10px; text-decoration: none; width: 158px; }
#nav li a:hover { background: #DDDAC3; }
#nav li.current a { background: #DDDAC3; }

	/* Page Navigation
	----------------------------------------------------------------------------------------------------*/
	#nav li#nav_about a { background-position: -160px 0;}
	#nav li#nav_residential a { background-position: -320px 0;}
	#nav li#nav_commercial a { background-position: -480px 0;}
	#nav li#nav_gardencenter a { background-position: -640px 0;}

	#nav li#nav_about:hover a,
	#nav li#nav_about.sfHover a	{ background-position: -160px -33px;}
	#nav li#nav_residential:hover a,
	#nav li#nav_residential.sfHover a { background-position: -320px -33px;}
	#nav li#nav_commercial:hover a,
	#nav li#nav_commercial.sfHover a { background-position: -480px -33px;}
	#nav li#nav_gardencenter:hover a,
	#nav li#nav_gardencenter.sfHover a { background-position: -640px -33px;}

	#nav li#nav_about.current a,
	#nav li#nav_about.sfbreadcrumbs a,
	#nav li#nav_about.current a:hover { background-position: -160px -66px; }

	#nav li#nav_residential.current a,
	#nav li#nav_residential.current a:hover { background-position: -320px -66px; }

	#nav li#nav_commercial.current a,
	#nav li#nav_commercial.current a:hover { background-position: -480px -66px; }

	#nav li#nav_gardencenter.current a,
	ul#nav li#nav_gardencenter.sfbreadcrumb a,
	#nav li#nav_gardencenter.current a:hover { background-position: -640px -66px; }

	#nav li ul { left: -999em; line-height: 1; list-style: none; position: absolute; z-index: 999; }
	#nav li.sfHover ul,
	ul#nav li:hover ul { z-index: 1000; }
	#nav li li { float: left; font-size: 1.1em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0; height: 39px; padding: 0 2px; position: relative; width: auto; }
	#nav li ul li a	{ background: none; color: #423b2d; display: block; float: left; height: auto; padding: 16px 22px 10px; text-indent: 0; text-align: center; width: auto; }
	#nav li li a:hover,
	#nav li li.current a { color: #924a2e; }
	#nav li li.current a { font-weight: bold; }
	#nav li ul ul { display: none !important; }
	#nav li.current ul { left: 0; width: auto; _width:960px; }

	/* Top Navigation
	----------------------------------------------------------------------------------------------------*/
	#topnav { background: #00901F; box-shadow: 0 5px 5px -3px #333333; color: #d6dfcc; font-size: 16px; -webkit-box-shadow: 0 5px 5px -3px #333333; -moz-box-shadow: 0 5px 5px -3px #333333; }
	#topnav-inner { height: 30px; margin: 0 auto; min-height: 30px; padding: 5px 0 0 0; width: 960px;  }
	#topnav p { font-size: 80%; }
	#topnav a { color: #d6dfcc; text-decoration: none; }
	#topnav a:hover { text-decoration: none; }
	#jvn-info { float: left; line-height: 1.8; }
	#jvn-info p { float: left; }
	p#map { margin: 0 0 0 11px; }
	a.map { -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; background: #005D14; /*border: 1px solid #d1d1d1;*/ color: #252017; float: none; font-size: 0.8em; margin: 5px 0 0 0;	padding: 3px 8px 4px; }
	a.map:hover { background: #31A249; color: #fff; }
	a.social:hover { background: #005D14; text-decoration: none; }
	#search-area { position: absolute; width: 255px; top: 0px; right: 102px; }
	#search-area label { color: #473129; }
	#search-area #s	{ border: 1px solid #666666; padding: 4px 5px 5px 5px; font: italic 12px Georgia, Serif; color: #999999; width: 180px; }
	#search-area #searchsubmit { border: 0; position: relative; left: -20px; top: 4px; width: 32px; height: 32px; text-indent: -9999px; background: url(/images/searchicon.png) no-repeat; cursor: pointer; }
	
/*
	HOME PAGE FORMATTING 
*/
#banner_welcome { background: #181510; display: block; float: left; height: 60px; margin: 25px 0 0 0; position: relative; width: 961px; }
#banner_welcome h2 { font-size: 14px; color: #494436; }
#banner_welcome p { color: #D4DBD4; }
#banner_tier2 { display: block; float: left; margin: 25px 0 0 0; position: relative; width: 980px; }

	/* Home Banner
	----------------------------------------------------------------------------------------------------*/
		#home-banner { float: left; width: 960px; }
		#quicknav { background: #f7f6ee; display: block; float: left; height: 240px; position: relative; width: 300px; }
		#quicknav-inner { left: 14px; padding: 0 0 6px 0; position: relative; width: 270px; }
		#quicknav h2 { font-size: 14px; line-height: 38px; margin: 0 0 0 4px; text-transform: uppercase; }
		#quicknav p { color: #4c432e; font-size: 13px; left: 14px; padding: 0 0 6px 0; position: relative; width: 270px; }

	/* Home Rotator
	----------------------------------------------------------------------------------------------------*/
		ul#home-rotator {  float: right; list-style: none; margin: 0; padding:0; position: relative; width: 660px; z-index: 9999; }

/*
	GRADIANT BUTTONS
*/
.bigbutton { background: url(http://jamesvalleynursery.com/images/button_on_off.gif) no-repeat center top; display: block; font-size: 11px; font-family: Helvetica,Arial,sans-serif; height: 28px; line-height: 16px; margin: 0 0 10px 0; padding: 13px 18px; width: 222px; }
a.bigbutton	{ color: #827c6c; }
.bigbutton:hover { background: url(http://jamesvalleynursery.com/images/button_on_off.gif) no-repeat center bottom; text-decoration: none; }
.bigbutton h3 { color: #008f1f; font-size: 15px; font-family: Helvetica,Arial,sans-serif; margin: 0; padding: 0; text-transform: uppercase; }
.bigbutton p { color: #827c6c; font-size: 10px; line-height: 12px; margin: 0; padding: 0; }

/*
	FLICKR FORMATTING
*/
#flickr img { float:left; width:72px; height:72px; margin:10px; border:1px solid #ccc; }

/*
	CONTACT FORM & GOOGLE MAP
*/
#contact-form { border: 1px solid #EADDC3; background: #DDDAC3; overflow: hidden; height: 1%; padding: 12px; width: 410px; float: left; margin: 20px 0 35px 0; }
#contact-form label {width: 100px; float: left; margin-bottom: .5em; clear: left;}
#contact-form .text, #contact-form textarea {width: 300px; float: left; margin-bottom: .5em; background: #fff; border: 1px solid #EADDC3;}
#contact-form textarea {height: 300px;}
#contact-form .button {float: right; margin: 10px 8px 0 0;}

#location { background: #DDDAC3; margin: 0 0 1.5em 0; width: 320px; float: right; margin-top: 20px; border: 1px solid #EADDC3; }
#location address { display: block; margin: 1.5em; }
#gmap { display: block; width: 320px; height: 300px; }

/*
	FOOTER 
*/
#footer { background-color: #252017; clear: both; color: #b2aea1; font-family: sans-serif; font-size: .67em; font-size: 11px; height: 180px; width: 100%; }
#footer a { color: #B2AEA1; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }
#footer .column { display: block; float: left; padding: 1em 1% 1px; position: relative; width: 12%; }
#footer .column.contact_us { background-image: url(http://www.jamesvalleynursery.com/images/footer_divider.png); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; position: relative; width: 27.33%; }
#footer .column h5 { font-size: 1.2em; letter-spacing: -.5px; margin: 1em 0 1em 0; }
#footer .column h4 { color: #669acc; font-size: 1.3em; font-family: "Lucida Grande", Verdana, Arial, sans-serif; letter-spacing: -.5px; margin:  0 0 1em 0; }
#footer .column ul { list-style-type: none; margin: -12px 0 0 5px; padding-left: 0; }
#footer .small_print { clear: left; display: block; float: left; height: 20px; line-height: 20px; margin: 3em 26% 0 26%; text-align: left; width: 96%; }
.x_limit { height: auto !important; margin: 0pt auto; padding: 0pt; position: relative; width: 1000px; }
	.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	/* Hides from IE-mac \*/
	* html .clearfix  { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */