/*-------------------------

Author: Andrew Sherman
Company: Visual Blaze 
Client: PrecastSolutions
descr: coreStyle sheet
-------------------------*/

/*------------------------
TOC
=includes
=main styles
	=contentContainer
		=content page Title
		=content
			=col1 [+ type selectors for general typography]
			=sidebar
				=blogFeed
				=sponsors container
		=breadcrumb
		=primNav
		=footer
=header + globalNav + logo
=page specific content styling
	=home/index
		=indexBlogFeed
	=contactForm
	=sitemap
	=magazine
		=magSubscribe panel
	=casestudies images [indiv lightbox calls]
	= products section
	=profDevelopment Page
	=google search form
=global/general styles
=general form elements
=general table styling
=videoPlayer specific
=content boxes
-------------------------*/

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


/*----------
main styles
----------*/

html {
	/*background: url(../images/htmlBgTile.png) repeat;*/
	background: #AEADA9;
}

body {
	font-family: arial;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 970px;
	background: url(../images/bodyBgTile.jpg) repeat-x;
}

#wrapper {
	position:relative;
	width: 970px;
	min-height: 500px;
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	/*background: url(../images/wrapperTile.png) repeat-y;
	background: #ff0000;*/
}

/*--------------
=contentConainer
---------------*/

#contentContainer {
	position: absolute; /*places content 'on top of large header but moves it down so header still shows*/
	width: 970px;
	/*height: 300px;*/
	margin-top: 350px;/*pushes down below header*/
	background: url(../images/contentContTile.png) repeat-y;
}

/*----------------
=content page Title
------------------*/
/*!! adjustments between home and content image sizes requires adustments in neg margin on #content*/
#titleContainer {
	position: relative;/*ie6 cut off on neg marg fix*/
	width: 690px;
	height: 143px;
	background: url(../images/imageBannerCont.png) no-repeat top left;
	}
	#titleContainer h1 {
		display: inline;
		width: 229px;/*244-15*/
		min-height: 45px;/*60-15*/
		margin-right: 40px;
		padding: 10px 10px 5px 5px;
		text-align: center;
		font-family: helvetica, arial;
		font-size: 16px;
		color: #fff;
		background: url(../images/contentTitleBg.png) no-repeat bottom left;
		float: right;
}

/*home specific titleContainer styles*/ 
#index #titleContainer {
	height: 259px;
	background: url(../images/imageBanner.png) no-repeat top left;
}

/*------
=content
-------*/

#content {
	display: inline;
	width: 690px;
	margin-right: 13px;
	/*margin-top: -44px;*/
	/*margin-top: -266px;*/
	margin-top: -267px;/*massive neg margin because header is so large-> if doesn't work then move header back to height: 130px and contentContainer tile = transparent bg tiel*/
	float: right;
}

#col1 {
	display: inline;
	/*width: 412px;*/
	width: 385px;
	min-height: 300px;
	margin: 10px 0px 0px 27px;
	line-height: 1.4em;
	float: left;
	}
	#col1 h2 {
		margin-bottom: 5px;
		font-size: 16px;
		font-family: arial;
		color: #333;
		/*border-bottom: 1px solid #999;*/ 
	}
	#col1 p {
		margin-bottom: 10px;
	}
	#col1 ul {
		margin-bottom: 10px;
		list-style: none;
		}
		#col1 ul li {
			min-height: 18px;
			margin-bottom: 10px;
			padding-left: 25px;
			background: url(../images/ulBullet.png) no-repeat top left;
}

/*home + other page specific col1 [when col1 stretches full width of wrapper but has custom margin-left]*/
#index #col1, #precaster #col1, #precasterResults #col1, #contact #col1, #sitemap #col1 {
	width: 651px;
	margin-left: 11px;/*reset from initial set*/
}

/*all other pages with 1 col layout but larger indent on left*/
#oneColLayout #col1 {
	width: 620px;
}

/*------
=sidebar
--------*/

#sidebar {
	display: inline;
	width: 266px;
	min-height: 150px;
	float: right;
}

