/* Stylesheet created by Jason Millward, One Advertising */

/* main layout */

*{margin:0; padding:0;}

body {font-size:11px; color:#242021; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; background-color:#E3E4E4;}

h1 {font-size:1.4em; margin-bottom:10px;}

p {margin-bottom:10px;}

#wrapper { margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:530px; border:1px solid #000000;background:#ffffff; }

#wrapper_references { margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:560px; border:1px solid #000000;background: #ffffff;}

#wrapper_testimonials { margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:700px; border:1px solid #000000;background: #ffffff;}

#wrapper_people { margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:750px; border:1px solid #000000;background: #ffffff;}

#wrapper_colours { margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:1000px; border:1px solid #000000;background: #ffffff;}

#wrapper_factory {margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:760px; border:1px solid #000000;background:#ffffff;}

#wrapper_products {margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:870px; border:1px solid #000000;background:#ffffff;}

#wrapper_design {margin-left:auto; margin-right:auto; margin-top:15px; width:750px; height:700px; border:1px solid #000000;background:#ffffff;}

#masthead {float:right; width:750px; height:120px; background-color:#000000; }

#main_content_wrapper{width:750px; height:400px; font-size:1.1em; }

#right_main_content{float:right;width:580px; height:400px;}

#main_content_image{float:right;}

#main_content_text{float:right;width:560px; padding:10px; }

#left_menu{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:410px;}

#left_menu_references{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:440px;}

#left_menu_colours{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:880px;}

#left_menu_people{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:630px;}

#left_menu_testimonials{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:580px;}

#left_menu_factory{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:640px;}

#left_menu_products{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:750px;}

#left_menu_design{float:left; width:170px; background-color:#d8d8d8; z-index:0;  height:580px;}

.header_images{width:750px; height:100px;}

.image{float:right;}

/* masthead and navigation elements */

.header{ background-color:#242021; float:right;}

body#index a#navindex, body#about a#navabout, body#products a#navproducts, body#installations a#navinstallations, body#people a#navpeople, body#contactus a#navcontactus, body#news a#navnews{color:#DDAA1D;}

body#index a#navindex:hover, body#about a#navabout:hover, body#products a#navproducts:hover, body#installations a#navinstallations:hover, body#people a#navpeople:hover, body#contactus a#navcontactus:hover, body#news a#navnews:hover{color:#ffffff;}

.topmenuul{list-style-type:none;margin:0;padding:0;z-index:100;}

.topmenuli{list-style-type:none;float:left;background-image:url(images/nav_background.jpg);background-repeat:repeat-x; z-index:100;}

.topmenuli a {color:#ffffff; z-index:100;}

.topmenuli a:hover {background-color:#B0B5B8; background-repeat:repeat-x;color:#ffffff; z-index:100;}

.topmenutitle{display:block;width:99px; z-index:100;}

.submenuul{list-style-type:none;position:absolute;margin: 0;padding:0;display:none; z-index:100;}

.submenuli a{display:block;width:99px; z-index:100;}

li:hover ul , li.over ul{display: block; z-index:100;} /* lists nested under hovered list items */

#dmenu li>ul { top: auto;left: auto; z-index:100;}

#content {clear: left; z-index:100;}

/* menu design */

#dmenu {font-family: Arial, Helvetica, Sans-Serif;font-size:12px;margin:0px;padding:0px; z-index:100; text-transform:capitalize; }

.topmenutitle {font-weight:bold;text-decoration: none;border:1px solid #000000;padding:3px;line-height:12px;text-transform: capitalize;text-align: center; z-index:100;}

.submenuul {margin-top:-1px;margin-left:-1px;background-color:#000000;background-position: top left;background-repeat: repeat-x;

			border-left:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000; z-index:100;text-align: center;font-weight:bold;

			width:105px; z-index:100;

			}	

.submenuli a{text-decoration: none;color: #ffffff;background-image:url(images/nav_background.jpg);width:105px;border-bottom:1px solid #000000; z-index:100; }

.submenuli a:hover{text-decoration: none;background-color:#B0B5B8; color: #ffffff;width:105px;border-bottom:1px solid #000000; z-index:100;}


/* left menu */

.logo { float:left; }

.left_navigation_header{ height:20px; padding-top:7px; padding-bottom:4px; background-color:#DDAA1D; z-index:0;}

#left_navigation{width: 160px;padding: 0 0 0 0;font-size: 100%;}

* html #left_navigation{ /*IE 6 only */
w\idth:100px; /*Box model bug: 160px minus all left and right paddings for #blueblock */
}
#left_navigation ul{list-style: none; margin: 0; padding: 0; border: none; width:169px; }

#left_navigation li {  margin: 0; width:169px; text-align:left; height:21px; font-weight:bold;  }

#left_navigation li a{ border-bottom: 1px solid #ffffff;display: block; height:20px; background-color: #B0B5B8; color: #fff; text-decoration: none;width: 159px; padding-left:10px; }

#left_navigation li a:hover{ border-bottom: 1px solid #ffffff; display:block; height:20px;background-color: #919191; color: #fff;width: 159px; padding-left:10px;}

html>body #left_navigation li a{ /*Non IE6 width*/
width: auto;
}

body#buddle a#navbuddle, body#rayovac a#navrayovac, body#durham a#navdurham, body#newcastle a#navnewcastle, body#india a#navindia, body#millhill a#navmillhill, body#newtonhall a#navnewtonhall, body#northumberland a#navnorthumberland, body#sacred a#navsacred, body#shearers a#navshearers, body#shotton a#navshotton, body#southmoor a#navsouthmoor, body#tudhoe a#navtudhoe, body#washington a#navwashington, body#willington a#navwillington{border-bottom: 1px solid #ffffff;display: block; height:20px; background-color: #DDAA1D; color:#ffffff; text-decoration: none;width: 159px; padding-left:10px; }


.left_padding{padding-left:10px;}

/* MAIN CONTENT */

.main_content_descriptions{width:100%; height:150px; padding-bottom:10px; border-bottom:1px dashed #B0B5B8; margin-top:10px;}

.main_content_image{float:left; height:150px; width:234px;}

.main_content_text{float:right; height:130px; width:300px; padding:0px 10px 10px 10px;}

.main_content_text li {list-style-type:none;}

.main_content_text li li {list-style-type:none; text-indent:10px;}

.people_content_descriptions{width:100%; height:96px; padding-bottom:10px; border-bottom:1px dashed #B0B5B8; margin-bottom:10px; }

.people_content_image{float:left; height:96px; width:150px;}

.people_content_text{float:right; height:66px; width:380px; padding:0px 10px 10px 10px;}

.testimonials_content_descriptions{color:#000; font-size:1.3em; font-weight:bold; width:500px; height:55px; margin-bottom:10px; padding:15px 15px 15px 15px; background-color:#B0B5B8;}

.testimonials_content_image{float:left; height:55px; width:128px;}

.testimonials_content_text{float:right; height:45px; width:347px; padding:0px 10px 10px 10px;}

.quote_by {font-size:0.8em; color:#000; font-weight:normal;}

.news_content_descriptions{color:#000; font-size:1.3em; font-weight:bold; width:550px; height:55px; margin-bottom:10px; padding:5px 5px 5px 5px; background-color:#B0B5B8;}

.news_content_text{float:left; height:55px; width:510px; padding:0px 10px 10px 10px;}

/*footer*/

#footer {float:right; position:relative; right:270px; bottom:20px; font-size:1.1em; }

#footer ul {list-style-type:none; }

#footer li {display:inline; white-space:nowrap;}

#siteinfo{text-decoration:none; position:relative; left:270px; top:0px; width:300px; text-transform:lowercase;}

#siteinfo a, siteinfo a:hover {text-decoration:none;}

#contact_details{float:left; width:40%;}

#contact_form{float:right; width:50%}

.orange {color:#E17203;}

.black {color:#000;}