/*-------------------------
Author: Andrew Sherman
Company: Visual Blaze
Descr: Core UI Styles
-------------------------*/

/*reset block elements to 0 */
body,p,h1,h2,h3,h4,div,ul,li,form,span,input,fieldset,label {
	margin: 0;
	padding: 0;
}

/*-------------------
=Core element styles
------------------*/

body {
	font-family: arial,tahoma;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 959px;
	/*background: url(../images/bodyBgTile.png) repeat;*/ /*v3.0 bg*/
	background: #111419 url(../images/bodyBgDefault1.jpg) no-repeat top center;/*used as default background. Other bgs at =custom Body backgrounds */
}

div#wrapper {
	/*position:relative;*/
	width: 959px;
	/*min-height: 500px;*/
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	/*background-color: #fff;*/
}

/*-----------
=mediazones
------------*/

/*mediaZones [home/sub]*/
div#mediaZone, div#mediaZoneSub  {
	width: 959px;
	padding-top: 35px;/*padding + img align bottom used to create top header white bar*/
}

/*home page mediaZone*/
div#mediaZone {
	height: 154px;
	background: #F4F4F4 url(../images/mZonePlaceHolder4.png) no-repeat bottom left;
}

/*twitter bird link*/
/*
div#mediaZone p a {
	display: inline;
	width: 200px;
	height: 154px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 45px;
	background: url(../images/mZonePlaceHolder3Btn.png) no-repeat top left;
	float: right;
}
*/
/*vbtools text/link*/
div#mediaZone p {
	margin-top: 70px;
	text-align: center;
	font-family: "arial black", arial;
	font-size: 23px;
	color: #636363;
	text-shadow: 0px 2px 0px #F7F7F7;
	}
	div#mediaZone p span {
		display: block;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
		text-shadow: 0px 1px 0px #F7F7F7;
	}
	div#mediaZone p a {
		color: #636363;
	}
	div#mediaZone p a:hover {
		text-decoration: none;
	}

/*non-home mediaZone*/
div#mediaZoneSub {
	height: 57px;
	/*background: #F4F4F4 url(../images/mZoneSubPlaceHolder2.png) no-repeat bottom left;/*background 57px height MAX to allow for top White 2 show*/
	background: #F4F4F4 url(../images/mZoneSubPlaceHolder2.png) no-repeat bottom left;/
}


/*----------
=navigation
----------*/

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

ul#primNav {
	width: 904px;/*959-55*/
	height: 36px;
	padding-left: 56px;/*positions first li for correct aligment with left divider*/
	list-style: none;
	background: url(../images/primNavBg.png) no-repeat top left;/*image 1 is without left divider*/
	}
	ul#primNav li {
		display: inline;
		padding-right: 3px;/*allows right divider to show through a.active bg*/
		background: url(../images/primNavDivid.png) no-repeat top right;
		float: left;
		}
		ul#primNav li a {
			display: inline;/*changed from block for ie6 fix*/
			height: 36px;
			line-height: 2.7em;/*create vertical centering*/
			/*!below used when 'New Media' link reinstated*/
			/*padding: 0 2.9em;/*second val determines spacing on links to fill full length of ul -orig- 2em*/
			padding: 0 3.6em;/*temporary spacing with one link missing [new media]*/
			font-size: 14px;
			text-shadow: 0 -1px 0 #3D3D3D;
			color: #fff;
			text-decoration: none;
			float: left;/*added to fix in ie6*/
		}
		ul#primNav li a.active, ul#primNav li a:hover.active {
			/*background: url(../images/primNavActiveTile.png) repeat-x;*//*use for activeTile[no flame]*/
			background: url(../images/primNavActiveSlide.png) no-repeat top left;
		}
		 ul#primNav li a:hover {
			background: url(../images/primNavMOverSlide.png) no-repeat top left;
}

/*-----
=secNav
-----*/

/*creates secNav background in primNav -> switch to this when secNav present using page ref*/
body#secNavEnabled ul#primNav {
	height: 81px;
	background: url(../images/primNavSecNavBg.png) no-repeat top left;
}

ul#secNav {
	display: inline;
	margin-top: -41px;/*push secNav onto primNav bg*/
	margin-left: 70px;
	float: left;
	}
	ul#secNav li {
		display: inline;
		/*background: #333;*/
		float: left;
		}
		ul#secNav li.active {
			background: url(../images/secNavActiveTile.png) repeat-x;
		}
		ul#secNav li a {
			display: inline;/*changed from block to fix ie6*/
			height: 35px;/*26+9[arrowH]*/
			padding: 6px 1em 0 1em;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			float: left;/*added fix for ie6*/
		}
		ul#secNav li a:hover {
			color: #DC5B26;
			background: url(../images/secNavHoverArrow.png) no-repeat top center;
		}
		ul#secNav li.active a {
			color: #722406;
			background: url(../images/secNavActiveArrow.png) no-repeat top center;
}
		
