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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:#FFFFFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a
{text-decoration:none;
color:#154245;}

a:hover, .maincontent a
{text-decoration:underline;}

.maincontent a:hover
{color:#000000;}

.clear
{clear:both;}

h1, h2
{color:#8cadb2;
font:34px/35px Arial, sans-serif;
font-weight:bold;
margin:5px 0 0 0;}

h2
{font-size:30px;
margin:5px 0 6px 0;}

h3
{color:#383d3e;
font:16px/20px Arial, sans-serif;
font-weight:bold;
margin:15px 0 0 0;
clear:both;}

p, a.button, label, input, textarea, button, table, ul li, span.required
{font:13px/18px Arial, sans-serif;
color:#131e1f;}

ul li
{margin:2px 0 2px 20px;}

.intro p
{padding:7px 100px 7px 0;
font-size:15px;
line-height:20px;}

.maincontent p
{padding:7px 0 7px 0;}

form
{margin:20px 0 0 0;}

label
{clear:both;
float:left;
text-align:right;
margin:5px 15px 5px 0;
width:180px;}

input, textarea
{width:220px;
float:left;
background:#FFFFFF;
border:1px solid #95622d;
padding:3px 0 2px 5px;
margin:5px 0 5px 0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}

textarea
{width:280px;
height:120px;
overflow:auto;}

input:focus, textarea:focus
{-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000;
background:#eadfbe;}

button
{background: url(../img/buttonarrow.png) no-repeat 0 0;
height:25px;
width:111px;
cursor:pointer;
border:none;
float:right;
text-align:left;
margin:0 18px 0 0;
padding:0 0 0 6px;}

span.required
{clear:both;
float:right;
margin:0 75px 0 0;
font-size:11px;
color:#FF0000;}

#textReq
{margin:0 15px 0 0;}

/* ------------------- End of CSS Reset ------------------- */

.outer
{margin:auto;
width:960px;
position:relative;
z-index:10;}

.header
{width:960px;
background: #6b8e95 url(../img/headerbg.jpg) repeat-x 0 0;
height:140px;
z-index:5;}

.slogan
{float:left;
margin:0 0 0 60px;}

.slogan p, .phonenumbers p, .slogan a, .topnav p
{text-align:right;
font:20px/20px 'Trebuchet MS', 'Myriad Pro', Helvetica, Arial, sans-serif;
color:#154245;}

.slogan a
{font-size:50px;
line-height:50px;}

.slogan a:hover
{text-decoration:none;}

.topnav
{float:right;
text-align:right;
margin:10px 10px 0 0;}

.topnav a
{font:bold 14px/15px 'Myriad Pro', Arial, sans-serif;
color:#243436;
margin:2px 4px 0 4px;}

.topnav a:hover
{color:#000000;}

.topnav p
{margin:10px 5px 0 0;
font-size:16px;}

.phonenumbers
{float:right;
margin:30px 15px 0 0;}

.woodenbar
{width:100%;
height:70px;
clear:both;
margin-top:-20px;
background: url(../img/woodenbar.jpg) repeat-x 0 20px;
border-bottom:1px solid #000000;}

.mainmenu
{margin:auto;
width:760px;
height:70px;
position:relative;
background: url(../img/menu.png);
background: rgba(255, 255, 255, 0.6);
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
z-index:30;}

.mainmenu ul li
{float:left;
height:40px;
border-right:1px solid #cf48ca;
margin:10px 15px 0 15px;
padding:10px 20px 0 0;
z-index:40;}

.mainmenu ul li:last-child
{border:none;}

.mainmenu ul li a
{text-align:left;
font:20px/10px 'Myriad Pro', Arial, Helvetica, sans-serif;
color:#131e1f;
font-weight:bold;}

.mainmenu ul li a:hover
{color:#154245;}

.mainmenu ul li a span
{font-weight:normal;
font-size:13px;}

.silhouette
{position:absolute;
top:0;
left:0;
z-index:10;}

.footer
{width:100%;
min-height:333px;
clear:both;
position:relative;
background: url(../img/floorboards.jpg) no-repeat center;}

.address
{position:absolute;
bottom:20px;
left:10px;}

.copyright
{position:absolute;
bottom:20px;
right:10px;
text-align:right;}

.footer .social
{margin:auto;
padding-top:100px;
width:420px;
text-align:center;}

.footer .social h3, .footer .social p
{text-align:left;}


.intro
{padding-bottom:20px;
margin:30px 0 0 100px;
width:760px;
border-bottom:1px solid #cf48ca;}

.maincontent
{float:left;
width:760px;
margin:0 0 0 100px;
padding-top:20px;}

.homepage
{width:500px;}

a.button
{background: url(../img/buttonarrow.png) no-repeat 0 0;
height:25px;
width:111px;
display:block;
float:right;
text-decoration:none;
padding:3px 0 0 6px;}

.gallerypreview a.button
{float:none;
margin:2px 0 0 20px;}

.fixedwall a.button
{float:none;
margin:0;}

a.button:hover
{text-decoration:underline;}

.gallerypreview, .contactdetails
{float:right;
width:250px;
padding-top:20px;
margin:0 100px 0 0;
border-left:1px solid #cf48ca;}

.contactdetails p, .contactdetails h3
{padding:5px 0 5px 20px;}

.gallerypreview p img
{border:1px solid #cf48ca;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0 10px 20px;}

.feedback {
	position:relative;
	padding:25px 20px 25px 25px;
	margin:50px 0 15px 0;
	width:350px;
	border:1px solid #95622d;
	clear:both;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background: url(../img/quotes.jpg) no-repeat 0 0;
}

.feedbackpage .feedback
{width:650px;
margin:20px 0 15px 0;
padding:20px 10px 15px 10px;}

.feedback p
{font:italic 13px/18px  Sylfaen, Georgia, 'Myriad Pro', sans-serif;}

/* creates the larger triangle */
.feedback:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-28px; /* value = - border-top-width - border-bottom-width */
	left:26px; /* controls horizontal position */
	width:0;
	height:0;
	border:14px solid transparent;
	border-top-color:#95622d;
}

/* creates the smaller  triangle */
.feedback:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-25px; /* value = - border-top-width - border-bottom-width */
	left:27px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#FFFFFF;
}

.gallery .photo
{float:left;
margin:10px 10px 5px 10px;
width:170px;
height:170px;
text-align:center;}

.gallery .photo img, .productinfo img, .fixedwall img
{border:1px solid #95622d;
padding:5px;}

.productinfo
{width:340px;
height:330px;
margin:20px 30px 0 0;
float:left;}

.extensionimages
{width:270px;
float:left;
margin:5px 15px 0 15px;}

.extensions
{margin-top:30px;}

.extensionimages p
{font-size:14px;
font-weight:bold;}

table td, th
{padding:3px; 10px 2px 0;
text-align:left;
vertical-align:top;}

th.desc
{width:320px;}

.headers th
{width:90px;}

tr:nth-of-type(even)
{background:#e0d3c7;}

th.imageth
{width:80px;}

.orderforms form, .orderforms input
{margin:0;
padding:0;}

.orderforms input
{width:96px;
height:21px;
border:none;
background:none;
float:none;}