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

@import url(typography.css);

/*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;
}

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/mZonePlaceHolder2.png) no-repeat bottom left;*/
	background: #F4F4F4 url(../images/mZonePlaceHolder3.png) no-repeat bottom left;
}
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;
}

/*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/mZoneSubPlaceHolder3.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.8em;/*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: 13px;
			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;
}


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

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

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

/*1col only*/
body.oneColLayout div#col1 {
	width: 900px;
	/*background: #666;*/
}


/*-------------------------
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;
}

/*--------------------
=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 {
	background: url(../images/contentImgs/indexImgs/indexContentBg.png) no-repeat top left;
}
div#indexContentVisibility h1, div#indexContentEngage h1, div#indexContentDirect 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 {
	width: 352px;
	margin-top: -5px;
	font-size: 13px;
	padding-bottom: 70px;
	}
	div#indexContentVisibility p strong, div#indexContentEngage p strong, div#indexContentDirect p strong {
		color: #000;
	}
	div#indexContentVisibility p a, div#indexContentEngage p a, div#indexContentDirect 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;
}

/*--------------
=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 {
	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;
}
/*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;
}