body {
	background: #000 url(images/bg.jpg) left top repeat-x;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outer_wrapper {
			background: transparent url(images/footer_btm.jpg) bottom center no-repeat;
			width: 100%;
			margin: 0 auto;
			padding: 0 0 38px;
		}

		#wrapper {
			width: 838px;
			margin: 32px auto 0;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: transparent url(images/cont_top.jpg) top left no-repeat;
					height: 170px;
					width: 838px;
				}
				
					#header h1#logo {
					   width: 450px;
                       margin: 0 0 0 197px;
					   float: left;
					}
					
						#header h1#logo a {
							height: 110px;
							width: 450px;
							display: block;
							margin: 0 auto;
							text-indent: -500em;
						}
                        
                    #header p.wifi-link {
                        position: relative;
                        height: 50px;
                        width: 100px;
                        margin: 60px 25px 0 0;
                        padding: 0;
                        float: right;
                    }
                    
                        #header p.wifi-link a {
                            display: block;
                            height: 50px;
                            width: 100px;
                            float: right;
                            text-indent: -1500em;
                        }

			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper #nav {
				    position: relative;
                    top: 20px;
				    clear: both;
					width: 509px;
					margin: 0 auto;
				}
			
					#wrapper #nav ul {
						padding: 3px 25px;
					}
					
						#nav ul li {
							margin: 0 28px 0 0;
							float: left;
						}
						
							#nav ul li a {
								background: transparent none center top no-repeat;
								height: 20px;
								float: left;
								display: block;
								text-indent: -500em;
							}
							
								#nav ul li.home a {
									background-image: url(images/nav_home.jpg);
									width: 48px;
								}
							
								#nav ul li.prods a {
									background-image: url(images/nav_prods.jpg);
									width: 70px;
								}
							
								#nav ul li.serv a {
									background-image: url(images/nav_serv.jpg);
									width: 66px;
								}
							
								#nav ul li.about a {
									background-image: url(images/nav_about.jpg);
									width: 74px;
								}
								
							#nav ul li.conta {
								margin: 0;
							}
							
								#nav ul li.conta a {
									background-image: url(images/nav_contact.jpg);
									width: 86px;
								}
								
								#nav ul li a:hover {
									background-position: center center;
								}
								
								#nav ul li.current a {
									background-position: bottom center !important;
								}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: transparent url(images/cont_bg.jpg) top center repeat-y;
					width: 766px;
					margin: 0 auto;
					padding: 0 17px;
				}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 242px;
							float: left;
							border-top: 1px solid #000;
							font: normal 12px "Arial", sans-serif;
							color: #444;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #C60001; text-decoration: underline;}
							#left a:hover {color: #555; text-decoration: none;}
							
							#left .energy {
								background: transparent url(images/left_energy.jpg) top center no-repeat;
								height: 411px;
								width: 242px;
							}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #right {
	width: 476px;
	padding: 5px 15px;
	float: right;
	font: normal 12px "Arial", sans-serif;
	color: #444;
	text-align: center;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #777; text-decoration: underline;}
							#right a:hover {color: #ff0000; text-decoration: none;}
									
							#right p {
								line-height: 19px;
							}
							
							#right h2 {
								margin: 10px 0;
								font: lighter 18px "Arial", sans-serif;
								color: #ff0000;
							}
							
							#right h3 {
								font: lighter 16px "Tahoma", sans-serif;
								color: #555;
							}
							
							#right h4 {
								font: bold 14px "Arial", sans-serif;
								color: #777;
							}

			/*------------
           =FOOTER CSS
           ------------*/
                                         #footer p.copyright {
                           position: relative;
                           margin: 0 auto;
                           text-align: center;
                           top: 34px;
                       }
                                                 #footer p.copyright a {
                               display: block;
                               margin: 0 auto;
                               width: 500px;
                               text-indent: -500em;