/*--------------------------------------------------
Author: Andrew Sherman
Company: Visual Blaze 
Client: SeverStorey2.0
(c) 2009, All Rights Reserved.
descr: coreStyle sheet
Notes: 
base font = 10px, standard font size = 1.2em [12px]
--------------------------------------------------*/

/*------------------------
TOC
=includes
=main styles
	=html
	=body
	=wrapper
=contentContainer
=header
	=logo
	=address
	=globalNav
	=banner -> home
	=banner -> contentTemplate
		=quickconnect->home
	=primNav
=footer
=content specific elements
	=home
		=profilebox
		=indexVideo
	=breadcrumb
	=blogfeed
	=contact page
		=map
		=contact form title
	=content column specific
		=contentVideo
		=phoneNumber Styling
=global/general styles
-------------------------*/

/*=includes*/
@import url(reset.css);
@import url(typography.css);


/*----------
main styles
----------*/
/*=html*/
html {
	/*font-size: 10px;*//*not used as body overrides base style*/
	/*background: url(../images/htmlBgTile.png) repeat;*/
}

/*=body*/
body {
	/*req. for centering..*/
	min-width: 960px;
	font-family: arial;
	/*font-size: 1.2em;*/
	font-size: 10px;
	/*req. for auto marg center technique*/
	text-align: center;
	background: url(../images/bodyBgTile.png) repeat-x;
}

/*=wrapper*/
#wrapper {
	position:relative;
	width: 960px;
	/*req. centering..*/
	margin: 0 auto;
	overflow: auto;/*allows clearing of floated content without extraneous element*/
	/*req. centering..*/
	text-align: left;
	background: url(../images/wrapperBgTile.png) repeat-y;
}

/*---------------
=contentContainer
---------------*/

#content {
	width: 890px;/*960-70*/
	min-height: 350px;
	margin-top: 279px;/*height of header + padding of 15px*/
	padding-left: 35px;
	padding-right: 35px;
	font-size: 1.2em;
	background: url(../images/contentBg.png) no-repeat bottom left;
	float: left;
	/*background: #999;*/
	}
	#content p {
		margin-bottom: 10px;
	}
/*home specific margin*/
#index #content {
	margin-top: 375px;/*height of header + padding of 15px*/
}