/*=blogfeed*/
div#blogFeed {
	margin: 10px 0px 0px 5px;

	}
	div#blogFeed h3 {
		width: 221px;/*236-15*/
		height: 33px;/*43-10*/
		padding: 10px 0px 0px 15px;
		color: #3399CC;
		font-size: 18px;
		text-transform: uppercase;
		background: url(../images/blogFeedHeader.png) no-repeat top left;
	}
	div#blogFeed ul {
		list-style: none;
	}
	div#blogFeed ul li {
		margin-bottom: 10px;
		}
		div#blogFeed ul li p {
			/*display: inline;*/
			float: left;
		}
		div#blogFeed ul li p.sBDateStamp { /*date stamp*/
			width: 38px;
			margin-left: 10px;
			font-size: 10px;
			color: #999;
			}
			div#blogFeed ul li p.sBDateStamp span {
				display: block;
				width: 31px;
				height: 26px;/*39-9*/
				padding-top: 9px;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				color: #999;
				background: url(../images/blogFeedDateStamp.png) no-repeat top left;
		}
		div#blogFeed ul li p.sBPostTitle  {
			/*width: 190px;*/
			width: 190px;
			font-weight: bold;
			}
			div#blogFeed ul li p.sBPostTitle a {
				text-decoration: none;
				color: #000;
			}
			div#blogFeed ul li p.sBPostTitle a:hover {
				text-decoration: underline;
		}
		div#blogFeed ul li p.sBPostText {
			margin-left: 47px;
			margin-right: 35px;
			color: #666;
			font-size: 11px;
			float: none;
			/*clear: both;*/
			}
			div#blogFeed ul li p.sBPostText a {
				color: #666;
			}
			div#blogFeed ul li p.sBPostText a:hover {
				text-decoration: none;
}
	
/*=sponsors container*/
div#sponsors {
	width: 246px;
	height: 311px;
	background: url(../images/sponsorSidebar.png) no-repeat top left;
}
/*---------
=breadCrumb
-----------*/

#breadcrumb {
	/*width: 500px;*/
	height: 20px;
	margin-left: 27px;
	margin-top: 3px;
	font-size: 11px;
	color: #666;
	font-family: "Trebuchet MS",arial;
	background: url(../images/breadcrumbBg.png) no-repeat top left;
	}
	#breadcrumb img {
		border: none;
	}
	#breadcrumb a {
		color: #A3A3A3;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
}

/*------
=primNav
-------*/

ul#primNav {
	position: relative;/*ie6 cut off on neg marg fix*/
	/*display: inline;*//*!!causing ie7 margin-left issue -> but removal causes ie6 issue*/
	width: 235px;/*!!need to adjust in accordance with #content*/ 
	/*margin-top: -45px;*/
	margin-top: -235px;/*moves backup over header*/
	margin-left: 20px;
	float: left;
}
ul.primNav, ul.primNav ul {
	list-style: none;
}

ul.primNav > li {
/*!! removed as causes issues in ie7 with submenus disappearing on animate out -> issue doesn't seem present in FF without in this build*/
/*	position: relative;*//*removes probs with navArrows in FF-> causes issues in ie6 so use adjacent selector to hide from ie^*/
}

/*Prim link styling*/
ul.primNav li a {
	display: block;
	width: 200px;/*235-35[padding]*/
	/*width: 168px;*/
	min-height: 18px;/*28-10*/
	height: auto !important;/*added to hack ie6 min-height issue*/
	height: 23px;/*added to hack ie6 min-height issue*/
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 35px;
	/*text-indent: 45px;*/
	padding-bottom: 2px;
	text-decoration: none;
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 11px;
	color: #545556;
	background: url(../images/primLinkBg.png) no-repeat top right;
}
ul.primNav li a:hover {
	color: #000;
}
ul.primNav li a.active {
	color:#fff;
	background: url(../images/primLinkBgActive.png) no-repeat top right;
}
/*expand/collapse arrows !! extranous element*/
span.navArr, span.navArr2{
	position: absolute;
	display: block;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url(../images/navClosedArrow.png) no-repeat center left;
	/*float: left;*/
}
span.navArr2 {
	background: url(../images/navOpenArrow.png) no-repeat center left ;
}


