
body			{ background-color: #ededed; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 23px; color: #666666; margin: 0 0 20px 0; }

a			{ color: #2c6bac; text-decoration: none; border-bottom: 1px dotted #2c6bac; }
a img			{ border: 0; }
a.imglink		{ border-bottom: 0; }

br			{ clear: both; line-height: 1px; }
br.noclear		{ clear: none; }

#phone			{ width: 750px; margin: 20px auto; text-align: right; font-size: 20px; color: #999999;}

#container-outer	{ border: 1px solid #d3d3d3; width: 830px; margin: 20px auto 0 auto; }
#container		{ border: 10px solid #e6e5e5; padding: 30px; position: relative; background-color: #ffffff }

#top			{ position: relative; height: 50px; }
#top #menu		{ position: absolute; top: 10px; right: 0px; text-align: right; height: 20px; }
#top #menu a		{ margin-left: 11px; border-bottom: 0; }
#top #menu a img	{ opacity: 0.32; filter: alpha(opacity=32); }
#top #menu a:hover img	{ opacity: 0.44; filter: alpha(opacity=44); }
#top #menu a.cur img	{ opacity: 0.75; filter: alpha(opacity=75); }

h2			{ font-size: 16px; font-weight: normal; line-height: 26px; color: #777777; }

#hr			{ clear: both; border-top: 1px solid #abbdd3; margin: 25px 0 20px 0; }

#screenshots		{ float: right; margin-left: 20px; }

h3			{ margin-top: 18px; }
h3 a			{ border-bottom: 0; }

#top-sites		{ float: right; width: 288px; margin-top: 2px; }
#top-sites img		{ width: 288px; margin-top: 11px; box-shadow: 4px 4px 10px #cccccc; -moz-box-shadow: 4px 4px 10px #cccccc; }

#home-menu		{ margin-top: 22px; }
#home-menu p		{ margin: 10px 0 0 0; }
#home-menu a		{ border-bottom: 0; height: 30px; line-height: 30px;  }

.imagefader		{ background-color: #000000; }
.imagefader .fadeimage	{ display: none; position: absolute; overflow: hidden; }
.imagefader .fadetext	{ position: absolute; bottom: 0; background-color: #000000; color: #ffffff; font: normal normal normal 11px/normal Verdana; padding: 4px; }

#app			{ float: right; margin-left: 30px; }

#price-list		{ float: right; border: 1px solid #dddddd; margin: 0 0 10px 15px; }

.intro			{ margin-bottom: 20px; }

.link,
.soon			{ font-size: 12px; display: block; float: left; height: 21px; line-height: 21px; padding: 0 6px; width: 153px; margin-right: 20px; }
.link.cur		{ background-color: #2c6bac; color: #ffffff; }
.soon			{ color: #aaaaaa; border-bottom: 1px dotted #aaaaaa; }

#clients		{ margin-top: 20px; }
.client			{ width: 530px; height: 318px; display: none; float: right; margin: 0 30px 12px 0; }
.client img		{ width: 530px; height: 318px; box-shadow: 4px 4px 10px #cccccc; -moz-box-shadow: 4px 4px 10px #cccccc; }
.client a		{ border-bottom: 0; }

#pricing1, #pricing2	{ border: 4px solid #3d82b9; float: left; margin: 22px 0 12px 0; width: 327px; height: 240px; text-align: center; color: #000000; }
#pricingplus		{ float: left; margin: 22px 0 12px 0; width: 72px; height: 240px; line-height: 240px; text-align: center; font-size: 66px; color: #cccccc; }

.price			{ font-size: 28px; }

#testimonials		{ float: left; width: 352px; margin-top: 8px; padding-right: 22px; border-right: 2px solid #aaaaaa; }
#testimonials h2	{ margin: 4px 0 10px 0; }
#testimonials .testimonial { color: #2c6bac; font-size: 13px; line-height: 21px; padding: 12px 0 10px 0; border-top: 1px dotted #999999; }
#testimonials .testimonial .img	{ width: 240px; margin-right: 16px; }
#testimonials .testimonial a { color: #777777; border-bottom: 0; background-color: #eeeeee; padding: 4px; }
#testimonials .testimonial span { display: block; color: #777777; font-size: 13px; line-height: 22px; margin-top: 1px; }

#press-awards		{ float: left; width: 352px; margin-top: 8px; padding-left: 22px; }
#press-awards h2	{ margin: 4px 0 10px 0; }
#press-awards .award	{ background-color: #ffffff; font-size: 13px; line-height: 21px; padding: 10px 0 10px 0; border-top: 1px dotted #999999; }
#press-awards .award p	{ margin: 5px 0; }
#press-awards .award p span { color: #aaaaaa; }
#press-awards .award p .float { float: left; margin: 6px 12px 0 0; }
#press-awards .award p .cert { float: right; margin-top: 10px; }

.terms			{ font-size: 11px; line-height: 20px; }
.terms ol		{ padding-left: 20px; }
.terms ol li		{ margin: 12px 0; }
.terms span		{ font-weight: bold; font-size: 12px; }

#middleton		{ float: left; width: 235px; margin: 15px 20px 0 0; border: 6px solid #eeeeee; }

.contact 		{ font-size: 18px; line-height: 30px; }
.contact h3		{ font-size: 18px; }
.contact .big		{ font-size: 24px; color: #2c6bac; }
.contact .medium	{ font-size: 19px; margin-bottom: 26px; }
.contact br		{ clear: none; }
.contact br.clear	{ clear: both; }

#contact-form		{ float: right; width: 200px; height: 276px; border: 6px solid #eeeeee; padding: 15px; }
#contact-form h3	{ font-size: 18px; margin: 0; }
#contact-form div	{ margin: 20px 0; }
#contact-form div.submit { width: 80px; }
#contact-form div input	{ width: 185px; padding: 4px; font-size: 13px; }
#contact-form div.submit input { width: 95px; }

#map			{ float: left; margin: 12px 20px 0 0; border: 6px solid #eeeeee; width: 738px; height: 320px; }
#map a,
#map span		{ display: none; }

ul li span		{ color: #777777; }

.compare		{ float: right; border-collapse: collapse; margin-left: 40px; position: relative; top: -32px; }
.compare tr td		{ border: 1px dotted #aaaaaa; width: 75px; padding: 3px 6px; background-color: #f9f9f9; text-align: center; }
.compare tr td.first	{ width: 175px; text-align: left; }
.compare tr td img	{ position: relative; top: 2px; }
.compare tr.alt td	{ background-color: #eeeeee; }
.compare tr.top td	{ font-weight: bold; }
.compare tr.top td.first { background-color: #ffffff; border: 0; }
.compare tr.strong td	{ font-weight: bold; }

#contact-info-outer	{ border: 1px solid #d3d3d3; width: 830px; border-top: 0; margin: auto; }

#contact-info		{ width: 780px; border: 10px solid #e6e5e5; background-color: #ffffff; border-top: 0; height: 120px; padding: 0 15px; }
#contact-info h3	{ font-size: 16px; margin: 14px 0 10px 0; }

#contact-info form	{ float: left; width: 560px; height: 120px; border-right: 10px solid #e6e5e5; }
#contact-info form div	{ float: left; width: 225px; }
#contact-info form div.submit { width: 80px; }
#contact-info input	{ width: 195px; padding: 4px; font-size: 13px; }
#contact-info form div.submit input { width: 95px; }

#contact-info #contact-us { float: left; width: 190px; margin-left: 20px; }
#contact-info #contact-us p.big { font-size: 23px; color: #2c6bac; margin: 10px 0; }
#contact-info #contact-us p.medium { font-size: 16px; margin: 10px 0; }

.twitter		{ background-color: #fffee5; border: 1px solid #fffcb2; margin: 30px 0 5px 0; padding: 6px 10px 6px 41px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background-image: url(../images/twitter.png); background-position: 8px 8px; background-repeat: no-repeat; }

#footer			{ text-align: center; margin: 14px 0 0 0; color: #aaaaaa; font-size: 13px; }
#footer a		{ color: #aaaaaa; border-bottom: 1px dotted #aaaaaa; }

