html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*****GENERAL STYLING*****/

body{font-family:Tahoma,Geneva,Kalimati,sans-serif; background:#FFF; color:#222; font-size:14px; border-top: 12px solid #222; }

p{font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size:14px; margin:0 0 11px 0; padding:0px; line-height:20px; color:#222;}
.ph{color:#666;}
.small{font-size:12px;}
h1, h2, h3, h4, h5{font-family:Tahoma,Geneva,Kalimati,sans-serif;color:#222;font-weight:bold;}
h1{font-size:16px;}
h2{font-size:15px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}

a{color:#ef4035; text-decoration:none; outline:none;}
a:hover{color:#666666; text-decoration:none; outline:none;}
p a{}
.topPadded{padding-top:3px;}
p a:hover{color:#666666; }
#container{width:980px; margin:0 auto;}

.clear{clear:both;}

strong {color:#00557d; font-weight:bold; font-size:13px;}
strong.sub {color:#555; font-weight:bold;font-size:14px;}
strong.team {color:#00557d; font-weight:bold; font-size:14px;}
strong.contact {color:#222; font-weight:bold; font-size:14px;}

table{font-size:12px;}
.nobg{background:transparent; border-top:1px solid #f59f3a; border-left:1px solid #f59f3a;}
th{background:#f59f3a; padding:	9px; text-align:center; border-right:1px solid #e7f6ff;}
th.row{background:#7ccdff; padding:9px; text-align:center; border-bottom:1px solid #e7f6ff;}
td{padding:9px; background:#79da95; text-align:center; border-bottom:1px solid #e7f6ff; border-right:1px solid #e7f6ff;}
td.alt{}

.smaller {color:#666; font-size:11px;}

/*****HEADER & TOPNAV*****/
#header{width:980px; height:115px; font-family:Arial, Helvetica, sans-serif; margin-bottom:2px;}

#logo {float:left;width:471px;}

#nav {
  list-style: none;
  margin:48px 0 0 0;
  float:left;
}

#nav li {
  float: left;
}

#nav a * {
  display: none;
}

#nav a,
#nav a .hover {
  height: 22px;
  position: relative;
  display: block;
  cursor: pointer;
  background: url(images/nav.jpg) 0 0 no-repeat;
}

/* individual nav items */
#nav a.home{
  background-position: 0 0;
  width: 59px;
}

#nav .highlight a.home:hover,
#nav a.home .hover, #nav a.home.active {
  background-position: 0 -22px;
}

#nav a.shop {
  background-position: -59px 0;
  width: 133px;
  margin-right:0px; /* could add to each to space between for text nav*/
}

#nav .highlight a.shop:hover,
#nav a.shop .hover, #nav a.shop.active {
  background-position: -59px -22px;
}

#nav a.portfolio {
  background-position: -192px 0;
  width: 84px;
}

#nav .highlight a.portfolio:hover,
#nav a.portfolio .hover, #nav a.portfolio.active {
  background-position: -192px -22px;
}

#nav a.specialties {
  background-position: -276px 0;
  width: 90px;
}

#nav .highlight a.specialties:hover,
#nav a.specialties .hover, #nav a.specialties.active {
  background-position: -276px -22px;
}

#nav a.clients {
  background-position: -366px 0;
  width: 66px;
}

#nav .highlight a.clients:hover,
#nav a.clients .hover, #nav a.clients.active {
  background-position: -366px -22px;
}

#nav a.contact {
  background-position: -432px 0;
  width: 69px;
}

#nav .highlight a.contact:hover,
#nav a.contact .hover, #nav a.contact.active {
  background-position: -432px -22px;
}

/*****CONTENT*****/

/*   homepage  */
#HPslideshow { width: 980px; height: 472px; padding:0; margin:0; background:url(images/hp-image-bg.jpg);}
.hp-pic { margin: 3px 0 0 11px; width: 943px; height: 427px; padding: 6px 7px 20px 8px;}
#hp {width: 920px}
#hp p{font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size:15px; margin-bottom:3px; line-height:26px; color:#444;}
#hp h1 {margin-bottom:14px; padding-bottom:3px; }

/* shop */
#shop { width: 980px; height: 500px; padding:0; margin:20px 0 0 0; background:url(images/shop-image-bg.jpg); background-repeat:no-repeat;background-position: 6px bottom;
}

#shop-left {
float:left;
width:364px;
margin:0 0 0 56px;
}
#shop-left p {font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size:14px; margin-top:15px; margin-bottom:3px; padding:0; line-height:18px; color:#444; width:320px;}
#shop-right {
float:left;
width:512px;
}

#slider {
    width: 520px;
    margin: 27px auto;
    position: relative;
}

.scroll {
    height: 382px;
    width: 512px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #ddd;
}

.scrollContainer div.panel {
    padding: 8px 20px 20px 15px;
    height: 210px;
    width: 520px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px 15px 20px 15px;
    color: #000;
    text-decoration: none;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
}

ul.navigation a:hover {
    background-color: #eee;
}

ul.navigation a.selected {
    background-color: #ddd;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -9999px;
}

.scrollButtons.right {
    right: -9999px;
}

.hide {
    display: none;
}

#panel-work {
background:url(images/panel-work-bg.jpg) no-repeat;
height:400px;
padding:160px 0 0 40px;
 }
#solid-work {
background:url(images/solid-work-bg.jpg) no-repeat;
height:400px;
padding:160px 0 0 40px;
 }
#veneer-work {
background:url(images/veneer-work-bg.jpg) no-repeat;
height:400px;
padding:160px 0 0 40px;
 } 
 
 