/*Secondary link styling*/
ul.primNav li ul li a {
	/*all zero styling cancels out decendent styling coming from above ul styles*/
	display: block;
	width: 190px;/*235-45[padding]*/
	min-height: 19px;/*22-3*/
	height: auto !important;/*added to hack ie6 min-height issue*/
	margin-bottom: 5px;
	padding-top: 3px;
	padding-left: 45px;
	/*text-indent: 25px;*/
	padding-bottom: 0px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	/*text-transform: capitalize; */
	text-transform: none;
	/*color: #515150;*/
	color: #545556;
	background: url(../images/primLinkSubBg.png) no-repeat top right;
}
ul.primNav li ul li a.active, ul.primNav li ul li a:hover.active {
	/*color: #98012E;*/
	color: #fff;
	/*background: none;*/
	background: url(../images/primLinkSubBgActive.png) no-repeat top right;
}
ul.primNav li ul li a:hover {
	color: #999;
}
/*set indent*/
ul.primNav li ul li {
	margin-left: 0px;
}
/*expand/collapse arrows on secondary links !! extranous element*/
ul.primNav li ul li span.navArr, ul.primNav li ul li span.navArr2 {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	left: 9px;
	cursor: pointer;
	background: url(../images/navSubClosedArrow.png) no-repeat center left;
	/*float: left;*/
}
 ul.primNav li ul li span.navArr2 {
	background: url(../images/navSubOpenArrow.png) no-repeat center left ;
}

/*teirary link styling [3rd teir]*/
ul.primNav li ul li ul li a {
	background: none;
	color: #E2E2E2;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;

}
ul.primNav li ul li ul li a.active, ul.primNav li ul li ul li a:hover.active {
	background: none;
	color: #000;
}


/*-----
=footer
------*/
#footer {
	width: 970px;
	clear: both;
	font-size: 11px;
	/*background: url(../images/htmlBgTile.png) repeat;/*covers tiling content bg*/
	background: #AEADA9;
	}
	#footer p#metafooter {
		/*min-height: 81px;*//*not needed because of consistant padding below*/
		margin-bottom: 5px;
		padding-top: 81px;
		text-align: center;
		color: #666;
		background: url(../images/footerBg.png) no-repeat top left;/*holds the end cap for core ui wrapper*/
	}
	/*=social media links*/
	#socialLinks {
		/*width: 250px;*/
		margin-left: 250px;
		margin-bottom: 20px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		font-family: verdana;
		overflow: auto;
		}
		#socialLinks span {
			width: 250px;
			margin-right: 0px;
			margin-top: 10px;
			float: left;
		}
		#socialLinks a {
			display: block;
			margin-right: 7px;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
		}
		#socialLinks a#linkedin {
			width: 35px;
			height: 36px;
			background: url(../images/linkedInBtn.png) no-repeat top left;
		}
		#socialLinks a#facebook {
			width: 36px;
			height: 36px;
			background: url(../images/facebookBtn.png) no-repeat top left;
		}
		#socialLinks a#twitter {
			width: 35px;
			height: 36px;
			background: url(../images/twitterBtn.png) no-repeat top left;
		}
		#socialLinks a#youtube {
			width: 36px;
			height: 36px;
			background: url(../images/youtubeBtn.png) no-repeat top left;
		}
		#socialLinks a#flickr {
			width: 36px;
			height: 36px;
			background: url(../images/flickrBtn.png) no-repeat top left;
	}
	#footer p {
		text-align: center;
		color: #777;
		}
		#footer p a {
			color: #777;
	}
	#footer p#vbTag {
		min-height: 27px;
		margin-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
		/*font-style: italic;*/
		font-size: 10px;
		background: url(../images/vbTag.png) no-repeat bottom center;
		}
		#footer p#vbTag a {
			text-decoration: none;
		}
		#footer p#vbTag a:hover {
			text-decoration: underline;
			}
			#footer p#vbTag a span {
				color: #E26E05;
}
			
			
/*-------------------------
=header + globalNav + logo
-------------------------*/
/*header general*/
#header {
	/*position: absolute;*/ /*not used -> header is still in flow of document but moves up from under contentContainer because its been removed from flow*/
	width: 970px;
	height: 350px;
	/*top: 0;*/
	background: url(../images/headerBg.png) no-repeat top left;	
}
/*globalNav*/
#header ul {
	width: 540px;
	height: 50px;
	list-style: none;
	background: url(../images/globalNavBg.png) no-repeat top left;
	float: right;
	}
	#header ul li {
		display: inline;
		/*margin-right: 5px*/
		margin-right: 10px;
		float: left;
		}
		#header ul li#gNFind {/*move first element over*/
			margin-left: 25px;
		}
		#header ul li a {/*37x34*/
			display: block;
			min-height: 22px;/*34-12*/
			padding-left: 33px;
			padding-top: 12px;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
		}
		#header ul li a:hover,#header ul li a.active {
			color: #A7A658;
		}
		/*individual btn image assignment -> !!all the names and file names are out of sync and not according to specific naming conventions for show*/
		#header ul li#gNFind a {
			background: url(../images/globalNav/gNMagSprite.png) no-repeat top left;
		}
		#header ul li#gNFind a:hover, #header ul li#gNFind a.active {
			background: url(../images/globalNav/gNMagSprite.png) no-repeat bottom left;
		}
		#header ul li#gNCommunity a {
			background: url(../images/globalNav/gNFindSprite.png) no-repeat top left;
		}
		#header ul li#gNCommunity a:hover, #header ul li#gNCommunity a.active {
			background: url(../images/globalNav/gNFindSprite.png) no-repeat bottom left;
		}
		#header ul li#gNMag a {
			background: url(../images/globalNav/gNMailSprite.png) no-repeat top left;
		}
		#header ul li#gNMag a:hover, #header ul li#gNMag a.active  {
			background: url(../images/globalNav/gNMailSprite.png) no-repeat bottom left;
		}
		#header ul li#gNReg a {
			background: url(../images/globalNav/gNRegSprite.png) no-repeat top left;
		}
		#header ul li#gNReg a:hover, #header ul li#gNReg a.active  {
			background: url(../images/globalNav/gNRegSprite.png) no-repeat bottom left;
	}
	/*gNSearch Form*/
	#header ul li#search form {
			margin-top: 5px;
		}
		#header ul li#search form input {
			width: 121px !important;/*139-10-8*/
			height: 23px !important;/*28-5*/
			padding-left: 10px !important;
			padding-top: 5px !important;
			padding-right: 8px !important;
			border: none !important;
			background: url(../images/globalNavSearchBg.png) no-repeat top left !important;
}
/*logo*/
#header p#logo a {
	display: block;
	width: 340px; 
	height: 65px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat top left;
	float: left;
}


