/* 
Theme Name: Advantage Electric
Theme URI: http://www.mankatowebdesign.com/
Description: Custom website design for Advantage Electric created by Mankato Web Design
Version: 1.0
Author: Mankato Web Design
Author URI: http://www.mankatowebdesign.com/
*/

* { padding: 0; margin: 0; }

body {
background: #b81200;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}


.wrapper { 
 margin: 0 auto;
 width: 900px;
}


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

img.floatleft { 
    float: left; 
    margin: 10px 10px 10px 10px; 
}


ul {


    line-height:1.8;
    list-style-type:none;
}
li {
    padding-left:45px;
    background:transparent url(images/bullet.gif) no-repeat;
    background-position:20px 4px;
}


 h1  {
text-align:left;
position:relative;
color:#000000;
font-family: "Trebuchet MS";
font-size: 1.6em;
margin: 0px 0px 0px 0px;
}

h2  {
position:relative;
color:#700000;
font-family: "Trebuchet MS";
font-size: 1.4em;
}

 h3  {
text-align:left;
position:relative;
color:#000000;
font-family: "Trebuchet MS";
font-size: 1.2em;
margin: 0px;
}




#headerbg{
 float: left;
width:100%;
height: 157px;
background-image: url(images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}



#header{ 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 120px;
 width: 900px;
 float: left;
 background-image: url(images/header.gif);
background-position:top;
background-repeat: no-repeat;
}

#menu{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 900px;
height: 37px;
float:left;
background: #000000;
}


#bannermainbg{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 273px;
 width: 100%;
 float: left;
 background-image: url(images/bannerbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}



#banner{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 273px;
 width: 900px;
 float: left;
background: #ffffff;
}




#bannermainbgsub{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 100px;
 width: 100%;
 float: left;
 background-image: url(images/subbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}



#bannersub{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 100px;
 width: 900px;
 float: left;
background: #ffffff;
}




#mainbg{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 100%;
 float: left;
 background: #ededed url(images/mainbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}

#main{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 900px;
 float: left;
 background-image:  url(images/contentbg.gif);
 background-position:top;
 background-repeat: repeat-y;
}


#main #left{ 
 margin: 0px 0px 0px 0px;
 padding: 4px 0px 10px 0px;
 height: auto;
 width: 650px;
 float: left;

}

/* content boxes */

.box1top{
 margin: 3px 0px 0px 7px;
 padding: 0px 0px 0px 0px;
 float: left;
width:633px;
height: 11px;
background-image: url(images/box1topbg.gif);
background-position:top;
background-repeat: no-repeat;
}

.box1main{
 margin: 0px 0px 0px 7px;
 padding: 0px 0px 0px 0px;
 float: left;
width:630px;
height: auto;
background: #f2f2f2;
border-left: #d6d6d6 1px solid;
border-right: #d6d6d6 1px solid;
}

.box1bot{
 margin: 0px 0px 0px 7px;
 padding: 0px 0px 0px 0px;
 float: left;
width:632px;
height: 11px;
background-image: url(images/box1botbg.gif);
background-position:top;
background-repeat: no-repeat;
}




.box1text{
 margin: 0px 10px 10px 10px;
 padding: 0px 0px 0px 0px;
 float: left;
width:610px;
height: auto;

}

.box1text p{ 
		text-align:left;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:8px 0px 0px 0px;
line-height: 18px;
 }
 

  .box1text a{ 
	
margin: 0px;
color: #700000;
display: inline;
text-decoration:underline;}

.box1text a:hover {
display: inline;
color: #000000;
margin: 0px;
text-decoration:none;
}

.box1text h2 a, .box1text h2 a:visited { color: #700000; text-decoration: none; }
.box1text h2 a:hover { color: #000; text-decoration: none; }


.floatrightbox { 
	float: right;
	margin: 5px;
	padding: 5px;
	background: #F8F8F8;
	border: 1px solid #dadada;
	width: 200px;
}



















#main #right{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 250px;
 float: right;

}

#main #right p{ 
text-transform: uppercase;
font-family: verdana;
font-size: 12px;
color: #000000ff;
margin:0px 0px 3px 5px;
 }

 .floatright{
 float: right;
 margin: 0px 5px 5px 5px;
 }

 .textarea{
 float: left;
 margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
 }


#footerbg{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 100%;
 float: left;
 background-image:  url(images/footerbg.gif);
 background-position:top;
 background-repeat: repeat-x;
}

#footer{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 900px;
 float: left;

}








/* menu */

a#home {
width:85px;
height:37px;
background-image:url(images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:85px 0;
}

a#company {
width:104px;
height:37px;
background-image:url(images/company.gif);
display:block;
text-decoration:none;
float:left;
}

a#company:hover {
background-position:104px 0;
}


a#commercial {
width:120px;
height:37px;
background-image:url(images/commercial.gif);
display:block;
text-decoration:none;
float:left;
}

a#commercial:hover {
background-position:120px 0;
}


a#residential {
width:116px;
height:37px;
background-image:url(images/residential.gif);
display:block;
text-decoration:none;
float:left;
}

a#residential:hover {
background-position:116px 0;
}


a#industrial {
width:117px;
height:37px;
background-image:url(images/industrial.gif);
display:block;
text-decoration:none;
float:left;
}

a#industrial:hover {
background-position:117px 0;
}

a#gallery {
width:139px;
height:37px;
background-image:url(images/gallery.gif);
display:block;
text-decoration:none;
float:left;
}

a#gallery:hover {
background-position:139px 0;
}

a#testimonials {
width:123px;
height:37px;
background-image:url(images/testimonials.gif);
display:block;
text-decoration:none;
float:left;
}

a#testimonials:hover {
background-position:123px 0;
}

a#contact {
width:96px;
height:37px;
background-image:url(images/contact.gif);
display:block;
text-decoration:none;
float:left;
}

a#contact:hover {
background-position:96px 0;
}





/* footer*/


    #footer p{ 
		text-align:center;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:10px 10px 10px 10px;
 }
 
  #footer a{ 
	
margin: 0px;
color: #ffffff;
display: inline;
text-decoration:none;}

#footer a:hover {
display: inline;
color: #d0ccb3;
margin: 0px;
}