/* * CONTAINERS * */
html,body{margin:0;padding:0; height:100%}

body {
	background:url(../coreimages/headBG.gif) repeat-x left top #EBE9DF;
	font-size: 12px;
	color:#332B22;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
	min-height:101% /* min-height set to 101% stops 10pixel shift in firefox due to page length and scroll bar*/
}
#container {
	width:100%; 
	/*background:url(../coreimages/patternBG.gif) repeat-x left 158px;*/
	margin:0; 
	padding:0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#holder {
	width:905px;
	margin:0 auto;
	text-align:left;
	background:url("../coreimages/mainbg.gif") repeat-y left top;}

#main {margin:0 16px 0 9px; background:url(../coreimages/tagline.gif) no-repeat 20px bottom #ffffff;}

#flashcontent {width: 600px; height: 300px; margin-top:50px;}
#flashhead {width: 200px; height: 120px; padding:30px 0 0 25px;}



/* * HEADER * */
#nav, #header, #bottom {margin:0 auto;}
#header {height:158px; background:url(../coreimages/headborder.gif) no-repeat left top;}
#header img {float:left; margin:30px 0 0 25px; display:block; background:transparent; }

/* * CONTENT * */
#contentwrapper {float:left;width:610px;}
#content {padding:20px 0 50px 30px;}
#content a {text-decoration:none;}
#content a:link, #content a:visited {color:#332B22;}
#content a:hover, #content a:active {color:#F00;}

/* * = = = = = FOOTER + ICON bar= = = = =  * */
#footer {width:905px; margin:0 auto 15px auto; background:url(../coreimages/base.gif) no-repeat left top;}
#footer p {padding:5px 16px 0 9px; text-align:center; font-size:9px; line-height:25px; color:#332B22;}
#footer a, #footer span {text-decoration:none; padding:0 7px;}
#footer a:link, #footer a:visited {color:#332B22;}
#footer a:hover, #footer a:active {color:#4488BB;}

/* * = = = = =  POLAROID = = = = =  * */
#polaroid {position:absolute; margin-left:11px; width:224px; height:235px; background:url(../coreimages/polaroidframe.gif) no-repeat left top;}
#polaroid .photo {width:190px; height:180px; background-repeat:no-repeat; background-position:10px 7px;}
body#home #polaroid .photo {background-image:url(../images/polaroids/polaroid1.gif)}
body#profile #polaroid .photo {background-image:url(../images/polaroids/polaroid-profile.gif)}
body#period #polaroid .photo {background-image:url(../images/polaroids/polaroid-period.gif)}
body#contemporary #polaroid .photo {background-image:url(../images/polaroids/polaroid-contemporary.gif)}
body#gallery #polaroid .photo {background-image:url(../images/polaroids/polaroid4.gif)}
body#testimonials #polaroid .photo {background-image:url(../images/polaroids/polaroid5.gif)}
body#contact #polaroid .photo {background-image:url(../images/polaroids/polaroid-contact.gif)}
body#suppliers #polaroid .photo {background-image:url(../images/polaroids/polaroid1.gif)}
body#privacy #polaroid .photo {background-image:url(../images/polaroids/polaroid8.gif)}
body#client #polaroid .photo {background-image:url(../images/polaroids/polaroid9.gif)}
body#wwd #polaroid .photo {background-image:url(../images/polaroids/polaroid10.gif)}
body#site #polaroid .photo {background-image:url(../images/polaroids/polaroid11.gif)}

/* * = = = = = NAVIGATION = = = = =  * */
ul#nav {text-align:center; background-color:#332B22; width:880px; list-style:none; margin:0; padding:0; height:42px;}
ul#nav li {list-style:none; margin:0; padding:0; display:inline;}
#nav a {text-decoration:none; display:block; height:37px;line-height:37px;font-size:11px; float:left;}
#nav a.navhome {width:100px;}
#nav a.navprofile {width:90px;}
#nav a.navperiod {width:120px;}
#nav a.navcontemporary {width:160px;}
#nav a.navgallery {width:90px;}
#nav a.navtestimonials {width:120px;}
#nav a.navcontact {width:100px;}
#nav a.navsuppliers {width:100px;}
#nav a:link, #nav a:visited {color:#FFF; border-bottom:5px solid #4488BB;}
#nav a:hover, #nav a:active {color:#6CF; border-bottom:5px solid #6CF;}

body#home #nav a.navhome,
body#profile #nav a.navprofile,
body#period #nav a.navperiod,
body#contemporary #nav a.navcontemporary,
body#gallery #nav a.navgallery,
body#testimonials #nav a.navtestimonials,
body#contact #nav a.navcontact,
body#suppliers #nav a.navsuppliers {color:#FFF; border-bottom:5px solid #6CF;}

/* * = = = = = SIDE BAR = = = = =  * */
#sidebarwrapper {position:relative; width:220px;float:right; padding-bottom:10px;}
#sidebar {width:210px; text-align:left; margin:240px 0 0 0; padding:0 0 10px 0; background-color:#F3F1E9;}
#sidebar p {font-size:10px; line-height:1.4; padding:2px 15px;}
#sidebar a {text-decoration:none;}
#sidebar a:link, #sidebar a:visited {color:#332B22;}
#sidebar a:hover, #sidebar a:active {color:#4488BB;}