/*----------------------------
=page specific content styling
----------------------------*/

/*=home/index*/

/*arrow container*/
div#indexContent {
	width: 666px;
	height: 210px;/*bg actual height = 207px*/
	margin-top: 10px;
	font-family: helvetica, arial;
	background: url(../images/indexArrowBg.png) no-repeat bottom left;
	}
	div#indexContent div {
		display: inline;
		width: 217px;
		/*background: #999;
		border: 1px solid #000;*/
		float: left;
	}
	div#indexContent h2 {
		margin-bottom: 4px;
		font-size: 22px;
		font-family: helvetica, arial;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		text-align: right;
		border: none;/*reset*/
	}
	div#indexContent p {
		width: 150px;
		/*margin-left: 18px;*/
		margin-bottom: 3px;
		text-align: right;
		font-size: 11px;
		line-height: 13px;
		/*float: right;*/
		clear: both;
	}
	div#indexContent p.indexImg {
		width: auto;
		/*margin-right: 28px;*/
		margin-bottom: 0;
		text-align: center;
	}
	div#indexContent h3 {
		font-size: 13px;
		margin-top: 0;
		/*margin-right: 28px;*/
		text-align: left;
		clear: both;
	}
	div#indexContent h3.withBull {
		margin-top: 10px;
		padding-left: 30px;
		background: url(../images/ulBulletDarkBrown.png) no-repeat top left;
	}
		div#indexContent h3 a {
			color: #000;
			text-decoration: none;
		}
		div#indexContent h3 a:hover {
			text-decoration: underline;
		}
	
	/*col specific*/
	/*attendee*/
	div#indexContent div#learn h2 {
		margin-right: 28px;
		color: #BC964B;
	}
	div#indexContent div#learn h3 {
		width: 130px;
		margin-left: 25px;
		/*padding-top: 2px;*/
		/*background: url(../images/ulBulletLightBlue.png) no-repeat top left;*/
		float: left;
	}
	
	/*exhibitor*/
	div#indexContent div#find h2 {
		margin-right: 30px;
		color: #DBB45E;
	}
	div#indexContent div#find h3 {
		width: 150px;
		font-size: 13px;
		margin-left: 40px;
		/*margin-right: 40px;*/
		/*padding-top: 2px;*/
		float: left;
	}
		
	
	/*register*/
	div#indexContent div#inform h2 {
		margin-right: 12px;
		color: #E2C798;
	}
	div#indexContent div#inform h3 {
		width: 150px;
		font-size: 13px;
		margin-left: 40px;
		/*margin-right: 40px;*/
		/*padding-top: 2px;*/
		float: left;
	}
	div#indexContent div#inform p.indexImg {
		margin-left: 30px;
	}
	div#indexContent div#inform ul, div#indexContent div#inform p {
		margin-right: 10px;
	}
	/*global index content styling*/
	div#indexContent ul {
		margin-right: 28px;
		clear: both;
		}
		div#indexContent ul li {
			margin: 0;
			padding: none;
			font-weight: bold;
			font-size: 11px;
			text-align: right;
			background: none;
			}
			div#indexContent ul li a {
				color: #000;
				text-decoration: none;
			}
			div#indexContent ul li a:hover {
				text-decoration: underline;
}

