/* CSS Document */
body { margin:0px; padding:0px; background:#001a25 url('bg.jpg') no-repeat center top; margin-bottom:30px; }


* { 
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#787878;
}

p { margin-top:10px; margin-bottom:12px;padding:0px; text-align:left; line-height:18px; }

p strong { font-weight:bold; color:#25374b; }

p span { color:#787878; font-weight:bold; }

p a { color:#007db4; }

em {font-style:italic; }
.underline { text-decoration:underline; }

img {margin:0px; padding:0px; border:none; display:block; outline:none; }

form, input, textarea, select {margin:0px; padding:0px;}

h2, h1, h3 {margin:0px; padding:0px }
h2 {font-size:16px; text-align:left; margin-bottom:4px; margin-top:10px; font-weight:bold; padding:0px; font-family:Arial, Tahoma, Verdana, sans-serif; }

h2.h_tel-fax { width:154px; height:39px; background:url('h_tel-fax.gif') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px; position:absolute; top:22px; left:552px; }
h2.h_tel-fax2 { width:300px; height:60px; text-align:left; overflow:hidden; margin:0px; padding:1px 0 0 0px; position:absolute; top:18px; left:435px; color:#FFFFFF; font-size:16px; }
h2.h_family-run-business { width:514px; height:37px; background:url('h_family-run-business.gif') no-repeat; text-align:left; text-indent:-9999px;overflow:hidden; margin:10px 0px 38px 10px; padding:1px 0 0 0px; }
h2.h_text { width:557px; height:27px; background:url('h_text.jpg') no-repeat; text-align:left; margin:6px 0px 20px 0; padding:1px 0 0 0px; text-indent:10px; font-size:16px; color:#fff; font-weight:normal; display:block; line-height:25px; }
h2.h_text-all { width:848px; height:27px; background:url('h_text-all.jpg') no-repeat; text-align:left; margin:6px 0px 20px 0; padding:1px 0 0 0px; text-indent:10px; font-size:16px; color:#fff; font-weight:normal; display:block; line-height:25px; }
h2.h_80-of-work { width:280px; height:67px; background:url('h_80-of-work.gif') no-repeat; text-align:left; text-indent:-9999px; text-indent:-9999px;overflow:hidden; margin:2px 0px 15px 0; padding:1px 0 0 0px; }
h2.h_99-of-work { width:280px; height:67px; background:url('h_99-of-work.gif') no-repeat; text-align:left; text-indent:-9999px; text-indent:-9999px;overflow:hidden; margin:2px 0px 15px 0; padding:1px 0 0 0px; }
h2.h_showroom { width:280px; height:192px; background:url('h_showroom.jpg') no-repeat; text-align:left; text-indent:-9999px; text-indent:-9999px;overflow:hidden; margin:2px 0px 15px 0; padding:1px 0 0 0px; }

ul.ul_main { padding:0px; margin:0px 0 0 10px; list-style:none; margin-bottom:16px; display:block; width:760px; }
	ul.ul_main li { background:url('arrow_ul.gif') no-repeat 0 5px; padding:0 0 0 14px; margin:0 0 6px 8px; line-height:18px;  }


a img { display:block; outline:none; border:0; }
a:hover { text-decoration:underline; }

#wrap { width:900px; margin:0px auto 0px auto; text-align:left; padding:0; background:none; overflow:hidden;}	
/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Header styles
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	
#top { width:900px; height:90px; background:none; display:block; position:relative; overflow:hidden; }
#logo { width:279px; height:47px; display:block; background:url('logo.gif') no-repeat; overflow:hidden; position:absolute; margin:0; padding:0; top:22px; left:12px; text-align:left; text-indent:-9999px; }
#btn_contact-us  { width:124px; height:37px; display:block; background:url('btn_contact-us.png') no-repeat; overflow:hidden; position:absolute; margin:0; padding:0; top:22px; left:745px; text-align:left; text-indent:-9999px; }
#btn_contact-us:hover { background-position:0 -37px; }

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x  warp menu and footer
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#wrap-content { width:900px; margin:0px auto; text-align:left; padding:0; background:url('bg_middle-y.gif') repeat-y; overflow:hidden; }	


/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x  Top Menu level style
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#menu-level { width:900px; height:74px; background:url('bg_menu-level-top.jpg') no-repeat center top; display:block; position:relative; overflow:hidden; }

#menuBox  { width:854px; height:48px; background:url('menu/bg_x.jpg') repeat-x; overflow:hidden; display:block; margin:26px auto 0 auto; position:relative; }
#menuBox img { display:inline; }
#menuBox img.i-left { float:left; outline:none; }
#menuBox img.i-right { float:right; outline:none; }

#menuBox ul { width:834px; height:21px; position:absolute; top:14px; left:10px; overflow:hidden; list-style:none; margin:0; padding:0; background:none;}
#menuBox ul li { display:inline; float:left; height:21px; overflow:hidden; border:0; padding:0; margin:0; }
#menuBox ul li.bet { width:2px; height:21px; background:url('menu/bet.jpg') no-repeat; font-size:1px; line-height:1px; }
#menuBox ul li a { display:block; height:21px; overflow:hidden; text-align:left; text-indent:-9999px; outline:none; margin:0 34px;}

#m-home { width:48px; background:url('menu/home.gif') no-repeat; }
#m-about-us { width:68px; background:url('menu/about-us.gif') no-repeat; }
#m-windows { width:71px; background:url('menu/windows.gif') no-repeat; }
#m-doors { width:47px; background:url('menu/doors.gif') no-repeat; }
#m-conservatories { width:109px; background:url('menu/conservatories.gif') no-repeat; }
#m-gallery { width:56px; background:url('menu/gallery.gif') no-repeat; }

#menuBox ul li a:hover { background-position:0 -21px; }

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x  Flash level
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#flashcontent { width:848px; height:229px; background:url('bg_flash-content.jpg') no-repeat center top; padding:0 26px; margin:0; overflow:hidden; }

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Column styles
x    
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */	
#content {  width:848px; background:url('bg_content.jpg') no-repeat center top; padding:0 26px; margin:0; overflow:hidden; text-align:justify }
#content #c-left { width:562px; float:left; background:none; display:inline; text-align:justify; overflow:hidden; }
#content #c-right { width:280px; float:right; background:none; overflow:hidden; display:inline; text-align:justify; overflow:hidden; }
#content #all-width { width:848px; margin:0 auto; background:none; overflow:hidden; display:inline; text-align:justify; overflow:hidden; }

#content #c-left p, #content #all-width p { padding:0 30px 0 10px; text-align:justify }
#content #c-right a img { float:right; margin:0; }

#content #all-width .rowItem { width:848px; display:block; margin:10px 0; padding:0; overflow:hidden; background:none; }

#btn_accessories { width:259px; height:58px; background:url('btn_accessories.jpg') no-repeat; display:block; overflow:hidden; text-align:left; text-indent:-9999px; outline:none; margin:0 20px 15px 564px;  }
#btn_accessories:hover { background-position:0 -58px }

#content #all-width h3 { width:848px; height:30px; margin:20px 0 0 0; background:url('bg_h3.gif') repeat-x; text-align:left; text-indent:10px; font-size:18px; font-weight:bold; line-height:26px; color:#2a79ae; }
#content #all-width .rowItem .imgItemBox { width:100px; height:100px; margin:6px 20px; float:left; display:inline; background:#d9ecf4; padding:3px 3px; outline:none; border:0; }
#content #c-left .imgItemBoxRight{ width:100px; height:100px; margin:6px 10px 6px 20px; float:right; display:inline; background:#d9ecf4; padding:3px 3px; outline:none; border:0; }

/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x
x   Footer styles
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
#footer {  width:848px; background:url('bg_footer.jpg') no-repeat center top; padding:30px 26px; margin:0; overflow:hidden; text-align:justify}
#footer p, #footer p a { text-align:center; color:#34677c; }
#footer span { text-align:justify; color:#FFFFFF}
#footer span a { color:#FFFFFF}

#footer-dark { width:980px; height:70px; display:block; background:#304257; overflow:hidden; text-align:left; margin:0 auto; padding:0; }
#footer .f-left-menu { width:500px; height:20px; float:left; display:inline; padding:0 0 0 14px; color:#fff; margin:25px 0 0 0; }
#footer .f-left-menu a { display:inline; margin:0 10px; color:#fff; }
#footer .f-left-menu a:hover { text-decoration:underline; }
#footer .copy { width:200px; height:20px; float:right; display:inline; padding:0 14px 0 0px; color:#fff; margin:25px 0 0 0; }
#footer .copy  p { color:#fff; margin:0; }	

#footer .copy-webfeet { width:932px; margin:0 auto; height:30px; display:block; color:#71859a; }
#footer .copy-webfeet p,
#footer .copy-webfeet p a { 
	color:#71859a; 
}
#footer .copy-webfeet p a:hover { text-decoration:underline; }
	
.cl{clear:both;line-height:1px;height:1px;font-size:1px; margin:0px; padding:0px;}