/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Allied Business Accounts
  TARGET SPEC:	CSS 2
		 MODIFIED:	2008.05.22
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a { color: #06c; cursor: pointer; text-decoration: underline; }
a:hover { color: #06c; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html, body { height: 100%; }

html { background: #008d49 url("bg_html.gif") top center repeat-y; }
body { background: url("bg_body.jpg") repeat-x; font: normal 11px/1.63 Verdana, Arial, Helvetica, sans-serif; color: #000; min-height: 100%; }

body.HomePage, body.HomePage a, #footerSection a { color: #aaa; }

table { font: inherit; }

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

h1, h2, h3, h4 {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.63;
}

h1 { font-size: 18px;	margin-top: 0px; color: #06c; }

h2 { font-size: 14px; }

h3 { font-size: 12px; }

h4 { font-size: 11px;	margin-bottom: 0px; }
.HomePage h4 { color: #fff; padding-left: 10px; position: relative; left: -10px; }
.HomePage h4 img { position: absolute; top: .38em; left: 0px; }

p.FirstChild, h2.FirstChild, h3.FirstChild, h4.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

label { font-weight: bold; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }


/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/

.AudioPlayerWrapper { position: relative; left: 5px; top: 5px; }
.AudioPlayer { height: 20px; }

.Bordered { padding: 4px; background: #fff; border: 1px solid #d0d0d0; }

table.ColumnWrapper { width: 100%; padding: 0px; }
div.Column { display: inline; float: left; }
td.Column { vertical-align: top; }

.ContentBox { border: 1px solid #d0d0d0; background: #f0f0f0; padding: 9px; }

.NoBullets { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }
.NoBullets li { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }

.HeaderImg { display: block; margin: 20px 0px 20px 0px; }

.Left { display: inline; float: left; margin: 5px 30px 10px 0px; }

.JSOnly { display: none; }
.HasJS .JSOnly { display: block; }
.HasJS .HideIfJS { display: none; }

.Right { display: inline; float: right; margin: 5px 0px 10px 30px; }

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.PhotoGallery { list-style: none; margin: 0px; padding: 0px; display: inline; float: left; width: 600px; }
.PhotoGallery li { list-style: none; margin: 15px 30px 15px 0px; padding: 0px; display: inline; float: left; }
.PhotoGallery .Bordered { border-color: #e0e0e0; padding: 0px; }

.ValidationErrorMessage {
	display: block;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c00;
	margin-top: 5px;
}

.TextBox { border: 1px solid #369; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }
#contactForm .TextBox { margin-left: 10px; margin-bottom: 5px; }

#bgWrapper { background: url("bg_bgwrapper.jpg") top center no-repeat; }

#layoutWrapper { 
	width: 750px;
	margin: 0px auto 0px auto;
	position: relative;
	padding-top: 60px;
}

#imgLogo { position: absolute; top: 15px; left: 20px; z-index: 9999; }
#tagLine { position: absolute; top: 20px; right: 0px; color: #fff; margin-left: 120px; }

#topSection h1 { position: absolute; top: 55px; left: 30px; z-index: 100; }
#imgSigBlock { position: absolute; top: 0px; right: 0px; z-index: 100; }

#navSection { background: url("navbar.jpg") no-repeat; width: 750px; height: 60px; position: relative; }
#primaryNav { position: absolute; top: 20px; right: 10px; margin: 0px; padding: 0px; list-style: none; }
#primaryNav li { display: inline; margin: 0px; padding: 0px; float: left; }
#primaryNav a { outline: none; text-decoration: none; }
#primaryNav a:hover { outline: none; text-decoration: underline; }

#bannerSection { height: 60px; position: relative; }
.HomePage #bannerSection { height: 250px; }

#bannerSection img { display: block; }
#imgTitle { position: absolute; right: 28px; top: 22px; }

#bannerLinks { position: absolute; top: 110px; left: 250px; list-style: none; margin: 0px; padding: 0px; }
#bannerLinks li { margin: 0px 0px 8px 0px; padding: 0px; height: 32px; }
#bannerLinks a { display: block; height: 32px; }

#contentSection { overflow: auto; padding: 30px 20px 30px 30px; background: #fff url("bg_content_top.gif") repeat-x; }
.HomePage #contentSection { padding: 0px 0px 0px 0px; background-color: #000; background-image: none; overflow: inherit; position: relative; }

#subNav { list-style: none; margin: 0px; padding: 0px; }
#subNav li { padding: 12px 0px 10px 0px; margin: 0px; background: url("subnav_sep.gif") top left repeat-x; }
#subNav li.FirstChild { background: none; padding-top: 0px; }
#subNav li.LastChild { padding-bottom: 0px; }
#subNav a { font-weight: bold; text-decoration: none; }
#subNav a:hover { text-decoration: underline; }

#footerSection {
	position: relative;
	margin: 25px 30px 30px 30px;
	padding: 0px 0px 30px 80px;
	color: #aaa;
	font: normal 10px/1.7 Verdana, Arial, Helvetica, sans-serif;
}

#footerLogo { position: absolute; top: 5px; left: 0px; }

.Home1 .Column { width: 190px; padding: 27px 30px 27px 30px; }
.Home1 .Col1 { background-color: #3a3a3a; }
.Home1 .Col2 { background-color: #303030; }
.Home1 .Col3 { background-color: #262626; }

.Home2 .Col1 { width: 440px; border-right: 1px solid #303030; padding: 0px 29px 0px 0px; }
.Home2 .Col2 { width: 190px; padding: 0px 0px 0px 30px; }
/*
.Home1 p, .Home2 p { padding-left: 10px; }
*/

.Layout1 .Col1 { width: 160px; margin-right: 30px; }
.Layout1 .Col2 { width: 500px; }

#contactForm { display: inline; float: right; width: 420px; border: 1px solid #d0d0d0; padding: 10px; }
#contactForm p { overflow: auto; }
#contactForm label { display: inline; float: left; width: 130px; text-align: right; }
#contactForm .ValidationErrorMessage { margin-left: 140px; }