/*

Description: Emerald Electrical Contractors & Engineers
Designer: Dylan Wilkinson

Colors: 
text:            #007430 
green:      	 #05bc51
light green:     #b3d0bf
contentbg:	 #e5efe6
footer:		 #92c199

*/

/* Generic Styles */
body { 
	background-color: #007430; 
	text-align: center; 
	font-family: helvetica, arial, sans-serif; 
	line-height: 25px; 
	font-size: 1em;
}
h1 {
	color: #0a4b25;
	font-size: 18px;
	font-family: helvetica, arial, san-serif;
	font-weight: bold;
	border-bottom: 1px dotted #b5d0b9;
	margin-bottom: 15px;
}
h1.app {
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 29px;
	list-style-type: none;
	text-decoration: none;
}
h1.app a {
	color: #FFFFFF;
	list-style-type: none;
	text-decoration: none;
}
h1.app a:hover {
	color: #05bc51;
}
h2 { 
	color: #FFFFFF;
	line-height: 26px;
	font-size: 14px;
	font-family: helvetica, arial, san-serif;
	font-weight: lighter;
	overflow: visible;
} 
h2.thankyou { 
	color: #ddecdf;
	font-size: 24px;
	font-weight: bold;
}
h2.copyright { 
	font-size: 11px;
	padding-top: 5px;
	padding-left: 20px;
	margin: 0px;
	height: 30px;
	width: auto;
}
h3 {
	color: #007430;
	font-size: 22px;
	font-family: helvetica, arial, san-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 2px;
	margin-bottom: 5px;
}
h4 { 
	color: #FFFFFF;
	font-family: helvetica, arial, san-serif;
	line-height: 20px;
	font-size: 18px; 
	list-style-type: none;
	text-decoration: none;
}
h4 a { 
	color: #FFFFFF;
	list-style-type: none;
	text-decoration: none;
}
h4.app {
	color: #FFFFFF; 
	margin: 0px;
	padding: 19px 0px 0px 20px;
	position: absolute;
	list-style-type: none;
	text-decoration: none;
}
h5 {
	color: #0a4b25;
	font-size: 18px;
	font-weight: lighter;
	list-style-type: none;
	text-decoration: none;
	margin-top: 15px;
}
h5.phone {
	margin-top: 12px;
	margin-bottom: 7px;
}
h5.phonec {
	margin-top: 5px;
	margin-bottom: 7px;
}
p { 
	color: #007430; 
	font-family: arial, san-serif;
	font-size: .9em;
	line-height: 1.4em;
	margin-top: 15px;
	overflow: visible;
}
p.address { 
	margin-left: 24px;
	margin-top: 0px;
}
p a { 
	color: #007430;
	font-size: 15px; 
	font-weight: bold;
	margin-bottom: 10px;
	list-style-type: none;
	text-decoration: none;
}
p a:visited { 
	color: #007430;
	font-size: 13px; 
	font-family: arial, san-serif;
	list-style-type: none;
	text-decoration: none;
}

p.bold {
	color: #539a71;
	font-weight: bold;
}
li	{
	color: #007430;
	font-size: .9em;	
}
li.bullets	{
	color: #007430;
	margin-left: 20px;
	margin-top: 5px;
	list-style-type: disc;
	list-style: disc;
	text-align: left;	
}
br	{
	line-height: 5px;
}
/* end - Generic Styles */

/* Content Styles */

/* Header / TOP Navigation */
#container { 
	width: 950px; 
	padding: 0px 5px;
	margin: 0px auto; 
	text-align: left; 
	position: relative; 
	background-color: #fff;
}
#header {
	background:transparent url(../images/header2.jpg) no-repeat top right;
	width:950px;
	height: 140px;
	overflow: hidden;
}
#logo	{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	width: 260px;
	height: 123px;
	position: absolute;
}

