@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
html, body {
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
background:url(../images/bgTile.jpg) top left scroll repeat-x;
}
body#services, body#showcase, body#contact {
background:transparent url(../images/secondaryBg.jpg) top left scroll repeat-x;
}
.clear{
clear: both;
}
img{
border: none;
}
#gallery a.hide{
display: none;
}
.warning{
display: inline;
padding: 0 0 0 5px;
color: #FF0000;
display: none;
}
p{
font-size: 12px;
color: #616161;
line-height: 18px;
margin-top: 10px;
}
a:link, a:visited{
color: #e29418;
text-decoration: none;
}
a:hover, a:active{
color: #999;
}
p.left{
float: left;
width: 150px;
}

#container {
width: 950px;
margin: 0 auto;
position: relative;
}
#header{
position: relative;
height: 50px;
}
#wave {
background: url(../images/orangeWaveBg.png) no-repeat scroll left top;
height: 174px;
width: 489px;
position:absolute;
display:block;
right: 0px;
top:0px;
}
#logo {
background: transparent url(../images/logo.png) no-repeat scroll left top;
display: block;
height: 29px;
left: 0px;
position: absolute;
text-indent: -999999px;
top: 32px;
width: 237px;
overflow: hidden;
}
#logo2 {
background: transparent url(../images/logo2.png) no-repeat scroll left top;
display: block;
height: 58px;
left: 0px;
position: absolute;
text-indent: -999999px;
top: 17px;
width: 280px;
overflow: hidden;
}
#logoLight {
background:transparent url(../images/logoLight.png) no-repeat scroll left top;
height: 298px;
width: 552px;
position:absolute;
display:block;
left: -110px;
top:0px;
}

#content{
margin: 40px 0 0 0;
position: relative;
}


/*//////////////////////////////
	  HOME
/////////////////////////////*/
#featured{
position: relative;
background: #FFFFFF;
width: 950px;
height: 320px;
border: #CCCCCC solid 1px;
}
#featured img{

}
#slideshow {
position:relative;
height:350px;
margin: 2px 0 0 2px;
}

#slideshow2 {
position:relative;
height:350px;
margin: 2px 0 0 2px;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}

#slideshow IMG.active {
z-index:10;
}

#slideshow IMG.last-active {
z-index:9;
}

#featuredShadow{
background: transparent url(../images/featuredShadow.png) no-repeat left top;
width:990px;
height:58px;
position: absolute;
top: 305px;
left: -40px;
}
#philosophyTitle{
background: transparent url(../images/ourPhilosophyTitle.png) no-repeat left top;
width: 118px;
height: 14px;
text-indent: -99999px;
}
#fleetTitle{
background: transparent  url(../images/fleetTitle.png) no-repeat left top;
width: 71px;
height: 14px;
text-indent: -99999px;
}
#hoursDirectionsTitle{
background: transparent url(../images/contactHoursTitle.png) no-repeat left top;
width: 127px;
height: 14px;
text-indent: -99999px;
}
#textArea{
position: relative;
margin: 30px 0 0 0;
}
#firstPara{
width: 310px;
float: left;
}
#secondPara{
background: transparent url(../images/paraBG.jpg) no-repeat scroll left 12px;
width: 330px;
float: left;
margin-left: 20px;
height: 250px;
padding: 0 0 0 30px;
}
#secondPara img{
position: relative;
left: 33px;
}
#thirdPara{
background: transparent url(../images/paraBG.jpg) no-repeat scroll left 12px;
width: 200px;
float: left;
margin-left: 20px;
height: 250px;
padding: 0 0 0 30px;
}

#contactMod{
background: transparent url(../images/contactBg.jpg) no-repeat scroll left top;
width: 206px;
height: 138px;
text-align: center;
}
#contactMod p{
color: #FFFFFF;
text-align: center;
padding: 5px 0 0 0;
}
#contactMod p#secondHr{
color: #FFFFFF;
width: 100px;
margin: 6px auto 0 auto;
}
#contactMod p#thirdHr{
color: #FFFFFF;
width: 100px;
margin: 6px auto 0 auto;
}


