/* -------------------------------------------------------------------------
Generic typography and style sheet for Steven Thorne Design
Created: 11th February 2009
Last updated: 24th February 2009
author: Scott Harrington, Web Developer
email: scott@thinkstorm.co.uk
------------------------------------------------------------------------- */

/* layout */

body {
font-size:100%; /* browser default text size = 16px */
letter-spacing: 0.2 pt;
line-height: 1.125em; /* 20px (16 x 1.25 = 20) */
margin: 0px 0px 0px 142px;
padding: 0;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
}

body.home {
background-image: url(../images/home.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.bedroom {
background-image: url(../images/bedroom.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.bathroom {
background-image: url(../images/bathroom.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.kitchen {
background-image: url(../images/kitchen.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.office {
background-image: url(../images/office.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.furniture {
background-image: url(../images/furniture.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.finishes {
background-image: url(../images/finishes.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.lighting {
background-image: url(../images/lighting.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

body.contact {
background-color: #000000; 
}

body.services {
background-image: url(../images/services.jpg);
background-color: #000000; 
background-repeat: no-repeat;
background-position: left top;
}

/* typography 
-----------------------------------------------------------*/

/* font sizing guide:
10px = 0.625em
11px = 0.6875em
12px = 0.75em
13px = 0.8125em
14px = 0.875em
15px = 0.9375em
16px = 1em
17px = 1.0625em
18px = 1.125em
19px = 1.1875em
20px = 1.25em

(divide desired pixel height by 16 to get 'em' value) */

p {
font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
margin: 1em 0; /* 12px (12 x 1 = 12) */
letter-spacing: 1pt;
color: #bdbbbc;
}

h1 {
font-size: 0.875em; /* =18px */
font-weight: lighter;
letter-spacing: 2pt;
color: #ff0000;
margin: 0;
padding: 0 0 5px 0px;
}

h2 {
font-size: 1.125em; /* =18px */
color: #a29061;
margin: 0;
padding: 0 0 25px 0px;
}

img {
border: none;
}

/* Parent Container DIV that holds child DIVS
-----------------------------------------------------------*/

#container {
width: 868px; /* fixed width to hold child DIVS intact */
height: 100%; /* enables stretched content */
}

/* Header 
-----------------------------------------------------------*/

#header {
width: 868px; 
height: 96px;
float: left; 
}

/* Navigation
-----------------------------------------------------------*/

#navigation {
width: 865px;
padding: 35px 3px 0px 0px; 
text-align: left;
height: 24px;
float: left; 
}

#navigation a {/* navigational link styles */
font-size: 0.625em;
letter-spacing: 1pt;
line-height: 0px;
color: #ff0000;
text-decoration: none;
}

#navigation a:hover {
font-size: 0.625em;
letter-spacing: 1pt;
line-height: 0px;
background-color: #ff0000;
color: white;
text-decoration: none;
}

#navigation ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#navigation li{
display: inline;
padding: 0px 9px 0px 6px;
margin: 0px;
}

/* Image Holder
-----------------------------------------------------------*/

#imageHolder {
width: 725px;
padding: 0px 143px 0px 0px; 
height: 402px;
float: left; 
}

#portfolio {
width: 725px;
background-color: black;
padding: 0px 143px 0px 0px;
margin: 0px; 
height: 402px;
float: left; 
}

#portfolio ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#portfolio li{
float: left;
padding: 0px;
margin: 0px;
}

#google {
width: 335px;
height: 340px;
float: left;
padding-top: 30px;
}

#contactBox {
width: 350px;
height: 340px;
float: left;
padding: 30px 0px 0px 30px;
}

#contactBox p {
color: #918F8F;
}




/* Spacer that separates images from content
-----------------------------------------------------------*/

#spacer {
width: 868px;
background-image: url(../images/spacer.png);
background-repeat: no-repeat;
background-position: right top;
height: 39px;
float: left; 
}


#spacerBig {
width: 568px;
background-image: url(../images/spacer.png);
background-repeat: no-repeat;
background-position: right top;
padding: 30px 0px 0px 300px;
height: 120px;
float: left; 
}

#spacerBig1 {
width: 728px;
background-image: url(../images/spacer.png);
background-repeat: no-repeat;
background-position: right top;
padding: 30px 0px 0px 140px;
height: 120px;
float: left; 
}

/* Main body content for the copy
-----------------------------------------------------------*/

#content {
width: 430px;
padding: 0px 143px 35px 0px; 
height: auto;
float: left; 
}

#contentSplit {
width: 725px;
padding: 0px 143px 35px 0px; 
/*height: auto;*/
float: left; 
}

.holdingWrapper{
width: 725px;
float: left;
margin-bottom: 35px;
padding-bottom: 35px; 
}

#gallery {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery1 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery2 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery3 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery4 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery5 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery6 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#gallery7 {/* containing DIV for Gallery items */
width: 272px;
height: auto;
padding: 0px 0px 0px 0px; 
float: left; 
}

#contentRight {/* containing DIV for Gallery items */
width: 428px;
border-top: solid 1px #333333; 
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 25px;
float: left; 
}

#contentRight a, a:visited {
color: #4f4c4d;
font-weight: normal;
text-decoration: underline;
line-height: 21px;
}

#contentRight a:hover {
color: #4f4c4d;
font-weight: normal;
text-decoration: none;
line-height: 21px;

}

.back a, .back a:visited {
color: #4f4c4d;
font-weight: normal;
text-decoration: underline;
line-height: 21px;
float: right;
}

.back a:hover {
color: #4f4c4d;
font-weight: normal;
text-decoration: none;
line-height: 21px;
float: right;
}

.padRight {
padding: 0px 19px 19px 0px;
}

.padBottom {
padding: 0px 0px 19px 0px;
}

/* Main body content for the copy
-----------------------------------------------------------*/

#footer {
width: 725px;
padding: 20px 0px 100px 0px;
border-top: solid 1px #333333; 
height: 160px;
text-align: right;
float: left; 
}

#footer p {
color: #918f8f;
}

.lightBlack {
color: #bdbbbc;
}

#footer a, #footer a:visited {
color: #bdbbbc;
font-weight: normal;
text-decoration: none;
line-height: 21px;
}

#footer a:hover {
color: #bdbbbc;
font-weight: normal;
text-decoration: none;
line-height: 21px;
}

.storm a, .storm a:visited {
color: #4f4c4d;
font-weight: normal;
text-decoration: none;
background-image: url(../images/storm.jpg);
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
line-height: 21px;
float: right;
}

.storm a:hover {
color: #4f4c4d;
font-weight: normal;
text-decoration: none;
background-image: url(../images/storm.jpg);
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
line-height: 21px;
float: right;

}

span.contact_titles {
color:#918F8F;
display:block;
float:left;
width:100px;
}

#contactBox ul {
color:#bdbbbc;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0;
padding:0 0 0 0;
}

#contactBox li {
font-size: 14px;
line-height:1.5em;
margin:0 0;
padding:0 0 0 0;
}