/*h3 with coming soon message*/
#indexMessage {
	margin-top: 20px;
	margin-left: 15px;
}

/*=indexBlogFeed*/

h3#blogFeedHeader {
	width: 221px;/*236-15*/
	height: 30px;/*43-13*/
	margin: 23px 0px 5px 0px;
	padding: 13px 0px 0px 15px;
	color: #B08B2D;
	font-size: 18px;
	text-transform: uppercase;
	background: url(../images/indexBlogHeaderBg.png) no-repeat top left;
}
ul#indexBlogFeedUL {
	list-style: none;
}
ul#indexBlogFeedUL li {
	margin-bottom: 20px;
	padding: 0;
	background: none;
	}
	ul#indexBlogFeedUL li p {
		/*display: inline;*/
		float: left;
	}
	ul#indexBlogFeedUL li p.sBDateStamp { /*date stamp*/
		display: block;
		width: 49px;
		height: 50px;/*59-9*/
		margin: 0px 10px 0px 10px;
		padding-top: 9px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #999;
		background: url(../images/IndexblogFeedDateStamp.png) no-repeat top left;
		}
		ul#indexBlogFeedUL li p.sBDateStamp span.day {
			display: block;
			margin-top: 2px;
			font-size: 23px;
			color: #686767;
		}
		ul#indexBlogFeedUL li p.sBDateStamp span.month {
			display: block;
			line-height: 12.5px;
			font-size: 12px;
			color: #686767;
		}
		ul#indexBlogFeedUL li p.sBDateStamp span.year {
			display: block;
			line-height: 10px;
			font-size: 11px;
			color: #000;
		}
		
	ul#indexBlogFeedUL li h4  {
		font-family: helvetica;
		font-size: 14px;
		}
		ul#indexBlogFeedUL li h4 a {
			text-decoration: none;
			color: #000;
		}
		ul#indexBlogFeedUL li h4 a:hover {
			text-decoration: underline;
	}
	ul#indexBlogFeedUL li p.sBPostText {
		margin-left: 47px;
		margin-right: 35px;
		color: #666;
		font-size: 11px;
		float: none;
		/*clear: both;*/
		}
		ul#indexBlogFeedUL li p.sBPostText a {
			color: #666;
		}
		ul#indexBlogFeedUL li p.sBPostText a:hover {
			text-decoration: none;
}


