html {
	font-size:100%;
	}
	body {
	background: url(../images/background.gif) repeat;
	font-family: arial, verdana, sans-serif;
	margin:0px;
	font-size:12px;
	}
	
	a {
	color:#ffffff;
	
	font-weight:bold;

	}
	
	a:hover {
	text-decoration: none;

	}
	
	a#contentlink {
	color:#ffffff;
	text-decoration: none;
border-bottom: 1px dotted;
	font-weight:bold;

	}
	
	 a:hover#contentlink {
	text-decoration: none;
border-bottom: 1px solid;
	}
	
	.info a {
color:#fbaa5b;
	background: url("../images/bars.gif") top left no-repeat ;
	padding-left: 25px;
	font-weight:bold;

	}
	
	.info a:hover {
	text-decoration: none;
background: url("../images/bars_on.gif") top left no-repeat ;
	}
	
	#images {
	text-align:justify;
	}
	#images img{
border: 1px solid #fbaa5b;
}


	
	#images img{
margin-right: 5px;
		}

	#solargorilla {
	margin:0; padding:0;
	}


	
	.quicklinks {
	margin-top:15px;
	text-transform:uppercase;
	font-size: 11px;
	text-align:justify;
	}
	
	.quicklinks a {
	font-weight:normal;
	padding-left:5px;
	background:none;
	font-size: 10px;
	color:#ffffff;
	

	}
	
	.quicklinks a:hover {
	text-decoration: none;
	color:#ffffff;
	}
	
	#solargorilla {
	margin:0; padding:0;
	}
	
	 .content ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    .content li {
      background: url("../images/bars_on.gif") top left no-repeat;
	  
      margin:5;
      padding-left:30px;
	  padding-bottom:5px;
      }
	
#solargorilla a {
	display:block;
	width:485px; height:510px;
	margin:0; padding:0;
	background: url("../images/solargorilla_reflect.jpg") top left no-repeat;
	text-decoration: none;
	}
#solargorilla a:hover {
	background-image: url("../images/solargorilla_reflect.jpg");
	}
#solargorilla a span { display:none }

#powergorilla {
	margin:0; padding:0;
	}

#powergorilla a {
	display:block;
	width:485px; height:510px;
	margin:0; padding:0;
	background: url("../images/powergorilla_reflect.jpg") top left no-repeat;
	text-decoration: none;
	}
#powergorilla a:hover {
	background-image: url("../images/powergorilla_reflect.jpg");
	}
#powergorilla a span { display:none }

.header {
position: absolute;
height:58px;
right:0px;
width:90%;

border-bottom: 2px solid #ffffff;
}

.header h1 {
	position:absolute;
	right:5px;
	top:0px;
	width:560px;
	height:57px;
	margin:0;
	padding:0;
}
.header h1 a {
	display:block;
	width:560px;
	height:57px;
	background-image:url(../images/logo.png) ;
	text-indent:-3000px;
	overflow:hidden;
}
	
/*- Menu Tabs F--------------------------- */

    #menu {
	position:absolute;
	top: 50px;
	margin-left:10%;
      float:left;
      width:90%;
     z-index:200;
      font-size:93%;
      line-height:normal;
	 
      }
    #menu ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("../images/tableft_2.gif") no-repeat left  -18px;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url("../images/tabright_2.gif") no-repeat right -18px;
      padding:2px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:#666;
      }
    #menu a:hover {
      background-position:0% 57%;
      }
    #menu a:hover span {
      background-position:100% 57%;
      }
	  
	#menu a:visited span {
      color:#ffffff;
      }
    #menu a:visited {
      background-position:0% bottom;
      }
    #menu a:visited span {
      background-position:100% bottom;
      }
	  
    #active a span {
      color:#666;
      }
    #active a {
     background-position:0% 57%;
      }
    #active a span {
   background-position:100% 57%;
      }
	  
	  #active a:visited span {
      color:#666;
      }
    #active a:visited {
     background-position:0% 57%;
      }
    #active a:visited span {
   background-position:100% 57%;
      }
	
.content {
	position:absolute;
	top: 80px;
	margin-left:10%;
	padding-left:0px;
	font-size:14px;
	color:#ffffff;
}

.title {
font-family:Trebuchet MS,Trebuchet,Arial,Verdana,Helvetica,sans-serif;
position:absolute;
top:0px;
padding-top:5px;

text-indent: 185px;
font-family: tahoma;
font-size: 20px; 
font-weight:bold;
letter-spacing:2px;
text-transform: uppercase;
}

.title2 {
font-family:Trebuchet MS,Trebuchet,Arial,Verdana,Helvetica,sans-serif;
position:absolute;
top:0px;
padding-top:5px;
text-indent: 200px;
font-family: tahoma;
font-size: 20px; 
font-weight:bold;
letter-spacing:2px;
text-transform: uppercase;
}


.content h3 {
	font-family: 	Trebuchet MS,Trebuchet,Arial,Verdana,Helvetica,sans-serif;
	font-size:17px;
	color:#ffffff;
	margin-top:10px;
	padding: 0px;
	margin-bottom:5px;
}

.content h4 {


display:inline;
font-weight:bold;
font-size:16px;

	}

.prodimg {
	position:absolute;
	top: 60px;
	right:0px;
	width:382px;
	height:506px;
	background: url("../images/product_solargorilla.gif") bottom right no-repeat;
}

.prodimg2 {
	position:absolute;
	top: 60px;
	right:0px;
	width:382px;
	height:506px;
	background: url("../images/product_powergorilla.gif") bottom right no-repeat;
	opacity:0;
	visibility: hidden;
}

.screen {
	position:absolute;
	top: 60px;
	right:0px;
	width:200px;
	height:205px;
	
}

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.screen-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.screen-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.screen-thumbnails {
	overflow: hidden;
}

.solar {
	position:relative;
	top: 0px;
	right:0px;
	width:400px;
	height:205px;
	text-align:justify;
	
}

.solar2 {
	position:relative;
	top: 0px;
	right:0px;

	height:205px;
	text-align:justify;
	margin-right:410px;
	
}


* html #solar2 { /*\*/width:90%;
}

* html #solar { /*\*/top:20px;
}
.solar h1{
	background:url(../images/logo_solar.gif) top left no-repeat;
	text-indent:-3000px;
	overflow:hidden;
}

.solar2 h1{
	background:url(../images/logo_solar.gif) top left no-repeat;
	text-indent:-3000px;
	overflow:hidden;
}

.power2 {
	position:relative;
	top: 0px;
	right:0px;
	
	
	text-align:justify;
	margin-right:370px;
	
}



* html #power2 { /*\*/top:30px; width:90%;
}
.power2 h1{
	background:url(../images/logo_power.gif) top left no-repeat;
	text-indent:-3000px;
	overflow:hidden;
}

.solarline{
position: absolute;
top:170px;
width:63%;
height:2px;
margin-left:10%;
background:url(../images/line_solar.gif) top left no-repeat;
z-index:-1;
}

.power {
	position:relative;
	top: 0px;
	right:0px;
	width:400px;
	height:205px;
	text-align:justify;
}

* html #power { /*\*/top:27px;
}

.power h1{
	background:url(../images/logo_power.gif) top left no-repeat;
	text-indent:-3000px;
	overflow:hidden;
}

.powerline{
position: absolute;
top:410px;
width:66%;
height:2px;
margin-left:10%;
background:url(../images/line_power.gif) top left no-repeat;
z-index:-1;
opacity:0;
	visibility: hidden;
}