/*--------
=globalNav
---------*/
/*parentContainer*/
div#globalNavCont {
	position: absolute;
	width: 959px;
	top: 0;
	/*margin-top: -139px;*/ /*pushes globalNavContent off of viewport*//*is load position of globlaNav*/
	margin-top: -149px;
	padding-bottom: 84px;
	/*background: #999;*/
	}
	div#globalNavCont #globalNav {
		position: absolute;
		width: 959px;
		height: 84px;
		left: 0;/*squiz added element for ie7 align fix*/
		bottom: 0;/*position at bottom of container*/
		background: url(../images/globalNavBg.png) no-repeat top left;
		
		}
		div#globalNavCont #globalNav ul {
			margin-left: 45px;
			list-style: none;
			}
			div#globalNavCont #globalNav ul li {
				display: inline;
				margin-right: 45px;
				float: left;
			}
			div#globalNavCont #globalNav ul li#gNSplit {
				/*used to make divid in menu items*/
				margin-left: 320px;
			}
			div#globalNavCont #globalNav ul li#gNSplit, div#globalNavCont #globalNav ul li#gNSiteMapLi,div#globalNavCont #globalNav ul li#gNSearchLi {
				/*add less margin-left for these li's specifically*/
				margin-right: 15px;
			}
			div#globalNavCont #globalNav ul li span.gNOpenState {/*active GN state assigned to contact/search button on interaction*/
				display: block;
				width: 30px;
				/*height: 10px;*//*actual height. Zero'd intially to allow animation*/
				height: 10px;
				background: url(../images/gNCloseStateIcon.png) no-repeat bottom left;
				/*float: left;*/
				}
				div#globalNavCont #globalNav ul li a {
					display: block;
					padding-top: 15px;
					font-size: 10px;
					text-decoration: none;
					color: #C1BFBF;
					/*background: url(../images/globalNavIcons/gNHomeIcon.png) no-repeat top center;*/
				}
				div#globalNavCont #globalNav ul li a:hover, div#globalNavCont #globalNav ul li.active a {
					color: #EC8A23;
				}
				/*individual navIcons norm/active/hover states*/
				div#globalNavCont #globalNav ul li a#gNHome {
					background: url(../images/globalNavIcons/gNHomeIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNHome,div#globalNavCont #globalNav ul li.active a#gNHome {
					background: url(../images/globalNavIcons/gNHomeIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNAbout {
					background: url(../images/globalNavIcons/gNAboutIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNAbout, div#globalNavCont #globalNav ul li.active a#gNAbout {
					background: url(../images/globalNavIcons/gNAboutIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNContact {
					background: url(../images/globalNavIcons/gNContactIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNContact, div#globalNavCont #globalNav ul li.active a#gNContact  {
					background: url(../images/globalNavIcons/gNContactIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNBlog {
					background: url(../images/globalNavIcons/gNBlogIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNBlog, div#globalNavCont #globalNav ul li.active a#gNBlog {
					background: url(../images/globalNavIcons/gNBlogIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNCareers {
					background: url(../images/globalNavIcons/gNCareersIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNCareers, div#globalNavCont #globalNav ul li.active a#gNCareers  {
					background: url(../images/globalNavIcons/gNCareersIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNSiteMap {
					background: url(../images/globalNavIcons/gNSiteMapIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNSiteMap, div#globalNavCont #globalNav ul li.active a#gNSiteMap {
					background: url(../images/globalNavIcons/gNSiteMapIconOver.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a#gNSearch {
					background: url(../images/globalNavIcons/gNSearchIcon.png) no-repeat top center;
				}
				div#globalNavCont #globalNav ul li a:hover#gNSearch, div#globalNavCont #globalNav ul li.active a#gNSearch {
					background: url(../images/globalNavIcons/gNSearchIconOver.png) no-repeat top center;
		}
		div#globalNavCont #globalNav p {
			/*phoneNo*/
			display: inline;
			margin: 8px 44px 0 0;
			font-weight: bold;
			color: #C1BFBF;
			float: right;
			}
			div#globalNavCont #globalNav p span {/*alignment of segment of phone number*/
			margin-right: 8px;
			color: #000;
	}
			
	div#globalNavCont #gNContactForm {
		/*display: none;*/
		width: 959px;
		/*height: 140px;*/
		height: 150px;
		/*padding-left: 30px;*/
		/*background: #666;*/
		background: url(../images/globalNavContTile.png) repeat-y;
		}
		div#globalNavCont #gNContactForm p a.close, div#globalNavCont #gNSearchForm p a.close {
			position: absolute;
			display: block;
			/*width: 19px;
			height: 18px;*/
			/*text-indent: -9999px;
			background: url(../images/gNavCloseBtn.png) no-repeat top left;*/
			right: 40px;
			color: #C4C6C6;
			font-size: 9px;
			text-decoration: none;
		}
		div#globalNavCont #gNContactForm p a:hover.close, div#globalNavCont #gNSearchForm p a:hover.close {
			text-decoration: underline;
		}
		div#globalNavCont #gNContactForm fieldset {
			display: inline;
			width: 400px;
			margin-top: 8px;
			padding-left: 30px;
			border: none;
			/*background: #333;*/
			float: left;
		}
		div#globalNavCont #gNContactForm fieldset#gNMsgSet {/*fieldset for gN message/rightside*/
			width: 500px;
			padding: 0;
			
			}
			div#globalNavCont #gNContactForm fieldset p {
				/*margin-bottom: 5px;*/
				margin-right: 10px;
				margin-bottom: 2px;
			}
			div#globalNavCont #gNContactForm fieldset p#newsCheck {
				display: inline;
				color: #999;
				float: left;
				}
				div#globalNavCont #gNContactForm fieldset p#newsCheck input {
					display: inline;
					width: auto;
					margin-right: 5px;
					background: none;
					float: left;
			}
			div#globalNavCont #gNContactForm fieldset p#contactResponse {
				/*display: inline;
				margin-left: 45px;
				color: #D52027;
				float: left;*//*use for messasge @bottom*/
				position: absolute;
				display: none;
				width: 136px;
				height: 125px;
				top: 10px;
				left: 420px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				/*background: #E50414;*/
				background: url(../images/gNFeedbackBg.png) no-repeat top left;
				}
				div#globalNavCont #gNContactForm fieldset p#contactResponse span {
					display: block;
					font-size: 13px;
					font-weight: bold;
					padding-top: 25px;
					text-align: center;
					color: #fff;
			} 
			div#globalNavCont #gNContactForm fieldset label {
				display: block;
				font-size: 11px;	
				color: #C4C6C6;
			}
			div#globalNavCont #gNContactForm fieldset input {
				display: block;
				width: 180px;
				height: 15px;
				font-size: 11px;
				border: 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				background: #6A6B6B;
			}
			div#globalNavCont #gNContactForm fieldset textarea {
				display: block;
				/*width: 373px;*/
				width: 490px;
				height: 90px;
				resize: none;/*removes resize handle in safari*//*invalidates css*/
				font-size: 11px;
				font-family: arial;
				border: 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				background: #6A6B6B;
			}

			div#globalNavCont #gNContactForm fieldset input.gNSubmit, div#globalNavCont #gNSearchForm input.gNSubmit {/*GN submit btn*/
				width: 86px;
				height: 21px; 
				margin-top: 4px;
				background: url(../images/gNSubmitBtn.png) no-repeat top left;
				/*background-color: none;*/
			}
			div#globalNavCont #gNContactForm fieldset input#gNCompany, div#globalNavCont #gNContactForm fieldset input#gNEmail {
				width: 370px;
			}
			div#globalNavCont #gNContactForm fieldset input#gNPhone1,div#globalNavCont #gNContactForm fieldset input#gNPhone2,div#globalNavCont #gNContactForm fieldset input#gNPhone3 {
				width: 44px;
				margin-right: 5px;
			}
			div#globalNavCont #gNContactForm fieldset input#hP {/*honeypot*/
				display: none;
	}
	
	div#globalNavCont #gNSearchForm {
		display: none;
		width: 959px;
		/*height: 140px;*/
		height: 150px;
		padding-left: 30px;
		/*background: #333;*/
		background: url(../images/globalNavContTile.png) repeat-y;
			}
			div#globalNavCont #gNSearchForm fieldset {
				display: inline;
				width: 800px;
				/*padding-left: 30px;*/
				margin: 50px 0px 0 65px;
				border: none;
				/*background: #333;*/
				float: left;
				}
				div#globalNavCont #gNSearchForm label {
					display: block;
					font-size: 11px;	
					color: #C4C6C6;
				}
				div#globalNavCont #gNSearchForm input {
					display: block;
					width: 600px;
					/*height: 18px;*/
					font-size: 12px;
					border: 0;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background: #6A6B6B;
				}
				div#globalNavCont #gNSearchForm input.gNSubmit {
					margin: 9px 0 0 10px;
					
				
}
		

