/*------------------------------------
  THEME NAME: Penco Electric Inc.
  VERSION: 
  DATE CREATED: May 2009
  AUTHOR: CGCG
  URL: http://www.cg.cg
   
  For more info about 
  "Internet Robot" visit:
  http://cg.cg/projects/internetrobot
-------------------------------------*/



/*-- Define color palette --*/

.color01{ /* Beige */
 color:	#cac3bb;
}
.color02{ /* Red */
 color:	#003366;
}
.color03{ /* Turquois */
 color:	#00B0D8;
}
.color04{ /* Dark Beige */
 color:	#96918b;
}

.border{
  border:1px solid #3c4b72;
}


*{
  margin:0;
  padding:0;
}

html,body{
  min-height:100%;
}

body{  
  height:100%;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color:#666;
  background-color:#ececec;
  line-height: 1.5; 
  
  background-image:url(/images/center_bg.jpg);
  background-repeat:repeat-y;
  background-position:center;
  
 
}

div#outer_wrapper{
  height:100%;

}
 
#inner_wrapper{
  min-height:400px;
}


div#header_container{
  height:200px;
}


div#header_container h1{
  margin:0px;
  padding:0px;
}

#logo{
  margin-top:10px;
}


#address{
  margin-top:16px;
  color:#162269;
  text-align:right;
}

#address label{
  color:#666;
  font-family:verdana;
  font-size:12px;
}

#address a{
  margin-top:8px;
  font-size:12px;
  font-weight:bold;
  font-size:14px;
}


ul{
  margin-top:2px;
  padding-top:0px;
}

ul, li{
  margin-left:2px;
  padding-left:0px;
  list-style-position:inside;
  list-style-type:disc;
  color:#162269;
  font-size:13px;
  font-weight:bold;
}

li span{
  color:#333;
}


#MainNav{
  background-image:url(/images/nav_bg.png);
  background-repeat:repeat-x;
}

#MainNav ul{
  list-style-type: none;
}


#MainNav li{
  display: inline;
  font-size:14px;
}

#MainNav li a:link,
#MainNav li a:visited {
  color:#dddee5; 
  height:41px;
  float:left;
  text-align:center;
  padding-left:16px;
  padding-right:16px;
  padding-top:8px;
}

#MainNav li a:hover,
#MainNav li a:active,
#MainNav li a.current {
  color:#fff; 
  background-image:url(/images/nav_bg_over.png);
  background-repeat:repeat-x;
}

#MainNav .sep{
  margin-top:0px;
  float:left;
  height:41px;
  width:1px;
  background-image:url(/images/sep.png);
  background-repeat:repeat-x;
  display:block;
}

.clear{
  clear:both;
  width:100%;
}


#box_1{
  min-height:300px;
}

#slideshow1{
  width:860px;
  height:320px;
  margin-top:10px;
}

.slideshow{
  text-align:left;
  width:860px;
  height:320px;
  margin-top:0px;
  overflow:hidden;
  position: absolute;
  background-color:#111111;
  border:1px solid #3c4b72;
}

.slide {
    position: absolute;
    margin-top: 0px; 
}


#footer_container{
  clear:both;
  text-align:center;
  margin-top:8px;
  font-size:11px;
}


/*

#Mission, #GoGreen{
  border-right:3px solid #eee;
}


#Mission, #GoGreen, Vendors{
  width:100px;
  text-aling:left;
}

.bottombox{
  margin:20px;

}

*/

.bottombox h3{
  font-size:16px;
}





/*-- LINK STYLES --*/

.current a:link, .current a:visited{
   color:#00B0D8;
}


a, a:link, a:visited {
  font-family:Helvetica, Arial, sans-serif;
  text-decoration:none;
  color:#162269;
  font-weight:bold;
}

a:hover, a:active, .current{
   text-decoration:none;
   color:#5260b5;
}


/*-- HEADING STYLES --*/

h1, h2, h3, h4{
  font-weight:normal;
  color:#162269;
  margin-bottom:2px;
  margin-top:0px;
}




p {
 padding-bottom: 12px;
}


#Home p{
/*
  font-size:16px;
  line-height:1.55em;  
  */
}


.hidden{
  display:none;
}

/*--- Transparency Classes ---*/

.transparent-80{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.transparent-50{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.transparent-20{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.transparent-0{
	filter:alpha(opacity=00);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}




/*-- Removes dotted outline for lines in FF --*/

a:active
{
  outline: none;
}

:-moz-any-link:focus {
  outline: none;
}


/*--- Vertical Spacing Classes ---*/

.vspace_1{
 margin-top:10px;   
}

.vspace_2{
 margin-top:20px;   
}

.vspace_3{
 margin-top:30px;   
}

.vspace_4{
 margin-top:40px;   
}

.vspace_5{
 margin-top:50px;   
}

.vspace_6{
 margin-top:60px;   
}

.vspace_7{
 margin-top:70px;   
}

.vspace_8{
 margin-top:80px;   
}

.vspace_9{
 margin-top:90px;   
}

.vspace_10{
 margin-top:100px;   
}

/*--- Padding Classes ---*/

.padding_1{
  padding:10px;   
}

.padding_2{
  padding:20px;   
}