/*//////////////////////////////
	  SERVICES
/////////////////////////////*/
#gallery{
background:#CC0000;
width: 522px;
margin-top: 14px;
}
#gallery a {
display:block;
height: 89px;
width: 174px;
}
#gallery a span{
display:none;
}
#gallery li{
list-style: none;
float: left;
}
#servicesText{
width: 400px;
float: left;
margin: 30px 0 0 0;
}
#servicesTitle{
background: transparent url(../images/servicesTitle.png) no-repeat left top;
width: 65px;
height: 14px;
text-indent: -99999px;
}
#galleryTitle{
background: transparent url(../images/galleryTitle.png) no-repeat left top;
width: 56px;
height: 14px;
text-indent: -99999px;
}
#galleryContainer{
float: right;
margin: 30px 0 0 0;
}
#showerDoorsGal a {
background:transparent url(../images/showerDoorsGalBtn.jpg) no-repeat scroll left 0;
}
#storeFrontsGal a {
background:transparent url(../images/storeFrontsGalBtn.jpg) no-repeat scroll left 0;
}
#mirrorsGal a {
background:transparent url(../images/mirrorsGalBtn.jpg) no-repeat scroll left 0;
}
#windowsGal a {
background:transparent url(../images/windowsGalBtn.jpg) no-repeat scroll left 0;
}
#tableTopsGal a {
background:transparent url(../images/tableTopsGalBtn.jpg) no-repeat scroll left 0;
}
#glassDoorsGal a {
background:transparent url(../images/glassDoorsGalBtn.jpg) no-repeat scroll left 0;
}
#wardroveDoorsGal a {
background:transparent url(../images/wardroveDoorsGalBtn.jpg) no-repeat scroll left 0;
}
#handrailsGal a {
background:transparent url(../images/handrailsGalBtn.jpg) no-repeat scroll left 0;
}
#shelvesGal a {
background:transparent url(../images/shelvesGalBtn.jpg) no-repeat scroll left 0;
}
#showerDoorsGal a:hover, #storeFrontsGal a:hover, #mirrorsGal a:hover, #windowsGal a:hover, #tableTopsGal a:hover, #glassDoorsGal a:hover, #wardroveDoorsGal a:hover, #handrailsGal a:hover, #shelvesGal a:hover{
background-position: left bottom;
}

/*//////////////////////////////
	  SERVICES
/////////////////////////////*/
input{
border: 1px #999999 solid;
height: 20px;
width: 220px;
margin-top: 8px;
padding: 2px 0 0 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
}
textarea{
margin-top: 8px;
border: 1px #999999 solid;
height: 220px;
width: 450px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
color: #616161;
}
input#submitForm{
width: 110px;
}


/*//////////////////////////////
		Showcase
/////////////////////////////*/
#showcaseTitle{
background: transparent url(../images/showcaseTitle.png)  no-repeat left top;
width: 75px;
height: 11px;
text-indent: -99999px;
position:relative;
top: 30px;
left: 55px;
}
#showcaseContainer{
padding: 50px 0 0 0;
}

.showcaseThumb{
background: url(../images/showcaseThumb.png) top left no-repeat;
width: 262px;
height: 224px;
float: left;
padding: 3px 0 0 54px;
}
#current{
display: inline;
}
#pageNav a:link, #pageNav a:visited{
color:#999;
}
#pageNav a:hover, #pageNav a:active{
color: #e29418;
}
#pageNav #current a{
color: #e29418;	
}

/*page navigation*/
#pageNav{
height: 25px;
position: absolute;
top: 4px;
left: 680px;
}
#pageNav a{
padding: 0 0 0 11px;
}
#leftpageNav{
background: url(../images/leftPageNav.png) no-repeat top left;
width: 46px;
height: 25px;
display: block;
float: left;
}
#centerpageNav{
background: url(../images/centerPageNav.png) repeat-x left top;
height: 25px;
float: left;
padding: 2px 0 0 0;
}
#rightpageNav{
background: url(../images/rightPageNav.png) no-repeat left top;
width:14px;
height: 25px;
float: left;
}