/*-----------------------------------------------
=content container [parent of content elements]
------------------------------------------------*/
div#contentContainer {
	display:inline;
	width: 959px;
	padding-top: 20px;
	float: left;
	background: #fff;
}

/*------------------
=page header styling
------------------*/

h1 {
	width: 420px;
	height: 41px;
	margin-bottom: 15px;
	text-indent: -9999px;
	overflow: hidden;
	/*background: url(../images/pTitle_blog.png) no-repeat top left;*/
}
h1.portfolio {
	background: url(../images/pageHeaderImgs/pTitle_portfolio.png) no-repeat top left;
}
h1.blog {
	background: url(../images/pageHeaderImgs/pTitle_blog.png) no-repeat top left;
}
h1.careers {
		background: url(../images/pageHeaderImgs/pTitle_careers.png) no-repeat top left;
	
}
h1.about {
	background: url(../images/pageHeaderImgs/pTitle_about.png) no-repeat top left;
}
h1.background {
	background: url(../images/pageHeaderImgs/pTitle_about_background.png) no-repeat top left;
}
h1.company {
	background: url(../images/pageHeaderImgs/pTitle_about_company.png) no-repeat top left;
}
h1.experience {
	background: url(../images/pageHeaderImgs/pTitle_about_experience.png) no-repeat top left;
}
h1.webSolutions {
	background: url(../images/pageHeaderImgs/pTitle_websolutions.png) no-repeat top left;
}
h1.webDev {
	background: url(../images/pageHeaderImgs/pTitle_websolutions_webdev.png) no-repeat top left;
}
h1.seoStrat {
	background: url(../images/pageHeaderImgs/pTitle_websolutions_seoStrat.png) no-repeat top left;	
}
h1.customBlogs {
	background: url(../images/pageHeaderImgs/pTitle_websolutions_custBlogs.png) no-repeat top left;	
}
h1.flashDevelopment {
	background: url(../images/pageHeaderImgs/pTitle_Flash.png) no-repeat top left;
}
h1.interactivity {
	background: url(../images/pageHeaderImgs/pTitle_Flash_Interactivity.png) no-repeat top left;
}
h1.multimedia {
	background: url(../images/pageHeaderImgs/pTitle_Flash_multimedia.png) no-repeat top left;
}
h1.video {
	background: url(../images/pageHeaderImgs/pTitle_Flash_video.png) no-repeat top left;
}
h1.consult {
	background: url(../images/pageHeaderImgs/pTitle_consult.png) no-repeat top left;
}
h1.ethos {
	background: url(../images/pageHeaderImgs/pTitle_ethos.png) no-repeat top left;
}
h1.howWeWork {
	background: url(../images/pageHeaderImgs/pTitle_ethos_howwework.png) no-repeat top left;
}
h1.designProcess {
	background: url(../images/pageHeaderImgs/pTitle_ethos_designProcess.png) no-repeat top left;
}
h1.altNewsletter {
	background: url(../images/pageHeaderImgs/pTitle_newsletterAlt.png) no-repeat top left;
}
h1.altContact {
	background: url(../images/pageHeaderImgs/pTitle_contactAlt.png) no-repeat top left;
}
h1.altSearch, h1.search {
	background: url(../images/pageHeaderImgs/pTitle_altSearch.png) no-repeat top left;
}
h1.siteMap {
	background: url(../images/pageHeaderImgs/pTitle_sitemap.png) no-repeat top left;
}
h1.tools-overview {
	width: 228px;
	height: 73px;
	margin-bottom: 60px; /*extra buffer on tools page*/
	background: url(../images/pageHeaderImgs/pTitle_vbtools-logo.png) no-repeat top left;
}
h1.tools-nametag {
	width: 294px;
	height: 120px;
	margin-bottom: 10px !important;
	background: url(../images/pageHeaderImgs/pTitle_vbtools-nametag.png) no-repeat top left;
	float: left;
}
h1.tools-seoadmin {
	width: 340px;
	height: 174px;
	margin-bottom: 10px !important;
	background: url(../images/pageHeaderImgs/pTitle_vbtools-seoadmin.png) no-repeat top left;
	float: left;
}
h1.tools-perfection {
	width: 365px;
	height: 143px;
	margin-bottom: 10px !important;
	background: url(../images/pageHeaderImgs/pTitle_vbtools-perfection.png) no-repeat top left;
	float: left;
}
h1.tools-browserAssess {
	width: 306px;
	height: 77px;
	margin-bottom: 40px !important;
	background: url(../images/pageHeaderImgs/pTitle_vbtools-browsAssess.png) no-repeat top left;
	float: left;
}


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

