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

/* Tags */
*	{ margin: 0; padding: 0; outline: none; border: none; font-weight: normal;}

body	{ font-family: Verdana, arial, sans-serif; background: url(images/body-bg.jpg); color: #3a355b; font-size: .65em;}
a	{ text-decoration: none; color: #999;}
p	{ margin: 0 0 15px 0; line-height: 1.5;}
h4	{ margin: 0; font-size: 1.2em;}
label	{display: block;}
input, textarea	{display: block; border: 1px solid #999; padding: 4px; color: #3a355b;}
strong	{ font-weight: bold;}

/* IDs */

#shadow	{ width: 980px; margin: 0 auto; padding: 0 20px; background: url(images/page-shadow.png) repeat-y top center;}
#wrapper	{ width: 960px; margin: 0 auto; position: relative; overflow: hidden; }
#tiles	{ position: absolute; top: 0; right: 0; z-index: 999; }
#top	{ padding: 17px 0 0 0; background: url(images/tiles.jpg) no-repeat top right;}
#logo	{ background: url(images/logo-large.gif) no-repeat; text-indent: -9999px; height:55px; width: 650px; margin: 0 0 0 15px;}
#nav	{ list-style: none; margin: 4px 0 0 8px;}
#nav li	{ float: left; position: relative; }

#nav li ul.sub_menu { padding: 0; position: absolute; left: 0px; top: 30px; display: none; list-style: none; width: 110px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}
#nav li ul li	{ float: none; }
#nav li ul.sub_menu li a {display: block; padding: 3px;background-color: #3a355b; font-size: 12px; color: #ffffff; text-decoration: none;}
#nav li ul.sub_menu li a:hover { background-color: #6E6A8F;}


#subpage-content #img-nav, #content #img-nav	{overflow: hidden; list-style: none; margin: 30px 0;}
#img-nav li	{ float: left; margin: 0 4px 0 0;}

#content	{ background: url(images/header-img.jpg) no-repeat top center; padding: 350px 0 0 0; clear: both;}


#subpage-content	{ padding: 215px 0 0 0; }
#subpage-content ul	{margin: 15px;}

.laminate-page	{background: url(images/header-laminate.jpg) no-repeat top center;}
.solid-surface-page	{background: url(images/header-solid.jpg) no-repeat top center;}
.cabinetary-page	{background: url(images/header-cabinetary.jpg) no-repeat top center;}
.granite-page	{background: url(images/header-granite.jpg) no-repeat top center;}
.commercial-page	{background: url(images/header-commercial.jpg) no-repeat top center;}
.remodel-page	{background: url(images/header-remodel.jpg) no-repeat top center;}
.about-page	{background: url(images/header-about.jpg) no-repeat top center;}
.contact-page	{background: url(images/header-contact.jpg) no-repeat top center;}
.gallery-page	{background: url(images/header-gallery.jpg) no-repeat top center;}
.newconstruction-page	{background: url(images/header-newconstruction.jpg) no-repeat top center;}
.employment-page	{background: url(images/header-employment.jpg) no-repeat top center;}


#content #left-content	{ float: left; width: 250px; margin: 75px 0 0 30px; }
#subpage-content #left-content	{ float: left; width: 250px; margin: 0 0 0 30px; }
#right-content	{ float: right; width: 620px; margin: 0 20px 15px 0;}

#stockcar	{ clear: both;}

#footer	{ clear: both; height: 22px; background: url(images/footer-bg.png) repeat-x; text-align: center; color: #fff; font-size: .75em; padding: 10px;}
#footer ul li	{display: inline; }
#footer a	{ color: #fff;}

/* Classes */

.phone	{ position: absolute; top: 45px; right: 93px; width: 150px; height: 20px; text-indent: -9999px; background: url(images/phone-num.gif) no-repeat;}
.submit	{ border: none; padding: 0;}
.clear	{ clear: both; height: 0;}
.img-strips	{ border: 1px solid #ccc; padding: 3px;}