/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Site
-------------------------------------------------------------- */

div#page {
	width: 1020px;
	height: 800px;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	margin: auto;
}

div#header {
	width: 825px;
	height: 150px;
	padding: 45px 0 0 100px;
}

div#header h1, div#header h1 a {
	background-image: url(../img/bryp_logo.gif);
	height: 80px;
	width: 250px;
	float: left;
}

div#header ul li, div#header ul li a {
	height: 80px;
}

div#content {
	width: 825px;
	padding: 15px 0 25px 120px;
	clear: both;
	background-image: url(../img/bg_content.gif);
	background-repeat: repeat-y;
	
}

div#column-left {
	width: 340px;
	float: left;
}

div#column-right {
	width: 425px;
	padding-right: 60px;
	float: right;
}

div#footer {
	width: 1020px;
	height: auto;
	clear: both;
	background-repeat: repeat-y;
	background-image: url(../img/footer.gif);
	background-color: #ead920
	margin: auto;
	float: left;
}

div#footer-start{
	width: 1020px;
	height: 88px;
	padding: 30px 0 0 0px;
	background-image: url(../img/footer_start.gif);
	background-repeat: no-repeat;
}

div#footer p { 
	color: #581e00;
	font-size: 10px;
	margin: 0;
	padding: 0 0 0 110px;
}

div#footer-links {
	padding: 0 0 0 0px;
	width: 174px;
	float: left;
}

div#footer-info {
	padding: 0 120px 0 0;
	padding-top: 10px;
	text-align: right;
}
/*
div#sub-footer {
	width: 1020px;
	height: 88px;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
}
*/

li#nav-1, li#nav-1 a { width: 44px; background-image: url(../img/nav_1.gif); }
li#nav-2, li#nav-2 a  { width: 69px; background-image: url(../img/nav_2.gif); }
li#nav-3, li#nav-3 a  { width: 119px; background-image: url(../img/nav_3.gif); }
li#nav-4, li#nav-4 a  { width: 47px; background-image: url(../img/nav_4.gif); }
li#nav-5, li#nav-5 a  { width: 84px; background-image: url(../img/nav_5.gif); }
li#nav-6, li#nav-6 a  { width: 67px; background-image: url(../img/nav_6.gif); }
li#nav-7, li#nav-7 a  { width: 140px; background-image: url(../img/nav_7.gif); }

ul#services-nav { float: right; margin-right: 30px; }
ul#services-nav li, ul#services-nav li a { width: 211px; display: block; }

li#services-nav-1, li#services-nav-1 a { height: 34px; background-image: url(../img/services_nav_1.gif); }
li#services-nav-2, li#services-nav-2 a { height: 23px; background-image: url(../img/services_nav_2.gif); }
li#services-nav-3, li#services-nav-3 a { height: 23px; background-image: url(../img/services_nav_3.gif); }
li#services-nav-4, li#services-nav-4 a { height: 23px; background-image: url(../img/services_nav_4.gif); }
li#services-nav-5, li#services-nav-5 a { height: 22px; background-image: url(../img/services_nav_5.gif); }
li#services-nav-6, li#services-nav-6 a { height: 23px; background-image: url(../img/services_nav_6.gif); }
li#services-nav-7, li#services-nav-7 a { height: 38px; background-image: url(../img/services_nav_7.gif); }
li#services-nav-8, li#services-nav-8 a { height: 34px; background-image: url(../img/services_nav_8.gif); }

div#header ul li a:hover, div#header ul li a.on { background-position: 0 -80px; }

body#home-page h2 { background-image: url(../img/h2_welcome.gif); width: 386px; height: 17px; margin: 30px 0 3px 0; }
body#home-page h3 { background-image: url(../img/h3_adivisionof.gif); width: 263px; height: 11px; margin-bottom: 11px; }

body#services-page h2 { background-image: url(../img/h2_services.gif); width: 357px; height: 17px; margin: 30px 0 3px 0; }
body#services-page h3 { font-size: 14px; color: #333; }

body#contact-page #column-left { text-align: right; }
body#contact-page #column-left img { margin-right: 30px; }
body#contact-page h2 { background-image: url(../img/h2_contact.gif); width: 102px; height: 14px; margin: 30px 0 15px 0; }

body#calculator-page #column-left { text-align: right; }
body#calculator-page #column-left img { margin-right: 30px; }
body#calculator-page h2 { background-image: url(../img/h2_costcalculator.gif); width: 145px; height: 14px; margin: 30px 0 15px 0; }

body#faq-page #column-left { text-align: right; }
body#faq-page #column-left img { margin-right: 30px; }
body#faq-page h2 { background-image: url(../img/h2_faq.gif); width: 271px; height: 17px; margin: 30px 0 15px 0; }

body#news-page #column-left { text-align: right; }
body#news-page #column-left img { margin-right: 30px; }
body#news-page h2 { background-image: url(../img/h2_news.gif); width: 51px; height: 14px; margin: 30px 0 15px 0; }