@charset "UTF-8";
/* CSS Document for Liquid Sound */

body {
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:0;
	margin:auto;
	background:#000D28;
	color:#CFE0CD;
	}
	
div#wrapper {
	width: 800px;
	margin: 25px auto;
	}
div#header {
	height:47px;
	padding: 0px 0px 5px 0px;
}

div#content {
	position: relative;
	height:414px;
	width: 744px;
	padding: 18px;
	margin: 0px;
	background: url("/images/bg_content.png") no-repeat;
	z-index:0;
}

div#home-banner {
	width: 744px;
	height: 288px;
	padding:none;
	background: url("/images/home_banner.png") no-repeat;
}
div#home-services {
	width: 450px;
	height:100px;
	float:left;
	padding:none;
}
div#home-theatres, div#multi-room-audio-systems, 
div#lighting-systems, div#integrated-security, div#sports-bars-and-restaurants,
div#boardroom-audiovisual-systems, div#network-wiring, div#access-control,
div#structured-wiring {
	width: 450px;
	height:500px;
	float:left;
	padding:none;
	z-index:0;
}
div#quote-request {
	width:280px;
	height:auto;
	float:right;
	vertical-align:bottom;
	padding:none;
	margin-top: 18px;
	border:0px solid red
}

div#featured-product {
	width: 744px;
	padding: 18px;
}

div#footer {
	width:100%;
	height: 11px;
	margin:auto;
	text-align:center;
}

div#quote-form {
	height:661px;
	width: 744px;
	padding: 5px 18px;
	margin: 0px;
	background: url("../images/bg_quoterequest-new.png") no-repeat;
	z-index:0;
}

div#contact, div#about {
	width: 410px;
	height:400px;
	float:left;
	padding:none;
}
div#img_right {
	width: 280px;
	height:288px;
	float:right;
	padding:none;
}

/* Control 4 / Home Automation Styles */

div#content_control4 {
	position: relative;
	height:1000px;
	width: 744px;
	padding: 18px;
	margin: 0px;
	background: url("../images/bg_control4.png") no-repeat;
	z-index:0;
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 18px;
}

/* Control 4 / Contact us Styles */

div#content_control41 {
	position: relative;
	height:744px;
	width: 744px;
	padding: 18px;
	margin: 0px;
	background: url("../images/bg_contactus.png") no-repeat;
	z-index:0;
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 18px;
}	
div#control4_info {
	width:450px;
	float:left;
	border:0px solid red;
}
/* 19-8-2010 */
div#control41_info {
	width:450px;
	float:left;
	border:0px solid red;
}
div#control4_video {
	width: 423px;
	height: 280px;
	float: left;
	padding:none;
}
div#control4_quote {
	width:280px;
	height: 230px;
	float:right;
	vertical-align:bottom;
	padding:none;
	margin-top: 18px;
}

div#control4 {
	width: 750px;
	margin: 25px 0px;
	padding: 0px;
	float: right;
}
div#control4-mini {
	width:200px;
	height: 230px;
	float:left;
	padding: 0px 15px;
	margin:10px;
	text-align:center;
	vertical-align:bottom;
}
div#control4-mini p { text-align:center; }
div#control4-mini a {color:#cfe0cd;}
div#control4-mini a:hover {color:#d9e021;}

div#control4-mini a#ipod_controller { display:block; background: url("../images/control4_thb_ipod.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#iphone {display:block; background: url("../images/control4_thb_iphone.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#lights {display:block; background: url("../images/control4_thb_lights.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#climate {display:block; background: url("../images/control4_thb_climatecontrol.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;} 
div#control4-mini a#remote {display:block; background: url("../images/control4_thb_remote.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#touchscreen {display:block; background: url("../images/control4_thb_touchscreen.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}

div#control4-mini a#ipod_controller:hover { display:block; background: url("../images/control4_thb_ipod_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#iphone:hover { display:block; background: url("../images/control4_thb_iphone_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#lights:hover { display:block; background: url("../images/control4_thb_lights_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#climate:hover { display:block; background: url("../images/control4_thb_climatecontrol_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#remote:hover { display:block; background: url("../images/control4_thb_remote_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
div#control4-mini a#touchscreen:hover { display:block; background: url("../images/control4_thb_touchscreen_o.png") repeat #FFF; height:230px; width:200px; vertical-align:bottom;}
/* Portfolio Styles */

div#content-portfolio {
	height:648px;
	width: 744px;
	padding: 18px;
	margin: 0px;
	background: url("../images/bg_portfolio-new.png") no-repeat;
	z-index:0;
}
div#portfolio {
	width:120px;
	height:110px;
	float:left;
	padding:0px;
	text-align: center;
	z-index:0;
}

/* Brand Styles */

