/* Main Layout */

#top { width: 1012px;margin-left: auto;margin-right: auto;margin-top:0px;}
#container {clear:both; width: 1012px;margin-left: auto;margin-right: auto;margin-top: 12px; background-color: #ffffff;}
#homecopy { clear:both; width: 998px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-left: 15px;}
#copy {float: left; padding-left: 0px; margin-bottom: 15px; border: 1px solid #CCCCCC; width: 698px; padding: 10px;  -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px;}
#right {width: 282px;float: left; margin-left: 10px; margin-bottom:5px; background-color: #e7e7e8;  -moz-border-radius-bottomleft: 45px; -webkit-border-bottom-left-radius: 45px;}
#homeright {width: 282px; height: 425px; float: left; margin-left: 10px; margin-bottom:10px; background-color: #e7e7e8;}
#rightvid {width: 320px;float: right; background-color: #e7e7e8; margin-bottom:5px; margin-left:15px;}
#bottom {clear:both;width: 1012px;margin-left: auto;margin-right: auto;margin-top:3px;height:100px; padding-bottom: 40px;}
#menubottom {width: 1012px;margin-left: auto;margin-right: auto; margin-top: 5px;}
#footer {height: 84px; padding-top: 15px; background:url(../images/footerback.png)}
#footerleft {text-align:center;width:240px;float:left; padding-left: 10px;}
#footerright {width:705px;float:left; padding-top: 2px;}
#header {float: left; width:352px; margin-left: 0px; margin-bottom:15px; padding-top: 20px; padding-left:40px;  padding-right:40px;}
#headerright {float: left; width:540px; margin-left: 0px; margin-bottom:15px; padding-left:0px; padding-right:40px;}
#homepics {float: left; height: 425px; width: 720px;margin-left: auto;margin-right: auto;margin-bottom:10px;}
#inpagepics {height: 250px; width: 1012px;margin-left: auto;margin-right: auto;margin-top:0px;}
.spacer { clear:both; height:5px;}
.clear {clear: both;}
#clear {clear: both;}
 .line { height: 1px; background-color:#CCCCCC; width:auto;margin: 5px 0px 5px 0px;clear:both; }
 
/* Homepage KBB features */
#homekbb {background-color: #e7e7e8; clear:both; width: 1012px; margin-left: auto; margin-right: auto; margin-top: 10px; height: 117px;}
.kitchens {float: left; width: 308px; height: 88px;  border: 1px solid #685040; background-color:#f0edec; margin: 13px 13px 13px 13px;   -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px;}
.bedrooms {float: left; width: 308px; height: 88px;  border: 1px solid #605270; background-color:#efedf0; margin: 13px 13px 13px 13px;   -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px;}
.bathrooms {float: left; width: 308px; height: 88px;  border: 1px solid #008c99; background-color:#e5f3f5; margin: 13px 13px 13px 13px;   -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px;}
.kbbleft {float: left; width: 144px; margin: 1px 7px 1px 1px;}
.kbbright {float: left; width: 153px; margin: 1px 1px 1px 2px; padding-top:8px;}

/* section headers */
.kitchenshead {width: 206px; height: 25px; font-size: 16px; background-color: #685040; color: #FFFFFF; padding: 12px 12px 5px 12px; display: block; -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px; margin-top: 2px;}
.sectioncurrent {width: 206px; height: 25px; font-size: 16px; background-color: #e7e7e8; color: #333333; padding: 12px 12px 5px 12px; display: block; -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px; margin-top: 2px;}
.bedroomshead {width: 206px; height: 25px; font-size: 16px; background-color: #605270; color: #FFFFFF; padding: 12px 12px 5px 12px; display: block; -moz-border-radius-bottomright: 45px; -webkit-border-bottom-right-radius: 45px; margin-top: 2px;}

.specialoffer {padding: 0px; margin: 10px 0px 10px 0px; color: #FFFFFF; font-size: 16px; line-height: 19px;}


/* Homepage Offers and testimonials Bar */
#homeoffers {background-color: #e7e7e8; clear:both; width: 1012px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; height: 168px;}
.offers {float: left; width: 310px; height: 142px; background-color:#ffffff; margin: 13px 13px 13px 13px;}
.offersleft {float: left; width: 134px; margin: 2px 5px 2px 2px;}
.offersright {float: left; width: 165px; margin: 2px 2px 2px 2px; padding-top:8px;}
.currentoffer {float: left; color: #ffffff; width: 306px; height: 138px; padding: 0px 0px 0px 0px; margin: 2px 2px 2px 2px; background-color:#ffffff;}
.offerheader {font-size: 26px; line-height: 28px; font-weight:bold;}

/* Right Menu Bar */
.rightmenuoffers {float: left; width: 252px; padding: 15px 15px 15px 15px;}
.rightmenucurrentoffer {float: left; color: #ffffff; width: 252px; padding: 0px 0px 0px 0px;}
.rightmenuoffersnext {float: left; width: 252px; margin: 0px 13px 13px 13px; padding: 2px 2px 2px 2px;}


/* Sub Section Page */
#subleft {width:230px; float:left; margin-bottom:15px;}
#subcentre {width:230px; float:left; margin-bottom:15px; margin-left:4px;}
#subright {width:230px; float:left; margin-bottom:15px; margin-left:4px;}

/* case studies */
#caseleft {width:210px; float:left; margin-bottom:15px;}
#casecentre {width:210px; float:left; margin-bottom:15px; margin-left:15px;}
#caseright {width:210px; float:left; margin-bottom:15px; margin-left:15px;}

#picright {width:250px; float:right; margin-left:15px;}

/* Menu */
.menusurround {width:987px; float:left; background-color: #e4e4e5; margin-top: 10px; padding-left: 25px; margin-bottom: 12px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px;  -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px;}
#norwoodmenu {float:left;width:100%;line-height:normal;border-bottom: 0px;}
* html #norwoodmenu{ /*IE only. Add 1em spacing between menu and rest of content*/margin-bottom: 0px;}
#norwoodmenu ul{list-style-type: none;margin:0;margin-left: 0px;padding:0;}
#norwoodmenu li{display:inline;margin:0;padding:0;}
#norwoodmenu a {float:left; display:block; border-right: 1px solid #FFFFFF; padding:12px 13px 12px 13px;font-size:13px; color:#636466; font-weight:normal;}
#norwoodmenu a span {}
#norwoodmenu a span {float:none;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#norwoodmenu a:hover {background-color: #d6d6d6; text-decoration: none; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;}
#norwoodmenu #firstlink a {border-left: 1px solid #FFFFFF;}
#norwoodmenu #kitchens a {background-color: #685040; color: #FFFFFF;}
#norwoodmenu #bedrooms a {background-color: #605270; color: #FFFFFF;}
#norwoodmenu #bathrooms a {background-color: #008c99; color: #FFFFFF;}

/* Text */
a {	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #C0272D; line-height: 15px;text-decoration: none;}
a:hover {text-decoration: underline;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;	line-height: 15px; background-color: #ffffff;}
h1 {font-family: Helvetica, Arial, sans-serif; font-size: 23px; line-height: 28px; color: #002856;}
.white {color: #ffffff;}
#breadcrumbs{clear: both;width: 100%; height: 20px; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC; }
h2 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; color: #333333;}
.greylink {color: #636466;}
.bigblue {font-size: 16px; line-height: 19px; color: #002856;}
.bigger {font-size: 14px; line-height: 17px;}
.bigwhitelink {font-size: 14px; line-height: 17px; color: #ffffff; text-decoration:underline;}
.bigbluefooter {font-size: 20px; line-height: 24px; color: #002856;}
.bigkitchen {font-size: 16px; line-height: 19px; color: #685040;}
.bigbedroom {font-size: 16px; line-height: 19px; color: #605270;}
.bigbathroom {font-size: 16px; line-height: 19px; color: #008c99;}


/* Maps */

#map{float: right;height: 350px;width: 350px;margin-right: 10px;}
#map2{float: right;height: 350px;width: 350px;margin-right: 10px;margin-top: 10px;}


/*Thumbnail Galleries*/

.onecolumn {width: 700px;height: 170px;}
.twocolumns {width: 700px;height: 330px;}
.threecolumns {width: 700px;height: 500px;}
.fourcolumns {width: 700px;height: 670px;}

.thumbnail{position: relative;z-index: 0;padding:5px 10px 5px 0px;border: 0px;}
.thumbnail:hover{background-color: transparent;z-index: 50;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: #DADADA;padding: 5px;left: -1000px;border: 1px;visibility: hidden;color: #333333;text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 1;padding: 0px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -80px;left: 60px; /*position where enlarged image should offset horizontally */}

/* Buttons */

.buttons:hover{background-color: transparent;z-index: 50;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;}

/* Form */

form {	margin: 0 auto;	padding: 5px 0;}
label {	font-weight: normal;	width: 200px;	display: block;	float: left;	text-align: left;	clear: left;}
.label2 {	font-weight: normal;	width: 80px;	display: block;	float: left;	text-align: left;}
fieldset {	margin: 1em 0 1em 0;	padding: 4px;	border-width: 1px;	border-style: solid;	border-color: #92ACBE;}