/*southwest ad -> NOT USED Currently*/
h2.indexHeader {
	width: 323px;/*338-15*/
	height: 35px;/*48-13*/
	margin: 5px 0px 5px 0px;
	padding: 23px 0px 0px 15px;
	color: #B08B2D;
	font-size: 18px;
	font-family: helvetica, arial;
	background: url(../images/indexHeaderBg.png) no-repeat top left;	
}
div#southWestAd1 {/*img ad block*/
	display: inline;
	margin-left: 20px;
	float: left;
}
div#wx_module_9091 {/*weather embed*/
	display: inline;
	float: left;
	clear: left;
}
div#southWestAd2 {/*ad text block*/
	display: inline;
	margin-left: 65px;
	margin-top: 20px;
	float: left;
}
p#swLink a {/*swLink*/
	display: block;
	width: 224px;
	height: 34px;/*50-16*/
	padding-top: 16px;
	text-align: center;
	font-size: 14px;
	color: #444;
	font-weight: bold;
	background: url(../images/southwestAdBtn.png) no-repeat top left;
}


/*indexTwitterFeed*/

h3#twitterFeedHeader {
	width: 323px;/*338-15*/
	height: 35px;/*48-13*/
	margin: 23px 0px 5px 0px;
	padding: 23px 0px 0px 15px;
	color: #B08B2D;
	font-size: 18px;
	font-family: helvetica, arial;
	/*text-transform: uppercase;*/
	background: url(../images/twitterFeedHeader.png) no-repeat top left;
	clear: left;
	}
	h3#twitterFeedHeader a {
		color: #004A5D;
		text-decoration: none;
	}
	h3#twitterFeedHeader a:hover {
		text-decoration: underline;
}
ul#twitter_update_list {
	list-style: none;
	list-style-position: outside; /*fixes ie indent issue*/
	}
	ul#twitter_update_list li {
		margin-bottom: 10px;
		background: none;
	}
		ul#twitter_update_list p {
			margin-bottom: 0;
			font-weight: bold;
		}
		ul#twitter_update_list p.date {
			
			color: #B08B2D;
		}
		ul#twitter_update_list a.twitStatusLink {
			font-size:85%;
			color: #999;
}


/*----------
=contactForm
-----------*/

#contact #col1 {
	margin-left: 25px;/*moves col1 over extra margin from default set above*/
}

#contact h2 {
	margin-top: 20px;
	font-family: helvetica, arial;
	font-size: 20px;
	color: #3399CC;
	border: none;
}

/*subheader text*/
#contact p#subHeader {
	width: 450px;
	margin-top: -7px;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
}

form#contactForm {
	}
	form#contactForm fieldset {
		display: inline;
		width: 541px;
		/*margin-top: 75px;*/
		padding-bottom: 20px;
		border: none;
		background: url(../images/precasterPageRefineBodyBg.png) no-repeat bottom left;
		float: left;
		}
		form#contactForm fieldset h3 {
			width: 541px;
			padding-left: 25px;
			padding-top: 15px;
			text-transform: uppercase;
			font-size: 16px;
			background: url(../images/precasterPageRefineHeadBg.png) no-repeat bottom left;
		}
		form#contactForm fieldset p {
			margin-left: 25px;
			margin-right: 25px;
		}
		form#contactForm fieldset label {
			display: block;
			color: #969595;
			font-weight: bold;
		}
		form#contactForm fieldset input, form#contactForm fieldset select, form#contactForm fieldset textarea  {
			width: 210px;
			border: 1px solid #BABABA;
		}
		form#contactForm input#submit {
			display:block;
			width: 121px;
			height: 31px;
			margin-top: 5px;
			font-size: 15px;
			color: #fff;
			border: none;
			text-transform: uppercase;
			cursor: pointer;
			background: url(../images/preSearchSubmitBtn.png) no-repeat top left;
			clear: left;
		}
		form#contactForm input:hover#submit {
			background: url(../images/preSearchSubmitOverBtn.png) no-repeat top left;
		}
	 	/*for check boxes*/
		form#contactForm fieldset p.checkbox input {
			display: inline;
			width: auto;
			border: none;
			float: left;
		}
		form#contactForm fieldset p.checkbox label {
			display: inline;
			width: 100px;
			padding-top: 3px;
			float: left;
		}
		form#contactForm fieldset textarea {
			width: 460px;
			font-family: arial;
			font-size: 12px;
			color: #666;
		}
		input.radio {
			width: auto !important;
			border: none !important;
		}
		select.longInput {
			width: 400px !important;
}
		
		
/*-------
=sitemap
--------*/
#sitemap #col1 {
	margin-left: 25px;/*moves col1 over extra margin from default set above*/
}