/*------
=header
------*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 264px;
	font-size: 1.1em;
	/*background: #ff0000;*/
	clear: left; /*fixes ie6 ab positioning bug*/
	}
	#index header {/*index specific header [larger]*/
		height: 360px;
	}
	#header p#logo a {
		display: inline;
		width: 314px;
		height: 71px;
		margin: 25px 0px 0px 25px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/logo.png) no-repeat top left;
		float: left;
	}
	#header p#address {
		display: inline;
		width: 290px;/*330-40*/
		height: 71px;/*76-5*/
		margin-right: 23px;
		padding: 5px 20px 0px 20px;
		font-weight: bold;
		background: url(../images/addressBg.png) no-repeat top left;
		float: right;
		}
		#header p#address span {
			font-size: 1.2em;
	}
	/*globalNav*/
	#header ul#globalNav {
		display: inline;
		min-width: 335px;
		list-style: none;
		margin: 10px 15px 0px 0px;
		text-transform: uppercase;
		font-weight: bold;
		float: right;
		clear: right;
		}
		#header ul#globalNav li {
			display: inline;
			margin-right: 10px;
			float: left;
			}
			#header ul#globalNav li a {
				display:block;
				min-height: 13px;
				padding-left: 18px;
				padding-top: 1px;
				text-decoration: none;
				color: #414141;
			}
			#header ul#globalNav li a:hover {
				text-decoration: underline;
			}
			#header ul#globalNav li a.active {
				color: #B32317;
			}
			/*individual icons*/
			#header ul#globalNav li#GNHome a {
				background: url(../images/globalNav/gNHome.png) no-repeat top left;
			}
			#header ul#globalNav li#GNHome a.active {
				background: url(../images/globalNav/gNHomeAct.png) no-repeat top left;
			}
			#header ul#globalNav li#GNAbout a {
				background: url(../images/globalNav/gNAbout.png) no-repeat top left;
			}
			#header ul#globalNav li#GNAbout a.active {
				background: url(../images/globalNav/gNAboutAct.png) no-repeat top left;
			}
			#header ul#globalNav li#GNNews a {
				background: url(../images/globalNav/gNNews.png) no-repeat top left;
			}
			#header ul#globalNav li#GNNews a.active {
				background: url(../images/globalNav/gNNewsAct.png) no-repeat top left;
			}
			#header ul#globalNav li#GNContact a {
				background: url(../images/globalNav/gNContact.png) no-repeat top left;
			}
			#header ul#globalNav li#GNContact a.active {
				background: url(../images/globalNav/gNContactAct.png) no-repeat top left;
			}
			#header ul#globalNav li#GNVideo a {
				background: url(../images/globalNav/gNVid.png) no-repeat top left;
			}
			#header ul#globalNav li#GNVideo a.active {
				background: url(../images/globalNav/gNVidAct.png) no-repeat top left;
	}
	/*=banner -> home*/
	#index #header div#banner {
		position: relative;
		display: inline;
		width: 934px;
		height: 213px;
		margin-top: 7px;
		margin-left: 15px;
		background: #2B2B2B;
		float: left;
		clear: both;
	}
	/*banner -> contentTemplate*/
	#header div#banner {
		position: relative;
		display: inline;
		width: 934px;
		height: 116px;
		margin-top: 7px;
		margin-left: 15px;
		background: #2B2B2B;
		float: left;
		clear: both;
		}
		/*banner content img*/
		#header div#banner p {/*!! issue -> these styles will get picked up by the form <p> fields - will need reset on those*/
			display: inline;
			margin-top: 3px;
			float: left;
		}
		#header div#banner h3 {/*quick connect title*/
			position: absolute;
			top: 10px;
			right: 100px;
			font-size: 1.5em;
			color: #fff;
			}
			#header div#banner h3 span {
				color: #F6A81C;
			}
		/*=quickConnect -> home*/
		#index #header div#banner form {
			display: inline;
			height: 210px;
			margin-right: 1px;
			margin-top: 3px;
			background: #fff url(../images/quickConnBg.png) no-repeat top right;
			float: right;
			}
			#index #header div#banner form fieldset {
				display: block;
				margin-top: 35px;
				/*all other styles inherited from generic styles set below in content version*/
				}
				#index #header div#banner form label {
					font-weight: bold;
				}
				#index #header div#banner form input#qCSubmit {
					background: url(../images/qconnSubBtnIndex.png) no-repeat top left;
		}
		/*=quickConnect -> content + generic qForm styles*/
		#header div#banner form {
			display: inline;
			width: 219px;/*259-40*/
			/*height: 303px;*/
			height: 113px;
			margin: 3px 1px 0px 0px;
			padding-left: 15px;
			padding-right: 25px;
			background: #fff url(../images/quickConnBg.png) no-repeat top right;
			float: right;
			}
			#header div#banner form.open {
				height: 303px;
				background: url(../images/quickConnBgOpen.png) no-repeat top right;
			}
			#header div#banner form > p {/*cta paragraph*/
				font-size: 1.2em;
				margin-top: 45px;
				margin-bottom: 25px;
				font-weight: bold;
				color: #4C4B4B;
			}
			#header div#banner form.open > p {
				color: #F6A81C;
			}
			/*form group*/
			#header div#banner form fieldset {
				position: relative;/*to align qcFeedback*/
				display: none; /*content qC closed by default*/
				border: none;
				clear: both;
			}
			#header div#banner form.open fieldset {
					display: block;
				}
				#header div#banner form fieldset p {
					margin-bottom: 7px;
				}
				#header div#banner form fieldset label {
					display: inline;
					width: 70px;
					margin-right: 5px;
					font-size: 1.1em;
					color: #8C8B8B;
					text-align: right;
					float: left;
				}
				#header div#banner form fieldset input, #header div#banner form fieldset textarea {
					display: inline;
					width: 121px;
					border: 1px solid #A3A3A3;
					font-size: 1em;
					font-family: arial;
					background: #F9F7F7;
					float: left;
				}
				#header div#banner form fieldset input#qCSubmit {
					display: inline;
					width: 88px;
					height: 25px;
					margin-right: 15px;
					margin-top: -2px;
					font-weight: bold;
					font-size: 1.1em;
					border: none;
					cursor: pointer;
					background: url(../images/qconnSubBtn.png) no-repeat top left;
					float: right;
				}
				#header div#banner form fieldset input.error {/*style for error input*/
					border: 1px solid #9E0202;
					background: #F4CECE;
					color: #ff0000;
				}
				#header div#banner form fieldset a#formCloseBtn {
					display: inline;
					margin-left: 76px;
					margin-top: 4px;
					color: #fff;
					font-size: 1.1em;
					float: left;
			}
			/*feedback msg*/
			#header div#banner form #qCFeedback {
				position: absolute;
				width: 203px;
				height: 171px;
				top: 0;
				left: 0;
				background: #353535 url(../images/qcSendingMsg_content.png) no-repeat center center;
				clear: both;/*ie6 pos:ab fix*/
			}
			#index #header div#banner form #qCFeedback {
				background: #fff url(../images/qcSendingMsg.png) no-repeat center center;;
			}
			#header div#banner form #qCFeedback.sent {/*bg switch for sent msg*/
				background: #353535 url(../images/qcSentMsg_content.png) no-repeat center center;
			}
			#index #header div#banner form #qCFeedback.sent {
				background: #fff url(../images/qcSentMsg.png) no-repeat center center;;
			}
				
				#header div#banner form #qCFeedback span {
					display: block;
					text-align: center;
					margin-top: 135px;
					font-weight: bold;
					color: #7B7C7C;
	}
				
			
	/*=primNav*/
	#header ul#primNav {
		/*position: relative;*//*!!this causes quickconnect on content to go behind menu*/
		display: inline;
		width: 934px;
		height: 41px;
		margin-left: 15px;
		background: url(../images/primNavBgTile.png) repeat-x;
		float: left;
		}
		#header ul#primNav li {
			display: inline;
			float: left;
		}
		#header ul#primNav li:hover, #header ul#primNav li.hover {
				position: relative; /*allows flyouts to be positioned in accordance with li parent*/
			}
			
			#header ul#primNav li a {
				line-height: 3.3em;
				padding:0 3em;
				color: #fff;
				font-size: 1.1em;
				font-weight: bold;
				text-decoration: none;
			}
			#header ul#primNav li a:hover {
				text-decoration: underline;
			}
			#header ul#primNav li a.active {
				color: #2D0301;
			}
			/*=menu level 2 [1st flyout]*/
			#header ul#primNav li:hover > ul { /*controls show/hide of menu level 2+3*/
				visibility: visible; 
			}
			#header ul#primNav li ul {/*subMenu*/
				position: absolute; 
				visibility: hidden;
				/*width: 202px;*/
				width: 232px;
				top: 101%; 
				left: 0px;
				padding-bottom: 14px;
				list-style: none;
				background: url(../images/primNavFlyoutBg.png) no-repeat bottom left;
			}
			#header ul#primNav ul li:hover, #header ul#primNav ul li.hover {/*controls hover/active states of submenus*/
				background: #CECCCC;
			}
			#header ul#primNav ul li.hasChild {/*bg indicates which menu elements have child menus on 2tier [!!uses js for assignment]*/
				background: url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;
			}
			#header ul#primNav ul li:hover.hasChild, #header ul#primNav ul li.hover.hasChild {
				background: #CECCCC url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;
			}
			
			
			#header ul#primNav li ul.last {/*controls layout of last menu item [push left so doesn't go off screen]*/
					left: -20px;
				}
				#header ul#primNav li ul li {/*flyout 1 li*/
					display: block;
					/*background: #CECCCC;*/
					width: 202px;
					margin-left: 15px;
					/*border-bottom: 1px solid #999;*/
					float: none;
					}
					#header ul#primNav li ul li a {/*flyout 1 links*/
						padding: 0;/*reset*/
						line-height: 1em;/*reset*/
						color: #000 !important;
						/*additions to format*/
						display: block;
						width: 190px;/*202-12*/
						min-height: 15px;/*31-16*/
						padding: 8px 5px 8px 7px;
					}
					#header ul#primNav li ul li a.active {/*controls active state on active links [above on parent li doesn't control active]*/
						background: #999;
					}
					#header ul#primNav li ul li.hasChild a.active {
					background: #999 url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;
					}
					#header ul#primNav li ul li.hasChild ul li a.active {/*removes 3rd tier indicator from being assigned to third tier*/
						background: #999;
					}
				/*=menu level 3 [2st flyout]*/
				#header ul#primNav ul ul { 
					/*left: 100%;*/
					left: 92.5%;
					top: 0; 
				}
				#header ul#primNav ul ul.left {/*left aligned 2nd flyout*/
					left: -107.5%;
}
					
			
			
		
/*------
=footer
------*/