/* * ===== SUPPLIERs PAGEs ==== * */
body#supplier #sidebarwrapper {display:none;}
body#supplier #contentwrapper {width:100%;}
body#supplier #content {padding:8px 0 50px 10px; text-align:left;}

#appliances {background:url(../images/supplier/appliance.gif) no-repeat left top;}
#architraves {background:url(../images/supplier/architrave.gif) no-repeat left top;}
#brick {background:url(../images/supplier/brick.gif) no-repeat left top;}
#door {background:url(../images/supplier/door.gif) no-repeat left top;}
#doorhandle {background:url(../images/supplier/doorhandle.gif) no-repeat left top;}
#garage {background:url(../images/supplier/garage.gif) no-repeat left top;}
#plaster {background:url(../images/supplier/plaster.gif) no-repeat left top;}
#plumbing {background:url(../images/supplier/plumbing.gif) no-repeat left top;}
#skylight {background:url(../images/supplier/skylight.gif) no-repeat left top;}
#staircase {background:url(../images/supplier/staircase.gif) no-repeat left top;}
#tiles {background:url(../images/supplier/tiles.gif) no-repeat left top;}
#timber {background:url(../images/supplier/timber.gif) no-repeat left top;}
#window {background:url(../images/supplier/window.gif) no-repeat left top;}

#appliances, #architraves, #brick, #door, #doorhandle, #garage, #plumbing, #plaster, #skylight, #staircase, #tiles, #timber, #window 
	{padding:4px 20px 4px 40px; height:60px;}


/* * = = = = = SITE MAP = = = = =  * */
#map {border-left: 2px solid #4488BB;}
#map img{border:none; margin:0;}

/* * = = = THUMBS = = = */
#thumbs div {
	display:block; 
	float:left;
	margin:10px 0 10px 3px;
	width:108px; 
	font-size:9px;
	line-height:10px;
	text-align:center;
	overflow:hidden; 
	border-left:1px solid #666;
	border-bottom:1px solid #666; 
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
}
#thumbs div img, #deco div img {border:none; margin:4px;}
#thumbs div p {padding:0 0 4px 0;}
#deco div{display:block; float:left; border-bottom:1px solid #4488BB; width:112px; height:120px; margin:10px 0; }

/* *==== GALLERY LAYOUT ====* */

#gallerythumbs div {
	display:block; 
	float:left;
	margin:5px 0 0 5px;
	width:75px; 
}

/* * = = = = = FORM styles = = = = =  * */
form {margin:0;}
input.brdr, textarea.brdr {border:1px solid #334455;}
select, textarea, input {font-family: Verdana, Arial, Helvetica, sans-serif; color:#332B22; font-size:10px;}

form#login select, form#login input {font-size:9px; margin-top:3px;} 
form#login input {width:180px; margin:3px 0 0 0;}
form#login input.button {background-color:#fff; color:#332B22; border:1px solid #334455; font-weight:bold; padding:1px; margin-bottom:5px; text-align:center; width:80px;}

input.submitbtn {background-color:#fff; color:#4488BB; border:1px solid #334455; font-weight:bold;  padding:1px; margin-bottom:5px; text-align:right;}
form#inquiry input[type="checkbox"] {margin:2px 3px 0 0;  border:1px solid #334455;}

form h2 {margin-right: 20px;}
.text, .textshorter, .textshort, .textlong {padding:2px; border:1px solid #334455; color:#332B22; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

input.textlong {width:160px;}
input.textshort {width:100px;}
input.textshorter {width:30px;}

.column1 {text-align:right;}
.required {color:#900; font-size:10px;}

/* * = = = = = typographic styles = = = = = * */
#content p {line-height:1.6;}
p {margin:0 0 8px 0; padding:0;}
.emphasis {font-style:italic; color:#000;}
.right{text-align:right;}

h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal;}
h1 {margin:20px 0 10px 0; padding:0; font-size:27px; font-family:Georgia, "times new roman","courier new", times, serif; color:#002B55; letter-spacing:1px; font-weight:normal;}
h2 {
	padding:0 0 3px 0;
	margin:25px 0 10px 0;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.2ex;
	color:#002B55;
	border-bottom:1px solid #002B55;
	background:url(../coreimages/curly.gif) no-repeat right 50%;
}
#sidebar h2 {font-size:13px; margin:0 0 5px; padding:10px 0 0 15px; text-transform:uppercase;}
h3 {
	margin: 0 0 5px 0; 
	font-size:12px; 
	font-weight:normal; 
	color:#002B55;
}
li {line-height:1.6;}
/* * = = = = = general styles = = = = =  * */
.blue {color:#4488BB;}
.brown {color:#332B22;}
.spacer10 {margin:0 5px;}
.spacer10L {margin-left:10px;}
.spacerH20 {height:20px;}
.spacerH10 {height:10px;}
.spacertop10 {margin-top:10px;}
.clear {clear:both;height:1px;border:none;}
.center {text-align:center; vertical-align:middle;}
.small {font-size:9px;}
.left {float:left; padding:0 15px 0 0;}
.left p{line-height:9px;}
.wrap {margin-left:-30px; float:left;}
.wrap-right {margin-right:-30px; float:right;}
img, img a {border:none;}
a.link:link, a.link:visited {border-bottom:1px solid #332B22;}
a.link:hover, a.link:active {border-bottom:1px solid #FF0033;}