/* Nechako North Coast CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#fff url(/gfx/bg.jpg) repeat-x -3px 0;
	font:12px/1.3em Verdana, Arial, sans-serif;
}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0 auto;
padding-bottom:30px;
width: 760px;
text-align: left;
position:relative;
}

#banner {
width:759px;
height:265px;
display:block;
background:url(/gfx/banner_nechako_group.jpg) no-repeat -1px -1px;
position:relative;
}

body#affiliated.billabong_terrace #banner {background:url(/gfx/banner_billabong_terrace.jpg) no-repeat -1px -1px;}
body#affiliated.nechako_northcoast_construction #banner {background:url(/gfx/banner_nechako_construction.jpg) no-repeat -1px -1px;}
body#affiliated.billabong_smithers #banner {background:url(/gfx/banner_smithers.jpg) no-repeat -1px -1px;}


#sidebar1 {
width:180px;
float:left;
margin-top:30px;
}

#colwrap {
width:580px;
float:right;
margin-top:30px;
margin-bottom:40px;
}

#maincol {
width:400px;
float:left;
}

#sidebar2 {
width:180px;
float:right;
}

#footer {
display:block;
clear:both;
width:760px;
height:120px;
background:url(/gfx/footer.gif) no-repeat top left;
padding-top:40px;
font-size:10px;
margin-top:40px;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */

#banner h1#logo a {
display:block;
text-indent:-9999px;
width:460px; height:70px;
position:absolute;
left:0; top:190px;
}

ul#nav {
display:block;
width:760px;
background:#fff;
}

ul#nav li {
display:inline;
float:left;
}

ul#nav li a {
display:block;
height:39px;
text-indent:-9999px;
background-position: 0 0;
}

ul#nav li#n_home a {width:51px; background-image:url(/gfx/nav_home.jpg);}
ul#nav li#n_contact a {width:74px; background-image:url(/gfx/nav_contact.jpg);}
ul#nav li#n_affiliated a {width:127px; background-image:url(/gfx/nav_affiliated.jpg);}
ul#nav li#n_community a {width:145px; background-image:url(/gfx/nav_community.jpg);}
ul#nav li#n_conditions a {width:104px; background-image:url(/gfx/nav_conditions.jpg);}
ul#nav li#n_quality a {width:128px; background-image:url(/gfx/nav_quality.jpg);}
ul#nav li#n_driving a {width:131px; background-image:url(/gfx/nav_driving.jpg);}

ul#nav li a:hover,
body#home ul#nav li#n_home a,
body#contact ul#nav li#n_contact a,
body#affiliated ul#nav li#n_affiliated a,
body#community ul#nav li#n_community a,
body#conditions ul#nav li#n_conditions a,
body#quality ul#nav li#n_quality a,
body#driving ul#nav li#n_driving a {
background-position:0 -41px;
}

/* Typography
--------------------------------------------------------------------------------------------------- */
#main p a {
color:blue;
text-decoration:underline;
}

p {
margin-bottom:12px;
margin-right:15px;
}

h2 {
margin-bottom:10px;
font-size:22px;
line-height:1.3em;
}

h3 {
font-size:16px;
margin-bottom:8px;
color:#000;
font-weight:bold;
}

#maincol p,
#maincol h2,
#maincol h3 {
margin-left:15px;
}

#maincol ul {
margin-left:25px;
}

#maincol li {
margin-bottom:12px;
}

#maincol img {
margin-left:15px;
margin-bottom:15px;
}


/* Image and button Styles
--------------------------------------------------------------------------------------------------- */

.button1 {
margin-bottom:5px;
}

h3.weather {
display:block;
text-indent:-9999px;
background:url(/gfx/button_weather.jpg) no-repeat top left;
width:180px; height:63px;
}

ul.buttongroup1 li {
list-style:none;
}

li.chains a,
li.cams a,
li.travinfo a,
li.loads a,
li.photos a {
width:180px; height:50px;
text-indent:-9999px;
display:block;
margin-bottom:5px;
}

li.photos a {background:url(/gfx/button_gallery.jpg) no-repeat top left;}
li.chains a {background:url(/gfx/button_chains.jpg) no-repeat top left;}
li.cams a {background:url(/gfx/button_hwycams.jpg) no-repeat top left;}
li.travinfo a {background:url(/gfx/button_travinfo.jpg) no-repeat top left;}
li.loads a {background:url(/gfx/button_loads.jpg) no-repeat top left;}

li.employ, li.equip, li.report {list-style:none;}
li.employ a { display:block; text-indent:-9999px; width:180px; height:75px; background:url(/gfx/button_employ.jpg) no-repeat top left;}
li.equip a { display:block; text-indent:-9999px; width:180px; height:118px; background:url(/gfx/button_equip_reg.jpg) no-repeat top left;}
li.report a { display:block; text-indent:-9999px; width:180px; height:77px; background:url(/gfx/button_report.jpg) no-repeat top left;}



a img {
border:none;
}

/*thumblist */

.thumblist {
margin-top:30px;
margin-bottom:20px;
clear:both;
}

.thumblist p img {
float:left;
margin-right:10px;
margin-bottom:20px;
border:none;
}

/* Photo Gallery */

.albumlist_item {
clear:both;
}

.albumlist_item img {
float:left;
margin:0 20px 20px 0;
}

ul.communitypics li {
list-style:none;
}

body#community p.main_caption {
font-size:11px; color:#555;
border-bottom:1px dotted #555;
padding-bottom:5px;
margin-bottom:10px;
}