#container ul#nav { 
	overflow: hidden; 
	float: right; 
	margin: 90px 5px 0px 0px;
	padding: 0px;
}
#nav li {
	color: #007430;
	float: left;
	height: 35px;
	font-size: 15px; 
	font-family: arial, san-serif;
	font-weight: bold;
	text-align: center; 
	margin-right: 14px;
	margin-top: 5px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	display: block; 
	list-style-type: none;
	text-decoration: none;
}
#nav li.active-home {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li.active-about {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li.active-services {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li.active-careers {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li.active-contact {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li.active-logon {
	background: url("../images/arrow.png") no-repeat top center;
}
#nav li a { 
	color: #278f3a;
	list-style-type: none;
	text-decoration: none;
}
#nav li a:visited { 
	color: #278f3a; 
	text-decoration: none;
}
#nav li a:hover { 
	color: #000000; 
	text-decoration: none;
}
#nav li a.login { 
	color: #FFFFFF; 
	text-decoration: none;
}
#nav li.nav-seps {
	color: #278f3a;
	float: left; 
	font-size: 12px; 
	font-family: arial; 
	text-align: center; 
	margin-right: 20px; 
	list-style-type: none;
	text-decoration: none;
}
/* end - Header / TOP Navigation */

/* Lower Content */

#viewer {
	padding:0px;
	margin:0px;
	width:950px;
}
#sep-top {
	background-color: #007430;
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 36px;
	padding-left: 12px;
	padding-top: 12px;
	display: block;
}
#content-home {
	width: 930px;
	background: #e5efe6 url(../images/contentbg-home2.jpg) repeat-x top center;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	padding: 10px;
}

#content-home-copy { 
	padding: 10px;
	background-color: #ddecdf;
}

.leftcol {float: left; margin-right: 20px; width: 450px; padding-bottom: 40px;}
.rightcol {float: left;}
.imgborder {padding: 10px; background-color: #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.imgborder .left {float: left;}
.imgborder .push {margin-right: 10px;}

.leftcol.indent {padding-top: 20px; padding-left: 10px;}
.rightcol.indent {padding-top: 28px;}

.leftcol li {padding: 0px; margin: 0px 15px;}

.col1 {width: 220px; margin-right: 15px; float: left;}
.col2 {width: 185px; float: left;}

.fax {background: url(../images/icon_fax.gif) no-repeat 0px 4px; padding-left: 24px;}
.phone {background: url(../images/icon_phone.gif) no-repeat 0px 4px; padding-left: 24px;}
.mail {background: url(../images/icon_mail.gif) no-repeat 0px 5px; padding-left: 24px;}
.download {background: url(../images/icon_download.gif) no-repeat top left; padding-left: 24px;}

.nomargin {margin: 0px;}
.align-left {float: left; margin-right: 15px; text-align: left;}

#sep-middle {
	background-color:#007430;
	border-bottom:1.5px #FFFFFF solid;
	width:100%;
	height:55px;
}
/* end - Lower Styles */

/* Footer */
#footer {
	background-color: #90bb95;
	height: 44px;
	display: block;
	font-size: 11px;
	border-top: 1px solid #fff;
	padding-top: 6px;
}
#nav-footer {
	margin: -30px 0px 0px 425px;
	padding: 0px;
	width: auto;
}
#nav-footer li {
	color: #6e9e73;
	font-size: 11px;
	display: inline;
	font-family: arial, san-serif;
	font-weight: bold;
	margin-left: 10px;
	list-style-type: none;
	text-decoration: none;
}
#nav-footer li a { 
	color: #0a4b25; 
	text-decoration: none;
}
#nav-footer li a:visited { 
	color: #0a4b25; 
	text-decoration: none;
}
#nav-footer li a:hover { 
	color: #FFFFFF; 
	text-decoration: none;
}
/* end - Footer */

.clearer, .clear {
	float:none;	
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;	
	overflow: hidden;
	visibility: hidden;
}


#white-bar {*height: 5px; min-height: 5px; overflow: hidden; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px;}