@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Edmonton Neck & Back Clinic
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%; min-width:1000px; text-align:center;}

.full{width:100%; display:block;}
.fixed{width:960px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}

/* home link */
.hLink{display:block; width:474px; height:65px; margin-left:9px; float:left;}

/* quote */
.quote{text-align:center; font-size:13px; font-style:oblique; padding:0 20px 15px 10px; line-height:20px;}
.quote b{font-size:18px;}
.quote .alternate{font-size:12px;}

/* hr */
.hr{border-top:1px solid #D4CECD;}

/* lists */
ul.list{list-style:none; font-weight:bold; padding-bottom:15px;}
ul.list li{background:url(../images/bullet.gif) 0 4px no-repeat; padding:2px 0px 2px 18px;}




/*------ clearfix ------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*------ containers ------*/
#mastHead{background:url(../images/mastHeadBkgd.jpg) top center no-repeat; height:180px;}
#mastHead .fixed{padding-top:50px;}

#imgCollageWrap{background:url(../images/bodyBkgdTile.jpg) top center repeat-x;}
#imgCollage{background:url(../images/imageCollage.jpg) top center no-repeat; padding-top:35px;}
#centerImg{width:180px; height:285px; margin:auto;}

#mainContent{width:940px; margin:auto; padding-bottom:15px;}
.leftCol{width:449px; border-right:1px solid #d4cecd; padding-right:15px;}
.rightCol{width:450px; padding-left:25px;}



/*------ main navigation ------*/
#mainNav{background:url(../images/navBkgdTile.jpg) 0 0 repeat-x; height:49px;}
ul.nav{list-style:none; color:#fff; font-size:16px; line-height:49px; margin-left:60px;}
ul.nav li{display:block; float:left;}
ul.nav li a{display:block; float:left; height:49px; margin:0;}

/* static state */
.nav1{width:43px; background:url(../images/navBtnBkgd.jpg) -8px 0 no-repeat;}
.nav2{width:228px; background:url(../images/navBtnBkgd.jpg) -51px 0 no-repeat;}
.nav3{width:196px; background:url(../images/navBtnBkgd.jpg) -278px 0 no-repeat;}
.nav4{width:160px; background:url(../images/navBtnBkgd.jpg) -473px 0 no-repeat;}
.nav5{width:34px; background:url(../images/navBtnBkgd.jpg) -632px 0 no-repeat;}
.nav6{width:120px; background:url(../images/navBtnBkgd.jpg) -665px 0 no-repeat;}
.nav7{width:86px; background:url(../images/navBtnBkgd.jpg) -785px 0 no-repeat;}
.nav8{width:55px; background:url(../images/navBtnBkgd.jpg) -871px 0 no-repeat;}

/* hover & selected state */
.nav1:hover, .selected1{background:url(../images/navBtnBkgd_r.jpg) -8px 0 no-repeat;}
.nav2:hover, .selected2{background:url(../images/navBtnBkgd_r.jpg) -51px 0 no-repeat;}
.nav3:hover, .selected3{background:url(../images/navBtnBkgd_r.jpg) -278px 0 no-repeat;}
.nav4:hover, .selected4{background:url(../images/navBtnBkgd_r.jpg) -473px 0 no-repeat;}
.nav5:hover, .selected5{background:url(../images/navBtnBkgd_r.jpg) -632px 0 no-repeat;}
.nav6:hover, .selected6{background:url(../images/navBtnBkgd_r.jpg) -665px 0 no-repeat;}
.nav7:hover, .selected7{background:url(../images/navBtnBkgd_r.jpg) -785px 0 no-repeat;}
.nav8:hover, .selected8{background:url(../images/navBtnBkgd_r.jpg) -871px 0 no-repeat;}


/*------ content ------*/

/* faq */
ul.faq{list-style:none; padding-bottom:20px; display:block;}
ul.faq li{padding:3px 0; clear:both;}
ul.faq li b{font-size:14px; color:#45536E;}
a.top{padding:2px 0 2px 18px; display:block; width:100px; font-size:11px; background:url(../images/topbtn.gif) 0 3px no-repeat; margin-top:10px;}
a.top:link, a.top:visited, a.top:hover, a.top:active{color:#666;}


/*------ contact form ------*/
#contactForm{display:block; background:url(../images/contactFormTile.jpg) top center repeat-x #3d5271; border-bottom:3px solid #fff; color:#fff; text-align:left;}
#contactForm h2{font-size:16px; padding-left:5px;}

.contact{width:160px; height:55px; background:url(../images/btn_contact.png) 0 0 no-repeat; margin-right:8px;}
.contact a{width:118px; height:36px; display:block; background:url(../images/btn_contact.png) -22px 0 no-repeat; margin-left:21px;}
.contact a:hover{background:url(../images/btn_contact_r.png) -22px 0 no-repeat;}

.contactContent{height:130px; width:960px; margin:auto; background:url(../images/contactFormBkgd.jpg) top center no-repeat #3d5271; padding:25px 0 10px;}
#contactForm label{display:block; float:left; text-align:right; padding:0 5px; line-height:25px;}
#contactForm #btn{display:block; width:74px; height:29px; border:2px solid #fff; margin-left:20px; background:url(../images/btn_send.gif);}

.input, .textarea{width:185px; border:none; font-family:Arial, Helvetica, sans-serif; color:#111; font-size:12px; border-top:1px solid #000;}
.input{height:20px; padding:5px 5px 0 5px;}
.textarea{height:45px; padding:5px;}
label{width:69px;}



/*------ footer ------*/
#footer{width:880px; padding:65px 60px; margin:auto; background:url(../images/footerBkgd.jpg) top center no-repeat; font-size:12px; color:#fff; text-align:left;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
ul.footerNav{list-style:none; border-right:1px solid #fff; padding:0 30px 70px 0;}

.copy{width:400px; padding-left:30px;}

/* sticky footer */
*{margin: 0;}
html, body {height: 100%;}
#wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; text-align:left;}
#footer, .push{height: 150px;}