/*//////////////////////////////
	  CONTACT
/////////////////////////////*/
#contactTitle{
background: transparent url(../images/contactTitle.png)  no-repeat left top;
width: 59px;
height: 11px;
text-indent: -99999px;
}
#contactFormTitle{
background: transparent url(../images/contactFormTitle.png)  no-repeat left top;
width: 102px;
height: 11px;
text-indent: -99999px;
}
#contactText{
width: 400px;
float: left;
margin: 30px 0 0 0;
}
#contactContainer{
float: left;
margin: 30px 0 0 60px;
}
#contactContainer form{
margin-top: 3px;
}
#directionsTitle{
background: url(../images/directionsTitle.png) no-repeat scroll left top;
width: 78px;
height: 11px;
margin: 30px 0 18px 0;
text-indent: -99999999px;
}
/*//////////////////////////////
	  NAVIGATION
/////////////////////////////*/
#nav {
margin: 28px 0 0 0;
width: 340px;
height: 48px;
float: right;
}
#nav a {
background: url(../images/nav.png) no-repeat scroll 0pt;
display: block;
height: 48px;
text-indent: -999em;
overflow: hidden;
}
#nav li {
float:left;
position:relative;
list-style: none;
}

/*normal state*/
#nav-home a {
background-position: 0px 0pt;
width: 68px;
}
#nav-services a {
background-position: -68px 0pt;
width:87px;
}
#nav-showcase a {
background-position:-155px 0pt;
width:100px;
}
#nav-contact a {
background-position:-255px 0pt;
width:85px;
}

/*hover state*/
#nav-home a:hover {
background-position: 0px -48px;
width: 68px;
overflow: hidden;
}
#nav-services a:hover {
background-position: -68px -48px;
width: 87px;
overflow: hidden;
}
#nav-showcase a:hover {
background-position: -155px -48px;
width: 100px;
overflow: hidden;
}
#nav-contact a:hover {
background-position: -255px -48px;
width: 85px;
overflow: hidden;
}

/*Currently ON state*/
#home #nav-home a {
background-position: 0px -96px;
width: 68px;
cursor: default;
}
#services #nav-services a {
background-position: -68px -96px;
width: 87px;
cursor: default;
}
#showcase #nav-showcase a {
background-position: -155px -96px;
width: 100px;
cursor: default;
}
#contact #nav-contact a {
background-position: -255px -96px;
width: 85px;
cursor: default;
}
/*MAIN NAVIGATION END*/




/*tooltip*/
.tooltip{
color: #616161;
padding: 8px;
background: #FFF;
border: solid 1px #CCC;
position: absolute;
top: 0px;
left: 0px;
z-index: 999;
display: none;
width: 200px;
}

/*//////////////////////////////
	FOOTER
/////////////////////////////*/


.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -43px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 43px; /* .push must be the same height as .footer */
}
.footer {
background: url(../images/footerBackBg.jpg) bottom left repeat-x;

}
#footerContainer {
background: url(../images/footerFrontBg.jpg) top left repeat-x;
width: 950px;
height: 43px;
margin: auto;
border-left: #8c8c8c 1px solid;
border-right: #8c8c8c 1px solid;
}
#footerList {
list-style: none;
padding-top: 15px;
padding-left: 10px;
}
#footerList li {
float: left;
font-size: 11px;
height: 18px;
color: #616161;
}
#footerList li.second {
margin-left: 69px;
}
#phoneIcon {
background: url(../images/phoneIcon.gif) top left no-repeat;
}
#addressIcon {
background: url(../images/magnifyIcon.gif) top left no-repeat;
}
#copyIcon {
background: url(../images/copyIcon.gif) top left no-repeat;
}
#phoneIcon, #addressIcon, #copyIcon {
text-indent: 21px;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/