#footer {
	width: 960px;
	min-height: 24px;
	margin: 0 auto;
	background: url(../images/footerBg.png) no-repeat top left;
	text-align: center;
	}
	#footer p {
		margin: 0 auto;
		margin-bottom: 10px;
		width: 685px;
	}
	#footer p#metafooter {
		padding-top: 30px;
		color: #4F4E4E;
	}
	#footer p#vbtag {
		font-size: 0.9em;
		color: #4F4E4E;
}

/*-------------------------
=content specific elements
--------------------------*/

/*---
=home
-----*/

#index #video {
	display: inline;
	margin-top: 3px;
	float: left;
}

#index h2.blogTitle {
	margin-top: 20px;
	margin-left: 4px;
	min-height: 35px;/*47-12*/
	padding-left: 60px;
	padding-top: 12px;
	background: url(../images/blogTitleBg.png) no-repeat top left;
}

#homeText {
	display: inline;
	width: 390px;
	min-height: 310px;
	margin-bottom: 10px;/*adds padding from profileBox*/
	font-size: 1.1em;
	float: left;
	clear: left;
}
/*stamp title*/
#homeText h3 {
	display: inline;
	width: 395px;
	height: 63px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(../images/homeTitle.png) no-repeat top left;
	float: left;
}

/*=indexVideo*/
#indexVideo {
	display: inline;
	width: 480px;
	/*height: 321px;*/
	/*background: url(../images/indexVidPH.png) no-repeat top left;*/
	float: right;
}

