/*
Author: andy@apeters.co.uk
Style: Hi-Res v2 - Main
URL: http://www.h-res-av.com

Copyright: Hi-Res Presentations 2008
*/


html {
  /* Force scrollbar */
  /* IE - INVALID CSS COMMAND (BUT IT WORKS!)
  overflow-y: scroll; */
  /* Mozilla */
  height: 100%;
  margin-bottom: 0.1em;
}


*
{
	margin: 0;
	padding: 0;
}

.hide{display: none;}

.cleared{clear:both;height:0;line-height:0;}


body
{
	font-family: Verdana, Arial, Sans-serif;
	background: #fff url(images/bg_main.jpg) repeat-x 0 0;
}


.wrapper
{
	width: 925px;
	margin: 0 auto 0 auto;
	
	background: transparent url(images/main_top_bg.jpg) no-repeat 0 0;
}

.header
{

}

h1,h2{display:none;}


.navigation
{
	padding: 189px 0 0 10px;
}

.navigation ul
{
	width: 500px;
}

.navigation ul li
{
	display: inline;
}

.navigation ul li a
{
	display: block;
	float: left;
	line-height: 50px;
	padding: 0 28px 0 28px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.navigation ul li#n-home a
{
	background: url(images/n-home.gif) no-repeat 50% 1px;
}

.navigation ul li#n-products a
{
	background: url(images/n-products.gif) no-repeat 50% 1px;
}

.navigation ul li#n-services a
{
	background: url(images/n-services.gif) no-repeat 50% 1px;
}

.navigation ul li#n-contact a
{
	background: url(images/n-contact.gif) no-repeat 50% 1px;
}

.navigation ul li#n-home a:hover, .navigation ul li#n-products a:hover, .navigation ul li#n-services a:hover, .navigation ul li#n-contact a:hover
{
	background-position: 50% 100%;
}


.main
{
	clear: both;
	padding: 10px 0 20px 0;
	margin: 0 0 10px 0;
}

.footer
{
	background: url(images/footer_bg.jpg) repeat-x 0 0;
}

.footer-container
{
	width: 925px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	font-size: 10px;
	color: #666;
	text-align: center;
}

.footer-container p
{
	margin: 0 0 7px 0;
}

.footer-container a
{
	color: #666;
}

.leftcol
{
	float: left;
	width: 595px;
	margin: 0 20px 0 0;
	padding: 0 0 0 10px;
}

.leftcol p
{
	margin: 0 0 10px 0;
}

.rightcol
{
	float: left;
	width: 300px;
	margin: 0 0 20px 0;
}

.news-top
{
	width: 200px;
	height: 73px;
	margin: 150px auto 0 auto;
	background: url(images/news_top.jpg) no-repeat 0 0;
}

.news
{
	width: 170px;
	margin: 0 auto 0 auto;
	padding: 0 15px 0 15px;
	font-size: 11px;
	background: #feef9c;
}

.news p
{
	line-height: 16px;
	margin: 0 0 10px 0;
}

.news p.news-title
{
	font-weight: bold;
	margin: 0 0 5px 0;
}

.news p.more-news
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.news p a
{
	color: #333;
}

.news p a:hover
{
	text-decoration: none;
}


.news-bottom
{
	width: 200px;
	height: 73px;
	margin: 0 auto 0 auto;
	background: url(images/news_bottom.jpg) no-repeat 0 0;
}



h3
{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 25px 0 15px 0;
}

.leftcol p
{
	font-size: 12px;
	line-height: 20px;
}

.hp-panels
{
	margin: 30px 0 0 0;
}

.hp-panel
{
	float: left;
	width: 170px;
	margin: 0 15px 0 0;
	padding: 0 15px 10px 0;
	background: url(images/short-fade-border.jpg) no-repeat 100% 0;
}

.hp-panel#first
{
	background: url(images/hp_panel_products.jpg) no-repeat 100% 0;
}

.hp-panel#second
{
	background: url(images/hp_panel_services.jpg) no-repeat 100% 0;
}

.hp-panel#third, .hp-panel#contact3, .hp-panel#rh
{
	margin-right: 0;
	background: none;
}

.hp-panel#rh
{
	float: none;
	margin: 30px auto 0 auto;
}

.hp-panel h4, .form h4
{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.hp-panel h4 a
{
	color: #333;
	text-decoration: none;
}

.hp-panel li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.hp-panel li a
{
	display: block;
	color: #3a6285;
	text-decoration: none;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
	padding: 0 0 0 12px;
	line-height: 20px;
	height: 20px;
}

a.hp-link
{
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #3a6285;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
	padding: 0 0 0 12px;
	font-size: 12px;
}

a.hp-link:hover
{
	text-decoration: underline;
}

.hp-panel h4 a:hover, .hp-panel li a:hover
{
	text-decoration: underline;
}

.hp-panel p, .hp-panel ul
{
	color: #666;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 0;
}

.leftcol .hp-panel ul
{
	line-height: 20px;
	list-style: none;
	margin: 0 0 0 0;
}

.categories
{
	clear: both;
	padding: 0 50px 0 50px;
}

.hrfull
{
	width: 100%;
	height: 24px;
	background: transparent url(images/hr.jpg) no-repeat 50% 0;
	margin: 0 0 15px 0;
}

.hrcontent
{
	width: 550px;
	height: 16px;
	background: transparent url(images/content_hr.jpg) no-repeat 50% 0;
	margin: 20px 0 0 0;
}

.brand
{
	display: block;
	float: left;
	width: 150px;
	height: 50px;
	margin: 0 15px 15px 0;
}

.brand#canon
{
	background: url(images/br_canon.jpg) no-repeat 0 0;
}

.brand#epson
{
	background: url(images/br_epson.jpg) no-repeat 0 0;
}

.brand#sony
{
	background: url(images/br_sony.jpg) no-repeat 0 0;
}

.brand#tannoy
{
	background: url(images/br_tannoy.jpg) no-repeat 0 0;
}

.brand#hitachi
{
	background: url(images/br_hitachi.jpg) no-repeat 0 0;
}
.brand#nec
{
	background: url(images/br_nec.jpg) no-repeat 0 0;
}
.brand#sanyo
{
	background: url(images/br_sanyo.jpg) no-repeat 0 0;
}
.brand#sharp
{
	background: url(images/br_sharp.jpg) no-repeat 0 0;
}
.brand#panasonic
{
	background: url(images/br_panasonic.jpg) no-repeat 0 0;
}
.brand#jvc
{
	background: url(images/br_jvc.jpg) no-repeat 0 0;
}

.categories p
{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.categories ul
{
	font-size: 11px;
	margin: 0 0 10px 0;
	text-align: center;
}

.categories ul li
{
	display: inline;
	margin: 0 0 0 15px;
}

.categories ul.btm
{
	margin: 0;
}







.form
{
	margin: 20px 0 20px 0;
}

.form input.text
{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 18px;
	width: 250px;
	font-weight: normal;
	color: #666;
	background: url(images/input_text_bg.jpg) repeat-x 0 0;
	border: 1px solid #999;
	padding: 3px;
}

input.submit
{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 0 0;
	padding: 5px;
}

.form-text
{
	display: block;
}

.form p
{
	float: left;
	width: 270px;
	margin: 0 10px 10px 0;
}

.form p.success
{
	float: none;
	width: 100%;
	font-size: 22px;
	margin: 15px 0 15px 0;
	color: #666;
}

.form textarea
{
	font-family: Arial, Verdana, Sans-serif;
	width: 523px;
	height: 50px;
	background: url(images/input_text_bg.jpg) repeat-x 0 0;
	border: 1px solid #999;
	padding: 5px;
	color: #666;
	font-size: 16px;
}


.hp-panel#contact1 p, .hp-panel#contact2 p, .hp-panel#contact3 p
{
	color: #333;
}

.hp-panel#contact1
{
	height: 150px;
	background: url(images/hp_panel_add.jpg) no-repeat 100% 0;
}

.hp-panel#contact2
{
	height: 150px;
	background: url(images/hp_panel_tel.jpg) no-repeat 100% 0;
}

.hp-panel#contact3
{
	height: 150px;
	background: url(images/hp_panel_fax.jpg) no-repeat 100% 0;
}


.google-map
{
	margin: 0 0 20px 0;
}

h3.hire, h3.installation, h3.servicing
{
	padding: 0 0 5px 0;
	margin: 20px 0 10px 0;
	/*border-bottom: 1px solid #d9d9d9;*/
}

.leftcol ul
{
	margin: 0 0 15px 20px;
	font-size: 13px;
}

.leftcol a
{
	display: block;
	color: #2a4c67;
	line-height: 20px;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
}

.leftcol a:hover
{
	text-decoration: none;
}


.leftcol h4 a
{
	padding: 0;
	background: none;
}

.hp-panel li a
{
	margin: 0;
}

.cat-selector
{
	height: 100px;
}

.cat-selector#projectors
{
	margin-top: 50px;
	background: url(images/cat_projectors_bg.jpg) no-repeat 100% 0;
}

.cat-selector#screens
{
	background: url(images/cat_screens_bg.jpg) no-repeat 100% 0;
}

.cat-selector#speakers
{
	background: url(images/cat_speakers_bg.jpg) no-repeat 100% 0;
}

.cat-selector#accessories
{
	background: url(images/cat_accessories_bg.jpg) no-repeat 100% 0;
}

.cat-selector img, .cat-selector a img
{
	float: right;
	border: none;
}

.cat-selector h4
{
	float: left;
	width: 200px;
	font-size: 22px;
	font-weight: normal;
}

.cat-selector a.link
{
	clear: left;
	margin: 0;
	padding: 0;
	background: none;
	height: 100px;
	text-decoration: none;
}

.cat-selector a .cat-title
{
	color: #333;
	font-size: 20px;
}

.cat-selector a .view
{
	display: block;
	font-size: 14px;
	line-height: 50px;
	padding: 0 0 0 15px;
	background: url(images/bullet_20px.gif) no-repeat 0 15px;
}

.cat-selector a:hover .view
{
	text-decoration: underline;
}

.hrcontent.cat
{
	margin: 5px 0 5px 0;
}

.breadcrumbs
{
	font-size: 11px;
	margin: 10px 0 0 0;
}

.breadcrumbs a
{
	display: inline;
	padding: 0;
	background: none;
}


.product
{
	margin: 20px 0 0 0;
	padding: 15px;
	background: #fff;
	border: 1px solid #d2d2d2;
}

.product img.pr-brand
{
	float: left;
}

.product h4
{
	float: right;
}

.product h4.nologo
{
	float: none;
	display: block;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.product p
{
	clear: both;
}

.product p img
{
	float: right;
	margin: 0 0 10px 10px;
}

.product ul, * html .leftcol .product ul
{
	float: left;
	width: 350px;
	list-style: disc;
}

.product li
{
	margin: 0 0 10px 0;
}

.product p.download a
{
	display: block;
	float: right;
	width: 117px;
	padding: 60px 0 0 0;
	margin: 20px 0 0 0;
	font-size: 16px;
	background: url(images/dload_bg.gif) no-repeat 50% 0;
	text-align: center;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.product p.download a:hover
{
	background: #f0f0f0 url(images/dload_bg.gif) no-repeat 50% 0;
	text-decoration: underline;
}



.access-img
{
	float: left;
	margin: 0 15px 15px 0;
	width: 179px;
	background: #e4e4e4;
	border: 3px solid #e4e4e4;
}

.access-img.end
{
	margin-right: 0;
}

.access-img p
{
	padding: 10px 0 0 10px;
	font-size: 14px;
}