﻿body {
	
background:/*url(images/bluequarterinchgradient3.gif) repeat-x;*/#113366;

}


/*#wrapper {
position:absolute;
width: 720px;
top:0;
left:260px;
background:white;
height:880px;
/*#3399cc 
border:thin solid #113366;

}*/

#wrapper {
width: 720px;
max-width:100%;
margin:0 auto;/*#3399cc */
background:white;
height:860px;
}

#branding	{
padding-top:10px;
margin-top:20px;
margin-left: 150px;
background:url(images/scottelectricbannerred2.gif) no-repeat;
height:70px;

}

#branding	h1 {
/*font: bold 220% "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#003366;
margin-bottom:0;
padding:0;*/
color:transparent;
}

#branding p {
font: bold 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
margin-top:0;
margin-left:8px;
}

#content {
margin-left:60px;
margin-top:20px;
margin-right:0px;
margin-bottom:20px;
}


#content p {
font: 90% Verdana, Arial, Helvetica, sans-serif;
color:#113366;
}

#homecontent {
margin-left:65px;
margin-right:165px;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color:#113366;
text-align:justify;
}


#maincontent {
margin-left:85px;
margin-right:165px;
margin-top:50px;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color:#113366;
text-align:justify;
}

#projectcontent {
margin-left:85px;
margin-right:80px;
margin-top:50px;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color:#113366;
text-align:justify;
}


#tablestyle {
margin-left:50px;
margin-bottom:20px;
}

.projectImage {
float:left;
border:1px #113366 solid;
width:15em;
height:11em;
margin:1% 2% 0;
}


#mainNav {
clear:both;
margin-top:40px;
/*width:10em;*/
margin-left:10px;
width:110px;
padding-right:20px;
float:left;
font: 80% "Lucida Grande",Verdana, Helvetica, sans-serif;
background:white;

}

h2 {
font: bold 120% Verdana, Arial, Helvetica, sans-serif;
color:#113366;
}



ul.projects {
list-style-type:none;

}

ul.contact {
list-style-type:none;

}

ul.contact li {
color:#113366;
font: 100% Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
}

ul.projects li a{
color:#113366;
font: 100% Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
}


ul.menu li a:visited {
	padding-left:25px;
	padding-top:20px;
	padding-bottom:20px;
	text-decoration:none;
	line-height:50px;
	display:block;
	background:url(button3.gif) no-repeat;	
	color:#990000;
	font: 110% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

ul.menu li a:link {
	padding-left:25px;
	padding-top:20px;
	padding-bottom:20px;
line-height:50px;
	text-decoration:none;
	display:block;
	background:url(button3.gif) no-repeat;
	color: #990000;
	font: 110% "Lucida Grande",Verdana, Helvetica, sans-serif;
}



ul.menu li a:hover {
	padding-left:25px;
	padding-top:20px;
	padding-bottom:20px;
	line-height:50px;
	display:block;
	text-decoration:none;
	background:url(button3.gif) no-repeat;	color: #990000;
	font: bold 110% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

ul.menu li a:active {
	padding-left:25px;
	padding-top:20px;

	padding-bottom: 20px;
	text-decoration: none;
line-height:50px;
	display: block;
	background:url(button3.gif) no-repeat;
	color: #990000;
	font: 110% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

#mainNav ul.menu a#home {
	font-weight:bold;
}

ul.menu,
ul.menu ul,
ul.menu li,
ul.menu a { 
  padding: 0;
  margin: 0;
  display: block;
}


/* use a fixed width for menu and submenus */
ul.menu
{
/*  width: 7em;*/
width:95px;
padding:0;
 
}


ul.menu a {
  width: 100%;


}

/* make li's into clean, moveable blocks */
ul.menu li {
  list-style-type: none; 
  position: relative;
}


#footer {
clear:both;

font:90% 'Lucida Grande',Verdana, Helvetica, sans-serif;
text-align:center;
background:white;
margin-top:60px;
color:#cc0000;
z-index:102;

}


