/* Stylesheet - 7dma.com - Seven Communication - May 2010 */

/* ////////////////////////////////////////////////////////// default settings /// */
*{border-collapse:collapse; margin:0; padding:0;}
html, body{height:100%}
img{border:0}
body{color:#acacac; background:#000 url("images/common/bg-mainGrad1.png") repeat-x 0 0 fixed; font:normal 12px/1 Arial, Helvetica, sans-serif;}

/* //// LINKS //////////////////////////////////////////////// link formatting /// */
a{font-size:1em; color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}
*:active, object:focus, embed:focus, a:focus, img:focus{outline: none;}

/* //// HEADER TEXT //////////////////////////////////////// header formatting /// */
h1{	font-size:2em;}
h2{	color:#fff;	font-size:1.3em;}
h3{	color:#fff;	font-size:1.2m}
h4{	color:#fff;	padding:0 0 .7em 0;	font-size:1.5em}
h5{	font-weight:bold; color:#fff; font-size:.9em; margin:.4em 0}
h6{	color:#ed8f1e; margin:.3em 0; font-size:1em}

/* //// BODY TEXT //////// ////////////////////////////////// text formatting /// */
p{font-size:.83em;line-height:1.2em;color:#acacac}
.whiteBold, .whiteBold p{font-weight: bold; color:#fff !important}
.white, .white p{color:#fff !important}
.orangeBold, .orangeBold p{font-weight: bold; color:#d1bd03 !important}
.orange, .orange p{color:#ed8f1e !important}
.greyBold, .greyBold p, greyBold a, greyBold a:link, greyBold a:hover{color:#acacac;  !important}
.grey, .grey p{color:#acacac !important}
.requiredAsterisk{font-weight: bold; color:#ec0202;}

/* //// LAYOUT //////////// /////////////////////////////// layout formatting /// */
#pageWrap{
	width:982px;
	margin:0 auto
}
#pageShadow{
	background:url("images/common/bg-mainShadow.png") no-repeat 0 0;
	height:700px;
	position:absolute;
	width:982px
}
#contentGrad{
	background:url("images/common/bg-contentGrad.png") repeat-x 0 0;
	height:700px;
	margin:0 0 0 16px;
	position:absolute;
	width:950px;
}
#contentWrap{
	position:relative;
	width:950px;
}

/* ///////////////////////////////////////////////// header holds logo and nav /// */
#header{margin:20px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; width:100%; background:url("images/common/") no-repeat 0 0; z-index:10;}

/* ///////////////////////////////////////////////////////////////////// flags /// */
#flags{float:left; margin:25px 0px 0px 50px; display:inline;}
#flags h3{font-size:1.3em; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#flags a, flags a:hover, flags a:visited{text-decoration:none;}

#testimonialScroller{float:left; margin:10px 0px 0px 50px; display:inline;}
textarea#news2{font-size:0.9em; font-weight:normal; font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; background:transparent; border: none; overflow:hidden; resize:none;}

/* #backupLearnMore{margin:0px 0px 0px 50px; float:left; position: absolute; display:inline; background: url("images/common/backup_learn_more_buttons_variations{randomize:min="1",max="4"}.png") left top no-repeat; z-index:20;} */
#backupLearnMore{margin:-15px 0px 0px 50px; height:106px; float:left; position: absolute; display:inline; z-index:20;}
#backupLearnMore img{display:inline;}

#backupBuyNow{margin:10px 0px 0px 50px; float:left; position: absolute; z-index:20;}
#backupBuyNow img{display:inline;}

#logo{margin:0px 0px 0px 645px; float:left; position: absolute; z-index:20;}
#logo img{display:inline;}
.logo h1 {font-size:1.8em; line-height:em; font-weight: bold; color:#fff;}

/* ////////////////////////////////////////////////////////////////// main nav /// */
#nav {margin:63px 0px -3px 362px;position:relative;z-index:1000;}
/* style the links */
#nav a, #nav a:visited {font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size:1.3em;display:inline; text-decoration:none;height:16px;line-height:16px;color:#fff;text-indent:px; z-index:1000;}
/* style the link hover */
* html #nav a:hover, #nav .active {background:none;color:#ccc !important; text-decoration:none; z-index:20;}
#nav :hover > a, #nav .active {background:none;color:#ccc !important;text-decoration:none; z-index:20;}

/* /////////////////////////////////////////////////////////////////// sub nav /// */
ul.topnav {
	list-style: none;
	margin: 0;
	padding: 0px 20px 0px 0px;
	float: left;
	width: 100%;
	background: #;
	font-size: 1em;
	background: url() repeat-x;
	border:;
	z-index:20;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	display:inline;
	text-decoration:none;
	color:#fff;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	/* background: url(topnav_hover.gif) no-repeat center top; */
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	/* background: url(subnav_btn.gif) no-repeat center top;*/ /*--No longer applies as drop-down is triggered by mouseover not click--*/
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #34444f url(images/common/bg_subnav_536c7d_.png) no-repeat; /*-- Main background color (was #34444f) and image--*/
	background-position: bottom right;
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: none;
	float: left;
	width: 140px;
	border: 1px solid #ccc;
	font-size:0.9em;
}
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 0;
	clear: both;
	width: 140px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 140px;
	background: #xxx url(images/common/) repeat-xy 10px left;
	padding: 5px 10px 5px 10px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #xxx url(images/common/) repeat-xy 10px left;
}
/* ////////////////////// */
ul.subnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.subnav li ul.subnav2 {
	list-style: none;
	position: relative; /*--Important - Keeps subnav2 from affecting main navigation flow--*/
	left: 0; top: -30px;
	background: #34444f url(images/common/bg_subnav_536c7d_.png) no-repeat; /*-- Main background color (was #34444f) and image--*/
	background-position: bottom right;
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: none;
	float: left;
	width: 120px;
	border: 1px solid #ccc;
	font-size:0.9em;
}
ul.subnav li ul.subnav2 li{
	margin: 0;
	padding: 0;
	clear: both;
	width: 120px;
}
html ul.subnav li ul.subnav2 li a {
	float: left;
	width: 120px;
	background: #xxx url(images/common/) repeat-xy 10px left;
	padding: 5px 10px 5px 10px;
}
html ul.subnav li ul.subnav2 li a:hover { /*--Hover effect for subnav2 links--*/
	background: #xxx url(images/common/) repeat-xy 10px left;
}

/* /////////////////////////////////////////////////////////////////// panels /// */
#videoPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; background:url("images/home/placeHolder_home.png") no-repeat 0 0; z-index:-1;}
#videoProductionWorkPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; background:url("images/the_work/video_production/bg_video_production_work.png") no-repeat 0 0;}
#slideShowWebDesignPanel{width:950px; height:306px; margin:120px 0px 0px 16px; position:absolute; background:url("images/the_work/bg_loading_web_design_work.png") no-repeat 0 0;}
#slideShowPanel{width:950px; height:306px; margin:120px 0px 0px 16px; position:absolute; background:url("") no-repeat 0 0;}
#stillPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; background:url("") no-repeat 0 0;}
#stillPanelQuoteButton{width:104px; height:31px; margin:0px 0px 0px 200px; padding:0px 0px 0px 0px;position:absolute;z-index:2000;}
#contactPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; background:#fff;}
#locationsPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; padding:0px 0px 0px 0px; font-size:1em; background:#fff; color:#000; font-size:1.2em;}
#locationsPanel table{margin:0px 0px 0px 0px; height:277px; width:950px; text-align:left; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#locationsPanel th{padding:0px 0px 0px 0px; height:277px; width:475px; text-align:left;}
#locationsPanel td{padding:30px 20px 20px 0px; height:277px; text-align:left;}
#locationsPanel img{display:inline;}
#locationsPanel a{color:#000; text-decoration:underline;}
#locationsPanel a:hover{color:#444; text-decoration:none;}

#textPanel{width:950px; height:px; margin:120px 0px 0px 16px; padding:30px 30xp 0px 100px; font-size:1.3em; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; position:absolute;}
.textPanel{margin:30px 40px 30px 30px; padding:0px 0px 0px 0px;}
#textPanel img{display:inline;}
#textPanel h3{color:#fff; padding:0px 0px 20px 0px; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#textPanel p{color:#acacac; padding:0px 0px 20px 0px; font-size:0.9em; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#textPanel a{color:#fff; text-decoration:none;}
#textPanel a:hover{color:#fff; text-decoration:underline;}

#thankYouPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color:#000; background:#fff; font-size:1.5em;}
.thankYouPanel{padding:20px 90px 0px 20px;}
#thankYouPanel img{display:inline;}
#thankYouPanel h3{color:#000; padding:0px 0px 20px 0px;}
#thankYouPanel p{color:#000; padding:0px 0px 20px 0px;}
#thankYouPanel a{color:#000; text-decoration:underline;}
#thankYouPanel a:hover{color:#444; text-decoration:none;}

#makePaymentPanel{width:950px; height:277px; margin:120px 0px 0px 16px; position:absolute; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color:#000; background:#fff; font-size:1.5em;}
.makePaymentPanel{padding:20px 90px 0px 20px;}
#makePaymentPanel img{display:inline;}
#makePaymentPanel h3{color:#000; padding:0px 0px 20px 0px;}
#makePaymentPanel p{color:#000; padding:0px 0px 20px 0px;}
#makePaymentPanel a{color:#000; text-decoration:underline;}
#makePaymentPanel a:hover{color:#444; text-decoration:none;}

#contactMessage{margin:0px 0px 0px 0px; padding:0px 20px 20px 20px; height:px; width:px; text-align:left; font-size:1.2em; color:#000; line-height:18px; background:url("images/the_work/video_production/") no-repeat 0 0;}
#contactMessage table{margin:0px 0px 0px 0px;height:px;	width:px; text-align:left; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#contactMessage td{padding:20px 20px 0px 0px; height:px;	width:250px; text-align:left;}

#freeQuote{margin:0px 0px 0px 0px; padding:0px 20px 20px 20px; height:px; width:px; text-align:left; font-size:1.2em; color:#000; line-height:18px; background:url("images/the_work/video_production/") no-repeat 0 0;}
#freeQuote table{margin:0px 0px 0px 0px;height:px;	width:px; text-align:left; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#freeQuote td{padding:20px 20px 0px 0px; height:px;	width:250px; text-align:left;}

/* /////////////////////////////////////////////////////// flash video content /// */
#flashContent{margin:0px 0px 0px 0px; height:277px;	width:685px; z-index:0;}
.homeFlash{
	background:url("images/common/placeHolder_index.png") no-repeat 0 0;
}
.contactFlash{
	background:url("images/common/placeHolder_contact.jpg") no-repeat 0 0;
}
.resultsFlash{
	background:url("images/common/placeHolder_results.jpg") no-repeat 0 0;
}

/* /////////////////////////////////////////////////////////////// description /// */
#descriptionBox{margin:320px 0px 0px 16px; padding:0px 0px 0px 0px; position:relative;}
#descriptionBox2{margin:320px 0px 0px 16px; padding:0px 0px 0px 0px; position:relative;}
#descriptionBoxBlank{height:50px; margin:320px 0px 0px 16px; padding:0px 0px 0px 0px; position:relative;}
.descriptionBox{float:left; position:relative;}
.descriptionBox img{display:inline;}
.descriptionContent{font-family:"Century Gothic", Arial, Helvetica, sans-serif;padding:10px 30px 0 30px;}
.descriptionContent h1{color:#acacac; font-size:1.8em; font-weight:normal; line-height:1.5em;}
.descriptionContent h2{color:#acacac; font-size:1.5em; font-weight:normal; line-height:1.2em;}
.descriptionContent h3{color:#acacac; font-size:1.2em; font-weight:normal; line-height:1.2em;}

.wholeBox{
	width:100%
}
.fiveEighthsBox{  
	width:83%;
}
.threeQuarterBox{  
	width:75%;
}
.halfBox{  
	width:50%;
}
.quarterBox{  
	width:25%;
}
.boxHeight{
	overflow:hidden;
	height:277px
}

/* ////////////////////////////////////////////////////////////// long pages /// */
#longPage{width:950px; height:; margin:120px 0px 30px 16px; position:absolute; background:url("") no-repeat 0 0; background-color:#fff; color:#444;}
#longPageText{width:910px; height:; margin:0px 0px 0px 0px; padding: 40px 20px 20px 20px; background-color:#fff;}
#longPageText ul{font-size:0.9em; color:#444;  padding: 0px 0px 0px 20px;}
#longPageText li{margin: 0px 0px 0px 20px; font-size:0.9em; color:#444; list-style-type: disc; padding: 5px 0px 5px 0px;}
.longPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:0.9em; color:#444;}
.longPageText h1{padding: 0px 0px 10px 0px; font-size:1.5em; font-weight:bold; color:#444;}
.longPageText h3{font-size:1.2em; font-weight:bold; color:#d1bd03;}
.longPageText p{padding: 10px 0px 10px 0px; color:#444;}
.longPageText a{color:#999; text-decoration:underline;}
.longPageText a:hover{color:#444; text-decoration:none;}

.webLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/bg_web_design_long_page_header.png") no-repeat top right;}
.webLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.webLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.webLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.webLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.webLongPageText a{color:#999; text-decoration:underline;}
.webLongPageText a:hover{color:#444; text-decoration:none;}

.ecommerceLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/bg_ecommerce_long_page_header.png") no-repeat top right;}
.ecommerceLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.ecommerceLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.ecommerceLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.ecommerceLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.ecommerceLongPageText a{color:#999; text-decoration:underline;}
.ecommerceLongPageText a:hover{color:#444; text-decoration:none;}

.seoLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/bg_seo_package_long_page_header.png") no-repeat top right;}
.seoLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.seoLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.seoLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.seoLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.seoLongPageText ul{font-size:0.9em; color:#444; padding: 0px 0px 0px 20px;}
.seoLongPageText li{margin: 0px 0px 0px 20px; font-size:0.9em; color:#444; list-style-type: disc; padding: 5px 0px 5px 0px;}
.seoLongPageText a{color:#999; text-decoration:underline;}
.seoLongPageText a:hover{color:#444; text-decoration:none;}

.socialLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/bg_social_media_long_page_header.png") no-repeat top right;}
.socialLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.socialLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.socialLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.socialLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.socialLongPageText a{color:#999; text-decoration:underline;}
.socialLongPageText a:hover{color:#444; text-decoration:none;}

.backupLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/") no-repeat top right;}
.backupLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.backupLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.backupLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.backupLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.backupLongPageText a{color:#999; text-decoration:underline;}
.backupLongPageText a:hover{color:#444; text-decoration:none;}

.videoLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("images/what_we_do/bg_video_production_long_page_header.png") no-repeat top right;}
.videoLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.videoLongPageText h2{padding: 0px 0px 20px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.videoLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.videoLongPageText p{padding: 10px 0px 10px 0px; color:#444;}
.videoLongPageText a{color:#999; text-decoration:underline;}
.videoLongPageText a:hover{color:#444; text-decoration:none;}

.legalLongPageText{font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; color:#444; background:url("") no-repeat top right;}
.legalLongPageText h1{padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#d1bd03;}
.legalLongPageText h2{padding: 0px 0px 10px 0px; font-size:1.2em; font-weight:bold; color:#444;}
.legalLongPageText h3{padding: 20px 0px 0px 0px; font-size:0.9em; font-weight:bold; color:#444;}
.legalLongPageText table{color:#444; font-size:0.9em; color:#444;}
.legalLongPageText td{padding:0px 20px 0px 0px; color:#444; font-size:0.9em; color:#444;}
.legalLongPageText p{padding: 10px 50px 10px 0px; color:#444;}
.legalLongPageText a{color:#999; text-decoration:underline;}
.legalLongPageText a:hover{color:#444; text-decoration:none;}

#longPageFooter{width:910px; height:70px; margin:0px 0px 0px 20px; padding: 15px 20px 0px 20px; background-color:#; background:url("images/common/bg_footer_long_page.png") no-repeat top left;}
.longPageFooter{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:1.3em; color:#fff;}
.longPageFooter a{color:#fff; text-decoration:none;}
.longPageFooter a:hover{color:#fff; text-decoration:underline;}

#longPageFooterSocial{margin:0px 0px 0px 845px; padding: 0px 20px -50px 0px; display:inline;}
.longPageFootLinks, longPageFootLinks a{margin:10px 0px 0px 0px; color:#fff; font-weight:normal; font-size:0.8em; text-decoration:none;}

#separator{width:910px; height:10px; margin:0px 0px 0px 0px; clear:both;}

/* /////////////////////////////////////////////////////////////// box fade  /// */
.boxPad{
	height:200px;
	margin:10px 7px 0 10px
}
.boxPad img{
	height:200px;	
}
.quarterBox .boxPad img, .quarterBox .boxSize, .quarterBox .wholeBoxTarget{
	width:220px;
}
.halfBox .boxPad img, .halfBox .boxSize, .halfBox .wholeBoxTarget{
	width:457px;
}
.threeQuarterBox .boxPad img, .threeQuarterBox .boxSize, .threeQuarterBox .wholeBoxTarget{
	width:694px;
}
#quarterBoxFlash{
	width:220px;
	height:200px
}
#legalSectionPages{width:260px;	height:110px; padding: 12px 30px 10px 20px; font-size:0.8em; background:url("images/common/bg_legal_section_pages.png") no-repeat 0 0;}
.divPosBottom{
	position:absolute;
	width:190px;
	bottom:10px;
	left:15px
}
.divPosTop{
	position:absolute;
	top:0
}
.divPosRight{
	width:auto;
	left:auto;
	right:0
}
.divPosBottom a, .divPosTop a{
	line-height:1.5em;
	font-size:.75em !important;
	color:#fff
}
.divPosBottom p{
	margin:.2em 0
}
.timeStamp{
	font-style:italic;
	padding-top:20px;
	font-size:.8em !important;
	color:#c2c2c2 !important
}

a.lnktxt{
	text-decoration:none;
	font-weight:bold;
	color:#0066cc;
}

a.lnktxt:hover{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

/* //////////////// footer holds social, footContent, phoneNumbers & footlinks /// */
#footer{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; width:100%;clear:both;}
.socialBox{float:left; margin:-100px 0px 0px 825px; padding:0px 0px 0px 0px;position:relative;}
.socialBox img{	display:inline;}
.footContent h3{margin:10px 0px 0px 45px; color:#fff; font-size:1.3em; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif; line-height:1.2em; position:relative;}
.footContent a, footContent a:hover, footContent a:visited{text-decoration:none;}
#phoneNumbers{margin:-1px 0px 0px 200px; padding:0px 0px 0px 0px; position:absolute;}
.footLinks, footLinks a{margin:40px 0px 0px 45px; color:#acacac; font-weight:normal; font-size:0.8em; text-decoration:none; position:absolute;}

/* //// PAGE ELEMENTS //////////////////////////////// page element formatting /// */

/* //// TABLES ////////////////////////////////////////////// table formatting /// */
table {border-collapse: separate; border-spacing: 0;}

#seoPackages table{width: 100%; background:none; border-collapse: separate; border-spacing:0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; line-height:20px;}
#seoPackages tr{border-top:solid 1px #BEBEBE;}
#seoPackages th{padding:10px 10px 10px 10px; border-right:solid 1px #BEBEBE; background-color:#; background:url(images/what_we_do/bg_seo_packages_table_head.jpg) repeat-x;}
#seoPackages th.noborder{border:none;}
#seoPackages tr.odd td {background-color:#E9E9EA;}
#seoPackages td{padding:10px 10px 10px 10px; border-right:solid 1px #BEBEBE;}
#seoPackages td.noborder{border:none;}
#seoPackages .subtitleTH {background-color:#444; color:#fff; font-weight:bold; font-size:1.2em;}

#signUpForm table{}
#signUpForm th{width:250px; padding:10px 10px 10px 0px; font-weight: normal; font-size: 14px; text-align:left;}
#signUpForm td{width:; padding:10px 10px 10px 0px;  font-weight: normal; font-size: 14px; text-align:left;}
#signUpForm td.noborder{border:none;}

table.plans  { width:90%; float:left; margin:0px 0px 0px 40px; font-size:0.8em; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal;}
.plans th {height:30px; padding:8px 10px 8px 10px; background-color:#efefef; color:#333; text-align:left; font-size:1em; vertical-align:middle; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #d7d6d4; border-bottom:0px;}
.plans td {height:30px; padding:5px 10px 5px 10px; font-size:1em; vertical-align:middle; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #d7d6d4; border-bottom:1px solid #d7d6d4;}
.plans input { vertical-align:middle; border:0px;}

.ecoplan { background-color:#; float:left; width:100%; margin:10px auto;}
.enhplan { background-color:#; float:left; width:100%; margin:10px auto;}
.workplan { background-color:#; float:left; width:100%; margin:10px auto;}

.planhead{margin: 0px 0px 0px 0px; font-size:0.9em !important; font-weight:bold; padding:5px 0px 5px 20px; color:#000; margin:0px;  }
.planhead img{border: none; display: inline; clear: both;}
.planheadTerms{font-size:0.7em !important; font-weight:normal; color:#626262;}
.planheadTerms a{color:#000; text-decoration:underline;}
.planheadTerms a:hover{color:#acacac; text-decoration:none;}

/* //// LISTS //////////////////////////////////////////////// list formatting /// */
ul{
	list-style:none
}
li{
	line-height:1.2em;
}
/* //// FORMS /////////////////////////////////////////////// other formatting /// */
input, textarea{font:normal 1em Arial, Helvetica, sans-serif;}
/* #freeQuote input, #freeQuote textarea{boder:#000 1px solid; font:normal 1em Arial, Helvetica, sans-serif;}*/

/*********************************form styles***************************************/
.contactForm h4{
	padding:18px 15px
}
.formButton{margin: -50px 0px 0px 600px;}
.formPad{
	padding:0 15px
}
.field input{
}
.field label{
	display:block;
	margin:0 0 4px 0;
	font-size:.9em;
	color:#fff
}
.checkList {
	padding:5px 7px;
	background:#fff;
	list-style: none;
}
.checkList label { 
	color:#595656;
	display: block;
}
* html .checkList label{
	height:1%
}
.checkList label input{ 
	margin:0 5px 0 0
}
.textbox{
	width:166px;
	height:16px;
	padding:2px;
	background:#FFFFFF;
	margin:0 0 8px 0;
	border:none
}
.textArea, .selectBox{
	font-size:.9em;
	width:99%;
	border:none;
	margin-bottom:8px
}
.selectBox option{
	padding:2px;
	color:#595656;
	font-size:.9em;
}

.txtfld {border: solid rgb(202, 202, 202) 1px; font-size: 12px; padding: 4px; width: 220px; background: url(images/common/bg-input.gif) repeat-x rgb(255, 255, 255); font-family:Verdana, Geneva, sans-serif; outline:none;}
.pcode{ font-family: Verdana, Arial, Helvetica, sans-serif; border: solid rgb(202, 202, 202) 1px; font-size: 12px; padding: 4px; width: 120px; background: url(images/common/bg-input.gif) repeat-x rgb(255, 255, 255); vertical-align:middle; }
.btnarea span {display:block; float:left; height:34px; padding:0px 3px; background:none; color:#fff;background-image:url(/images/); margin:0px 10px 0px 0px; _margin:0px 5px 0px 0px;background-repeat:no-repeat; background-position:left top; }
.btn {display:block; float:right; height:34px; padding:0px 3px; color:#fff; background-image:url(/images/obm_btnlft.gif); margin:0px 0px 0px 10px; background-repeat:no-repeat;	background-position:left top; width:auto; }
.notes { font-size:12px;}
.notes a { color:#0a9efd;text-decoration:underline; font-weight: bold;}
.notes a:hover { color:#0a9efd;text-decoration:none;}
.note {  font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #CC0000;padding:5px 0px 5px 0px;}

/* /////////// lead form ////////////// */
#leadForm .field label{
	color:#623C0F
}
#leadForm .field input{
	width:98%
}
#leadForm .field input, #leadForm .field textarea{
	background:#dcdcdc	
}
#leadForm .field, #leadForm .field2{
	padding:0 15px
}
#leadForm .field select.textbox{
	border:1px solid #dcdcdc;
	height:20px;
	padding:0;
	overflow:auto
}
#leadForm .textArea, .selectBox {
	width:82%
}
#leadForm .field .formError{
	background:#ED8F1E none repeat scroll 0 0;
    color:#FBF9F9;
}

/* /////////////////////////////////////////// whitePaper form styles ///////////////// */
#newsletterForm2{
	width:474px;
}
#newsletterForm2 h4{
	color:#623c0f
}
#newsletterForm2 .field label, #newsletterForm2 .requiredAstirikBr p{
	color:#666
}
#newsletterForm2 .field .textbox{
	background:#ddd
}
#newsletterForm2 .field .textbox.formError{
	background:#623C0F none repeat scroll 0 0;
    color:#FBF9F9;
}
#newsletterForm2 .divPosBottom{
	bottom:0
}

/* Images */
img {border: none; display: inline; clear: both; }
img.centered {display: inline; margin: 0px auto 0px auto;}
img.alignright {padding: 0px 0px 0px 0px; margin: 0px 0 10px 15px; display: inline; float: right;}
img.alignrightdown {padding: 0px 0px 0px 0px; margin: 20px 0 10px 15px; display: inline; float: right;}
img.alignleft {padding: 0px 0px 0px 0px; margin: 0px 15px 10px 0; display: inline; float: left;}
img.alignleftdown {padding: 0px 0px 0px 0px; margin: 20px 15px 20px 0; display: inline; float: left;}

