/** GLOBALS **/

	a { color: #666; font-weight: bold; }
	a:hover, #footer a:hover, ul.cam-action-links a.destress:hover, div.cam-nav-container a:hover, div.cam-nav-container a.on { color: #990000; }
	a:visited	{ color: #666; }
	a:visited:hover { color: #990000; }

	body, body.about, body.services, body.how-it-works, body.pricing, body.support, body.sign-up { background: #fff url(img/bg-page-.png) repeat-x; color: #333; font: 14px/19px Arial, Helvetica, sans-serif; text-align: center; }
	body.home { background: #fff url(img/bg-page0.png) repeat-x; }

	h1 { font-size: 31px; font-weight: bold; color: #7a7a7a; margin: 54px 0 20px 0; }
	h2 { font-size: 24px; font-weight: bold; line-height: 29px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #dadbdc; }
	h3 { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 12px; }
	h4 { font-size: 21px; line-height: 26px; margin-bottom: 16px; }
	h5 { font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 12px; }
	h6 { font-size: 12px; font-weight: bold; color: #7b7b7b; text-transform: uppercase; margin-bottom: 24px; }
	h7 { font-size: 24px; font-weight: bold; color: #990000; margin-bottom: 12px; }
	
	h1.florahost-logo { margin: 0; }
	h1.florahost-logo a {
	background: url(img/logo-fh.png);
	display: block;
	text-indent: -9999px;
	width: 306px;
	height: 93px;
	background-repeat: no-repeat;
}
	.home h1.florahost-logo a { background: url(img/logo-fh.png); }
	h1.heavy { color: #000; margin: 0 0 12px 0; }
	h5.steps { text-transform: uppercase; margin: 15px 0 123px 0; padding-left: 55px; }
	
	.light-text { color: #666; font-size: 12px; line-height: 17px; }
	.body-text { color: #666; }
	.small-text { color: #666; font-size: 11px; }
	
	.features li { background: url(img/features.gif) no-repeat left center; color: #666; font-size: 12px; font-weight: bold; padding-left: 16px; }
	
	blockquote { background: url(img/quote-op.gif) no-repeat top left; display: block; font-weight: bold; margin-bottom: -12px; padding: 12px 30px 12px 48px; position: relative; z-index: 5; }
	blockquote .close-quote { display: block; background: url(img/quote-cl.gif) no-repeat top right; height: 24px; position: relative; top: -12px; }
			
/** LAYOUT **/

	#container { margin: 0 auto; position: relative; text-align: left; padding: 10px 0 0 0; width: 963px; }
	
	.content { border-top: 1px solid #dadbdc; margin: 0 15px 34px 30px; overflow: hidden; padding-top: 20px; }
	.home .content { background: url(img/thirds-b.gif) repeat-y; border: none; margin: 0 0 34px 0; padding: 0; }
	.about .content { background: url(img/halfs-bg.htm) repeat-y; }
	.services .content { padding-top: 0; }
	.how-it-works .content, .sign-up .content { margin-right: 0; }
	.sign-up .content { padding-top: 0; }
	
	div.summary { height: 253px; margin-top: 60px; padding: 17px 413px 0 30px; }
	div.summary.about { background: url(img/summary-.jpg) no-repeat 603px bottom; }
	div.summary.services { background: url(img/summary0.jpg) no-repeat 560px bottom; }
	div.summary.pricing { background: url(img/summary1.jpg) no-repeat 645px bottom; padding-right: 340px; }
	div.summary.how-it-works { background: url(img/summary2.jpg) no-repeat 681px 25px; padding-right: 340px; }
	div.summary.sign-up { background: url(img/summary3.jpg) no-repeat 650px bottom;  }
	div.summary.support { background: url(img/summary5.jpg) no-repeat 645px bottom; padding-right: 340px; }
	
	.services-list { background: url(img/services.gif) repeat-y; float: left; }
	.services-list li { border-bottom: 1px solid #dadbdc; float: left; width: 434px; height: 150px; padding: 24px 24px 0 0; }
	
	.main { width: 539px; border-right: 1px solid #dadbdc; padding: 9px 16px 0 0; }
	.sub { width: 341px; margin-left: 21px; padding-top: 21px; }
	.thirds { width: 283px; margin-left: 57px; }
	
/** PRICING TABLE **/

	table { width: 100%; margin-top: -20px; }
	table h3 { margin: 0; }
	th, td { border-bottom: 1px solid #dadbdc; border-left: 1px solid #dadbdc; padding: 16px 0 16px 16px; }
	th.no-border, td.no-border { border-left: none; padding: 16px 16px 16px 0; width: 307px; }
	th.no-border2, td.no-border2 { border-left: none; padding: 16px 16px 16px 0; width: 470px; }
	
/** HOW IT WORKS **/

	.step { float: left; padding: 0 20px 0 30px; }
	.step-1 { background: url(step-100.gif) no-repeat; width: 185px; }
	.step-2 { background: url(step-200.gif) no-repeat; width: 179px; }
	.step-3 { background: url(step-300.gif) no-repeat; width: 179px; }
	.step-4 { background: url(step-400.gif) no-repeat; width: 200px; }
	
/** SIGN UP **/

	.sign-up-list { background: url(img/sign-up-.gif) repeat-y; border-bottom: 0px solid #dadbdc; float: left; }
	.sign-up-list li.subscriptions { width: 228px; float: left; height: 590px; position: relative; }
	.sign-up-list li.one-time { float: left; height: 690px; width: 245px; position: relative; }
	.sign-up-list h4 { font-weight: bold; margin: 13px 13px 0 13px; padding-bottom: 13px; border-bottom: 1px solid #dadbdc; }
	.sign-up-list .sign-up-copy { margin: 16px; }
	.sign-up-list .one-time-container { padding: 17px 0 17px 16px; height: 27px; border-bottom: 1px solid #dadbdc; }
	.sign-up-list .chooseProd { float: left; }
	.sign-up-list p.default { float: left; }
	.sign-up-list select { margin: 3px 6px 0 0; padding: 1px; border: 1px solid #b8b7b7; width: 150px; }

/** SUPPORT **/

	#support-request input, #support-request textarea { padding: 4px; }
	#support-request select { padding: 2px; width: 265px; }
	#support-request li { height: 90px; }
	#support-request li.comment { height: auto; }
	#support-request input { width: 257px; }
	#support-request label { display: block; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; color: #666; }
	#support-request #submit { width: auto; padding: 0; margin-top: 19px; width: 100px; height: 37px; }
	#support-request #checkbox { width: auto; padding: 0px; width: 20px; }
	#support-request #kk { width: auto; padding: 0px; width: 20px; }
	#support-request #kk2 { width: auto; padding: 0px; width: 20px; }
	#support-request #kk3 { width: auto; padding: 0px; width: 20px; }
	#support-request #kk4 { width: auto; padding: 0px; width: 20px; }

	#support-request #agb { width: auto; padding: 0px; width: 20px; }
	#support-request #endung { width: auto; padding: 3px; width: 70px; }
	#support-request #endung2 { width: auto; padding: 3px; width: 70px; }
	#support-request #endung3 { width: auto; padding: 3px; width: 70px; }
	#support-request #endung4 { width: auto; padding: 3px; width: 70px; }
	
/** TOUTS **/

	.tout { margin-bottom: 21px; }
	.tout.plans { background: url(img/startsup.jpg); width: 191px; height: 56px; padding: 140px 0 0 150px; }
	.tout.bottom { width: 621px; height: 168px; margin-left: auto; margin-right: auto; padding: 30px 38px 20px 244px; position: relative; }
	.tout.bottom.girl { background: url(img/tout-bot.jpg); }
	.tout.bottom.guy { background: url(img/tout-bou.jpg); }
	.tout.bottom div { position: absolute; top: 105px; left: 370px; width: 350px; }
	.tout.bottom p { position: absolute; top: 139px; left: 710px; }
	
/** BUTTONS **/

	.btn { display: block; text-indent: -9999px; float: left; }
	.btn.large { width: 100px; height: 37px; margin-left: 42px; }
	.btn.large.sign-up { background: url(img/btn-sign.gif) no-repeat; }
	.btn.large.learn-more { width: 123px; background: url(img/btn-lear.gif) no-repeat; }
	.btn.large.learn-more:hover { background-position: -123px; }
	.btn.large.see-how { width: 175px; background: url(img/btn-see-.gif) no-repeat; }
	.btn.large.see-how:hover { background-position: -175px; }
	.btn.large.service-plans { width: 195px; background: url(img/btn-serv.gif) no-repeat; }
	.btn.large.service-plans:hover { background-position: -195px; }

	a.price2 { display: block; width: 96px; height: 95px; text-indent: -9999px; }
	a.price2.i { background: url(img/price2-i.jpg) no-repeat; }
	a.price2.ii { background: url(img/price2-ii.jpg) no-repeat; }
	a.price2.iii { background: url(img/price2-iii.jpg) no-repeat; }
	a.price2.iv { background: url(img/price2-iv.jpg) no-repeat; }
	
	.price-sign-up { display: block; width: 227px; height: 69px; text-indent: -9999px; border: 0; cursor: pointer; }
	.price-sign-up.i { background: url(img/price-i.jpg) no-repeat; }
	.price-sign-up.ii { background: url(img/price-ii.jpg) no-repeat; }
	.price-sign-up.iii { background: url(img/price-iii.jpg) no-repeat; }
	.price-sign-up.iv { background: url(img/price-iv.jpg) no-repeat; }
	.price-sign-up.i-2 { background: url(img/price-i.jpg) no-repeat; position: absolute; bottom: 0; }
	.price-sign-up.ii-2 { background: url(img/price-ii.jpg) no-repeat; position: absolute; bottom: 0; }
	.price-sign-up.iii-2 { background: url(img/price-iii.jpg) no-repeat; position: absolute; bottom: 0; }
	.price-sign-up.iv-2 { background: url(img/price-iv.jpg) no-repeat; position: absolute; bottom: 0; }
	
/** FOOTER **/
	
	#footer { clear: both; width: 963px; padding-top: 25px; text-align: center; }
	#footer li, #footer ul { display: inline; }
	#footer li,
	ul.cam-action-links li { background: url(img/footer-l.gif) no-repeat right center; }
	#footer li.no-border { background: none; }
	#footer a { color: #767676; font-size: 12px; padding: 0 10px 0 8px; text-decoration: none; }
	#footer a:hover { color: #71a840; }
	
/** NAVIGATION **/
	
	#navigation { background: url(img/nav-bg.png) no-repeat top left; position: absolute; top: 116px; width: 962px; height: 39px; }
	#navigation li, #site-nav { float: left; }
	#navigation a { display: block; font-size: 12px; line-height: 34px; text-decoration: none; }
	#site-nav li { background: url(img/nav-li-b.gif) no-repeat top right; }
	#site-nav a { color: #a7a7aa; padding: 0 32px 5px 32px; }
	#site-nav a:hover { color: #71a840; }
	#site-nav a.on, #member-nav a { color: #fff; }
	#site-nav a#nav-home.on { background: url(img/nav-home.png) no-repeat; }
	#site-nav a#nav-about.on { background: url(img/nav-abou.png) no-repeat; }
	#site-nav a#nav-services.on { background: url(img/nav-serv.png) no-repeat; }
	#site-nav a#nav-works.on { background: url(img/nav-work.png) no-repeat; }
	#site-nav a#nav-pricing.on { background: url(img/nav-pric.png) no-repeat; }
	#site-nav a#nav-support.on { background: url(img/nav-supp.png) no-repeat; }
	#member-nav { float: right; margin-right: 5px; }
	#member-nav li.border { background: url(img/member-n.gif) no-repeat right center; }
	#member-nav a { padding: 0 10px; }
	#member-nav a:hover { color: #fbfae8; }
	#login-link { position: relative; top: -40px; left: 165px; font-size: 12px; float: right; }
	#login-link a { color: #666; font-weight: normal; text-decoration: underline; }
	#login-link a:hover { color: #f1f1f1; }

/** SLIDER **/

	#solutions { width: 963px; height: 303px; margin: 60px 0 35px 0; overflow: hidden; position: relative; z-index: 50; }
	#solutions li.panel { width: 456px; height: 267px; padding: 36px 78px 0 429px; overflow: hidden; }
	#slide-one { background: url(img/one00000.jpg) no-repeat 14px bottom; }
	#slide-two { background: url(img/two00000.jpg) no-repeat 14px bottom; }
	#slide-three { background: url(img/three000.jpg) no-repeat 14px bottom; }
	#slide-four { background: url(img/four0000.jpg) no-repeat 14px bottom; }
	span#left { position: relative; top: -200px; display: block; width: 19px; height: 53px; margin: 0 0 -106px -32px; background: url(img/left0000.png); }
	span#right { position: relative; top: -147px; display: block; width: 19px; height: 53px; margin-left: 975px; background: url(img/right000.png); }
	span#left a, span#right a { display: block; width: 19px; height: 53px; outline: none; }
	#left:hover, #right:hover { background-position: -19px; }
	.panel .calls { margin: 30px -75px 0 125px; overflow: hidden; }
		
/** OVERRIDE STYLES **/

	.b-b { border-bottom: 1px solid #dadbdc; }
	.b-t { border-top: 1px solid #dadbdc; }
	.c-b { clear: both; }
	.f-l { float: left; }
	.f-r { float: right; }
	.m-t { margin-top: 12px; }
	.m-t-2 { margin-top: 24px; }
	.m-b { margin-bottom: 12px; }
	.m-l { margin-left: 12px; }
	.m-l-3 { margin-left: 33px; }
	.m-r { margin-right: 12px; }
	.m-0 { margin: 0; }
	.p-t { padding-top: 12px; }
	.p-b { padding-bottom: 12px; }
	.p-b-2 { padding-bottom: 24px; }
	.p-r { padding-right: 12px; }
	.p-l { padding-left: 12px; }
	.normal { font-weight: normal; }
	.strong { font-weight: bold; }
	.gray { color: #666; }
	.red { color: #990000; }