@charset "utf-8";
/* CSS Document */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	background-color: #8ab4d8;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position: top;
	background-attachment:fixed;
	color: #ffffff;
	margin: 0px;
/*	margin: 0px auto 0px auto;	*/
}

h1 { margin:0px; padding:0px; float:left; text-indent:-1000em; }
h2 { font-size: 1.7em; color: #ffffff; font-weight:100; margin:10px 0px 5px 0px; font-weight:bold;   }
h3 { font-size: 1.2em; font-weight:bold; margin:0px 0px 5px 0px;  }
h4 { font-size: 1.2em; font-weight: bold; margin:0px 0px 5px 0px; }
h5 { font-size: 1em; font-weight: bold; }
p { margin:0px 0px 10px 0px; line-height:1.4em; }
p.leftborder { border-left: 10px solid white; }
img {border: 0px; }

.whitetext { color:#ffffff; }
.redtext { color:#ef4723;}
.darkbluetext { color:#05193a; }
.midbluetext { color:#3b578c;}
.midbluetextMed { color:#3b578c; font-size: 1.4em; font-weight:bold; }
.midbluetextLarge { color:#3b578c; font-size: 1.8em; font-weight:bold; }
.midbluetextLarger { color:#3b578c; font-size: 3.5em;}
.whitetextLarger { color:#ffffff; font-size: 1.5em; text-align:center; }
.whiteboldtext { color:#ffffff; font-weight:bold; line-height: 1.6em; }
.whiteboldital { color:#ffffff; font-weight:bold; font-size:1.4em; line-height: 1.6em; font-style:italic; }
.whiteital { color:#ffffff; font-size:0.9em; line-height: 0.9em; font-style:italic; }
.itallarge { font-family:"Times New Roman", Times, serif; font-size: 1.6em; font-style: italic; }
.italsmall { font-size: 0.8em; font-style: italic; }
.linewhite { color: #ffffff; }


ul { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 8px; }
li { list-style-image:url(images/bullet.png); }

table, td, th { padding: 7px; }
td { vertical-align:top; }

/**/

#container {
	width: 1141px;
	margin: 0px auto 0px auto;
}
#shadow {
	width: 1141px;
	background-image: url(images/container-bkg.png);
	background-repeat:repeat-y;
}
#desktop {
	width: 1141px;
	margin: 0px 22px 0px 22px;
}
#header {
	height: 300px;
	width: 1097px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/header-bkg.jpg);
	background-repeat:repeat-x;
}
#header-right { 
	float: right;
	padding: 50px 0px 0px 50px;
}
#header-right ul { padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; }
#header-right li { list-style-image: url(images/bullet-drop.png); line-height: 45px; font-size: 1.6em; font-style:italic; font-weight:bold;}

#logo {
	background-image: url(images/logo.jpg);
	height: 300px;
	width: 543px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menubar {
	width: 1097px;
	height: 43px;
	background-image:url(images/menu-bkg.png);
	background-repeat:repeat-x;
	padding: 0px;
	text-align:center;
	color:#ffffff;
	font-size: 1.5em;
	
}
#main {
	width: 1097px;
	background-image: url(images/maintext-bkg.jpg);
	background-repeat: repeat-x;
	background-color: #6e96bd;
}
#mainLeft {
	width: 540px;
	float: left;
}
#mainRight {
	width: 540px;
	float: right;
}
#mainLeftText {
	padding: 20px 15px 0px 40px;
}
#mainRightText {
	padding: 20px 40px 0px 15px;
}
#imagebar-front {
	width: 1097px;
	text-align:left;
	background-image: url(images/imagebar_front.jpg);
	height: 251px;
}
#imagebar-contact {
	width: 1097px;
	text-align:left;
	background-image: url(images/imagebar_windows.jpg);
	height: 251px;
}
#imagebar-text {
	padding: 30px 0px 0px 30px;
	color: #3b578c;
}
#hook-line {
	text-align: center;
	color: #05193a;
	height: 25px;
	font-size: 1.2em;
	padding-top: 5px;
}
#imagebar-conservatory {
	width: 1097px;
	text-align:left;
	background-image: url(images/imagebar_conservatory.jpg);
	height: 251px;
}
#imagebar-fascia {
	width: 1097px;
	text-align:left;
	background-image: url(images/imagebar_fascia.jpg);
	height: 251px;
}
#telephone {
	padding: 10px 0px 0px 40px;
	color: #05193a;
	font-size: 1.6em;
	font-weight:bold;
}
#footer {
	background-image: url(images/footer.png);
	width: 1141px;
	height: 28px;
	color: #05193a;
	font-size: .9em;
	font-style:italic;
}
#footerleft {
	float:left;
	text-align: left;
	margin-left: 50px;
	padding-top: 10px
}
#footerright {
	float:right;
	text-align: right;
	margin-right: 50px;
	padding-top: 10px
}
#box01 {
	width: 496px;
	border: solid 2px #67972d;
	height: 130px;
}
#box02 {
	width: 496px;
	border: solid 2px #67972d;
	height: 130px;
}
#box02 {
	width: 496px;
	border: solid 2px #67972d;
	height: 130px;
}


/*-----------MENU LINKS------------- */

.menu {
	margin: 0;
	padding: 0px 0px 0px 22px;
	list-style: none;
	background: url(images/menu_bkg.jpg);
	background-repeat:repeat-x;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 43px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	height: 43px;
	background-repeat: no-repeat;
}
.home {background-image: url(images/menu_home_over.jpg); width: 85px;}
.home a {background-image: url(images/menu_home_up.jpg);}
.windows {background-image: url(images/menu_windows_over.jpg); width: 106px;}
.windows a {background-image: url(images/menu_windows_up.jpg);}
.conservatory {background-image: url(images/menu_conservatory_over.jpg); width: 194px;}
.conservatory a {background-image: url(images/menu_conservatory_up.jpg);}
.gutters {background-image: url(images/menu_gutters_over.jpg); width: 172px;}
.gutters a {background-image: url(images/menu_gutters_up.jpg);}
.fascias {background-image: url(images/menu_fascias_over.jpg); width: 189px;}
.fascias a {background-image: url(images/menu_fascias_up.jpg);}
.roofmoss {background-image: url(images/menu_roofmoss_over.jpg); width: 120px;}
.roofmoss a {background-image: url(images/menu_roofmoss_up.jpg);}
.patios {background-image: url(images/menu_patios_over.jpg); width: 78px;}
.patios a {background-image: url(images/menu_patios_up.jpg);}
.contact {background-image: url(images/menu_contact_over.jpg); width: 93px;}
.contact a {background-image: url(images/menu_contact_up.jpg);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* --------LINKS---------- */
a {text-decoration: none; color: #666666; }

a.general { 
	color: #666666;
}
a.general:link {
	color:#666666;
}
a.general:visited {
	color:#666666;
}
a.general:hover {
	color:#666666;
}
#footer a:link { 
	color:#666666;
	text-decoration:none;
}
#footer a:visited {
	color:#666666;
	text-decoration:none;
}
#footer a:hover {
	color:#666666;
	text-decoration:none;
}

/* ---ROLLOVER BUTTONS--- */