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;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
html {
	background: #73ADD7 url(gradient.gif) repeat-x;
}
body {
font-family:Arial, Helvetica, sans-serif ;
	padding: 0;
	margin: 0;
	background: url(sky.jpg) no-repeat center top;
	color: #000;
	width: 100%;
	display: table;
}
strong{
font-weight:bold;
}
em{
font-style:italic;
}
p{
margin:10px 0px;
}
hr {
color: #ccc;
background-color: #ccc;
height: 2px;
border:0;
width:80%;
margin:20px auto 40px auto;
}
a{color:#ff3333;}
a:hover{text-decoration:underline;}
.scenicred{color:#ff3333;font-weight:bold;}
#container {
	width: 985px;
	margin: 100px auto 20px auto;
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
	-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
#container h1 {
	height:150px;
	width:985px;
	background:url(header.jpg) no-repeat;
	text-indent:-9999px;
	border-bottom:1px solid #ff0000;
}
.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.invertedshiftdown ul{
margin:0;
margin-left: 240px;
padding: 0;
list-style: none;
}
.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
#content{
border-left:1px solid #cccccc;
float:right;
width:784px;
padding:10px 0px;
}
#welcome{
padding:10px;
width:700px;
margin:0px auto;
border:1px solid #cccccc;
background:url(grad2.gif) repeat-x;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
#welcome h2{
font-size:24px;
letter-spacing:-1px;
margin-bottom:10px;
}
#welcome p{
color:#333333;
font-size:14px;
line-height:18px;
}
#fadeshow1{
float:right;
margin:5px 0 0 10px;
}
#howmuch{
color:#339933;
font-size:32px;
font-weight:bold;
text-align:center;
margin:10px auto;
width:700px;
border:1px solid #cccccc;
padding:10px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
#howmuch a{
color:#339933;
display:block;
}
img.quote{
position:relative;
left:615px;
top:-85px;
z-index:10;
}
#sidebar{
float:left;
width:200px;
}
#sidebar ul{
margin:10px 0px 10px;
}
#sidebar a{
color:#505050;
display:block;
}
#sidebar ul li{
width:170px;
font-size:12px;
font-weight:bold;
padding:7px;
margin:0px;
border-bottom:1px solid #e0e0e0;
}
#sidebar ul li:hover{
background:#eee;
}
#sidebar ul li.current2{
background:#ffff99;
color:#fff;
}
#sidebar img{
margin-top:10px;
margin-left:20px;
}
#footer{
clear:both;
background:url(footer.jpg) no-repeat;
height:75px;
width:985px;
}
#footer p{
padding-top:40px;
padding-left:10px;
font-weight:bold;
color:#fff;
font-size:12px;
}
#footer a{
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}
.rhys{
text-align:center;
font-size:11px;
font-weight:bold;
color:#e0e0e0;
margin-bottom:20px;
}
.rhys a{
color:#e0e0e0;
}
.rhys a:hover{
text-decoration:underline;
}

#allproducts{
background:url(grad2.gif) repeat-x;
margin:-100px auto 10px auto;
width:700px;
border:1px solid #cccccc;
padding:10px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

#products{
margin-left:35px;
width:700px;
}

#products li{
padding:5px;
float:left;
height:150px;
width:150px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
}

#products li a{
display:block;
height:150px;
width:150px;
text-indent:-9999px;
}

#products li.conservatories{
background:url(conservatories.jpg) no-repeat;

}

#products li.doors{
background:url(doors.jpg) no-repeat;
}

#products li.driveways{
background:url(driveways.jpg) no-repeat;
}

#products li.extensions{
background:url(extensions.jpg) no-repeat;
}

#products li.garage{
background:url(garage.jpg) no-repeat;
}

#products li.porches{
background:url(porches.jpg) no-repeat;
}
#products li.roof{
background:url(roof.jpg) no-repeat;
}

#products li.windows{
background:url(windows.jpg) no-repeat;
}

#testimonial{
width:700px;
margin:30px auto 0px auto;
padding:10px;
}
#testimonial blockquote{
font-size:16px;
font-weight:bold;
color:#505050;
font-style:italic;
}
#testimonial p{
font-weight:bold;
font-size:12px;
margin-top:20px;
color: #ff3333;
}
#testimonial p a{
color: #ff3333;
}
.bqstart {
margin-top:-37px;
margin-right:10px;
     float: left;
     height: 45px;
     font-size: 700%;
     color: #ff3333;
 }

 .bqend {
     float: right;
     height: 25px;
     font-size: 700%;
     color: #ff3333;
	 margin-top:-11px;
	 margin-right:17px;
 }
 #contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea, #contact-area select{
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#agree{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}

#agree input{
padding:0px;
width:10px;
margin:0 5px 0 0;
border:0;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ff3333;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 16px;
	font-weight:bold;
}