/*1col+sideBar*/
div#col1 {
	display: inline;
	width: 590px;/*630-40*/
	min-height: 300px;
	padding: 0 10px 0 30px;
	float: left;
}

div#sideBar {
	display: inline;
	width: 280px;
	min-height: 200px;
	margin-right: 15px;
	float: right;
}

/*1col only*/
body.oneColLayout div#col1 {
	position: relative;/*added for vbtools section absolute positioning*/
	width: 900px;
}


/*-------------------------
content styling /typography
--------------------------*/
/*general/global*/

div#col1 {
	/*font-size: 15px;*/
	font-size: 1.3em;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	color: #433B36;
	}
	div#col1 p {
		margin: 10px 0 10px 0;
		}
		div#col1 p strong {
		font-weight: bold;
	}
	div#col1 a {
		color: #E62F2A;
		/*background: #FCF0E6;*/
	}
	div#col1 a:hover {
		text-decoration: none;
	}
	div#col1 ul {
		list-style-position: inside; 
}

/*textual container - used to visually format some pages text and alignment of*/
.contentAlign {
	display: inline;
	width: 350px;
	float: right;
}


/*-------------------------
=blogFeed side bar content
------------------------*/

div#sideBar h3 {
	width: 280px;
	height: 34px;
	font-size: 12px;
	color: #fff;
	background: url(../images/blogFeedHeader2.png) no-repeat top left;
	}
	div#sideBar h3 span {
		display: block;
		padding-top: 8px;
		margin-left: 140px;
	}
	div#sideBar h3 span a {
		color: #fff;
		text-decoration: none;
	}
	div#sideBar h3 span a:hover {
		text-decoration: underline;
}

div#sideBar ul {
	margin-top: 3px;
	list-style: none;
	}
	div#sideBar ul li {
			display: inline;
			width: 280px;
			margin-bottom: 15px;
			padding-top: 10px;
			/*background: url(../images/blogFeedPostBgBody.png) no-repeat top left;*/
			float: left;
	}
	div#sideBar ul li.odd {
		background: url(../images/blogFeedPostBgBody.png) no-repeat top left;
		}
		div#sideBar ul li p {
			/*display: inline;*/
			float: left;
			}
		div#sideBar ul li p.sBDateStamp { /*date stamp*/
			width: 38px;
			margin-left: 10px;
			font-size: 10px;
			color: #D88D5B;
			}
			div#sideBar ul li p.sBDateStamp span {
				display: block;
				width: 25px;
				height: 20px;/*26-6*/
				margin-left: 3px;
				padding-top: 6px;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				color: #fff;
				background: url(../images/blogFeedDateStamp.png) no-repeat top left;
		}
		div#sideBar ul li p.sBPostTitle  {
			/*width: 190px;*/
			width: 200px;
			font-weight: bold;
			}
			div#sideBar ul li p.sBPostTitle a {
				text-decoration: none;
				color: #C66A2C;
			}
			div#sideBar ul li p.sBPostTitle a:hover {
				text-decoration: underline;
		}
		div#sideBar ul li p.sBComBubble1, div#sideBar ul li p.sBComBubble2 {
				width: 20px;
				height: 20px;
				margin-left: 2px;
				background: url(../images/blogFeedComBub1.png) no-repeat top left;
		}
		div#sideBar ul li p.sBComBubble2 {/*post odd alternating*/
				background: url(../images/blogFeedComBub2.png) no-repeat top left;
			}
			/*ul li p.sBComBubble a {*/
			div#sideBar ul li p.sBComBubble1 span, div#sideBar ul li p.sBComBubble2 span {
				display: block;
				margin-top: 2px;
				text-align: center;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				font-size: 10px;
		}
		div#sideBar ul li p.sBPostText {
			margin-left: 47px;
			margin-right: 35px;
			color: #666;
			font-size: 11px;
			float: none;
			clear: both;
			}
			div#sideBar ul li p.sBPostText a {
				color: #666;
			}
			div#sideBar ul li p.sBPostText a:hover {
				text-decoration: none;
		}
		div#sideBar ul li p.footer {
			width: 280px;
			height: 27px;
			background: url(../images/blogFeedPostBgFooter.png) no-repeat top left; 
}

/*------
=footer
-------*/

div#footer {
	width: 959px;
	height: 51px;
	background: url(../images/footerBg.png) no-repeat top left;
	clear: both;
	}
	div#footer form#newsletter {
		display: inline;
		/*width: 229px;
		height: 29px;*/
		margin: 18px 3px 0 0;
		float: right;
		}
		div#footer form#newsletter input {
			display: inline;
			width: 195px;/*203-8*/
			height: 23px;/*30-7*/
			padding: 7px 0 0 8px;
			border: none;
			color: #fff;
			background: url(../images/newsletInputBg.png) no-repeat top left;
			float: left;
		}
		div#footer form#newsletter input#newsLetSubmit {
			display: inline;
			width: 27px;
			height: 30px;
			background: url(../images/newsletSubmit.png) no-repeat top left;
			float: left;
		}div#footer form#newsletter input#hPN,form#newsletterAlt input#althPN { /*newsletter honeypot*/
			display: none;
}

