@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;
	}
	*html #wrapper {
	width: 792px;
	margin: 25px auto;
	overflow:hidden;
	}
	#wrapper {
	width: 792px;
	margin: 25px auto;
	overflow:hidden;
	}
div#header {
	height:47px;
	padding: 0px 0px 5px 0px;
}

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




div#content1 {
	position: relative;
width:722px;
	padding: 18px 0px 0px 18px;
	margin: 12px;
	background: url("/images/bg_content1.png") no-repeat;
	z-index:0;
	overflow: auto;
}
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;
	padding-bottom:30px;
}
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;
	position:relative;
	top:16px;
}

div#quote-form {
	
	width: 744px;
	padding: 18px 18px 0px 18px;
	margin: 12px 12px 0px 12px;
	background: url("../images/bg_content1.png") no-repeat;
	z-index:0;
	background-color:#1a263e;
}

div#contact, div#about {
	width: 410px;
	
	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;
	width: 744px;
	
	padding: 18px 18px 0px 18px;
	margin: 12px 12px 0px 12px;	background: url("../images/bg_content1.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;
	background-color:#1a263e;
	
}
/* 19-8-2010 */
div#control41_info {
	width:400px;
	float:left;
	border:0px solid red;
	margin:0px 20px 20px 20px;
}
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: 760px;
	padding: 0px;
	background-color:#1a263e;
	position:relative;
	z-index:300;
}
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 {
	
	width: 744px;
	padding: 18px 18px 0px 18px;
	margin: 12px 12px 0px 12px;
	background: url("../images/bg_content1.png") no-repeat;
	z-index:0;
	float:left;
	
	
}
div#portfolio {
	width:120px;
	float:left;
	
	padding:0px;
	text-align: center;
	z-index:0;
}

/* Brand Styles */

div#brands{

	width: 744px;
	padding: 18px 18px 0px 18px;
	margin: 12px 12px 0px 12px;
	background: url("../images/bg_content1.png") no-repeat;
	z-index:0;
	background-color:#1a263e;
}

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;	
}

div#footer a:hover { color:#FFF; 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:795px;
	height:35px;
	padding: 5px 0px 0px 15px;
	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;
	text-align:center;
	

}
ul#nav li {
	position:relative;
	float:left;
	padding:0px 19px 0px 15px;

	border:0px solid red;
	list-style-type:none;
}
html>body ul#nav li {
	position:relative;
	float:left;
	padding:0px 24px 0px 25px;

	border:0px solid red;
	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;
	text-align:left
}

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,
body#new-products ul#nav li#new-products 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.png") repeat;
}

.top-contact-us {
  display:block;
	float:right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:30px;
    margin-right:28px;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	color:#CFE0CD;
}
.top-contact-us a:hover{

	color:#d9e021;
}


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;
}

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;
z-index:4000;
}
/* Crossfade for Testimonials
---------------------------------------------- */

	div.cf_wrapper
	{
		position: relative;
		height: 160px;
	}
	
	div.cf_element
	{
		width: 740px;
		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;
}
/*
#home-theatres
#multi-room-audio-systems
#lighting-systems
#integrated-security
#sports-bars-and-restaurants
#network-wiring-and-phone-systems
#access-control
*/


/* created by rita */ 
#container1{
	margin: 12px 0px 0px 0px;
	
	}

#mainbottom{
margin:0 auto; width:780px; float:left; position:relative;background-color:#1a263e;line-height:45px; left:-18px; top:0px;
}

#b1{margin:0 auto;background-color:#1a263e;height:45px;
}
.c1{
float:left; background-image:url(../images/c1.jpg); width:23px;height:45px;
}
.c2{
float:left;width:25px; background-image:url(../images/c2.jpg); height:45px;
}


.c3{  float:left;width:732px; height:45px;
}


#mainbottoma{
margin:0 auto; width:780px; float:left; position:relative;background-color:#1a263e;line-height:15px; left:-18px; top:0px;
}
#b1a{margin:0 auto;background-color:#1a263e;height:15px;
}
.c1a{
float:left; background-image:url(../images/c1a.jpg); width:23px;height:15px;
}
.c2a{
float:left;width:25px; background-image:url(../images/c2a.jpg); height:15px;
}
.c3a{  float:left;width:732px; height:15px;
}







#portfoliosection{
margin:9px 0px 0px 0px;
text-align:center;
background-color:#1a263e;
}
.portfoliotext{
padding:0px;
margin:0px;}
div#home-theatres{
width: 400px;
	height:500px;
	float:left;
	padding:none;
	z-index:0;
}
div#content_hometheatre {
	position: relative;
	height:414px;
	width: 744px;
	padding: 18px;
	margin: 12px;
	background: url("/images/bg_content.png") no-repeat;
	z-index:0;
	overflow: auto;
}
#content_control41{
	position: relative;
	width: 744px;
	padding: 18px 18px 0px 18px;
	margin: 12px;
	background: url("/images/bg_content1.png") no-repeat;
	z-index:0;
	overflow: auto;
}



div#awards {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#B3B3B3;
	text-decoration:none;
	border-style:solid;
	width:50%;
	text-align:center;
}

div#awardss {
	color:#B3B3B3;
	}

div#awards a:hover { 
color: #D9E021;
}

div#awardss a:hover { 
color: #D9E021;
}

.brandtable{background:#b3b3b3;font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.brandtable th{background:#0c1a37; color:#ffffff; padding:3px 6px 0px 3px;font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; border-bottom:2px solid #d7e3a6;}
.brandtable td{background:#1a263e; padding:6px 6px; font-size:12px;}
.brandtable td a:hover{font-weight:normal; color:#d9bd25;}