/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Kinkead and Stilz
  TARGET SPEC:	CSS 2
		 MODIFIED:	2007.12.12
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

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

a, a:visited { color: #058; cursor: pointer; text-decoration: none; }
a:hover, a:visited:hover { color: #058; cursor: pointer; text-decoration: underline; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html { height: 100%; background: url("bg_pattern.gif") top center; }
body {
	font: normal 12px/1.83 Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
	min-height: 100%;
	background: url("bg_page.gif") top center repeat-y;
	margin-left: 2px;
}

table { font: inherit; }

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

h1, h2, h3 {
	color: #058;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.36;
}

h1 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	margin: 0px; 
	background: url("double_rule.gif") left center repeat-x;
	text-align: center;
}
h1 span { background: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; }

h2 { font-size: 130%; margin-bottom: 15px;	}

h3 { font-size: 110%;	margin-bottom: 5px; color: #404040; }

span.title { font-size: 11px; display: block; margin-top: 5px; }

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

label { font-weight: bold; }

ul { margin: 10px 0px 10px 0px; padding: 0px; list-style: none; }
li { padding: 2px 0px 2px 10px; margin-left: 0px; background: url("bullet_square.gif") left .9em no-repeat; }
ul ul { padding-bottom: 10px !important; }

/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/
.Bordered { border: 5px solid #eee7dc; }
.Bordered2 { border: 1px solid #555; padding: 1px; background: #fff; }

.Chart { width: 100%; }
.Chart th { background: #fff; color: #c00; text-align: left; font-size: 14px; }
.Chart td, .Chart th { border-bottom: 1px solid #c0c0c0; padding: 5px 10px 5px 10px; }
.Chart td { background: #f8f8f8; }
.Chart tr.Even td { background: #fff; }
.Chart tr.Disabled { display: none; }
.Chart tr.Disabled td { color: #666; background: #fcc; }

.Column { display: inline; float: left; margin-right: 10px; }

.ColumnWrapper { overflow: auto; }

.DropCap { display: inline; float: left; position: relative; top: .6em; margin: 0px 10px 0px 0px; }

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

img:first-child, img.FirstChild { margin-top: 0px; }

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

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

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

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

.SingleColumn #contentSection { padding-right: 10px; }

.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; }

#layoutWrapper { 
	width: 770px;
	margin: 0px auto 0px auto;
	position: relative;
	background: #fff;
}

#imgAdNotice { position: absolute; top: 10px; left: 20px; z-index: 500; }
#imgLogo { position: absolute; top: 20px; left: 292px; z-index: 500; }
#navReviewCase { position: absolute; top: 0px; right: 25px; z-index: 500; }

#topSection { position: relative; height: 165px; background: url("bg_topsection.gif") no-repeat; }

#primaryNav { position: absolute; top: 110px; left: 30px; list-style: none; margin: 0px; padding: 0px; z-index: 991; }
#primaryNav a { outline: none; color: #fff; }
#primaryNav li { display: inline; float: left; margin: 0px; padding: 0px; position: relative; }
#primaryNav li img { display: block; }

#bannerSection { position: relative; margin: 25px 10px 25px 10px; }
.HomePage #bannerSection { height: 200px; background: none; }
#bannerSection img { display: block; }

#contentSection { position: relative; padding: 0px 0px 0px 10px; }

#subNav { margin: 0px; padding: 0px; font: normal 13px Georgia, "Times New Roman", Times, serif; }
#subNav li { margin: 0px; padding: 5px 10px 10px 0px; background: none; }
#subNav li.Active a { background: url("bullet_arrow.gif") right center no-repeat; padding-right: 1em; }

#footerSection {
	font-size: 10px;
	line-height: 1.8;
	padding: 30px 10px 30px 10px;
	text-align: center;
}


#notificationBox { position: absolute; z-index: 600; width: 300px; top: 10px; right: 20px; padding: 10px 10px 10px 45px; display: none; font-weight: bold; }
#notificationBox.Normal { background: #bfb url("icon_notify_info.png") 5px 5px no-repeat; border: 1px solid #060; }
#notificationBox.Error { background: #fcc url("icon_notify_error.png") 5px 5px no-repeat;; border: 1px solid #c00; }


/*
	====================================  STYLES SPECIFIC TO PAGE TYPE	==================================== 
*/
.HomePage #column1 { width: 400px; margin-right: 30px; }
.HomePage #column2 { width: 320px; }

.SubPage #column1 { width: 180px; margin-right: 30px; }
.SubPage #column2 { width: 540px; }

#roster td { vertical-align: top; }