body {
background: url(../images/nav-background.png) repeat-x #1a1a1a;
margin: 0;
padding: 0;
}

.holder {
width: 950px;
margin: 0 auto 0 auto;
padding: 0 5px 0 5px;
overflow: auto;
}

.flashgallery {
background: black;
margin: 0 auto 0 auto;
width: 950px;
height: 450px;
clear: both;
}

#ssp {
width: 930px;
height: 430px;
margin-left: 10px;
margin-top: 10px;
color: white;
}

.textbox {
width: 950px;
margin: 10px 0 10px 0;
text-align: justify;
color:white;
font-size: 1.2em;
}

.textbox p {
padding: 0;
margin: 0;
}

.footer {
border-top: 1px solid gray;
padding-top: 5px;
color: gray;
}

a {
color: #007dff;
}

a:hover {
color: white;
text-decoration: none;
}

h2 {

font-size: 1em;
margin-top: .5em;
}

/* main navigation */

ul.nav {
margin: 0 0 20px 0;
padding: 0;

overflow: auto;
}

ul.nav li {
list-style-type:none;
float: left;
margin-left: 30px;


}

ul.nav li.first {
margin-left: 0;
}

ul.nav li a {
display: block;
width: 100%;
height: 100%;
outline:  none;
text-indent: -9000em;
/* This is overwritten if hover */
margin-top: 41px;
}

ul.nav li a.home {
width: 56px;
height: 18px;

background: url(../images/home-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.home:hover, ul.nav li a.home.cur {
width: 56px;
height: 38px;
margin-top: 21px;
background-position: top left;
}

/* Actually work */
ul.nav li a.projects {
width: 51px;
height: 18px;

background: url(../images/work-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.projects:hover, ul.nav li a.projects.cur {
width: 51px;
height: 44px;
margin-top: 21px;
background-position: top left;
}

/* actually products */
ul.nav li a.services {
width: 87px;
height: 23px;
background: url(../images/products-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.services:hover, ul.nav li a.services.cur {
width: 87px;
height: 44px;
margin-top: 21px;
background-position: top left;
}

ul.nav li a.blog {
width: 41px;
height: 24px;
background: url(../images/blog-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.blog:hover, ul.nav li a.blog.cur {
width: 41px;
height: 44px;
margin-top: 21px;
background-position: top left;
}

ul.nav li a.corporate {
width: 100px;
height: 24px;
background: url(../images/about-jeff-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.corporate:hover, ul.nav li a.corporate.cur {
width: 100px;
height: 44px;
margin-top: 21px;
background-position: top left;
}

ul.nav li a.process {
width: 77px;
/* This image has some weirdness, normal text is a bit lower in graphic... */
height: 24px;
background: url(../images/process-doors.png) no-repeat;
background-position: top right;
}

ul.nav li a.process:hover, ul.nav li a.process.cur {
width: 77px;
height: 44px;
margin-top: 21px;
background-position: top left;
}

/* end main navigation */

h1.sub-projects {
background: url(../images/big-work.png);
width: 123px;
height: 56px;
text-indent: -9000px;
margin: 0 0 20px 0;
float: left;
}

h1.sub-corporate {
background: url(../images/big-about-jeff.png);
width: 212px;
height: 51px;
text-indent: -9000px;
margin: 0 0 20px 0;
float: left;
}

h1.sub-services {
background: url(../images/big-products.png);
width: 186px;
height: 49px;
text-indent: -9000px;
margin: 0 0 20px 0;
float: left;
}

h1.sub-blog {
background: url(../images/big-blog.png);
width: 87px;
height: 50px;
text-indent: -9000px;
margin: 0 0 20px 0;
float: left;
}

h1.sub-process {
background: url(../images/big-process.png);
width: 163px;
height: 39px;
text-indent: -9000px;
margin: 10px 0 20px 0;
float: left;
}

/* sub page gallery navigation */

ul.subgal {

margin: 0 0 0 15px;
padding: 0;
float:left;
}

ul.subgal.more-column-pad {

margin: 0 0 0 25px;
padding: 0;
float:left;
}

ul.subgal li{
list-style-type: none;
margin: 0;
padding: 0;
text-indent: -9000px;
padding-top: 4px;
}

ul.subgal li a{
width: 100%;
height: 100%;
display: block;
}

ul.subgal li a.kitchens {
background: url(../images/sub-work-kitchens-door.png);
background-position: top left;
width: 64px;
height: 14px;
}

ul.subgal li a.kitchens:hover, ul.subgal li a.kitchens.cur {
background-position: bottom left;
}


ul.subgal li a.baths {
background: url(../images/sub-work-baths-door.png);
background-position: top left;
width: 42px;
height: 14px;
}

ul.subgal li a.baths:hover, ul.subgal li a.baths.cur {
background-position: bottom left;
}

ul.subgal li a.interiors {
background: url(../images/sub-work-interiors-door.png);
background-position: top left;
width: 63px;
height: 14px;
}

ul.subgal li a.interiors:hover, ul.subgal li a.interiors.cur {
background-position: bottom left;
}

ul.subgal li a.architecture {
background: url(../images/sub-work-architecture-door.png);
background-position: top left;
width: 96px;
height: 14px;
}

ul.subgal li a.architecture:hover, ul.subgal li a.architecture.cur {
background-position: bottom left;
}

ul.subgal li a.other {
background: url(../images/sub-work-other-door.png);
background-position: top left;
width: 41px;
height: 14px;
}

ul.subgal li a.other:hover, ul.subgal li a.other.cur {
background-position: bottom left;
}

/* end sub navigation */

h1.logo {
float: right;
margin: 0;
margin-top: 33px;
color: white;
overflow: hidden;
width: 162px;
height: 40px;
text-indent: -9000px;
background: url(../images/logo.png) no-repeat;
}

.blue {
color: #007dff;
}

/* page specifics */
/* corporate bg BUGGGGGG fix this lame sauce */
.corporateholder {
background: url(../images/corporate-bg.jpg);

width: 930px;
border: 10px solid black;
margin: 0 auto 0 auto;
clear: both;
}

.corporatetextholder {

width: 600px;
background: url(../images/textwash.png);
padding: 40px;
margin: 0 auto 0 auto;
}

.corporateholder p {
font-weight: bold;
text-align: justify;
font-size: 1.2em;
}

.corporatebioholder {
width: 100px;
height: 100px;
background: white;
float: left;
}

.float-left {
float: left;
}

.float-right {
float:right;
}