@media screen, tv { 

body,html,ul,ol,li,h1,h2,form,p{margin:0;padding:0;}img{border:0;}

/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/

body {
	font-family: Arial, Verdana, sans serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url(../images/body/main_bkg.gif); 
}

.inv {
	display: none;
}

.cls {
	clear: both;
}

h2 {color: #cd111f; font-size: 16px;}

/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/

#wrapper {
	background-color: #fff;
	width: 790px;
	margin: auto;
}

#header {
	position: relative;
	background-color: #444;
	height: 308px;
	margin: 0;
}

#header h1 {
	position: absolute;	
	width: 189px;
	height: 84px;
	top: 5px;
	left: 40px;
	z-index: 2;
}

#header h1 a {
	background: url(../images/body/logo_bs.gif) no-repeat;
	text-indent: -1000em;
	display: block;
	width: 100%;
	height: 100%;
}

#menu {
	background: url(../images/body/menu_bg.gif) no-repeat;
	position: absolute;	
	width: 178px;
	height: 295px;
	background-color: #e41921;
	top: 0;
	left: 0;
	z-index: 1;
}

#menu ul {position: relative;top: 122px; left: 0;}
#menu ul li {list-style-type: none;}
#menu ul li a {display: block;text-indent: -1000em;}
#menu ul li #home {height: 33px; background: url(../images/body/menu.gif) no-repeat 0 -1px;}
#menu ul li #home:hover {height: 33px; background: url(../images/body/menu.gif) no-repeat right -1px;}
#page_home #menu ul li #home {height: 33px; background: url(../images/body/menu.gif) no-repeat right -1px;}
#menu ul li #about {height: 34px; background: url(../images/body/menu.gif) no-repeat 0 -35px;}
#menu ul li #about:hover {height: 34px; background: url(../images/body/menu.gif) no-repeat right -35px;}
#page_about #menu ul li #about {height: 34px; background: url(../images/body/menu.gif) no-repeat right -35px;}
#menu ul li #products {height: 34px; background: url(../images/body/menu.gif) no-repeat 0 -69px;}
#menu ul li #products:hover {height: 34px; background: url(../images/body/menu.gif) no-repeat right -69px;}
#page_products #menu ul li #products {height: 34px; background: url(../images/body/menu.gif) no-repeat right -69px;}
#menu ul li #projects {height: 34px; background: url(../images/body/menu.gif) no-repeat 0 -104px;}
#menu ul li #projects:hover {height: 34px; background: url(../images/body/menu.gif) no-repeat right -104px;}
#page_projects #menu ul li #projects {height: 34px; background: url(../images/body/menu.gif) no-repeat right -104px;}
#menu ul li #contact {height: 34px; background: url(../images/body/menu.gif) no-repeat 0 -139px;}
#menu ul li #contact:hover {height: 34px; background: url(../images/body/menu.gif) no-repeat right -139px;}
#page_contact #menu ul li #contact {height: 34px; background: url(../images/body/menu.gif) no-repeat right -139px;}

#brands {
	background: url(../images/body/brands_bg.gif) no-repeat;
	position: absolute;	
	width: 203px;
	height: 295px;
	background-color: #eae8d1;
	top: 0;
	left: 178px;
	z-index: 1;
}

#brands ul li {list-style-type: none;}
#brands ul li a {position: relative;display: block; text-indent: -1000em; width: 100%; height: 100%;}
#brands ul li #amarr {top: 120px; left: 30px; width: 130px; height: 60px;}
#brands ul li #phantom {top: 130px; left: 30px; width: 136px; height: 70px;}

#main_image {
	background-repeat: no-repeat;
	position: absolute;	
	width: 409px;
	height: 295px;
	top: 0;
	left: 381px;
	z-index: 1;
}

#page_about #main_image {background-image: url(../images/pictures/main_about.jpg)}
#page_projects #main_image {background-image: url(../images/pictures/main_projects.jpg)}
#page_contact #main_image {background-image: url(../images/pictures/main_contact.jpg)}

#page_upvc_windows_doors #main_image {background-image: url(../images/pictures/main_upvc_windows_doors.jpg)}
#page_rolling_shutters #main_image {background-image: url(../images/pictures/main_rolling_shutters.jpg)}
#page_phantom_retractable_screens #main_image {background-image: url(../images/pictures/main_phantom_retractable_screens.jpg)}
#page_amarr_garage_doors #main_image {background-image: url(../images/pictures/main_amarr_garage_doors.jpg)}

#content {background: url(../images/body/content_bg.gif) #ffffff repeat-x bottom;padding: 40px;}
#content p {padding: 0 0 16px 0;}
#content #leadfree {
	position: absolute;
	height: 17px;
	width: 60px;
	top: 40px;
	left: 274px;
	z-index: 4;
}
#page_upvc_windows_doors #content {position:relative;}

