/**** BODY ***/
html, body { background:#fff; text-align:center; margin:0; padding:0; }
body { background:url(../img/layout/siteBackground.gif) repeat-x; }
#siteWrap { position:relative; text-align:left; width:950px; margin:0 auto; padding:10px 0 0 0; }
/*******/
/**** ZONES ***/
.zone { min-height:10px; }
/*******/
/**** HEADER ***/
#headerWrap { float:left; width:100%; padding:25px 0 0 0; }
#logo { float:left; padding:15px 0 29px 0; width:188px; }
#logo IMG { display:block; }
/*******/
/**** NAV ***/
#headerInfo { float:right; padding:0 0 18px 0; }
#headerInfo UL { float:left; margin:0; padding:0; list-style-type:none; }
#headerInfo UL LI { float:left; margin:0; padding:0 0 0 20px; background:url(../img/layout/headerInfoDivider.gif) no-repeat 7px 50%; font:normal 13px/18px "Trebuchet MS"; color:#999; }
#headerInfo UL LI.first { background:none; padding:0; }
#headerInfo UL LI a,
#headerInfo UL LI a:link,
#headerInfo UL LI a:active,
#headerInfo UL LI a:visited { float:left; text-decoration:none; font:normal 13px/18px "Trebuchet MS"; color:#999; }
#headerInfo UL LI a:hover { text-decoration:none; color:#333; }
/*******/
/**** NAV ***/
#nav { clear:right; float:right; width:750px; }
#nav UL { float:right; margin:0; padding:0; list-style-type:none; }
#nav UL LI { float:left; margin:0; padding:0 0 0 28px; }
#nav UL LI a,
#nav UL LI a:link,
#nav UL LI a:active,
#nav UL LI a:visited { float:left; text-decoration:none; font:bold 16px/24px arial; color:#999; text-transform:uppercase; }
#nav UL LI a:hover,
#nav UL LI a.active { text-decoration:none; color:#333; }
#nav UL UL { display:none; }
/*******/
/**** MAIN ***/
#mainWrap { clear:both; float:left; width:100%; }
#topContentWrap { margin:0 0 20px 0; float:left; width:100%; }
/*******/
/**** FOOTER CALLOUT ***/
#footerCallout { position:relative; margin:20px 0 30px 0; border-bottom:1px solid #438094; background:url(../img/layout/footerCalloutTop.gif) no-repeat; clear:both; float:left; width:100%; }
#footerCallout .messaging { position:relative; bottom:-1px; background:url(../img/layout/footerCalloutBottomLeft.gif) no-repeat 0 100%; float:left; width:250px; padding:12px 20px 15px 21px; }
#footerCallout .messaging H4 { font:bold 21px/24px arial; color:#fff; margin:0 0 5px 0; }
#footerCallout .messaging P { font:bold 12px/16px arial; color:#fff; margin:0; }
#footerCallout .phone { background:url(../img/layout/footerCalloutDividers.gif) no-repeat 0 13px; float:left; width:179px; padding:29px 21px 17px 21px; }
#footerCallout .phone SPAN { background:url(../img/layout/footerCalloutPhone.gif) no-repeat 0 0; font:bold 18px/30px arial; color:#fff; float:left; width:100%; text-indent:40px; padding:7px 0 15px 0; }
#footerCallout .actions { position:absolute; bottom:-1px; right:0; height:100%; background:url(../img/layout/footerCalloutBottomRight.gif) no-repeat 100% 100%; float:right; padding:0 15px 1px 19px; }
#footerCallout .actions a,
#footerCallout .actions a:link,
#footerCallout .actions a:active,
#footerCallout .actions a:visited,
#footerCallout .actions a:hover { float:left; margin:27px 0 0 10px; text-decoration:none; color:#fff; }
#footerCallout .actions IMG { display:block; }
/*******/
/**** FOOTER ***/
#footerWrap { position:relative; border-top:1px solid #e8e8e8; padding:15px 0 0 0; clear:both; }
#siteWrap #footerWrap H6 { position:absolute; top:15px; left:240px; width:260px; padding:0 0 15px 0; font:normal 13px/16px "Trebuchet MS"; color:#999; }
#footerWrap H6 IMG { display:block; }
#footerWrap P { font:normal 13px/18px "Trebuchet MS"; color:#999; padding:0 0 40px 0; }
/*******/
/**** FOOTER NAV ***/
#footerNav { position:absolute; top:17px; right:0; float:left; }
#footerNav UL { float:left; margin:0; padding:0; list-style-type:none; }
#footerNav UL LI { float:left; margin:0; padding:0 0 0 17px; background:url(../img/layout/footerNavDivider.gif) no-repeat 7px 50%; }
#footerNav UL LI.first { background:none; padding:0; }
#footerNav UL LI a,
#footerNav UL LI a:link,
#footerNav UL LI a:active,
#footerNav UL LI a:visited { float:left; text-decoration:none; font:normal 13px/18px "Trebuchet MS"; color:#666; }
#footerNav UL LI a:hover,
#footerNav UL LI.active a:hover { text-decoration:none; color:#333; }
/*******/
/**** SOCIAL LINKS ***/
#socialLinks { position:absolute; top:47px; right:0; }
#socialLinks a,
#socialLinks a:link,
#socialLinks a:active,
#socialLinks a:visited { float:left; text-decoration:none; font:normal 12px/18px "Trebuchet MS"; color:#999; }
#socialLinks a:hover { text-decoration:none; color:#333; }
#socialLinks a IMG { float:left; margin:0 5px 0 0; vertical-align:middle; }
#socialLinks a.addthis_button { padding:0 11px 0 0; background:url(../img/layout/footerBullet.gif) no-repeat 100% 50%; margin:0 9px 0 0; }
/*******/
/**** PREATION FOOTER LOGO ***/
body { position:relative; padding-bottom:29px; }
#preationFooterLogo { position:absolute; bottom:1px; right:1px; }
#preationFooterLogo IMG { display:block; }
/*******/
/**** HOMEPAGE LAYOUT ***/
#newHomepageLayout #homepageTour { background:url(../img/layout/homepageTourBackground.jpg) repeat-x; float:left; width:950px; position:relative; }
#newHomepageLayout #homepageTour #tourSlides { background:url(../img/layout/tourTop.gif) no-repeat; position:relative; float:left; width:950px; height:370px; }
#newHomepageLayout #homepageTour #tourSlides .slide { display:none; position:absolute; top:0; left:0; float:left; width:330px; padding:30px 580px 30px 40px; height:310px; }
#newHomepageLayout #homepageTour #tourSlides .slide .element H2 { font:bold 26px/32px "Trebuchet MS"; color:#fff; }
#newHomepageLayout #homepageTour #tourSlides .slide .element H5 { color:#cfdde2; }
#newHomepageLayout #homepageTour #tourSlides .slide .element P a,
#newHomepageLayout #homepageTour #tourSlides .slide .element P a:link,
#newHomepageLayout #homepageTour #tourSlides .slide .element P a:active,
#newHomepageLayout #homepageTour #tourSlides .slide .element P a:visited { background:url(../img/layout/tourLinkArrow.gif) no-repeat 0 2px; padding:0 0 0 15px; text-decoration:none; font:bold 14px/18px "Trebuchet MS"; color:#fff; }
#newHomepageLayout #homepageTour #tourSlides .slide .element P a:hover { text-decoration:none; color:#fff; }
#newHomepageLayout #homepageTour #tourSlides #tourSlide { display:block; background:url(../img/layout/tourSlide_tour.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #buildSlide { background:url(../img/layout/tourSlide_build.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #styleSlide { background:url(../img/layout/tourSlide_style.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #optimizeSlide { background:url(../img/layout/tourSlide_optimize.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #communicateSlide { background:url(../img/layout/tourSlide_communicate.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #attractSlide { background:url(../img/layout/tourSlide_attract.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #connectSlide { background:url(../img/layout/tourSlide_connect.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #organizeSlide { background:url(../img/layout/tourSlide_organize.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides #supportSlide { background:url(../img/layout/tourSlide_support.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourSlides .slide .slideButton { position:absolute; left:38px; bottom:27px; }
#newHomepageLayout #homepageTour #tourSlides .slide .zone { position:relative; min-height:310px; }
#newHomepageLayout #homepageTour #tourSlides #tourSlide .zone H1 { margin:0; width:870px; padding:0; text-align:center; font:oblique 21px/24px "Trebuchet MS"; color:#cfdfe4; }
#newHomepageLayout #homepageTour #tourSlides #tourSlide { height:270px; width:870px; padding:70px 40px 30px 40px; }
#newHomepageLayout #homepageTour #tourControls { background:url(../img/layout/tourControlDividerRight.gif) no-repeat 25px 0; clear:both; float:left; width:950px; }
#newHomepageLayout #homepageTour #tourControls #tourArrowLeft { cursor:pointer; outline:none; position:absolute; top:169px; left:-17px; }
#newHomepageLayout #homepageTour #tourControls #tourArrowRight { cursor:pointer; outline:none; position:absolute; top:169px; right:-17px; }
#newHomepageLayout #homepageTour #tourControls UL { background:url(../img/layout/tourControlDividerLeft.gif) no-repeat 100% 0; float:left; margin:0; padding:0 1px 0 26px; list-style-type:none; }
#newHomepageLayout #homepageTour #tourControls UL LI { background:url(../img/layout/tourControlDividers.gif) no-repeat; text-align:center; float:left; margin:0; padding:0; width:100px; height:99px; }
#newHomepageLayout #homepageTour #tourControls UL LI a,
#newHomepageLayout #homepageTour #tourControls UL LI a:link,
#newHomepageLayout #homepageTour #tourControls UL LI a:active,
#newHomepageLayout #homepageTour #tourControls UL LI a:visited { cursor:pointer; outline:none; font:bold 12px/18px "Trebuchet MS"; text-decoration:none; color:#333; }
#newHomepageLayout #homepageTour #tourControls UL LI a:hover { text-decoration:none; color:#333; }
#newHomepageLayout #homepageTour #tourControls UL LI a IMG { display:block; margin:0 auto; padding:16px 0 3px 0; }
#newHomepageLayout #homepageTour #tourControls UL LI.active { background:url(../img/layout/tourControlDividersActive.jpg) no-repeat; }
#newHomepageLayout #homepageTour #tourControls UL LI.active a { cursor:default; }
#newHomepageLayout #textWrap { float:left; width:210px; }
#newHomepageLayout #utilityWrap { float:left; width:210px; margin:0 30px; }
#newHomepageLayout #additionalUtilityWrap { float:left; width:470px; }
/*******/
/**** DETAIL LAYOUT ***/
#newDetailLayout #mainContent { float:right; width:707px; }
#newDetailLayout #mainContent #textWrap { float:left; width:100%; }
#newDetailLayout #mainContent #additionalTextWrap { float:left; width:475px; margin:0 30px 0 0; }
#newDetailLayout #mainContent #additionalUtilityWrap { float:right; width:202px; }
#newDetailLayout #mainContent #lowerContentFull { padding:10px 0 0 0; clear:both; float:left; width:707px; }
#newDetailLayout #mainContent #lowerContentLeft { float:left; width:202px; }
#newDetailLayout #mainContent #lowerContentMiddle { float:left; width:202px; margin:0 51px 0 50px; }
#newDetailLayout #mainContent #lowerContentRight { float:left; width:202px; }
#newDetailLayout #utilityWrap { float:left; width:203px; margin:0 40px 0 0; }
#newDetailLayout #utilityWrap .eden_form { width:203px; }
#newDetailLayout #utilityWrap .eden_form .field-wrap { width:201px; }
#newDetailLayout #utilityWrap .eden_form .field-wrap LABEL { padding-left:5px; text-indent:0; width:90px; font:bold 11px/22px arial; color:#666; }
#newDetailLayout #utilityWrap .eden_form .field-wrap DIV { width:101px; }
#newDetailLayout #utilityWrap .eden_form .field-wrap DIV INPUT { width:99px; }
#newDetailLayout #utilityWrap .eden_form .field-wrap DIV P { font:oblique 11px/14px arial; color:#666; }
#newDetailLayout #utilityWrap .eden_form #fieldset-buttons { padding:14px 0 14px 10px; margin-top:10px; }
/*******/
/**** CONTACT US LAYOUT ***/
#newContactLayout #mainContent { float:left; width:292px; margin:0 40px 0 0; }
#newContactLayout #mainContent #textWrap { float:left; width:292px; }
#newContactLayout #mainContent #standoutWrap { float:left; width:292px; background:#f2f2f2 url(../img/layout/standoutBottom.gif) no-repeat 0 100%; }
#newContactLayout #mainContent #standoutWrap #standout1 { background:url(../img/layout/standoutTop.gif) no-repeat; float:left; width:84px; margin:0 20px 0 0; padding:15px 0 0 15px; }
#newContactLayout #mainContent #standoutWrap #standout2 { background:url(../img/layout/standoutTop.gif) no-repeat 100% 0; float:left; width:158px; padding:15px 15px 0 0; }
#newContactLayout #additionalUtilityWrap { float:left; width:375px; }
#newContactLayout #utilityWrap { float:left; width:203px; margin:0 40px 0 0; }
#newContactLayout #lowerContentFull { padding:10px 0 0 0; clear:both; width:100%; }
/*******/
/**** PRICING LAYOUT ***/
#newPricingLayout #textWrap { float:left; width:292px; margin:0 40px 0 0; }
#newPricingLayout #textWrap .eden_form { clear:both; width:292px; margin:0 0 10px 0; }
#newPricingLayout #textWrap .eden_form .field-wrap { width:290px; }
#newPricingLayout #textWrap .eden_form .field-wrap LABEL { padding-left:5px; text-indent:0; width:100px; font:bold 11px/22px arial; color:#666; }
#newPricingLayout #textWrap .eden_form .field-wrap DIV { width:180px; }
#newPricingLayout #textWrap .eden_form .field-wrap DIV INPUT { width:178px; }
#newPricingLayout #textWrap .eden_form .field-wrap DIV P { font:oblique 11px/14px arial; color:#666; }
#newPricingLayout #textWrap .eden_form #fieldset-buttons { padding:14px 0 14px 10px; margin-top:10px; }
#newPricingLayout #additionalUtilityWrap { float:left; width:375px; }
#newPricingLayout #utilityWrap { float:left; width:203px; margin:0 40px 0 0; }
#newPricingLayout #lowerContentFull { padding:10px 0 0 0; clear:both; width:100%; }
#newPricingLayout #lowerContentHalf1 { float:left; width:455px; margin:0 40px 0 0; }
#newPricingLayout #lowerContentHalf2 { float:left; width:455px; }
/*******/
/**** ABOUT LAYOUT ***/
#newAboutLayout #textWrap { clear:both; float:left; width:100%; }
#newAboutLayout #additionalTextWrap { clear:both; float:left; width:972px; margin:20px -22px 10px 0; }
#newAboutLayout #utilityWrap { float:left; width:220px; margin:0 22px 0 0; }
#newAboutLayout #additionalUtilityWrap { float:left; width:708px; }
/*******/
/**** 50 / 50 LAYOUT ***/
#new5050Layout #textWrap { clear:both; float:left; width:455px; margin:0 40px 0 0; }
#new5050Layout #utilityWrap { float:left; width:455px; }
/*******/
/**** 2 COLUMN LAYOUT ***/
#new2ColumnLayout #contentWrap { clear:both; float:right; width:707px; }
#new2ColumnLayout #contentWrap #textWrap { float:left; width:100%; }
#new2ColumnLayout #contentWrap #additionalTextWrap { float:left; width:334px; margin:0 39px 0 0; }
#new2ColumnLayout #contentWrap #additionalUtilityWrap { float:left; width:334px; }
#new2ColumnLayout #utilityWrap { float:left; width:203px; margin:0 40px 0 0; }
/*******/
/**** 1 COLUMN LAYOUT ***/
#new1ColumnLayout #textWrap { clear:both; float:left; width:950px; }
/*******/
/**** EXAMPLES LAYOUT ***/
#newExamplesLayout #textWrap { clear:both; float:left; width:100%; }
#newExamplesLayout #additionalTextWrap { clear:both; float:left; width:972px; margin:20px -22px 10px 0; }
#newExamplesLayout #utilityWrap { float:left; width:220px; margin:0 22px 0 0; }
#newExamplesLayout #additionalUtilityWrap { float:left; width:708px; }
/*******/