body {
background-color:#5AB9C1;
margin: 0 auto;
}

#wrapper {
	background-color:#FFFFFF;
	margin: 0 auto;
	width: 830px;
	}
	
#header {
background-color:#F1F1F2;
width:801px;
height:125px;
margin: 0 auto;
margin-bottom:1px;
padding: 0 auto;
padding-bottom:5px;
}
	
#menu {
background-color:#FFFFFF;
	width:801px;
	height:35px;
	margin: 0 auto;
	padding: 0 auto;
	}


.about {
background-image:url(graphics/about_btn.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.about:hover {
background-image:url(graphics/about_btn_hover.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}


.hometheatre {
background-image:url(graphics/home_theatre_btn.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.hometheatre:hover {
background-image:url(graphics/home_theatre_btn_hover.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.homesystems {
background-image:url(graphics/home_systems_btn.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.homesystems:hover {
background-image:url(graphics/home_systems_btn_hover.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.networks {
background-image:url(graphics/networks_btn.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.networks:hover {
background-image:url(graphics/networks_btn_hover.png);
width:124px;
height:30px;
margin-right:1px;
float:left;

}

.gallery_menu {
background-image:url(graphics/gallery_btn.png);
width:124px;
height:30px;
margin-right:1px;
float:left;


}

.gallery_menu:hover {
background-image:url(graphics/gallery_btn_hover.png);
width:124px;
height:30px;
margin-right:1px;
float:left;

}

.contact {
background-image:url(graphics/contact_btn.png);
width:175px;
height:30px;
float:left;

}

.contact:hover {
background-image:url(graphics/contact_btn_hover.png);
width:175px;
height:30px;

float:left;

}
	
	
#content {
width:800px;
margin:0 auto;
margin-top:20px;
padding: 0 auto;
}



h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:15px;
margin-left:30px; 
}


h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}


#aboutus {
width:771px;
height:250px;
}

#aboutus p {
margin-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
text-align:left;
margin-right:30px;
}

#aboutus a {
font-size:12px;
line-height:15px;
color:#000000;
}

#aboutus a:hover {
font-size:12px;
line-height:15px;
color:#00CCCC;
}

img.floatRight { 
    float: right;
	margin: 0 0 10px 20px;  
}

img.floatLeft { 
    float: left; 
    margin: 0 20px 10px 30px; 
}


#home_systems_text {
width:700px;
height:250px;
}

#home_theater_text {
width:770px;
height:480px;
}

#network_text {
width:770px;
height:250px;
}


#home_theater_text p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
text-align:left;
margin-left:30px;
padding-right: 20px;
}

#home_theater_text a {
font-size:12px;
line-height:15px;
color:#000000;
}

#home_theater_text a:hover {
font-size:12px;
line-height:15px;
color:#00CCCC;
}

#home_systems_text p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
text-align:left;
padding-right:20px;
}

#network_text p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
text-align:left;
margin-left:30px;
padding-right: 20px;
}

#choosing_receiver {
width:770px;
}


p.intro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
text-align:left;
color:#666666;
margin-left:30px;
margin-right:30px;
}

p.intro a {
color:#000000;
}

p.intro a:hover {
color:#00CCCC;
}

#gallery {
width:800px;
height:201px;
padding-top:1px;
background-color:#333333;
}

#click {
width:800px;
height:25px;
padding: 0;
margin: 0;
background-color:#FFFFFF;
}

#click  p {
margin-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
letter-spacing:1px;
}



#photogallery {
width:800px;
height:600px;
padding-top:1px;
background-color:#FFFFFF;
}

#list_one {
width:350px;
padding-left:2em;
float:left;

}

#list_one a{
color:#666666;
text-decoration:underline;

}

#list_one a:hover{
color:#00CCCC;
text-decoration:underline;

}

p.homepagelist  {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;

}

ul.homepagelist {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
}

ul.network_list {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
line-height:15px;
}

ul.articlepagelist {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:15px;
}

#list_two {
width:350px;
padding-left:30px;
float:left;

}

#list_two a{
color:#666666;
text-decoration:underline;

}

#list_two a:hover{
color:#00CCCC;
text-decoration:underline;

}

p.homepagelist  {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;

}

ul.homepagelist {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

p.maincontent {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#666666;
margin-left:30px;
margin-right:30px;
}

p.maincontent a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#666666;
}

p.maincontent a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#00CCCC;
}

#blank {
height:20px;
}

	
#footer {
	background-color:#FFFFFF;
	width: 800px;
	height: 160px;
	margin: 0 auto;
	padding: 0 auto;
	border-bottom:1px solid black
}

p.footer_hed {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
letter-spacing:2px;
color:#666666;
font-size:14px;
margin-top:10px;

}

p.footer_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
text-align:center;
font-size:12px;
padding-right:15px;
padding-left:15px;

}

#footer a {
color:#666666;
text-decoration:none;

}



.resources {
background:#E7E8E9;
width:180px;
height:160px;
margin-right:20px;
float:left;
}

.resources:hover {
background:#D1D3D4;
width:180px;
height:160px;
margin-right:20px;
float:left;
}

.faq {
background:#E7E8E9;
width:180px;
height:160px;
margin-right:20px;
float:left;
}

.faq:hover {
background:#D1D3D4;
width:180px;
height:160px;
margin-right:20px;
float:left;
}

.mailto {
background:#E7E8E9;
width:180px;
height:160px;
float:left;
margin-right:20px;
}


.icons {
background:#FFFFFF;
margin:20px;
width:150px;
height:120px;
float:left;
}


#footer2 {
	background-color:#E7E8E9;
	width: 800px;
	height: 30px;
	margin: 0 auto;
	padding: 0 auto;
	
}

#footer2 ul {

}

#footer2 li {
display:inline;
text-decoration:none;
margin:20px;

}

#footer2 ul a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#666666;
}

#footer2 ul a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#00CCCC;
}

#footer3 {
width:800px;
background-color:#5AB9C1;
margin: 0 auto;
margin-top:20px;

}

p.footer3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;

}


/* BR */

br { clear: left; }

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{

color:#000000;

font: 13px Verdana;

padding: 3px 5px 3px 5px;
-moz-border-radius: 3px;
}

.button {
width:100px;
height:30px;
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background:#CCCCCC;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;
}

/* Label */ 
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

/* Input, Textarea */
input, textarea
{
margin: 7px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}