/*=============================Surrey Shutters CSS Document */
/*=============================Tiger Two Creative Designs */
/*=============================info@tigertwo.co.uk */

/*==============================================preamble*/

* {
margin: 0px;
padding: 0px;
}

body {
text-align:center;
background-color: #D8D8D8;
font-size: smaller;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*==============================================layout*/

#container {
width: 900px;
background-color:#fff;
background: url(images/background.jpg) repeat-y;
position: relative;
margin: 0px auto 0px auto;
text-align:left;
padding-top: 20px;
}

#footer {
position: relative;
margin: 0px auto 40px auto;
background: url(images/footer.jpg) no-repeat;
width: 900px;
height: 38px;
}

#nav {
width: 145px;
min-height:500px;
height:1000px;
float:left;
margin-left: 25px;
}

body[id=ss] #nav {
margin-left: 50px;
}
#rightbox {
width: 50px;
height:650px;
float:right;
margin-right: 5px;
margin-top: 40px;
padding-left: 10px;
}

#imgbox {
width: 145px;
float:right;
margin-right: 5px;
margin-top: 40px;
padding-left: 10px;
}

body[id=ss] #imgbox {
margin-right: 50px;
}

#gallery {}

#gallery p {
margin-right: 0px;
}
/*=============================================styled tags*/

img.logo {
border:2px solid #DbDbDB;
margin-left: 12px;
margin-right: 0;
}

body[id=ss] img.logo {
margin-left: 12px;
}

img.centre {
border:2px solid #DbDbDB;
margin: 5px auto 5px 20px;
}

body[id=ss] img.centre {
margin-left: 50px;
}

#nav ul {
margin: 10px 14px 0px 12px;
padding-left:3px;
background-color: #FFFFFF;
border:2px solid #DbDbDB;
text-align: left;
font-size: 80%;
color: #816D3E;
}

#nav li {
list-style-type: none;
letter-spacing: -0.1em;
line-height: 2.5em;
}
#nav li2 {
list-style-type: none;
letter-spacing: -0.1em;
line-height: 1.5em;
}

p {
margin: 0px 60px 0px 200px;
padding-bottom: 15px;
}

#imgbox p {
margin-left: 0px;
margin-bottom: 10px;
}

#imgbox img {
border: 0;
margin: 0;
}

/*================================================headings*/

h1 {
text-indent: -5000px;
margin-left: 200px;
}
h1.privacy {background:url(images/privacy.gif) no-repeat;}
h1.resources {background:url(images/resources.gif) no-repeat;}
h1.why {background:url(images/why.gif) no-repeat;}
h1.about {background:url(images/about.gif) no-repeat;}
h1.welcome {background:url(images/welcome.gif) no-repeat;}
h1.home {background:url(images/surreyshutters.gif) no-repeat;}
h1.range {background:url(images/range.gif) no-repeat;}
h1.conserve {background:url(images/conservatoryshutters.gif) no-repeat;}
h1.faq {background:url(images/faq.gif) no-repeat;}
h1.consider {background:url(images/consider.gif) no-repeat;}
h1.contact {background:url(images/contact.gif) no-repeat;}
h1.gallery {background:url(images/gallery.gif) no-repeat;}
h1.brochure {background:url(images/brochure.gif) no-repeat;}
h1.shapes {background:url(images/sizes.gif) no-repeat;}
h1.testimonials {background:url(images/testimonials.gif) no-repeat;}

h2 {
font-weight: bold;
color:  #816D3E;
font-size: 100%;
margin-left: 200px;
padding-top: 5px;
padding-bottom: 15px;
}


/*===================================================links*/

a:link { text-decoration:none; color: #816D3E; }
a:visited { text-decoration:none; color: #816D3E; }
a:hover { text-decoration:none; color: #9F9E9E; }
a:active { text-decoration:none; color: #816D3E; }

/*==================================================table*/

table {
margin: 5px auto 5px auto;
}

img {
border: 2px solid #DbDbDB;
margin: 3px 3px 3px 3px;
}

td img { margin: 0;}

td {
padding: 10px 10px 10px 10px;
text-align:center;
font-size: 80%;
vertical-align:top;
}

/*===============================================form */

input {
width: auto;
border: 1px solid #816D3E;
margin-left: 0px;
display: block;
}

input.button {
width: 60px;
}
input.checkbox {
width: 20px;
}

.hide {
border: 0;
}

form p {
margin: 0px 0 0 50px;
}

label {
display: block;
}