/*=groups profileBoxes*/
div.profileGroup {
	overflow: auto;
	margin-bottom: 5px;
	clear: both;
	}
	div.profileGroup h2 {
		margin-bottom: 5px;
	}
	/*profileBox -> contains phil/tonney profiles*/
	div.profileBox {
		display: inline;
		width: 430px;
		margin-right: 15px;
		float: left;
		}
		div.profileBox img {
			margin-right: 10px;
			float: left;
		}
		div.profileBox h2 {
			margin-top: 0 !important;/*reset*/
			margin-bottom: 0 !important;/*reset*/
			font-family: tahoma, arial;
			font-size: 1.5em;
			color: #91120C;
		}
		div.profileBox p {
			font-size: 0.9em;
			}
			div.profileBox p a.readmore {
				display: block;
		}
		div.profileBox > p {
			margin: 0px !important;/*reset for first p child as inherits from parent erroneous layout*/
}

/*--------
breadcrumb
---------*/

p#breadcrumb, p#breadcrumb a {
	font-size: 0.9em;
	font-weight: bold;
	color: #939292;
	}
	p#breadcrumb span {
		color: #353535;
	}

/*--------
=blog feed
--------*/

/*blog feed title*/
h2.articlesTitle {
	min-height: 44px;/*56-12*/
	padding-left: 60px;
	padding-top: 12px;
	background: url(../images/articleTitleBg.png) no-repeat top left;
}


