@charset "utf-8";

* {border:0px; padding:0px; margin:0px;}
html {width:100%; height:100%; background:#FFFFFF; overflow:auto;}
body {min-width:980px; height:100%; text-align:center; font:14px/18px Arial, Helvetica, sans-serif; color:#000000;}
a, a:visited {text-decoration:none; outline:none;}
a:hover, a:active {text-decoration:none; border-bottom:1px; outline:none;}

a.quote, a.quote:visited {text-decoration:none; outline:none; color:#9a000b;}
a.quote:hover, a.quote:active {text-decoration:none; border-bottom:1px; outline:none; color:#9a000b;}

#outer {width:980px; height:100%; min-height:100%; margin:0 auto; background:url(images/content_bg.png) repeat-y top; overflow:visible;}
* html #outer {height:100%; overflow:visible;}
#content {position:relative; width:630px; left:30px; text-align:left; float:left; }
#header {width:980px; height:202px; margin-bottom:-3px;}
#nav {width:980px; height:60px; background:url(images/nav_bg.png) no-repeat;}
#nav ul {width:920px; height:39px; margin:0 auto; top:0px;}
#nav li {list-style:none; display:inline; float:left;}
#nav li a {text-decoration:none; outline:none; display:block; text-indent:-9999px; font-size:1px; height:39px;}
#nav_home {width:132px; height:39px; background:url(images/nav_home.png) no-repeat;}
#nav_windows {width:131px; height:39px; background:url(images/nav_windows.png) no-repeat;}
#nav_doors {width:132px; height:39px; background:url(images/nav_doors.png) no-repeat;}
#nav_conservatories {width:131px; height:39px; background:url(images/nav_conservatories.png) no-repeat;}
#nav_roofline {width:132px; height:39px; background:url(images/nav_roofline.png) no-repeat;}
#nav_timber {width:131px; height:39px; background:url(images/nav_timber.png) no-repeat;}
#nav_feedback {width:131px; height:39px; background:url(images/nav_feedback.png) no-repeat;}

h1 {font-size:30px; font-weight:normal; color:#9a000b; letter-spacing:-1px;}
h2 {font-size:20px; font-weight:normal; color:#9a000b; letter-spacing:-1px; display:block; margin-bottom:6px;}
h3 {margin-bottom:6px;}

.arrow {position:relative; float:left;  margin-top:-12px;}
#img1 {float:left; clear:left; margin-right:20px;}
#img2 {float:right; clear:right; margin-left:20px; margin-top:-40px; margin-bottom:20px;}

#right_content {position:relative; width:293px; float:right; margin-top:-21px;}
#right_content2 {position:relative; width:293px; float:right; margin-top:-21px;}
#right_content2 p {position:absolute; top:62px; left:14px; z-index:10; width:130px; color:#FFFFFF; font:bold 10px/10px Arial, Helvetica, sans-serif; text-align:left;}


#right_content p {position:absolute; top:62px; left:14px; z-index:10; width:130px; color:#FFFFFF; font:bold 10px/10px Arial, Helvetica, sans-serif; text-align:left;}
#flash {width:278px; height:380px; float:left;}
* html #flash {margin-top:-3px;}
#topright {width:293px; height:109px;}
#examples {width:293px; height:44px;}

.thumbnail {width:100px; height:96px; float:left; margin-right:4px;}

#feedback textarea, #feedback input {border:1px solid #333333;}
#feedback p {margin-top:5px;}
#feedback {margin-top:15px; margin-bottom:20px;  width:640px;}