/*
Theme Name: qnr
Theme URI: http://www.kcrnc.com
Description: Custom Wordpress theme for QnR Construction
Version: 3.0
Author: John
Author URI: http://www.kcrnc.com
Tags: 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
background-color:#baa172;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
}

*{ padding:0; margin: 0; }



div.cb{
clear:both;
}

/* Wrappers */

div#headerWrapper{
width:100%;
height:38px;
display:block;
background:url("images/headerbg.jpg") repeat-x scroll 0 0 transparent;
position:relative; 
z-index: 1;
}

div#otherWrapper{
width: 100%;
background-color:#a8a194;
}
div#contentWrapper{
width: 960px;
margin: 0 auto;
position:relative;
z-index:2;
top:-14px;
}


/* Header / Top Nav Bar */

div#header{
width:960px;
margin:0 auto;
}

div#topNav{
float:right;
height:38px;
display:block;
}

div.navLink
{
float:left;
height:38px;
display:block;
}

div.navLink a{
height:38px;
display:block;
}

a#homeLink{
width:78px;
background:url("images/navHome.png") no-repeat scroll 0 0 transparent;
}

a:hover#homeLink{
background:url("images/navHome_h.png") no-repeat scroll 0 0 transparent;
}

a.homeLinkCurrent{
background:url("images/navHome_c.png") no-repeat scroll 0 0 transparent !important;
}


a#aboutLink{
width:87px;
background:url("images/navAbout.png") no-repeat scroll 0 0 transparent;
}
a:hover#aboutLink{
background:url("images/navAbout_h.png") no-repeat scroll 0 0 transparent;
}
a.aboutLinkCurrent{
background:url("images/navAbout_c.png") no-repeat scroll 0 0 transparent !important;
}

a#workLink{
width:123px;
background:url("images/navWork.png") no-repeat scroll 0 0 transparent;
}

a:hover#workLink{
background:url("images/navWork_h.png") no-repeat scroll 0 0 transparent;
}
a.workLinkCurrent{
background:url("images/navWork_c.png") no-repeat scroll 0 0 transparent !important;
}

a#contactLink{
width:103px;
background:url("images/navContact.png") no-repeat scroll 0 0 transparent;
}

a:hover#contactLink{
background:url("images/navContact_h.png") no-repeat scroll 0 0 transparent;
}

a.contactLinkCurrent{
background:url("images/navContact_c.png") no-repeat scroll 0 0 transparent !important;
}

/* Logo */
a#logo{
width:295px;
height:114px;
display:block;
position:relative;
margin: 0 0 0 20px;
z-index: 4;
background:url("images/logo.png") no-repeat scroll 0 0 transparent;
}

/* SlideShow */

div#slideShow{
width: 932px;
height: 293px;
position:relative;
top:-60px;
overflow:hidden;
margin: 0 auto;
z-index:3;
}

div#slideShow ul{
width: 932px;
display:block;
}

div#slideShow li{
list-style-type: none;
}

/* Bottom Nav Buttons */

div#buttons{
width:932px;
display:block;
margin: 0 auto;
position:relative;
top:-35px;
}


div#buttons a{
display:block;
width:296px;
height: 140px;
}

div#buttons li{
list-style-type:none;
float:left;
display:block;
width: 296px;
height:140px;
}

li.bDecks{
background:url("images/bDecks.jpg") no-repeat scroll 0 0 transparent;
margin: 0 18px 0 3px;
}

a.bDecks_h{
background:url("images/bDecks_hov.jpg") no-repeat scroll 0 0 transparent;
}

li.bRemodel{
background:url("images/bRemodel.jpg") no-repeat scroll 0 0 transparent;
margin: 0 18px 0 0px;
}

a.bRemodel_h{
background:url("images/bRemodel_hov.jpg") no-repeat scroll 0 0 transparent;
}

li.bSupport{
background:url("images/bCommunity.jpg") no-repeat scroll 0 0 transparent;
}

a.bSupport_h{
background:url("images/bCommunity_hov.jpg") no-repeat scroll 0 0 transparent;
}

/* Footer */

div#footer{
height:120px;
width: 100%;
display:block;
background:url("images/footerbg.jpg") repeat-x scroll 0 0 transparent;
position:relative;
}

/* Sorry */

div#badMargin{
height: 12px;
display:block;
}

a#contactFooter{
width:297px;
height: 80px;
display:block;
margin: 0px auto;
position:relative;
background:url("images/contact.png") no-repeat scroll 0 0 transparent;
}

/*Main Content */

div#pageContent{
width:932px;
margin: 0 auto;
position:relative;
top:-35px;
}

div#mainContentTop{
height: 7px;
width: 932px; 
display:block;
background:url("images/tBackTop.png") no-repeat scroll 0 0 transparent;
}


div#mainContentBottom{
height: 7px;
width: 932px; 
display:block;
background:url("images/tBackBottom.png") no-repeat scroll 0 0 transparent;
}

div#mainContent
{
width:932px;
color: #616161;
background:url("images/tBack.jpg") repeat-y scroll 0 0 transparent;
}

div#leftContent{
float:left;
width: 540px;
padding: 0 0 0 10px;
}

div#leftContent p{
margin: 3px 5px 8px 5px;
}

div#leftContent h1, div#leftContent h2, div#leftContent h3, div#leftContent h4{
color: #807257;
margin: 0 0 0px 2px;
} 
div#leftContent h1{ font-size:25px; }
div#leftContent h2{ font-size:22px; }
div#leftContent h3{ font-size:19px; }
div#leftContent h3{ font-size:16px; }

div#leftContent ul, ol{
margin: 2px 0 2px 35px;
}

div#leftContent a{
text-decoration:none;
color: #bd4600;

}

div#leftContent a:hover{
text-decoration:underline;
background-color: 

}

div#leftContent a:visited{

}

/*Right Content/Menu Boxes */

div#rightContent{
float: left;
width: 380px;
margin: 30px 0 0 0;
}

div#menuBox{
width: 360px;
margin: 0 auto;
text-align: center;
}

/*Contact Form */
div.contactForm
{
margin:0 auto;
width: 460px;
}

div.contactForm td
{
padding: 0 5px 5px 0;
}

td.label
{
text-align:center;
}
td.contactInput input
{
width:360px;
height:24px;
padding: 0 0 0 7px;
}

td.contactInput textarea
{
width:360px;
height:100px;
padding: 14px  0 0 10px;
}

td.contactButton input
{
width:200px;
}

div#post-5 h4{
margin: 8px 0 8px 2px;
}

div#post-5 div.ngg-galleryoverview{
margin: 5px !important;
}