ul#blogFeedUL {
	margin-bottom: 30px;
	list-style: none;
}
ul#blogFeedUL li {
	/*margin-bottom: 10px;*/
	padding: 0;
	background: none;
	}
	ul#blogFeedUL li p {
		float: left;
	}
	ul#blogFeedUL li p.sBDateStamp { /*date stamp*/
		display: block;
		width: 46px;
		height: 45px;/*47-2*/
		margin: 0px 10px 0px 10px;
		padding-top: 2px;
		font-family: tahoma, arial;
		font-weight: bold;
		text-align: center;
		background: url(../images/blogFeedDateStamp.png) no-repeat top left;
		}
		ul#blogFeedUL li p.sBDateStamp span.day {
			display: block;
			margin-top: 2px;
			font-size: 1.5em;
			color: #fff;
		}
		ul#blogFeedUL li p.sBDateStamp span.month {
			display: block;
			line-height: 12px;
			font-size: 1em;
			color: #fff;
		}
		ul#blogFeedUL li p.sBDateStamp span.year {
			display: block;
			line-height: 25px;
			font-size: 1.2em;
			color: #91120C;
	}	
	ul#blogFeedUL li h3  {
		display: inline;/*fixes bump down issue with ie7*/
		font-size: 1.3em;
		}
		ul#blogFeedUL li h3 a {
			text-decoration: none;
			color: #000;
		}
		ul#blogFeedUL li h3 a:hover {
			text-decoration: underline;
	}
	ul#blogFeedUL li p.sBPostText {
		margin-left: 65px;
		margin-right: 35px;
		font-size: 1em;
		float: none;
		}
		ul#blogFeedUL li p.sBPostText a.readmore {
			display: block;
		}
		ul#blogFeedUL li p.sBPostText a:hover {
			text-decoration: none;
}

/*------------
=contact page
------------*/
/*=map*/
div.map {
	position: relative;
	width: 890px;
	height: 328px;
	margin-top: 15px;
	background: url(../images/contactLocatBoxBg.png) no-repeat top left;
	}
	div.map h3 {
		display: inline;
		margin-left: 480px;
		margin-top: 22px;
		font-weight: bold;
		font-size: 1.8em;
		color: #91120C;
		float: left;
	}
	div.map iframe {
		position: absolute;
		top: 13px;
		left: 15px;
		/*margin: 13px 0px 0px 15px;*/
	}
	div.map p {
		display: inline;
		width: 358px;
		min-height: 42px;/*45-3*/
		margin-left: 460px;
		padding: 3px 0px 0px 60px;
		font-size: 1.3em;
		font-weight: bold;
		color:#3D3D3D;
		float: left;
		clear: left;
	}
	div.map p.addr {
		margin-top: 30px;
		background: url(../images/contactIconAdd.png) no-repeat top left;
	}
	div.map p.phone {
		background: url(../images/contactIconPhone.png) no-repeat top left;
	}
	div.map p.fax {
		background: url(../images/contactIconFax.png) no-repeat top left;
	}
	div.map p.mapLarge {
		margin-top: 20px;
		padding-left: 40px;
		background: url(../images/contactMapExBtn.png) no-repeat top left;
		}
		div.map p.mapLarge a {
			font-size: 0.8em !important;
			color: #B32017 !important;
}

/*=contact form title*/
#contactFormTitle {
	margin-top: 20px;
}


/*----------------------
=content column specific
----------------------*/
#content ul {
	margin-bottom: 10px;
	}
	#content ul li {
		margin-left: 20px;
		margin-bottom: 3px;
}	

/*=contentVideo*/

.videoRight {/*aligns video right and adds padding*/
	display: inline;
	padding: 10px 0px 0px 20px;
	float: right;
}

/*=phoneNumber Styling -> generic styling for phone number with more pop*/

p.phoneNum {
	width: 272px;/*347-75*/
	height: 50px;/*56-6*/
	padding-left: 75px;
	padding-top: 6px;
	font-family: arial;
	font-weight: bold;
	font-size: 1.4em;
	background: url(../images/contentPhoneNumBg.png) no-repeat top left;
	}
	p.phoneNum span { 
		display: block;
		font-size: 1.2em;
		color: #848181;
}

/*--------------------
global/general styles
-------------------*/

/*float Classes*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

/*clear Classes*/
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

/*visibility*/
.hidden {
	display: none !important;
}

/*hPs*/
#hP {
	display: none !important;
}