/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : CSS for Braye Demolition. Author : Jay Chan URL : www.brayedemolition.co.uk - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Copyright (c) 2008 Jay Chan. All rights reserved. */ * {margin:0;padding:0;border:0;} html {height:100%;margin:0;padding:0;border:0;} body {background: url(images/bg.jpg) repeat-x;margin:0;padding:0;border:0;background-color:#fbfbfb;} img {padding:0;margin:0;border:0px;} /* -------- TEXT STYLES -----------*/ .intro {color: #747474;font-family: trebuchet ms, tahoma, georgia, arial;margin:0px 0 4px 0px;text-align:left;font-size:13px;line-height:1.5em;} .infobody {color: #9d9d9d;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:0.75em;line-height:1.5em;margin:10px 0 4px 0;} .bodycopy {color: #747474;font-family: trebuchet ms, tahoma, georgia, arial;margin:0px 0 12px 0px;text-align:left;font-size:13px;line-height:1.5em;} .bodycopy a {color: #747474;text-decoration:none;} .bodycopy a:hover {color: #747474;text-decoration:underline;} .blue {color: #3078aa;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:0.75em;line-height:1.5em;margin:10px 0 4px 0;} .white {color: #FFFFFF;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:0.75em;line-height:1.5em;margin:10px 0 4px 0;} .white a {color: #FFFFFF;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:1em;line-height:1.5em;margin:10px 0 4px 0;text-decoration:none;} .white a:hover {color: #FFFFFF;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:1em;line-height:1.5em;margin:10px 0 4px 0;text-decoration:underline;} .copyright {color: #9d9d9d;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:0.6em;line-height:30px;float:left;} .jay a {color: #9d9d9d;font-family: trebuchet ms, tahoma, georgia, arial;text-align:left;font-size:0.6em;line-height:30px;float:right;text-decoration:none;} .strong {font-weight:bold;} /* --------STRUCTURE------------ */ #container {background: url(images/container_bg.jpg) repeat-y;width:972px;margin:0 auto;min-height:100%;*zoom: 1;} #container:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #container_about {background: url(images/container_bg.jpg) repeat-y;width:972px;margin:0 auto;height:625px;} #container_contact {background: url(images/container_bg.jpg) repeat-y;width:972px;margin:0 auto;height:680px;} #container_gallery {background: url(images/container_bg.jpg) repeat-y;width:972px;margin:0 auto;height:880px;} #header {background: url(images/header.jpg) no-repeat;height:150px;width:972px;text-indent:-9999px;} #content {background: url(images/content_bg.jpg) no-repeat;width:972;height:358px;} #home_content {background: url(images/home_content_bg.jpg) no-repeat;width:972;height:358px;} #about_content {background: url(images/about_content_bg.jpg) no-repeat;width:972;height:358px;} #services_content {background: url(images/content_bg.jpg) no-repeat;width:972;height:358px;} #contact_content {background: url(images/contact_content_bg.jpg) no-repeat;width:972;height:358px;} #home_leftcol {width:475px;background-color:none;height:150px;margin:70px 0 0 85px;clear:both;*zoom: 1;} #home_leftcol:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden;} .services_leftcol {width:400px;height:500px;margin:70px 0 0 85px;float:left;} .services_rightcol {width:380px;height:500px;margin:70px 0 0 20px;float:left;} #footer {height:283px;background: url(images/home_footerbg.jpg) repeat-x;margin-top:15px;} #footer_info {height:250px;width:972px;margin:0 auto;background: url(images/home_mainfooterbg.jpg) no-repeat;} #footer_phrase {height:96px;width:970px;background: url(images/footer_phrase_bg.jpg) no-repeat;margin:0 auto;} #gallery_row1 {width:800px;height:140px;margin:70px 0 0 85px;} #gallery_row2 {width:800px;height:140px;margin:10px 0 0 85px;} #gallery_row3 {width:800px;height:140px;margin:10px 0 0 85px;} #gallery_row4 {width:800px;height:140px;margin:10px 0 0 85px;} #leftfoot {width:225px;height:200px;border:none;margin:32px 0 0 85px;float:left;} #middlefoot {width:225px;height:200px;background-color:none;margin:32px 0 0 65px;float:left;} #rightfoot {width:225px;height:200px;background-color:none;margin:32px 0 0 62px;float:left;} #credits {width:802px;height:32px;margin:0 auto;background-color:none;} #background {background-color:#313130;width:100%;min-height:100%;} /*#navbar {background-color:yellow;position:relative;top:39px;left:450px;width:445px;height:80px;margin:0;padding:0;border:0;}*/ /*------- INDEPENDENTS -----------*/ .morebtn a {background: url(images/morebtn_norm.gif) no-repeat;width:121px;height:32px;text-indent:-9999px;display:block;margin-top:20px;} .morebtn a:hover {background: url(images/morebtn_roll.gif) no-repeat;width:121px;height:32px;text-indent:-9999px;display:block;} /*------ IMAGE STYLES -------------*/ .border {border:1px #cccccc solid;margin:5px 5px 5px 0;} .floatleft {float:left;} .marginleft {margin:0 0 0 15px;} /* ------ TITLES -------- */ h2.about_braye {width:459px;height:24px;background: url(images/about_braye.gif) no-repeat;text-indent:-9999px;position:relative;top:50px;left:85px;} h2.welcome {width:459px;height:24px;background: url(images/welcome.gif) no-repeat;text-indent:-9999px;position:relative;top:50px;left:85px;} h2.contactus {width:116px;height:24px;background: url(images/contactus.gif) no-repeat;text-indent:-9999px;position:relative;top:50px;left:85px;} h2.theyard {width:116px;height:24px;background: url(images/theyard.gif) no-repeat;text-indent:-9999px;margin: 20px 0 10px 0px;} h2.sales {width:116px;height:24px;background: url(images/sales.gif) no-repeat;text-indent:-9999px;margin: 20px 0 10px 0px;} h2.plant {width:116px;height:24px;background: url(images/plant.gif) no-repeat;text-indent:-9999px;margin: 20px 0 10px 0px;} h2.ourservices {width:116px;height:24px;background: url(images/ourservices.gif) no-repeat;text-indent:-9999px;position:relative;top:50px;left:85px;} h2.Sdemolition {width:116px;height:24px;background: url(images/demolition.gif) no-repeat;text-indent:-9999px;position:relative;margin:0 0 10px 0;} h2.planthire {width:116px;height:24px;background: url(images/planthire.gif) no-repeat;text-indent:-9999px;position:relative;margin:0 0 10px 0;} h2.excavation {width:116px;height:24px;background: url(images/excavation.gif) no-repeat;text-indent:-9999px;position:relative;margin:0 0 10px 0;} h2.other {width:116px;height:24px;background: url(images/other.gif) no-repeat;text-indent:-9999px;position:relative;margin:0 0 10px 0;} h2.gallery {width:380px;height:24px;background: url(images/gallery.gif) no-repeat;text-indent:-9999px;position:relative;top:50px;left:85px;} h3.demolition {width:193px;height:23px;background: url(images/title_demolition.gif) no-repeat;text-indent:-9999px;} h3.planthire {width:193px;height:23px;background: url(images/title_planthire.gif) no-repeat;text-indent:-9999px;} h3.contact {width:193px;height:23px;background: url(images/title_contact.gif) no-repeat;text-indent:-9999px;} /* -------NAVIGATION -----------*/ /*#navbar li.home a {height:80px;width:71px;background:url(images/home_norm.jpg) no-repeat!important;text-indent:-9999px;margin:0;padding:0;} #navbar li.home a:hover {background: url(images/home_roll.jpg) no-repeat;} #navbar ul {list-style:none;text-align:left;padding:0;margin:0;display:inline;} li.home a {height:80px;width:71px;display:inline;background: url(images/home_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.home a:hover {background: url(images/home_roll.jpg) no-repeat;} li.about a {height:80px;width:97px;display:inline;background: url(images/about_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.about a:hover {background: url(images/about_roll.jpg) no-repeat;} li.services a {height:80px;width:87px;display:inline;background: url(images/services_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.services a:hover {background: url(images/services_roll.jpg) no-repeat;} li.gallery a {height:80px;width:79px;display:inline;background: url(images/gallery_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.gallery a:hover {background: url(images/gallery_roll.jpg) no-repeat;} li.contact a {height:80px;width:104px;display:inline;background: url(images/contact_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.contact a:hover {background: url(images/contact_roll.jpg) no-repeat;} */ ul#navbar { margin:39px 0 0 450px; padding:0; } #navbar li { display:inline; margin:0; padding:0; list-style-type:none; } li.home a {height:80px;width:71px;display:inline;background: url(images/home_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.home a:hover {background: url(images/home_roll.jpg) no-repeat;} li.home_selected {height:80px;width:71px;display:inline;background: url(images/home_roll.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.about a {height:80px;width:97px;display:inline;background: url(images/about_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.about a:hover {background: url(images/about_roll.jpg) no-repeat;} li.about_selected {height:80px;width:97px;display:inline;background: url(images/about_roll.jpg) no-repeat;;text-indent:-9999px;float:left;margin:0;padding:0;} li.services a {height:80px;width:87px;display:inline;background: url(images/services_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.services a:hover {background: url(images/services_roll.jpg) no-repeat;} li.services_selected {height:80px;width:87px;display:inline;background: url(images/services_roll.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.gallery a {height:80px;width:79px;display:inline;background: url(images/gallery_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.gallery a:hover {background: url(images/gallery_roll.jpg) no-repeat;} li.gallery_selected {height:80px;width:79px;display:inline;background: url(images/gallery_roll.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.contact a {height:80px;width:104px;display:inline;background: url(images/contact_norm.jpg) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;} li.contact a:hover {background: url(images/contact_roll.jpg) no-repeat;} li.contact_selected {height:80px;width:104px;display:inline;background: url(images/contact_roll.jpg) no-repeat;) no-repeat;text-indent:-9999px;float:left;margin:0;padding:0;}