/*----------
=metafooter
----------*/

div#metaFooter  {
	margin: 20px 0 10px 0;
	text-align: center;
	font-size: 10px;
	color: #939090;
	clear: left;
	}
	div#metaFooter a {
		color: #939090;
	}
	div#metaFooter a:hover {
		text-decoration: none;
}
	
/*---------------
=twitterContainer
---------------*/

div#twitterContainer {
	/*display: inline;*/
	width: 399px;
	margin: 13px 0 20px 0;
	/*float: left;*/
	}
	/*div#twitterContainer p#tweet {*/
	div#twitterContainer ul#twitter_update_list {/*ul id required for twitter api*/
		width: 359px;/*399-40*/
		min-height: 80px;
		padding: 45px 15px 0 25px;
		list-style: none;
		color: #fff;
		font-style: italic;
		font-family:  tahoma, arial;
		background: url(../images/twitContBody2.png) no-repeat top left;
		}
		div#twitterContainer ul#twitter_update_list li {
				padding-bottom: 15px;
			}
			div#twitterContainer ul#twitter_update_list li a {
				color: #6B1F05;
				/*color: #000;*/
				font-weight: bold;
			}
			div#twitterContainer ul#twitter_update_list li a:hover {
				text-decoration: none;
	}
	div#twitterContainer p#twitFollow {
		width: 399px;
		height: 25px;
		background: url(../images/twitContFooter.png) no-repeat top left;
		}
		div#twitterContainer p#twitFollow a {
			display: inline;
			margin-right: 12px;
			font-size: 11px;
			text-decoration: none;
			font-weight: bold;
			color: #000;
			float: right;
			}
			div#twitterContainer p#twitFollow a span {
				display: inline;
				margin-top: 7px;
				margin-right: 2px;
				float: left;
			}
			div#twitterContainer p#twitFollow a img {
				margin-top: 4px;
				border: 0;
}


/*---------------------------------
footerNav [contains sitemap links]
---------------------------------*/

#footerNav {
	display: inline;
	margin: 25px 0px 0px 0px;
	float: right;
}

#footerNav ul {
	/*display: inline;*/ /*usage causes extra padding in ie*/
	margin-left: 25px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	float: left;
	/*background: #999;*/
}
#footerNav ul.first {
		margin-left: 0;
	}
	#footerNav ul li {/*ie7 issue with spacing*/
		/*background: #666;
		border: 1px dashed #ff0000;*/
	}
	#footerNav ul li a {
		color: #DD6B05;
		text-decoration: none;
		/*background: #333;*/
	}
	#footerNav ul li a:hover {
			text-decoration: underline;
		}
		#footerNav ul ul {
			margin-left: 0px;
		}
		#footerNav ul ul li a {
		font-size: 10px;
		color: #999;
}


/*--------------------
=global/general styles
-------------------*/
/*float Classes*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

img.floatLeft {
	display: inline;
	margin: 0px 10px 10px 10px;
	float: left;
}
img.floatRight {
	display: inline;
	margin: 0px 10px 10px 10px;
	float: right;
}

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

/*ul styling*/
ul.flameList, ul.flameListSm {
	display: inline;
	list-style: none;
}
ul.flameList {
	float: left;
	}
	ul.flameList li {
		min-height: 41px;
		padding: 12px 0 0 45px;
		background: url(../images/contentImgs/flameListBull.png) no-repeat top left;	
}

ul.flameListSm li {
	min-height: 25px;
	padding: 6px 0 0 30px;
	background: url(../images/contentImgs/flameListBullSm.png) no-repeat top left;
}

/*loaderSprite - ajax loader*/

.loaderSprite {
	display: none;
	width: 22px;
	height: 20px;
	margin-top: 23px;
	background: url(../images/loaderSprite.png) no-repeat top left;
	float: right;
}
/*display classes*/
.hidden {
	display: none !important;
}

/*-----------------------
=custom Body backgrounds
------------------------*/
body.default2 {
	background: #111419 url(../images/bodyBgDefault2.jpg) no-repeat top center;/*circles with no objects in foreground*/
}
body.tools1 {
	background: #111419 url(../images/bodyBgTools1.jpg) no-repeat top center;/*greyscale tools*/
}

/*-------------------------
=custom wrapper backgrounds
--------------------------*/

/*skyblue theme*/
#contentContainer.skyblue {
	padding-bottom: 35px;
	background: #fff url(../images/contentCont-alt-skyblue.png) no-repeat bottom left;
}

#footer.skyblue {
	background: url(../images/footerBg-alt-skyblue.png) no-repeat top left
}

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

/*----------------------------------------------------------
=index
- 3 dif pages ctrled with php + keyword for page assignment
-----------------------------------------------------------*/

/*col1 restyle for specific content*/
div#col1.engage, div#col1.direct {
	width: 630px;
}

/*------------
main messages
-------------*/

/*visibility*/
div#indexContentVisibility, div#indexContentEngage, div#indexContentDirect, div#indexContentTools {
	background: url(../images/contentImgs/indexImgs/indexContentBg.png) no-repeat top left;
}
div#indexContentVisibility h1, div#indexContentEngage h1, div#indexContentDirect h1, div#indexContentTools h1 {
	width: auto;
	height: auto;
	margin-left: 35px;
	text-indent: 0;
	font-size: 110px;
	color: #514E4E;
	background: url(../images/contentImgs/indexImgs/h1BgFlame.png) no-repeat 440px 20px;
}
div#indexContentVisibility div {
	height: 237px;
	background: url(../images/contentImgs/indexImgs/visibilityImg.png) no-repeat bottom right;;
}
div#indexContentVisibility h2 {
	font-size: 35px;
	color: #2C2C2C;
}
div#indexContentVisibility p, div#indexContentEngage p, div#indexContentDirect p, div#indexContentTools p {
	width: 352px;
	margin-top: -5px;
	font-size: 13px;
	padding-bottom: 70px;
	}
	div#indexContentVisibility p strong, div#indexContentEngage p strong, div#indexContentDirect p strong, div#indexContentTools p strong {
		color: #000;
	}
	div#indexContentVisibility p a, div#indexContentEngage p a, div#indexContentDirect p a, div#indexContentTools p a {
		font-size: 10px;
}
div#indexContentVisibility h2, div#indexContentVisibility p {
	margin-left: 55px;
}

