@charset "utf-8";
/***********************************
 *
 *	STYLESHEET FOR NHR.COM.AU
 *	Author: Tim Jensen
 *	Date: 24/04/10
 *
/***********************************/

@import "reset.css";
@import "clearfix.css";
@import "navigation.css";

body{ background-color:#3a3e49; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; background:url('images/body_grid.gif') top center repeat;}

#wrapper{ width:100%; margin:0px auto; text-align:center;}
#wrapper.home{ background:url('images/home_backdrop.jpg') top center no-repeat; color:#fff;}
#wrapper.inside { min-height:486px; background:url('images/inside_backdrop.jpg') top center no-repeat;}
#container{ width:960px; margin:0px auto;}

#header{ display:block; width:940px; height:153px; margin:0px 10px;}
#header h1{ float:left; width:220px; height:153px; background:url('images/nhr_builders.png') no-repeat; cursor:hand;}
#header h1 span{ display:block; width:0; height:0; overflow:hidden; }

/*** Footer ***/
#footer{ float:left; width:940px; height:100px; margin:10px 10px 50px 10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7b7e86; text-align:left;}
#footer span{ padding-top:10px;}
a#brisbane_web_design{ float:right; display:block; width:152px; height:12px; background:url('images/brisbane_web_design.png') no-repeat; overflow:hidden;}
a#brisbane_web_design span{ display:block; width:0; height:0; overflow:hidden;}
a#brisbane_web_design:hover{ background-position:0px -12px;}

a#greensmart{ float:left; display:block; width:170px; *width:278px; height:25px; margin-left:-15px; *margin-left:0px; padding-left:108px; background:url('images/greensmart.png') 0px 0px no-repeat; color:#7b7e86; vertical-align:middle;}
a#greensmart:hover{ text-decoration:none;}

/** Buttons **/
a#learnaboutnhr{ float:right; display:block; width:216px; height:45px; margin:0px; padding:0px; background:url('images/btn_learn_about_nhr.png') no-repeat; background-position:0px 0px; overflow:hidden;}
a#learnaboutnhr span{ display:block; width:0; height:0; overflow:hidden;}
a#learnaboutnhr:hover{ background-position:0px -45px;}

a#sendnhremail{ display:block; width:242px; height:62px; margin:0px; padding:0px; background:url('images/btn_send_nhr_builders_email.png') no-repeat; background-position:0px 0px; overflow:hidden;}
a#sendnhremail span{ display:block; width:0; height:0; overflow:hidden;}
a#sendnhremail:hover{ background-position:0px -62px;}

/*** Content ***/
#contentWrapper{ width:940px; margin:50px 10px 0px 10px; padding:0px; color:#3a3e49; float:left; background:url('images/container_strip.png') top center repeat-y; text-align:left;}
#content{ float:left; width:600px; *width:660px; margin:0px; padding:30px; background:url('images/content_top.gif') top left no-repeat;}
#intro{ display:block; width:695px; height:387px; margin-left:250px; margin-right:20px; text-align:left;}
#intro h2{ margin-bottom:15px; font-size:25px;}

#content h2{ font-size:35px; color:#6d0f23;}
#content ul, #sidebar ul{ margin:20px 15px 20px 0px;}
#content ul li, #sidebar ul li{ margin:5px 0px 0px 0px; padding:0px 5px 10px 35px; list-style:none; background:url('images/bullet.gif') no-repeat; }
#content h3{ position:relative; display:block; width:210px; *width:270px; margin-left:-30px; margin-top:25px; margin-bottom:15px; padding:8px 30px; background:#5e6673 url('images/contenth3_bg.jpg') repeat-x; color:#fff;}

#sidebar{ display:block; width:280px; float:right; color:#596877; font-size:14px;}
#sidebar h3{ margin:20px 0px; color:#596877;}
#sidebar p{ margin-right:20px; line-height:1.2em;}

#sidebar ul li{ background:url('images/tick.gif') no-repeat; border-bottom:1px solid #c8cacd;}
#sidebar ul{ border-top:1px solid #c8cacd; }


/*** Next Page ***/
#next{ float:left; width:900px; *width:940px; clear:both; margin:0px 10px; padding:15px 10px 20px 30px; clear:both; background:#6b7281 url('images/next_base.gif')center bottom no-repeat; color:#fff; text-align:left;}
#next blockquote{ color:#fff;}
a#viewphotogallery{ float:right;}

a#nextbutton{ display:block; width:222px; height:49px; margin:0px; padding:0px; background-position:0px 0px; overflow:hidden;}
a#nextbutton span{ display:block; width:0; height:0; overflow:hidden;}
a#nextbutton:hover,a#nextbutton.about:hover,a#nextbutton.building:hover,a#nextbutton.pricing:hover,a#nextbutton.gallery:hover,a#nextbutton.contact:hover{ background-position:0px -49px;}

a#nextbutton.about{ background:url('images/btn_about_nhr_builders.gif') no-repeat;}
a#nextbutton.building{ background:url('images/btn_building_with_nhr.gif') no-repeat;}
a#nextbutton.pricing{ background:url('images/btn_nhr_builders_pricing_structure.gif') no-repeat;}
a#nextbutton.gallery{ background:url('images/btn_nhr_home_gallery.gif') no-repeat;}
a#nextbutton.contact{ background:url('images/btn_contact_nhr_builders.gif') no-repeat;}


/*** Contact Page ***/
#contactform{ position:relative; display:block; float:left; width:260px;}
#contactform p{ margin-top:3px;}
#contactform input{ width:240px; height:28px;}
#contactform textarea{ width:240px;}
#contactform input.formsubmit { width:175px; height:40px; background:url('images/btn_send_nhr_email.png'); cursor: pointer; border:none; }

#mailicon{ top:-62px; left:160px; position:absolute; width:95px; height:59px; display:block; background:url('images/mail_icon.png') no-repeat;}
#googlemap{ float:right; margin-top:-50px; width:328px; border: 1px solid #C8CACD;}

dl.info{ float:left; display:block; width: 260px; margin:0px 0px 20px 0px; padding:0px;}
dl.info dt{ clear: left; float: left; width: 60px; margin: 0; padding: 10px 5px; border-top: 1px solid #C8CACD; font-weight: bold;}
dl.info dd{ float: left; width: 170px; margin: 0; padding:10px 5px; border-top: 1px solid #C8CACD;}


/*** SELECTORS ***/
a{ color:#477AB5;}
h3{ font-size:22px; font-weight:normal;}
p{ margin:15px 0px; line-height:1.5em; }
p.first{ line-height:1.3em; font-size:20px; color:#6d0f23; padding-bottom:20px; border-bottom:1px solid #C8CACD;}
blockquote{ font-size:20px; font-style:italic; color:#6d0f23;}
small{ font-size:13px;}