/*-----------------------------------------------------/
	Alliance Electric CSS
	Copyright 2009 InterWorks, Inc.
	Author: Grant Bivens
	
	Global Layout
/-----------------------------------------------------*/

@import url('/resources/css/base.css');

html {
	font-family: Helvetica, Arial, sans-serif;
}

body {
	background-color: #65bfe2;
}

p {
	color: #20447d;
	font-size: .8em;
	margin-bottom: 10px;
}

p img {
	margin: 10px 0 10px 10px;
}

a {
	color: #20447d;
}

a:hover {
	color: #65bfe2;
}

.clear {
	clear: both;
}

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

.reg {
	font-size: .4em;
}

/*--------------------------------------------------------/
  Header Styling
/---------------------------------------------------------*/
.header {
	background: url(/resources/img/header-box.jpg) no-repeat;
	height: 225px;
	margin-top: 5px;
}

.arrowBoxes {
	margin: 0 0 0 515px;
	padding-top: 25px;
}

.arrowBoxes a {
	text-decoration: none;
}

.arrowBoxes .buttonText1 {
	margin-left: 75px;
	font-weight: bold;
	padding-top: 6px;
	font-style: italic;
}

.arrowBoxes .buttonText2 {
	margin-left: 75px;
	font-weight: bold;
	padding-top: 13px;
	font-style: italic;
}

.arrowBoxes .blue1 {
	color: #93acc7;
	font-size: 1.2em;
}

.arrowBoxes .blue2 {
	color: #20447d;
	font-size: 1.5em;
}

.arrowBoxes .blue3 {
	color: #93acc7;
	font-size: .6em;
	font-style: normal;
}

.arrowBoxes .contact  {
	background: url(/resources/img/phone-box.png) no-repeat;
	width: 260px;
	height: 80px;
}

.arrowBoxes .appointment {
	margin-top: 5px;
	background: url(/resources/img/truck-box.png) no-repeat;
	width: 260px;
	height: 80px;
}

/*--------------------------------------------------------/
  Navigation Styling
/---------------------------------------------------------*/
.nav {
	margin-top: -15px;
}

.nav a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
	border-left: 1px solid #94d2eb;
	padding: 0 10px;
	margin: 0;
}

.nav li.first a {
	border-left: none;
}

.nav a:hover {
	color: #20447d;
}

.nav ul {
	margin: 3px 0 0 50px;
	width: 810px;
}

.nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
	border-right: 1px solid #56a6ce;
}

.nav ul li.last {
	border-right: none;
}

/* Current Page Styling */
.index ul li.indexCurrent a,
.about ul li.aboutCurrent a,
.servicespage ul li.servicesCurrent a,
.safety ul li.safetyCurrent a,
.you-should-know ul li.you-should-knowCurrent a,
.pricing ul li.pricingCurrent a,
.employment ul li.employmentCurrent a {
	color: #20447d;
}

/*--------------------------------------------------------/
  Right Column Navigation Styling
/---------------------------------------------------------*/
.services {
	border-top: 3px solid #0074be;
}

.services ul {
	margin: 0;
}

.services ul li {
	list-style-type: none;
	border-top: 1px solid #ccc;
	list-style-position: outside;
}

.services ul li:hover {
	background-color: #dddddd;
}

.services ul li.first {
	border-top: none;
}

.services ul li.last {
	border-bottom: 1px solid #ccc;
}

.services ul li a {
	text-decoration: none;
	color: #0074be;
	font-weight: bold;
	line-height: 2em;
	margin-left: 10px;
}

/* Current Page Styling*/
.service-calls ul li.service-callsCurrent,
.residential ul li.residentialCurrent, 
.commercial ul li.commercialCurrent, 
.generators ul li.generatorsCurrent, 
.efficiency ul li.efficiencyCurrent, 
.outdoor ul li.outdoorCurrent {
	background-color: #eeeeee;
}


.info {
	border-top: 3px solid #0074be;
}

.info p {
	color: #0074be;
	margin-top: 5px;
	font-size: .7em;
}

.locationBorders {
	border-top: 3px solid #0074be;
	padding: 10px 0;
	margin-bottom: 30px;
}

.location {
	font-weight: bold;
	color: #0074be;
	padding-left: 15px;
	font-size: .9em;
}

/*--------------------------------------------------------/
  Content Styling
/---------------------------------------------------------*/
.contentWrapper {
	background: url(/resources/img/box-y.png) repeat-y;
}

.boxTop {
	background: url(/resources/img/box-top.png) no-repeat;
	height: 25px;
}

.main {
	margin-left: 20px;
	width: 770px;
	padding: 0 20px;
}

.main ul {
	color: #20447d;
	font-size: .8em;
}

.leftCol {
	display: block;
	float: left;
	width: 500px;
	margin-right: 5px;
}

.rightCol {
	display: block;
	float: left;
	width: 200px;
	margin-left: 20px;
}

.boxBottom {
	background: url(/resources/img/box-bottom.png) no-repeat;
	height: 60px;
}

/*--------------------------------------------------------/
  Footer Styling
/---------------------------------------------------------*/
.address {
	font-size: .7em;
	font-weight: bold;
	color: #20447d;
	text-align: center;
	margin-top: 20px;
}

.copyright {
	text-align: center;
	color: #93acc7;
	font-size: .6em;
}

.links,
.links a {
	text-align: center;
	color: #93acc7;
	font-size: .8em;
}


/*--------------------------------------------------------/
  Form Styling
/---------------------------------------------------------*/
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	height: 100px;
	margin:2px 0 20px 10px;
}
#stylized button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/*--------------------------------------------------------/
  Sidebar Form Styling
/---------------------------------------------------------*/
.rightCol #stylized{
	border-color:#0074BE #B7DDF2 #B7DDF2;
	border-style:solid;
	border-width:3px 1px 1px;
	background:#ebf4fb;
}
.rightCol .myform{
	margin:0 auto;
	width:178px;
	padding:10px;
}
.rightCol #stylized label{
	display:block;
	font-weight:bold;
	width:178px;
	text-align: left;
	font-size: .8em;
	color: #0074BE;
}
.rightCol #stylized input{
	padding:2px 0;
	width:178px;
	margin:0 0 8px 0;
}
.rightCol #stylized textarea{
	padding:2px 0;
	width:178px;
	height:50px;
	margin:2px 0 10px;
}
.rightCol #stylized button{
	margin-left:50px;
	width: 80px;
}