/*   portfolio */
#port { width: 980px; height: 472px; padding:0; margin:30px 0 0 0; background:url(images/port-image-bg.jpg);}

/*   client */
#client { width: 980px; height: 522px; padding:0; margin:10px 0 0 0;}

/*  specialties*/
#special{ width: 980px; height: 442px; padding:0; margin:30px 0 0 0; }
#special-left {
float:left;
width:460px;
margin:0 0 0 100px;
}
#special-left p {font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size:14px; margin-top:15px; margin-bottom:3px; padding:0; line-height:18px; color:#444; width:320px;}
#special-right {
float:left;
width:300px;
margin:10px 0 0 0;
height: 442px; 
}
.pics2 { width: 290px; height: 198px; padding:0; margin:0; overflow: hidden;  }
.pics2 img { width: 290px; height: 198px; padding: 0; top:0; left:0; }
.pics3 { width: 290px; height: 198px; padding:0; margin:0; overflow: hidden;  }
.pics3 img { width: 290px; height: 198px; padding: 0; top:0; left:0; }

/*  contact*/

#contact { width: 980px; height: 452px; padding:0; margin:30px 0 0 0; }

#contact-left{width:510px; float:left;margin:0 0 0 50px;}

#contact-right{width:370px; padding:2px 20px 0 19px; float:right;}
#contact-right p{font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size:14px; margin:0 0 8px 0; padding:0px; line-height:18px; color:#222;}

#contactform { font-size:13px; color:#333;
}

#contact .nodisplay {
	display: none;
}

#contact label { 
	margin-top: 10px;
	padding: 0 0 3px 3px;
	display: block; 
}

#contact input.text { 
	width: 200px;
	color: #333;
	padding: 3px;
	margin: 1px 0;
	border: 1px solid #bbb; 
	font-size:12px;
}

#contact textarea {
	border: 1px solid #bbb; 
	height: 130px;
	width: 410px;
	color: #333;
	font-size:12px;
	padding: 3px;	
}
#contact input.button {
	display: block;
	margin-top: 10px;
	margin-left:1px;
	background: url(images/submit.gif); 
	width: 54px; 
	height: 25px; 
	cursor: pointer;	border: none;
	outline:none; 	outline: 0;}

p#success, p#bademail, p#badserver {
	width: 350px;
	padding: 3px 10px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin: 10px 0;
	text-align: center;
	display: none;
	color: #EF3B3A;
	font-weight:bold;
	font-size:12px;
}

/* FixedHeightPage */
#fixed-height {height:331px;}

/*   Content - General Styling   */
#content{width:980px; }
.textbox{font-size:14px; background:url(images/textbox_bg.gif) repeat-x; border:1px solid #88bed5; padding:3px;
color:#003044;}
.textbox:hover, .textbox:focus{background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #ffba68;}
#content_i_more_padding{margin-top:0px; padding:0 15px 10px 20px; }  /*top right bottom left */
#content_i{margin-top:20px; padding-bottom:10px; }

/*   Content - Inner Pages   */
#innerContentLeft{width:620px; float:left;}
#innerContentLeft h2{padding:6px 10px 5px 7px; font-size:15px; color:#555;font-weight:bold;}
#innerContentRight{width:240px; padding:0px 10px 0 19px; float:right;}
#innerContentRight h2{padding:0 17px 10px 7px; font-size:16px; text-align:right;}
.testimonials_inner_i_wborder{background:url(images/testimonial_inner_bg.gif) no-repeat; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:10px 0;}
.testimonials_inner_i{background:url(images/testimonial_inner_bg.gif) no-repeat; padding:8px 0; margin:10px 0;}

.list { width: 575px; padding:15px 0 0 20px; border: none; margin: 0; float:left;}
.list ul { list-style: none; margin: 0; padding: 0; }
.list li { padding:0 0 .6em .8em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em; line-height:21px;}
.list li.inner { padding-left: 2.8em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 2em .65em; line-height:21px;}

.list3 { padding:15px 0 0 20px; border: none; margin: 0; float:left;}
.list3 ul { list-style: none; margin: 0; padding: 0; }
.list3 li { padding:0 0 .6em .8em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em; line-height:18px;}
.list3 li.inner { padding-left: 2.8em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 2em .65em; line-height:18px;}

/*   Sub Nav   */

#sub-nav {
	width:240px;
	float:left;
	text-align:left;
}
#sub-nav li a {
	display:block;
	font: bold 13pxTahoma,Geneva,Kalimati,sans-serif;;
	color:#555;
	border-bottom:1px solid #eee;
	text-transform:lowercase;
	padding:7px 10px 7px 7px;
	height:16px; /* be sure to set */
}
#sub-nav li a:hover {
	background:#F7F7F7;
	color:#00557d;
	text-decoration:none;
}
#sub-nav li a.active {
	color:#00557d;
	text-decoration:none;
}

#sub-nav-text {
	width:230px;
	float:left;
}
#sub-nav-text p {
	padding: 3px 0 0 11px;
	margin:0;
}

.credit { font-size:11px; color:#666; padding-top:12px; }

/*****FOOTER*****/
#footer{ height:55px; background:url(images/line-spacer.jpg) repeat-x;}
#footer_left{margin-left:5px; float:left;}
#footer_right{margin-right:5px; float:right;}
#footer p{	font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color: #555; padding-top:10px;}
#footer a{color:#555; padding:2px 0; border:none;}
#footer a:hover, #footer a.selected{color:#777777; }
#footer_left a{color:#555;}
#footer_left a:hover{color:#777;}