#sitemap #col1 ul li {/*specific ul styling on sitemap page*/
	padding-left: 20px;/*reset*/
	padding-top: 3px;
	background: url(../images/sitemapBullPrim.png) no-repeat top left;
	}
	#sitemap #col1 ul li ul {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#sitemap #col1 ul li ul li {/*secondary level bullet*/
			padding-left: 15px;
			padding-top: 0px;
			background: url(../images/sitemapBullSec.png) no-repeat top left;
}


/*---------
=magazine
---------*/

h2.blue {/*blue bold header alternative*/
	margin-top: 20px;
	font-family: helvetica, arial !important;
	font-size: 20px !important;
	color: #3399CC !important;
	border: none !important;
}

#magazine h2 {
	clear: left;
}

#magazine h3 {
	font-size: 15px;
	color: #3399CC;
}

#magazine p#subHeader {
	width: 370px;
	margin-top: -7px;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
}

#magazine #col1 img {
	display: inline;
	float: left;
}
#magazine #col1 p {
	display: inline;
	margin-right: 30px;
	float: left;
	}
	#magazine #col1 p a {
		display: block;
		text-align: center;
		clear: left;
}

/*current issue specific*/
#magazine p#currIssueImg {
	margin-right: 0px;/*reset*/
	}
	#magazine p#currIssueImg img {
		margin-right: 10px;
}
#magazine p#currIssueText {
	width: 270px;
	margin-right: 0px;/*reset*/
}
#magazine p#currIssueText a {
	display: block;
	text-align: left;
	margin-top: 20px;
}

/*magazine contact forms*/
form.exColForm fieldset {
	border: none;
	}
	form.exColForm fieldset label {
		display: block;
		color: #969595;
		font-weight: bold;
	}
	form.exColForm fieldset input, form.exColForm fieldset textarea {
		border: 1px solid #BABABA;
	}
	form.exColForm fieldset input.magConSubmit {
		display:block;
		width: 108px;
		height: 25px;
		border: none;
		cursor: pointer;
		font-size: 11px;
		color: #fff;
		background: url(../images/findPrecasterSubBtn.png) no-repeat top left;
}


/*=magSubscribe btn panel*/
div#magSubscribe {
	width: 238px;
	font-size: 11px;
	font-weight: bold;
	color: #898989;
	background: url(../images/magSubBodyBg.png) no-repeat top left;
	}
	div#magSubscribe p {
		width: 123px;
		margin: 0px 0px 15px 24px;
		padding-top: 30px;

	}
	div#magSubscribe p#magSubBtn {
		width: 238px;
		min-height: 26px;
		margin: 0;/*reset*/
		padding: 0;
		padding-bottom: 15px;
		background: url(../images/magSubFooterBg.png) no-repeat bottom left;
		float: none;
		clear: left;
		}
		div#magSubscribe p#magSubBtn a {
			display: block;
			width: 188px;
			height: 21px;/*29-8*/
			margin-left: 20px;
			padding-top: 8px;
			color: #fff;
			font-size: 13px;
			text-decoration: none;
			text-transform: uppercase;
			text-align: center;
			background: url(../images/subscribeBtn.png) no-repeat top left;
		}
		div#magSubscribe p#magSubBtn a:hover {
			background: url(../images/subscribeBtn.png) no-repeat top right;
}
	
/*magSubscribe form -> inherits all form styling from contact form*/
/*wrapper to force p padding*/
#subscribeForm p {
	margin-bottom: 10px;
}


/*-----------------
=casestudies images
p a img
------------------*/

p.caseImg {
	display: inline;
	margin-right: 5px;
	float: left;
	clear: none !important;/*some reason picks up adj selector clear without this*/
	}
	p.caseImg a img {
		border: 1px solid #04A2DD;
		}
		p.caseImg a span {
			display: block;
			text-align: center;
}
/*uses adjacent sibling selector to target first p after this element - css2 selector so not all browsers support*/
p.caseImg + p {
	clear: both;
}

/*-----------------
=products section
------------------*/