/*engage*/
div#indexContentEngage div {
	height: 224px;
	margin-top: -15px;
	background: url(../images/contentImgs/indexImgs/engageImg2.png) no-repeat bottom right;
}
div#indexContentEngage h2 {
	padding-top: 20px;
	font-size: 28px;
	color: #2C2C2C;

}
div#indexContentEngage h2, div#indexContentEngage p {
	margin-left: 45px;
}
div#indexContentEngage p {
	margin-top: 1px;
}

/*direction*/
div#indexContentDirect div {
	height: 300px;
	background: url(../images/contentImgs/indexImgs/directionImg.png) no-repeat bottom right;	
}
div#indexContentDirect h1 {
	background: url(../images/contentImgs/indexImgs/h1BgFlame.png) no-repeat 500px 20px;
}
div#indexContentDirect h2 {
	font-size: 33px;
	color: #2C2C2C;
}
div#indexContentDirect h2, div#indexContentDirect p {
	margin-left: 45px;
}
div#indexContentDirect p {
	width: 320px;
}

/*vbtools*/
#col1.tools {
	width: 640px;
}
div#indexContentTools h1 {
	height: 112px;
	margin-top: 20px;
	font-size: 70px;
	background: url(../images/contentImgs/indexImgs/h1BgTools.png) no-repeat 470px 8px;
}
div#indexContentTools div {
	min-height: 400px;
	margin: -25px 0px 0px 35px;
	background: url(../images/contentImgs/indexImgs/toolsToolBox.png) no-repeat right bottom;
	}
	div#indexContentTools div h2 {
		margin-bottom: 5px;
	}
	div#indexContentTools div p.subTitle {
		margin-bottom: 30px;
	}
	div#indexContentTools div p {
		width: auto;
		padding-bottom: 0;
	}
	div#indexContentTools div p.p1 {
		width: 354px; 
		margin-bottom: 15px; 
		color: #606060; 
		font-size: 12px;
	}
	div#indexContentTools div p.p2 {
		width: 310px;
		 color: #606060;
		 font-size: 12px;
	}
	div#indexContentTools div a.button {
		width: 177px;/*197-20*/
		height: 35px; /*50-15*/
		margin: 10px 0px 30px 0px;
		padding: 15px 0px 0px 20px;
		text-transform: uppercase; 
		text-align: center;
		color: #fff;
		font-family: arial;
		font-weight: bold;
		font-size: 17px;
		text-shadow: 0 -1px 0 #704803;
		text-decoration: none;
		background: url(../images/homectaBtns.png) no-repeat top left;
		float: left;
	}
	div#indexContentTools div a:hover.button {
		background-position: bottom left
}

/*nametag -> inherits all above props and selectors*/
div#indexContentTools h1.nametag {
	height: 112px;
	margin-top: 20px;
	font-size: 70px;
	background: url(../images/contentImgs/indexImgs/h1BgNametag.png) no-repeat 470px 8px;
}
div#indexContentTools div.nametag {
	background: url(../images/contentImgs/indexImgs/nametagMagGlass.png) no-repeat 300px bottom;
	}



/*--------------
=index blogfeed
---------------*/

div#indexBlogFeed { 
	width: 190px;
	margin: -150px 0 0 55px;
	}
	div#indexBlogFeed h3 {
		font-size: 23px;
		color: #BCBBBB;
		border-bottom: 2px solid #A09F9F;
		}
		div#indexBlogFeed h3 span {
			display: block;
			margin-top: -5px;
			color: #989A9A;
			font-size: 15px;
		}
	div#indexBlogFeed h4 {
		margin-top: 3px;
		font-size: 12px;
		color: #FE0F1A;
		}
		div#indexBlogFeed h4 a {
			text-decoration: none;
		}
		div#indexBlogFeed h4 a:hover {
			text-decoration: underline;
		}
	div#indexBlogFeed p {
		margin-top: 0;
		color: #494949;
		font-size: 11px;
}
/*read more btn*/
a.blogFeedBtn, a.readmoreBtn {
	display: block;
	width: 73px;/*83-10*/
	height: 29px;/*39-10*/
	padding: 10px 0 0 10px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #fff !important;
	background: url(../images/indexBlogFeedBtn.png) no-repeat top left;
	float: right;
}
a:hover.blogFeedBtn {
	background: url(../images/indexBlogFeedBtn.png) no-repeat bottom left;
}
a.readmoreBtn {
	background: url(../images/readmoreTransBtnSpr.png) no-repeat top left;
}
a:hover.readmoreBtn {
	background: url(../images/readmoreTransBtnSpr.png) no-repeat bottom left;
}
/*read more btn LARGE*/
a.readmoreBtnLrg {
	display: block;
	width: 130px;
	height: 37px;/*47-10*/
	margin-left: 80px;/*controls alignment in tools view*/
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #fff !important;
	background: url(../images/readmoreLrgBtnSpr.png) no-repeat top left;
}
a:hover.readmoreBtnLrg {
	background-position: bottom left;
}

/*page specific position*/
div#col1.engage div#indexBlogFeed {
		margin: -120px 0 0 45px;
}

/*--------------------------------------
=index sidebar btns [flash]
--------------------------------------*/