#prod_menu {height: 50px;background-color: #ce111f;}
#prod_menu ul {padding: 16px 0 0 30px;}
#prod_menu ul li {list-style-type: none;margin: 0 10px;float:left;}
#prod_menu ul li a {display: block;color: #e8e8e8;text-decoration: none;font-size: 15px;height: 50px;}

#prod_menu ul li #upvc_windows_doors:hover {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 72px 21px;}
#page_upvc_windows_doors #prod_menu ul li #upvc_windows_doors {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 72px 21px !important;}
#prod_menu ul li #rolling_shutters:hover {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 48px 21px;}
#page_rolling_shutters #prod_menu ul li #rolling_shutters {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 48px 21px;}
#prod_menu ul li #phantom_retractable_screens:hover {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 91px 21px;}
#page_phantom_retractable_screens #prod_menu ul li #phantom_retractable_screens {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 91px 21px;}
#prod_menu ul li #amarr_garage_doors:hover {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 62px 21px;}
#page_amarr_garage_doors #prod_menu ul li #amarr_garage_doors {color: #fff;background: url(../images/body/arrow_down.gif) no-repeat 62px 21px;}

#page_home #content{text-align: center;padding: 0;}
#page_home #content p{text-align: left;margin-left: 16px;}

#frontpage_list {margin: 30px 0 0 0;}
#frontpage_list p {font-size: 11px;}
#frontpage_list li{width: 195px;display: block;float: left;}

#footer {background: url(../images/body/footer.gif) no-repeat;width: 790px;height: 81px;}
#footer ul {padding: 50px 16px 0 0;float: right;}
#footer ul li{list-style-type: none; border-left: 1px solid white;display: inline;}
.first{border-left:none !important;}
#footer ul li a{color: white;text-decoration: none;padding: 0 3px 0 5px;}
#footer ul li a:hover{color: #ccc;}

/*------------------------------------------------------------------*/
/* Font Styles														*/
/*------------------------------------------------------------------*/

#content a {color: #ce111f;}

/*------------------------------------------------------------------*/
/* Form Styles														*/
/*------------------------------------------------------------------*/

#contact_form {float: right; text-align:right; width: 310px;}
#directions {width: 310px;float: left;}

#contact_form li {
	list-style-type: none;
}

#contact_form input {
	background-image: url(../images/body/input_bg.gif);
	background-repeat: repeat-x; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	border: 1px solid #bbb;
	width: 200px;
}

.form_button {
	background-image: none !important;
	background-color: #ce111f;
	margin-top: 7px;
	width: 202px !important;
	color: #FFFFFF !important;
}

#contact_form textarea {
	background-image: url(../images/body/input_bg.gif);
	background-repeat: repeat-x; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	border: 1px solid #bbb;
	margin-bottom: 14px;
}

#contact_form li label {
	font-size: 13px;
	color: #333;
	width: 100px;
	height: 25px;
	text-align: right;
	padding-left:0;
	padding-right: 16px;
}

textarea {
	width: 200px;
	height: 100px;
}

.form_error {
	background-image: none !important;
	width: 200px;
	font-size: 11pt;
	background-color: #FBCED1;
}

.form_error_text {
	color: #ce111f;
}

input {
	vertical-align:middle;
}

#captcha {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #bbb;
}

#number {
	width: 120px !important;
	margin: 0 0 12px 0;
}

.required {
	background: url(../images/body/star_icon.gif) no-repeat right 4px;
}

#credit {text-align: center;color: #888;}
#credit a{color: #888;text-decoration: none;}
#credit a:hover{color: #bbb;}

/*------------------------------------------------------------------*/
/* sIFR																*/
/*------------------------------------------------------------------*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

}

/*------------------------------------------------------------------*/
/* other media														*/
/*------------------------------------------------------------------*/

@media print {

body {
	margin: 1cm 1cm 0.5cm 1cm;
	padding: 0px
}

body, td, a {
	font-family: Arial, Verdana, sans serif;
	font-size: 11pt;
	color: #000000;
	background-color: #ffffff;
}

object {
	display: none;
}

.sIFR-flash {
  display    : none !important;
  height     : 0;
  width      : 0;
  position   : absolute;
  overflow   : hidden;
}

.sIFR-alternate {
  visibility : visible !important;
  display    : block   !important;
  position   : static  !important;
  left       : auto    !important;
  top        : auto    !important;
  width      : auto    !important;
  height     : auto    !important;
}

}

@media handheld {

object {
	display: none;
}

}