/* =browser reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0; padding: 0;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

ol, ul {
list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal; font-weight: normal;
}

table {
border-collapse: collapse; border-spacing: 0;
}

fieldset, img {
border: 0;
}

caption, th {
text-align: left;
}

q:before, q:after {
content: '';
}

/* =selectors */

html {
background: #ffffff;
font-family: "Times New Roman", serif;
font-size: 18px;
color: #445544;
letter-spacing: 0.05em;
}

body {
width: 640px;
height: 480px;
margin: 20px auto;
padding: 10px;
background: #061e10;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #999;
-webkit-box-shadow: 5px 5px 10px #999;
position: relative;
}

h2 {
font-size: 24px;
font-weight: 100;
color: #003300;
}

p {
font-size: 15px;
padding: 0 0 0 10px;
margin: 8px 0 8px 0;
color: #445544;
}

a {
color: #003300;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:visited {
color: #999;
}

img {

}

strong {
font-weight: 700;
}

/* =id's */

#accessibility {
display: none;
}

#branding {
width: 600px;
height: 164px;
padding: 0 20px;
background: url(images/masthead.jpg) 0 0 no-repeat;
}

#branding img {
}

#branding h1, #branding blockquote {
text-indent: -5000px;
}

#navMain {
position: absolute;
width: 100%;
top: 150px;
left: 0;
text-align: center;
}

#navMain li {
display: inline;
}

#navMain a {
color: #667766;
padding: 10px;
}

#navMain a#active {
color: #fff;
}

#navSub {
background: #fff;
width: 100%;
text-align: center;
padding: 5px 0;
}

#navSub li {
display: inline;
}

#navSub a {
color: #667766;
padding: 10px;
}

#navSub #active {
color: #003300;
}


#content {
background-color: #fff;
padding: 10px;
height: 250px;
}

#content img {
float: right;
padding: 10px 0 0 10px;
}

#home div#content {
padding: 0;
height: auto;
}

#pics {
overflow: hidden;
padding: 5px 7px;
background: #ffffff;
}

#contact {
}

#contact li {
margin: 10px 0 10px 0;
}

#home div#pics img {
float: left;
padding: 5px 6px;
}

#home div#contact {
display: none;
}

#home div#content a {
display: block;
padding: 6px;
background-color: #061e10;
color: #fff;
text-transform: uppercase;
text-align: right;
text-decoration: none;
}

#home div#content a:hover {
text-decoration: underline;
}

#siteInfo {
text-align: center;
padding-top: 36px;
font-size: 0.8em;
}

#home div#siteInfo {
padding-top: 20px;
}


#home div#siteInfo {
text-align: center;
padding-top: 20px;
font-size: 0.8em;
}

#siteInfo a {
color: #003300;
}

/* =gallery | general */

#gallery {
width: 340px;
height: 228px;
position: relative;
background: #fff;
float: right;
padding-left: 20px;
}

#garagekits #gallery {
width: 250px;
height: 143px;
clear: both;
}

#gallery ul {
width: 60px;
overflow: hidden;
}

#gallery a.slide {
width: 57px;
height: 54px;
float: left;
padding: 4px 0 0 0;
}

#gallery a.slide span {
position: absolute;
bottom: 0;
right: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

#gallery a.slide:hover span {
width: 284px;
height: 238px;
}

#garagekits #gallery a.slide:hover span {
width: 185px;
height: 153px;
}

/* =gallery | gardenrooms */

#gardenrooms div#gallery {background: url(images/garden%20room01.jpg) bottom right no-repeat;}

#gallery a.gardenroom01 {
background: url(images/Sml%20garden%20room01.jpg) 0 0 no-repeat;
}

#gallery a.gardenroom02 {
background: url(images/Sml%20garden%20room02.jpg) 0 0 no-repeat;
}

#gallery a.gardenroom03 {
background: url(images/Sml%20garden%20room03.jpg) 0 0 no-repeat;
}

#gallery a.gardenroom04 {
background: url(images/Sml%20garden%20room04.jpg) 0 0 no-repeat;
}

/* =gallery | homeoffices */

#homeoffices div#gallery {background: url(images/home%20office01.jpg) bottom right no-repeat;}

#gallery a.homeoffices01 {
background: url(images/Sml%20home%20office01.jpg) 0 0 no-repeat;
}

#gallery a.homeoffices02 {
background: url(images/Sml%20home%20office02.jpg) 0 0 no-repeat;
}

#gallery a.homeoffices03 {
background: url(images/Sml%20home%20office03.jpg) 0 0 no-repeat;
}

#gallery a.homeoffices04 {
background: url(images/Sml%20home%20office04.jpg) 0 0 no-repeat;
}

/* =gallery | garages */

#garages div#gallery {background: url(images/garage01.jpg) bottom right no-repeat;}

#gallery a.garages01 {
background: url(images/Sml%20garage01.jpg) 0 0 no-repeat;
}

#gallery a.garages02 {
background: url(images/Sml%20garage02.jpg) 0 0 no-repeat;
}

#gallery a.garages03 {
background: url(images/Sml%20garage03.jpg) 0 0 no-repeat;
}

#gallery a.garages04 {
background: url(images/Sml%20garage04.jpg) 0 0 no-repeat;
}

/* =gallery | gardenbuildings */

#gardenbuildings div#gallery {background: url(images/comingsoon.jpg) bottom right no-repeat;}

#gallery a.gardenbuildings01 {
background: url(images/Sml%20comingsoon.jpg) 0 0 no-repeat;
}

#gallery a.gardenbuildings02 {
background: url(images/Sml%20comingsoon.jpg) 0 0 no-repeat;
}

#gallery a.gardenbuildings03 {
background: url(images/Sml%20comingsoon.jpg) 0 0 no-repeat;
}

#gallery a.gardenbuildings04 {
background: url(images/Sml%20comingsoon.jpg) 0 0 no-repeat;
}

/* =gallery | garagekits */

#garagekits div#gallery {background: url(images/biggaragekit01.jpg) 85px 0 no-repeat;}

#gallery a.garagekits01 {
background: url(images/Sml%20Garagekit01.jpg) 0 0 no-repeat;
}

#gallery a.garagekits02 {
background: url(images/Sml%20Garagekit02.jpg) 0 0 no-repeat;
}

#gallery a.garagekits03 {
background: #ffffff 0 0 no-repeat;
}

#gallery a.garagekits04 {
background: #ffffff 0 0 no-repeat;
}


#seoCopy {
padding: 20px 0 0 0;
text-align: center;
}

#seoCopy h1 {
font-size: 0.7em;
color: #999;
}

#seoCopy p {
font-size: 0.7em;
color: #999;
}

/* =classes */