/*position buttons in sidebar*/
div#indexBtnVisible, div#indexBtnEngage, div#indexBtnDirect {
	display: inline;
	margin: 10px 45px 0 0;
	float: right;
}
div#indexBtnVisible {/*first item margin*/
	margin-top: 25px;
}

/*html alt*/
div#indexBtnVisible a, div#indexBtnEngage a, div#indexBtnDirect a {
	display: block;
	width: 215px;
	height: 136px;
	text-indent: -9999px;
}
div#indexBtnVisible a {
	background: url(../images/contentImgs/indexImgs/indexBtnVisibleAlt.png) no-repeat top left;
}
div#indexBtnEngage a {
	background: url(../images/contentImgs/indexImgs/indexBtnEngageAlt.png) no-repeat top left;
}
div#indexBtnDirect a {
	background: url(../images/contentImgs/indexImgs/indexBtnDirectAlt.png) no-repeat top left;
}


/*-------------
=about>company
-------------*/

form#webDreamBox{
	position: relative;
	width: 561px;
	height: 40px;
	background: url(../images/contentImgs/companyFormBg.png) no-repeat top left;
	}
	form#webDreamBox fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		}
		form#webDreamBox p {
			margin: 0;
			padding: 0;
			}
			input#webDreamRequest {
				width: 366px;
				margin-top: 10px;
				font-size: 16px;
				font-family: "Courier New",arial,tahoma;
				border: none;
				background: none;
			}
			/*
			input:hover#webDreamRequest {
				border: dashed 1px #999;
	}
	*/
	form#webDreamBox fieldset#webDreamInfoBox {/*contact info fieldset popup*/
		position: absolute;
		display: none;
		width: 187px;
		height: 180px;
		top: -170px;
		left: 230px;
		background: url(../images/contentImgs/webWishInfoBoxBg.png) no-repeat top left;
		}
		fieldset#webDreamInfoBox p.close {
			position: absolute;
			width: 43px;
			height: 43px;
			top: 0;
			right: 0;
			cursor: pointer;
			background: url(../images/contentImgs/webWishInfoBoxCloseBtn.png) no-repeat top left;
		}
		fieldset#webDreamInfoBox p {
			margin: 0px 0 0 25px;
		}
		fieldset#webDreamInfoBox p.first {
				padding-top: 20px;
			}
			fieldset#webDreamInfoBox p label {
				font-size: 11px;
				color: #fff;
			}
			fieldset#webDreamInfoBox p input {
				width: 135px;
				font-size: 14px;
				border: none;
			}
			fieldset#webDreamInfoBox p input#webDreamSubmit {
				width: 118px;
				height: 42px;
				margin-left: 10px;
				background: url(../images/contentImgs/webWishInfoBtn.png) no-repeat top left;
			}
			fieldset#webDreamInfoBox p input#hPC {
				/*honeypot*/
				display: none;
			}
			fieldset#webDreamInfoBox p span#webDreamFeedback {
				display: none;
				width: 132px;
				height: 27px;
				margin-top: 10px;
				font-size: 11px;
				text-indent: 15px;
				color:#fff;
				background: url(../images/contentImgs/companyFormFeedback.png) no-repeat top left;
}
			
/*-----
sitemap	
------*/

ul#sitemap ul {
	text-indent: 45px;
}	

/*------------------
=vbtools section
-----------------*/

/*--------
=overview
--------*/
/*=tools listing box*/
.toolListBox {
	position: relative;
	width: 358px;
	margin: 0px 85px 27px 5px;
	float: left;
	}
	.toolListBox h2 {
		width: 278px;
		line-height: 20px;
		font-family: "arial black", arial;
		font-size: 20px;
		color: #595959;
		border-bottom: 2px solid #4B4C4C;
		float: right;
		}
		.toolListBox h2 span {
			display: block;
			margin-top: 2px;
			padding-bottom: 5px;
			font-size: 26px;
	}
	.toolListBox img {
		display: block;
	}
	.toolListBox p {
		margin: 0px !important;
	}
	.toolListBox p.logo {
		width: 80px;
		float: left;
		}
		.toolListBox p a {
			margin-top: 3px;
			font-size: 11px;
	}
	.toolListBox div.description {
		width: 278px;
		margin-top: 3px;
		font-family: arial;
		font-size: 12px;
		color: #777575;
		float: right;
		}
		.toolListBox div.description p {
			margin-bottom: 10px !important;
}

/*=tool tags -> denote free/coming soon text etc*/
.toolTag {
	position: absolute;
	top: 0;
	right: 0;
	width: 68px;
	height: 69px;
	text-indent: -9999px;
	background: url(../images/tagSprite.png) no-repeat top left;/*default is free*/
}
.toolTag.soon {
	background-position: top right;
}

/*--------------
=browserAssessor
--------------*/

iframe html, iframe body {
	margin: 0 !important;
	padding: 0 !important;
}
iframe#baFrame {
	position: relative;
	width: 917px;
	height: 520px;
	margin-left: -16px;
	overflow: hidden; 
	border: none !important;
	float: left;
}
/*content below browser assessor*/
.toolsH2 {
	margin-bottom: -10px;
	font-family: "arial black", arial;
	font-size: 27px;
	color: #383838;
	clear: both;
}
.arrowText {
	min-height: 60px;
	padding-left: 70px;
	font-size: 15px;
	font-family: arial;
	background: url(../images/greenArrow.png) no-repeat top left;
}

