/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; background:#89a3cc url(../../images/backgrounds/main-bg.jpg) 50% repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#474747;}

/* Classes */
a {color: #76c7f0;}
a:hover {color: #CCCCCC;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
.dotted-line {clear:both; height:80px; background:url(../../images/general/dotted-lines.jpg) repeat-x 50% 50%; }
h1 {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75;}
h2 {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75;}
h2.ttl-sub {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75; margin-top:20px}
h3 {font-size:14px; font-family:Helvetica, Arial, sans-serif; color:#000; margin-top:20px}
img {border:none}

/* Main Page */
#page-container {width:721px; margin:auto; background:#e7e7e7 url(../../images/backgrounds/main-content-bg.jpg) repeat-x; padding:0 22px;}

/* Header */
#top-bar {padding-bottom:15px;}
#top-bar ul {float:right; font-weight:bold; font-size:14px; color:#FFF; text-align:right; padding-top:20px;}
#top-bar ul li {list-style:none;}
#header {height:218px; }

/* Navigation */
#navigation-bg {height:24px; background:url(../../images/backgrounds/nav-bg.jpg) no-repeat top left; padding:6px 6px 0 0;}
#main-nav {height:24px; list-style:none; display:inline;}
#main-nav li {float:right; list-style:none; display:inline;}
#main_nav a {height:24px; float:left; overflow:hidden;}
#main-nav li a:hover {background-position:50% -24px; border-bottom:none}
#main-nav li a.currentSection, ul#main-nav li a.currentSection:hover {background-position:50% -43px;}

#nav-index {width:63px; text-indent:-3000px}
#nav-index a {width:63px; height:24px; background:url(../../images/nav/home-btn.jpg) top left no-repeat; display:block}
#nav-roofing {width:79px; text-indent:-3000px}
#nav-roofing a {width:79px; height:24px; background:url(../../images/nav/roofing-btn.jpg) top left no-repeat; display:block}
#nav-hygienic {width:79px; text-indent:-3000px}
#nav-hygienic a {width:79px; height:24px; background:url(../../images/nav/hygienic-btn.jpg) top left no-repeat; display:block}
#nav-truck {width:79px; text-indent:-3000px}
#nav-truck a {width:79px; height:24px; background:url(../../images/nav/truck-btn.jpg) top left no-repeat; display:block}

#nav-services {width:79px; text-indent:-3000px}
#nav-services a {width:79px; height:24px; background:url(../../images/nav/services-btn.jpg) top left no-repeat; display:block}
#nav-contact {width:79px; text-indent:-3000px}
#nav-contact a {width:79px; height:24px; background:url(../../images/nav/contact-btn.jpg) top left no-repeat; display:block}


/* Main Content */
#content-container {width:666px; background:url(../../images/backgrounds/content-bg.jpg) repeat-y; padding:0 28px;}
#home-welcome {width:666px; padding:20px 0 20px 0; background:url(../../images/general/dotted-lines.jpg) repeat-x bottom left; margin-bottom:20px;}
#home-welcome img {padding:0 20px 20px 0;}
#home-welcome h1 {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75;}

#home-fibre-cement-profiles {float:left; width:195px; padding:10px 27px 20px 0;}
#home-fibre-cement-profiles h2 {font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75; margin-bottom:10px; padding-left:2px;}
#home-fibre-cement-profiles p {padding-left:2px;}

#home-high-quality-manufacturers {float:left; width:195px; padding:10px 27px 20px 0;}
#home-high-quality-manufacturers h2 {font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75; margin-bottom:10px; padding-left:2px;}
#home-high-quality-manufacturers p {padding-left:2px;}

#home-glasliner-hygienic-panels {float:left; width:195px; padding:10px 27px 20px 0;}
#home-glasliner-hygienic-panels h2 {font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75; margin-bottom:10px; padding-left:2px;}
#home-glasliner-hygienic-panels p {padding-left:2px;}

#home-advice {clear:both; width:666px; padding:20px 0 20px 0; background:url(../../images/general/dotted-lines.jpg) repeat-x top left;}
#home-advice h2 {font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#3c5a75;}

#sub-content {width:666px; padding:20px 0 20px 0; background:url(../../images/general/dotted-lines.jpg) repeat-x bottom left;}
#sub-content dl {float:left; width:310px; padding:30px 0 0 20px;}
#sub-content dt {font-weight:bold; padding-bottom:5px;}
#sub-content dd {line-height:25px;}

#sub-content ul { padding:20px 0 0 30px }
#sub-content ul li { line-height:160% }

.contact-addy { padding-top:15px;}
.contact-addy li {list-style:none; line-height:20px;}

/* Footer */
#footer {clear:both; background:url(../../images/backgrounds/footer-bg.jpg) no-repeat top left; padding:20px 0; color:#FFF;}
#footer a {color:#42667b;}
#footer a:hover {color:#76c7f0;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}


.imgFloat{
	float:left;
	padding:0px 20px 10px 0px;
}