/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Randy Walker Electric
  TARGET SPEC:	CSS 2
		 MODIFIED:	2008.06.30
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a { color: #fd0; cursor: pointer; text-decoration: underline; }
a:hover { color: #fd0; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }

body { background: #000; font: normal 11px/1.8 Verdana, Arial, Helvetica, sans-serif; color: #fff; }

table { font: inherit; }

p { margin: 10px 0px 10px 0px; }

h1, h2, h3, h4 {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.63;
	color: #fff;
}

h1 { font-size: 18px; }

h2 { font-size: 14px; }

h3 { font-size: 12px; }

p.FirstChild, h1.FirstChild, h2.FirstChild, h3.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }


/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/


.Bordered { border: 5px solid #fff; }

table.ColumnWrapper { width: 100%; padding: 0px; }
td.Column { vertical-align: top; }

.Left { display: inline; float: left; margin: 5px 30px 10px 0px; }

.HasJS .HideIfJS, .ShowIfJS { display: none; }
.HasJS .ShowIfJS { display: block; }

.Right { display: inline; float: right; margin: 5px 0px 10px 30px; }

.FailedValidation { background: #fd0 !important; }

.Rotator { list-style: none; margin: 0px; padding: 0px; position: relative; }
.Rotator li { margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; display: none; }
.Rotator li.FirstChild { display: block; }

.HomePage .Rotator { height: 90px; width: 160px; }
.SubPage .Rotator { height: 200px; width: 300px; border: 5px solid #fff; margin-bottom: 30px; }
.SubPage .RotatorWrapper { width: 310px; float: right; margin: 5px 0px 0px 0px; }

.ValidationErrorMessage {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fd0;
	margin-left: 5px;
}

.TextBox { background: #bbb; border: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }


#layoutWrapper { 
	width: 960px;
	margin: 0px auto 0px auto;
	position: relative;
}

#topSection { height: 187px; }
.HomePage #topSection { height: 357px; }
#topSection img { display: block; }

#imgLogo { position: absolute; top: 10px; left: 0px; }
#imgPhone { position: absolute; top: 25px; right: 0px; }
#imgBanner { position: absolute; top: 137px; left: 0px; }

#primaryNav { position: absolute; top: 122px; right: 25px; z-index: 999; margin: 0px; padding: 0px; list-style: none; }
#primaryNav li { display: inline; margin: 0px; padding: 0px; float: left; }
#primaryNav a { outline: none; }

#bannerLinks { position: absolute; top: 277px; left: 80px; list-style: none; margin: 0px; padding: 0px; }
#bannerLinks li { display: inline; float: left; margin: 0px 10px 0px 0px; padding: 0px; height: 21px; }

#contentSection { padding: 30px; background: #404040 url("banner_shadow.gif") repeat-x; }
.HomePage #contentSection { position: relative; padding: 30px 0px 30px 30px; }

#footerSection {
	background: url("content_bottom.gif") top left no-repeat;
	padding-top: 25px;
	padding-bottom: 30px;
	font: normal 10px/1.8 Verdana, Arial, Helvetica, sans-serif;
}

.HomePage .Column { width: 160px; padding: 0px 24px 0px 25px; border-left: 1px solid #606060; font-size: 10px; line-height: 1.8; }
.HomePage #column1 { width: 270px; border-left: 0px; padding-left: 0px; font-size: 11px; line-height: 2.27; }

table.FieldList th { text-align: right; vertical-align: top; }