body { background-image: url(images/bg.gif); background-repeat: repeat-x; background-color: #f0f0f0; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 0.69em; color: #333; line-height: 17px; }

a:link { color: #333; text-decoration: underline; }

a:visited { color: #333; text-decoration: underline; }

a:hover { color: #084702; text-decoration: underline; }

/* IDs */

#header { background-image: url(images/header.gif); background-repeat: no-repeat; margin: 0 auto; width: 893px; height: 120px; }

#nav { background-image: url(images/navbg.gif); background-repeat: no-repeat; margin: 0 auto; width: 893px; height: 26px; padding-top: 7px; }

#nav a:link { color: #FFF; text-decoration: none; }

#nav a:visited { color: #FFF; text-decoration: none; }

#nav a:hover { color: #b5d2a4; text-decoration: none; }

#nav li { font-family: Arial, Helvetica, sans-serif; font-size: 0.82em; text-transform: uppercase; list-style-type: none; display: inline; padding-left: 26px; padding-right: 12px; }

#nav ul { padding: 0px; margin: 0px; }

#flashcon { width: 880px; height: 328px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px; }

#conservatorygallery { width: 880px; margin: 0 auto; }

#windowgallery { width: 880px; margin: 0 auto; }

#tabs { width: 315px; height: 328px; float: left; }

#flash { width: 565px; height: 328px; float: right; }

#maincon { background-color: #FFF; margin: 0 auto; width: 880px; overflow: hidden; }

#content { background-color: #FFF; margin: 0 auto; width: 880px; overflow: hidden; margin-top: 30px; }

#contactprocess { width: 800px; margin: 0 auto; padding: 20px; }

#text { width: 840px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

#leftcol { width: 257px; padding: 20px; float: left; }

#rightcol { width: 543px; padding: 20px; float: right; }

#leftcol2 { width: 543px; padding: 20px; float: left; }

#rightcol2 { width: 257px; padding: 20px; float: right; }

#conservatoryleft { width: 400px; padding: 20px; float: left; }

#conservatoryright { width: 400px; padding: 20px; float: right; }

#energyleft { width: 400px; padding: 20px; float: left; }

#energyright { width: 400px; padding: 20px; float: right; }

#sashleft { width: 400px; padding: 20px; float: left; }

#sashright { width: 400px; padding: 20px; float: right; }

#victorian { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#edwardian { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#georgian { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#leanto { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#gable { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#tshape { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#pshape { width: 400px; clear: both; overflow: hidden; border-bottom: 1px solid #084702; padding-top: 10px; padding-bottom: 10px; }

#enquiry { background-image: url(images/enquire.gif); background-repeat: no-repeat; width: 835px; height: 30px; margin: 0 auto; margin-top: 20px; }

#form { width: 550px; float: right; padding-top: 3px; }

#footerseo { background-color: #478e1b; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; text-align: center; }

#footercon { width: 880px; margin: 0 auto; }

#footer { background-image: url(images/footerbg.gif); background-repeat: repeat-x; background-color: #23650c; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; text-align: center; }

#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 0.88em; line-height: 17px; color: #FFF; letter-spacing: 1px; }

#footer li { font-family: Arial, Helvetica, sans-serif; font-size: 0.88em; line-height: 17px; color: #FFF; letter-spacing: 1px; display: inline; list-style-type: none; border-right: 1px solid #FFF; padding-left: 6px; padding-right: 6px; }

#footer ul { padding: 0px; margin: 0px; }

#footer a:link { color: #FFF; text-decoration: underline; }

#footer a:visited { color: #FFF; text-decoration: underline; }

#footer a:hover { color: #b5d2a4; text-decoration: underline; }

#linkbox { width: 500px; border: 1px #084702 dotted; padding: 10px; }

#crearelinks { background-color: #23650c; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; text-align: center; }

#crearelinks a:link { color: #FFF; text-decoration: underline; }

#crearelinks a:visited { color: #FFF; text-decoration: underline; }

#crearelinks a:hover { color: #b5d2a4; text-decoration: underline; }

/* CLASSES */	

h1 { font-family: "Times New Roman", Times, serif; font-size: 1.6em; text-transform: uppercase; color: #084702; }

h2 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; text-transform: uppercase; color: #084702; }

h3 { font-family: "Times New Roman", Times, serif; font-size: 1em; text-transform: uppercase; color: #084702; }

.red { color: #8e1b1b; }

.yellow { color: #a19c0a; }

.blue { color: #1b6c8e; }

.green { color: #478e1b; }

.white { color: #FFF; }

.headingstyle { font-family: "Times New Roman", Times, serif; font-size: 0.63em; color: #478e1b; }

.headingstyle2 { font-family: "Times New Roman", Times, serif; font-size: 0.80em; color: #478e1b; }

.headingstyle3 { font-family: "Times New Roman", Times, serif; font-size: 0.80em; }

.redheading { font-family: "Times New Roman", Times, serif; font-size: 1.4em; font-weight: bold; color: #8e1b1b; text-transform: uppercase; }

.redheading2 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; color: #8e1b1b; text-transform: uppercase; }

.yellowheading { font-family: "Times New Roman", Times, serif; font-size: 1.4em; font-weight: bold; color: #a19c0a; text-transform: uppercase; }

.greenheading { font-family: "Times New Roman", Times, serif; font-size: 1.4em; text-transform: uppercase; color: #478e1b; }

.smallgreenheading { font-family: "Times New Roman", Times, serif; font-size: 1.1em; text-transform: uppercase; color: #478e1b; }

.greenstyle { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #468d1b; }

.grey { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #40403f; }

.boldblue { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #1b6c8e; }

.formstyle { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #AAA; border: 1px solid #a9a9a9; padding: 1px; }

.style4 { color: #008000 }

.style3 { color: #c33131 }

.tickyellowbox { background-color: #eff6ef; border: 1px solid #008000; }

.tickredbox { background-color: #f9eaea; border: 1px solid #c33131; }

.boxmarg { margin-left: 5px; }

.boxmarg2 { margin-left: 15px; }