/*---------------
=toolbox info box
---------------*/
#toolsInfobox {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 70px;
	font-family: arial;
	font-size: 13px;
	color: #919191;
	}
	#toolsInfobox .toolbox {
		z-index: 5;
		position: absolute;
		top: -20px;
		right: -35px;
		margin: 0 !important;
	}
	#toolsInfobox h2 {
		width: 437px;/*467-30*/
		min-height: 38px;/*48-10*/
		padding: 10px 0px 0px 30px;
		font-family: "arial black",arial;
		font-size: 18px;
		color: #919191;
		letter-spacing: -0.5px;
		background: url(../images/vbtools-infoboxHeadBg.png) no-repeat top left;
	}
	#toolsInfoBoxBody {/*used to encapsulate body of box*/
		width: 362px;/*467-30-70*/
		/*min-height: 50px;*/
		min-height: 30px;
		padding: 0px 70px 15px 35px;
		background: url(../images/vbtools-infoboxBodyBg.png) no-repeat bottom left;
		}
		#toolsInfoBoxBody h3 {
			margin-top: 10px;
			margin-bottom: -10px;
			font-family: "arial black", arial;
			font-size: 14px;
		}
		#toolsInfoBoxBody p {
			margin: 0 !important;
			margin-top: 10px !important;
		}
		#toolsInfoBoxBody p.first {
			margin-top: -12px !important;
			position: relative;
		}
		#toolsInfoBoxBody div {/*container for show/hide content*/
			display: none;
			margin-top: 10px;
}
		

/*------------------
=tool page template 
------------------*/

/*content column on tools detail page*/
#toolsTextCol {
	/*width: 382px;*/
	width: 362px;
	min-height: 380px;
	color: #4F4F4F;
	font-size: 13px;
	float: left;
	clear: left;
	}
	#toolsTextCol h2 {
		font-family: "arial black", arial;
		font-size: 24px;
		line-height: 30px;
		color: #595959;
	}
	#toolsTextCol p {
		margin-bottom: 15px !important;
	}
	#toolsTextCol ul li {
		min-height: 18px;
		margin-bottom: 12px;
		padding-left: 25px;
		list-style: none;
		font-size: 14px;
		font-weight: bold;
		/*color: #272727;*/
		background: url(../images/vbtools-ulbullet.png) no-repeat top left;
}

/*right column containing screencap+gettoolbtn*/
#toolsImgCol {
	width: 510px;
	font-family: "arial black",arial;
	font-size: 23px;
	color: #595959;
	text-align: center;
	float: right;
	}
	#toolsImgCol span {/*img subtext*/
		display: block;
		margin-top: -10px;
		font-family: arial;
		font-size: 11px;
		font-style: italic;
}

/*get tool btn*/
#getToolBtn {
	width: 499px;
	height: 96px;
	background: url(../images/vbtools-getToolBg.png) no-repeat top left;
	float: right;
	}
	#getToolBtn a {
		display: block;
		width: 321px;
		height: 66px;
		margin-left: 100px;
		margin-top: 12px;
		text-decoration: none;
		background: url(../images/vbtools-getToolBtnSpr.png) no-repeat top left;
		}
		#getToolBtn a span {
			display: block;
			width: 282px;
			margin: 15px 0px 0px 10px;
			font-family: "arial black",arial;
			font-size: 22px;
			font-style: normal;
			text-align: center;
			color: #fff !important;
			float: left;
	}
	#getToolBtn a:hover {
		background-position: bottom left;
	}	
	#getToolBtn span {
		display: block;
		margin-top: -2px;
		font-size: 11px;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		color: #9B9797;
	}
	/*non-my-vbtools get content->seoadmin etc*/
	#getToolBtn span.call, #getToolBtn form {
		margin-top: 30px;
		font-family: arial;
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		color: #494949;
		font-style: normal;
		}
		#getToolBtn span.call a {
			display: inline;
			margin-left: 0px;
			background: none;
			color: #494949;
			font-size: inherit;
			text-decoration: underline;
		}
		#getToolBtn span.call a:hover {
			text-decoration: none;
	}
	/*prereg signup form for tools*/
	#getToolBtn form {
		width: 499px;
		margin-top: 0px;
		}
		#getToolBtn form input {
			width: 368px;/*373-5*/
			height: 26px;
			margin-left: 20px;
			padding-left: 5px;
			border: 4px solid #fff;
			font-family: "arial black", arial;
			font-size: 19px;
			color: #969595;
			/*browser specific properties for rounded corners*/
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #BDBABA;
			float: left;
		}
		form input.submit {
			display: block;
			/*width: 83px !important;*/
			width: 76px !important;
			height: 34px !important;
			margin-left: 10px !important;
			padding: 0 !important;
			font-size: 11px !important;
			text-decoration: none;
			font-weight: bold !important;
			font-family: arial !important;
			border: none !important;
			color: #fff !important;
			background: url(../images/readmoreTransBtnSpr.png) no-repeat top left !important;
			float: left;
		}
		form input.submit:hover {
			height: 38px !important;
			background: url(../images/readmoreTransBtnSpr.png) no-repeat bottom left !important;
}
		
		


/*-------------------
=vbtools footer logo
--------------------*/
#vbtoolsFooter {
	width: 100%;
	text-align: center;
	float: left;
	clear: left;  
	}
	#vbtoolsFooter a {
		display: block;
		width: 113px;
		height: 30px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url(../images/vbtools-logoFooter.png) no-repeat top left;
	}
	#vbtoolsFooter span {
		font-size: 11px;
		font-weight: bold;
		color: #383838;
}

/*-----------------
=typography general
-----------------*/

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

.greyLightTxt {
	color: #666;
	font-style: italic;
}

.quoteTxt {
	color: #666;
	font-style: italic;
}

.redText {
	color: #ff0000;
}

.colorBlockText {
	padding:0.2em 0.5em;
	color: #fff;
	background: #E62F2A;

}
.colorBlockTextSm {
	width: 180px;
	padding:0.2em 0.5em;
	color: #fff;
	background: #E62F2A;

}

.formWarning, .formWarningWebWish  {
	display: none;
	margin-left: 45px;
	color: #ff0000;
}
.formWarningWebWish {
	margin-left: 25px;
}
	
.hP {
	display: none;
}
.error {
	margin-top: 5px;
	color: #ff0000;
}