div#brands{
	height:744px;
	width: 744px;
	padding: 18px;
	margin: 0px;
	background: url("../images/bg_brands.png") no-repeat;
	z-index:0;
}

div#brand {
	width:120px;
	height:120px;
	float:left;
	padding-right:4px;
	padding-bottom: 4px;
	text-align: center;
}


/* Typography 
---------------------------------------------- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 36px;
	color:#FFF;
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	text-align:left;
	text-transform:uppercase;
	padding:none;
	color:#D7E3A6;
}

h3 {
	display:block;
	border-bottom: #D7E3A6 2px solid;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color:#D7E3A6;
}
h4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	line-height:14px;
	color:#D7E3A6;
}

p { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align:left;
	color:CFE0CD;
}

a { text-decoration: none; color:#D7E3A6;}
a:hover { color:#FFF; font-weight:bold;}
a img { text-decoration: none; border:none; }


ul {
	padding:none;
	margin: 0px;
}
html > body ul { margin:-5px; }
li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	list-style: outside disc;
	line-height:12px;
	padding:none;
}
html > body li {margin-left:-10px; }

div#home-services li {
	display:block;
	position: relative;
	list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
	width: 205px;
	height: 18px;
	margin: 0px;
	left: -10;
	line-height: 18px;
	border-bottom: #B3B3B3 1px solid;
}
div#home-services a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#B3B3B3;
	text-decoration:none;
}
div#home-services a:hover { color: #D9E021; }


div#footer a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:center;
color:#CFE0CD;	
}

div#footer a:hover { color:#D9E021;
 font-size:12px; font-weight:normal;}

div#footer p {
	font-size:9px;
	text-align:center;
	color:#B3B3B3;
}

/* Tables
---------------------------------------------- */
td {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align:left;
	color:CFE0CD;
}
	

/* Navigation 
---------------------------------------------- */

div#navigation {
	width:780px;
	height:35px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	float:left;
	border-top:#CFE0CD 1px solid;
	z-index:100;
	}
	

/* Main Navigation
---------------------------------------------- */
ul#nav {
	width: 100%;
	height:35px;
	list-style-type:none;
	padding:0px;
	margin: 0px;
	margin-left:-10px;
	

}
ul#nav li {
	position:relative;
	float:left;
	padding:0px 25px;
	list-style-type:none;
}

ul#nav li a {
	display:block;
	float:left;
	height: 35px;
	line-height: 35px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	color:#CFE0CD;
}

body#home ul#nav li#home a,
body#about-us ul#nav li#about-us a,
body#services ul#nav li#services a,
body#brands ul#nav li#brands a,
body#portfolio ul#nav li#portfolio a,
body#quote ul#nav li#quote a,
body#contact-us ul#nav li#contact-us a,
ul#nav li a:hover { color:#D9E021; }

/* Dropdown Sub Navigation
---------------------------------------------- */
ul#subnav { 
	display: none; 
	left: -42px;
}
ul#subnav li { float: none; }

ul#subnav li a {
	padding: 0px;
	margin: 0px;
}

ul#nav li:hover ul#subnav,
ul#nav li.sfhover ul#subnav {
	position: absolute;
	display: block;
	width: 250px;
	margin-top:30px;
	z-index:100;
}

ul#nav li:hover ul#subnav li a, 
ul#nav li.sfhover ul#subnav li a {
	position:relative !important; /* ie Mac */
	display: block;
	width: 250px;
	height: 20px;
	line-height: 20px;
	padding: 10px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-transform:capitalize;
	text-decoration:none;
	color:#CFE0CD;
	background: url("../images/bg_subnav-new.png") repeat;
}
html > body div#navigation ul#nav li:hover ul#subnav li a {padding: 2px 10px 2px 10px;}


ul#nav li:hover ul#subnav li a:hover, 
ul#nav li.sfhover ul#subnav li a:hover {
	position:relative;
	display: block;
	color:#D9E021;
	background: url("../images/bg_subnav.png") repeat;
	z-index:100;
}


/* Crossfade for Testimonials
---------------------------------------------- */

	div.cf_wrapper
	{
		position: relative;
		height: 160px;
	}
	
	div.cf_element
	{
		width: 740px;
		height: 160px;
		float:left;
		background: url("../images/bg_quote.png") no-repeat;
	}
	
	div.cf_element div.content { padding: 0px 0px 10px 80px; }
	
	div.cf_element div.content p { 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		line-height:15px;
		color:#FFF;
	}

/* Handy Extras
---------------------------------------------- */

.clear { clear:both; }  
.right { float:right; }

.h1{
font-color:#000000;
font-weight:bold;
font-size:20px;
}


body#services ul#nav li#services ul#subnav li a{
color:#CFE0CD;}

body#services ul#nav li#services ul#subnav li a:hover{
color:#D9E021;}