@charset "utf-8";

/*
___________________________________________________________________________

Raven Electric Stylesheet 

version: 1.0
author:  Taughnee Stone    
website: www.endeavorcreative.com 
___________________________________________________________________________

*/

/* =Basics
___________________________________________________________________________*/

body {
  background: #F7F7F2 url(images/bg.png) repeat-x;
  font-family:"Lucida Grande",Verdana,sans-serif;
}

/* Removes padding and margin universally */
* {
  margin: 0;
  padding: 0;
}

/* Put margins back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* =Type Styles
___________________________________________________________________________*/

h2, h3, h4, h5, h6, p {
text-align: left;
}
h1 {
	text-indent: -9999px;
}
h1 a{
	display:block;

	border: 0;
	margin: 0 auto;
	margin-top: -17px;
}

#header {
 	background: url(images/banner.png) no-repeat;
	width: 807px;
	height:240px;
	margin: 0 auto;
	margin-top: -11px;
	}
h2, h3 {

	}

#intro h2, #education h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #6F4219;
font-size: 24px;
margin-bottom: 10px;
}

#services h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #6F4219;
font-size: 22px;
margin-bottom: 10px;
}
#footer h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #DEDFC7;
font-size: 22px;
margin-bottom: 10px;
padding-left: 15px;
}

h3 {
color: #325765;
font-weight: normal;
font-size: 120%;
}
#news h3, #contact h3 {
color: #A7C9D8;
font-weight: normal;
font-size: 120%;
}
#news h2, #contact h2 {
margin-left: -275px;
}
h4, h5, h6 {

}

caption {

	}
	
blockquote {

	}
	
#wrapper ul {
text-align: left;
font-size: 80%;
line-height: 150%;
list-style-type:circle;
margin-left: 30px;
color: #495818;
}

li {

}

.highlight {
background: #E3E3CF;
padding: 2px;
}
/* =Link Styles
___________________________________________________________________________*/

a:link{color: #325765; text-decoration: none; }
a:visited{color: #325765; text-decoration: none; }
a:hover{color: #325765; text-decoration: none;  }
a:active{color: #325765; text-decoration: none; }

#siteinfo a:link{color: #FFFFFF; text-decoration: none; }
#siteinfo a:visited{color: #FFFFFF; text-decoration: none; }
#siteinfo a:hover{color: #FFFFFF; text-decoration: none;  }
#siteinfo a:active{color: #FFFFFF; text-decoration: none; }


/* =Image Styles
___________________________________________________________________________*/

/* Removes border around linked images */
img {
	border: 0;
}

#intro img {
float: right;
padding-left: 20px;
margin-top: -79px;
}

#icon img {
float: none;
}
/* =Layout
___________________________________________________________________________*/

/* =Header or Logo */

/* =Main Nav */
#top-nav {
margin: 0 auto;
margin-top: -10px;
width: 810px;
height: 44px;
text-align: center;
}
#top-nav p {
font-size: 11px;
color: #fff;
padding-top: 10px;
text-align: center;
}
/* =Sub Nav */

/* =Content */
#wrapper {
margin: 0 auto;
width: 790px;
padding-left:15px;
}
#intro  {
margin-top: -10px;
text-align: center;
width: 770px;
margin-bottom: 10px;
}

p {
line-height: 150%;
font-size: 14px;
}
#services {
clear: right;
width:789px; 

margin-left: -4px;
padding-top: 10px;
}
#electrical, #technical, #telecommunications {
margin-top: -15px;
}
#electrical p, #technical p, #telecommunications p{
margin-top: -10px;
}
#electrical {
float: left;
width: 255px;
}
.electrical {
padding-left: 10px;
}
#telecommunications {
float: left;
width: 255px;
}
.telecommunications{
padding-left: 20px;
}
#technical {
float: left;
width: 255px;
}
.technical{
padding-left: 30px;
}
#education {
width: 790px;
}
.education {
}
/* =Secondary Content */

/* =Footer */
#footer {
border-top: 10px solid #754A20;
background: #383838;
min-height: 300px;
padding-bottom: 20px;
}
#siteinfo {
background: #325765;
font-size: 10px;
color: #f8f7f2;
}
#siteinfo p{
padding: 10px;
text-align: center;
font-size: 10px;
color: #f8f7f2;
}

#news, #contact {
margin-left: 275px;
}
#newsbody, #contactbody{
margin-top: -40px;
padding-right: 20px;
}
#newsbody p, #contactbody p{
color: #F8F7F2;
}
.readmore {
background: #F8F7F2;
padding: 5px;
border: 1px dotted #754A20;
}
.readmore a {
color: #383838;
text-decoration: none;


}

/* =Forms
___________________________________________________________________________*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}

option, select, textarea, input {

	}

/* =Tables
___________________________________________________________________________*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

td, tr {
	padding: 3px;
}



/* =Forms
___________________________________________________________________________*/

select, input, option, checkbox {
background:transparent none repeat scroll 0%;
border:1px solid #000000;
color:#829E6C;
font-size:10px;
padding:3px;
}
textarea {
background:#829E6C none repeat scroll 0%;
border:1px solid #000000;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:5px 100px 5px 5px;
}
textarea:focus {
background-color:#325765;
}
input:focus {
background-color:#F975AD;
}
checkbox:focus {
background-color:#F975AD;
}

/* =Navigation
___________________________________________________________________________*/


#navcontainer
{
position: absolute;
width: 100%;
top: 191px;
margin: 0 auto;
padding: 0 3px 0 12px;
font-size: 13px;

}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #e4e1d2;
font-weight: normal;
font-size: 11px;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }
#current li{background: #e4e1d2;} 
 

#navlist li a#current
{
background: #e4e1d2;
}