p.productOverview {
	overflow: auto;
	margin-top: 15px;
	clear: both;
	}
	p.productOverview span {
		display: inline;
		width: 485px;
		float: left;
		}
		p.productOverview span a {
			display: block;
	}
	p.productOverview img {
		display: inline;
		border: none;
		float: left;
}

/*--------------------------------------------
=profDevelopment Page
	- creates layout with text and video
-------------------------------------------*/
#profDevText {
	width: 240px;
	margin-left: 20px;
	float: right;
}

/*lms preview video link img*/
#profDevLMS h3 {
	display: inline;
	margin: 27px 0px 5px 0px;
	font-size: 15px;
	color: #3399CC;
	float: left;
}

#profDevLMS p img {
	display: inline;
	margin-right: 5px;
	border: none;
	float: left;
}

/*--------------------------------------
=google search form - search results page
--------------------------------------*/

#cse-search-results iframe {
	width: 620px !important;
}

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

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

.noFloat {
	display: block !important;
	float: none !important; 
}

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

/*block*/
.block {
	display: block;
}
/*---------------------
=general form elements
---------------------*/
span.formWarning {
	padding-left: 20px;
	padding-top: 2px;
	color: #ff0000;
	background: url(../images/exclaim.png) no-repeat top left;
}
/*formBox*/
.formErrorBox {
	min-height: 60px;
	padding-bottom: 20px;
	background: url(../images/errorBoxBody.png) no-repeat bottom left;
	}
	.formErrorBox p {
		display: block !important;
		margin: 0 !important;
		margin-left: 65px !important;
		float: none !important;
	}
	.formErrorBox p.errorHead {
		min-height:  36px;/*56-20*/
		margin-left: 0 !important;
		padding-left: 60px;
		padding-top: 20px;
		font-weight: bold;
		color: #ff0000;
		background: url(../images/errorBoxHead.png) no-repeat top left;
}
/*required marker*/
span.reqMark, em.reqMark {
	font-size: 10px;
	color: #ff0000;
}

/*-------------------
=general table styling
---------------------*/

table {
	}
	table tr.odd {
		background: #dedcc2;
	}
	table tr td.specCode {
		width: 170px;
	}
	table tr td.specDesc {
		width: 400px;
}

/*---------------------
==videoPlayer specific
------------------------*/

div.videoPlayer p {
	width: 288px;/*348-60*/
	height: 68px;/*218-150*/
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 150px;
	text-align: center;
	color: #B7B7B7;
	background: url(../images/flashAlt.png) no-repeat top left;
}

/*------------
=content boxes
--------------*/
/*contentColumn*/
div.ccBox2, div.ccBox1 {
	width: 385px;
	min-height: 45px;
	padding-bottom: 15px;
	background: url(../images/contentBoxes/ccBox2Body.png) no-repeat bottom left;
	}
	div.ccBox2 h3, div.ccBox1 h3 {
		width: 365px;/*385-20*/
		margin-bottom: 5px;
		padding: 20px 10px 0px 10px;
		font-size: 16px;
		color: #00456B;
		background: url(../images/contentBoxes/ccBox2Head.png) no-repeat top left;
	}
	div.ccBox2 p, div.ccBox1 p, div.ccBox2 h4, div.ccBox1 h4 {
		padding-left: 10px;
		padding-right: 10px;
	}
	/*head bg for ccBox1*/
	div.ccBox1 h3 {
		color: #fff;
		padding-top: 15px;
		padding-bottom: 10px;
		background: url(../images/contentBoxes/ccBox1Head.png) no-repeat top left;
	}
	
/*sidebar - has overrides for when box included in #sidebar*/
#sidebar div.ccBox2, #sidebar div.ccBox1 {
	width: 253px;
	background: url(../images/contentBoxes/sbBox2Body.png) no-repeat bottom left;
	}
	#sidebar div.ccBox2 h3, #sidebar div.ccBox1 h3 {
		width: inherit;
		background: url(../images/contentBoxes/sbBox2Head.png) no-repeat top left;	
	}
	#sidebar div.ccBox1 h3 {
		color: #fff;
		padding-top: 15px;
		padding-bottom: 10px;
		background: url(../images/contentBoxes/sbBox1Head.png) no-repeat top left;
	}