/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
}

a:link, a:visited {color: #535252; text-decoration: underline;}
a:hover {color: #0033ff;}

body{	
	text-align: center;
	min-width: 830px;/* for mozilla*/
	background-color: #ffffff;
	color: #666666;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 62.5%; /*Sets all fonts to roughly 10px*/
	letter-spacing: normal;
}

h1.trial {line-height: 1.1em;font-size: 2.7em; color: #009933; margin: 12px 0 5px 0; font-weight: bold;}
h1.trial-small {line-height: 1em;font-size: 1.8em; color: #009933; margin: 0px 0 5px 0; font-weight: bold;}
<!---h1.index-header {width: 473px;height: 61px;text-indent: -9999px;background: url(../graphic/index_header.gif) no-repeat top left;margin: 0px 0 12px 10px;}  -->
h1.index-header {width: 487px;height: 38px;text-indent: -9999px;background: url(../graphic/website-testing-service.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.pt-header {width: 222px;height: 34px;text-indent: -9999px;background: url(../graphic/pt_header.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.po-header {width: 222px;height: 34px;text-indent: -9999px;background: url(../graphic/po_header.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.ft-header {width: 188px;height: 29px;text-indent: -9999px;background: url(../graphic/functional-testing.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.ut-header {width: 227px;height: 30px;text-indent: -9999px;background: url(../graphic/user-interface-testing.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.ea-header {width: 156px;height: 28px;text-indent: -9999px;background: url(../graphic/expert-analysis.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.cu-header {width: 111px;height: 21px;text-indent: -9999px;background: url(../graphic/contact-us.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.fto-header {width: 152px;height: 21px;text-indent: -9999px;background: url(../graphic/free-trial-offer.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.tu-header {width: 107px;height: 23px;text-indent: -9999px;background: url(../graphic/thank-you.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h1.faq-header {width: 289px;height: 34px;text-indent: -9999px;background: url(../graphic/frequently-asked-questions.gif) no-repeat top left;margin: 0px 0 22px 10px;}
h2.index-subhead {width: 409px;height: 45px;text-indent: -9999px;background: url(../graphic/website-testing-made-affordable.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.pt-subhead {width: 375px;height: 20px;text-indent: -9999px;background: url(../graphic/shoppers-demand.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.ft-subhead {width: 354px;height: 20px;text-indent: -9999px;background: url(../graphic/failure-is-too-costly.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.ut-subhead {width: 298px;height: 20px;text-indent: -9999px;background: url(../graphic/protect-your-brand.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.ea-subhead {width: 323px;height: 24px;text-indent: -9999px;background: url(../graphic/we-analyze-data.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.po-subhead {width: 427px;height: 24px;text-indent: -9999px;background: url(../graphic/website-testing-options.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.obligation {	line-height: 1.1em;font-size: 1.3em; color: #1e5596; margin: 8px 0 8px 0; font-weight: normal;}
h2.obligation-small {line-height: 1em;font-size: 1.1em; color: #1e5596; margin: 5px 0 5px 0; font-weight: normal;}
h2.what-is-cost {width: 190px;height: 17px;text-indent: -9999px;background: url(../graphic/monitor-website-performance.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.optimal-site-functionality {width: 174px;height: 36px;text-indent: -9999px;background: url(../graphic/optimal-functionality.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.change-happens {width: 181px;height: 17px;text-indent: -9999px;background: url(../graphic/change-happens.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.get-ahead {width: 166px;height: 37px;text-indent: -9999px;background: url(../graphic/get-ahead.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.testimonial {width: 166px;height: 35px;text-indent: -9999px;background: url(../graphic/client-testimonial.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.contact-free-trial {width: 224px;height: 40px;text-indent: -9999px;background: url(../graphic/contact-free-trial.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.contact-us {width: 147px;height: 16px;text-indent: -9999px;background: url(../graphic/contact-sophelle.gif) no-repeat top left;margin: 0px 0 12px 0px;}
h2.about-sophelle {width: 97px;height: 16px;text-indent: -9999px;background: url(../graphic/about-sophelle.gif) no-repeat top left;margin: 0px 0 12px 10px;}
h2.cq-deliv {width: 256px;height: 22px;text-indent: -9999px;background: url(../graphic/cq-deliverables.gif) no-repeat top left;margin: 0 0 12px 0;}
h2.faq-subhead-so {width: 125px;height: 15px;text-indent: -9999px;background: url(../graphic/service-overview.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.faq-subhead-ft {width: 131px;height: 21px;text-indent: -9999px;background: url(../graphic/functional-testing-faq.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.faq-subhead-uit {width: 72px;height: 20px;text-indent: -9999px;background: url(../graphic/ui-testing-faq.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.faq-subhead-pt {width: 147px;height: 21px;text-indent: -9999px;background: url(../graphic/performance-testing-faq.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.faq-subhead-ea {width: 109px;height: 20px;text-indent: -9999px;background: url(../graphic/expert-analysis-faq.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.faq-subhead-pp {width: 181px;height: 19px;text-indent: -9999px;background: url(../graphic/price-and-payment.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h2.yqa {width: 212px;height: 19px;text-indent: -9999px;background: url(../graphic/your-questions-answered.gif) no-repeat top left;margin: 0px 0 10px 10px;}
h3.ea-callout {font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 1.1em; color: #333333; margin: 12px 0 5px 0; font-weight: bold;}
h3.headquarters {font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 1.2em; color: #333333; margin: 12px 0 5px 10px; font-weight: bold;}

a.blue-header-link:link, a.blue-header-link:visited {color: #1e5596; font-size: 1.2em; font-weight: bold; text-decoration: none;}
a.blue-header-link:hover {color: #0033ff;}

#centercontent {
	padding: 0;
	border-top: 1px solid #336699;
	background: url(../graphic/main_content_bg.jpg) #ffffff repeat-x left top;
	color: #333333;
}
#centercontent p {padding-left: 10px;}

.clear {clear:both; height: 0; line-height: 0;font-size:0; min-height: 0;}

ul.faq-list {list-style: none; margin: 10px 0 18px 22px; padding: 0;}
ul.faq-list li {margin: 0 0 8px 0; font-weight: normal;}
ul.faq-list p {margin: 12px 0 12px 0; font-weight: bold;}

ul.onpage-faq-list {list-style: none; margin: 10px 0 18px 22px; padding: 0;}
ul.onpage-faq-list li {margin: 0 0 8px 0; font-weight: bold;}
ul.onpage-faq-list p {margin: 12px 0 12px 0; font-weight: normal;}

#footer {
	width: 830px;
	clear: both;
	height: 143px;
	background: url(../graphic/footer_bg.jpg) repeat-x left bottom;
	color: #666666;
	text-align: left;
	left:0;
	bottom:0;
	position: absolute;
	font-size: 1.1em;
	border-top: 1px solid #336699;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:145px;/* for ie5 */
	he\ight:143px;/* for ie6 */
}

#footer a:link, #footer a:visited {color:#999999; font-size: 1.1em;}
#footer a:hover {color: #0033ff;}

#footerlinks {text-align: left;  width: 675px;margin: 30px 0 0 32px;}
#footerlogo  {text-align: left; width: 675px;margin: 0px 0 0px 30px;}
#footerlinks2 {text-align: left; width: 675px;margin: 0px 0 0 32px;}


#four-panels {
	background: #f2f2f2;
	padding: 0 0 16px 0;
	border-right: 1px solid #336699;
}

#free-trial {
	position: relative;
	float: right;
	margin: 0px 10px 0 30px;
	width: 285px;
	height: 185px;
	background: url(../graphic/free_trial_bg.jpg) no-repeat left top;
	color: #000000;
	font-size: .935em;
	text-align: center;
}
#free-trial p {padding: 0 15px 0 15px; line-height: 1.3em;}

#free-trial-small {
	margin: 0 auto 0 auto;
	width: 159px;
	height: 83px;
	background: url(../graphic/free_trial_bg_sm.jpg) no-repeat left top;
	color: #000000;
	font-size: .935em;
	text-align: center;
	padding-top: 12px;
	overflow: visible;
}

#grey-col{
	text-align: left;
	padding: 10px 25px 25px 12px;
	background: #f2f2f2;
	margin-top: 25px;
	font-size: .935em;
}

#grey-col p {padding: 0;}

#grey-col-cu{
	text-align: left;
	padding: 10px 25px 25px 12px;
	background: #f2f2f2;
	margin-top: 25px;
	font-size: .935em;
}

#grey-col-tu{
	text-align: left;
	padding: 12px 25px 25px 25px;
	background: #f2f2f2;
	margin-top: 25px;
	font-size: .935em;
}

.greystrong {font-weight: bold;}

#header{
	width: 830px;
	background: #ffffff;
	border: none;
	overflow: hidden;
	text-align: left;
}

.image-floater {
	position: relative;
	float: left;
	margin: 0 15px 25px 12px;
	width: 200px;
	text-align: center;
}

.image-floater-rplcmt {
	position: relative;
	float: left;
	margin: 0 15px 25px 12px;
	width: 350px;
	text-align: left;
}

.image-floater img {margin-bottom: 18px;}

.index-panel {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0px 0 8px;
	text-align: center;
	width: 195px;
	font-size: 1.2em;
}
.index-panel p {text-align: left; padding: 0 15px 0 0;}
.index-panel img {margin-bottom: 12px;}

#index-top {
	font-size: 1.3em;
	border-right: 1px solid #336699;
	padding: 32px 0 25px 0;
	overflow: hidden;
	line-height: 1.4em;
}

#index-top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	font-size: 0;
    visibility: hidden;
	line-height: 0;
}

#lower-page {
	margin: 45px 0 0 0;
}

#lower-right{
	margin: 0 270px 25px 220px;
}

#main-content {
	width: 830px;
	border-right: 1px solid #336699;
	padding: 23px 0 30px 0;
	margin: 0px 0 0 0;
	font-size: 1.2em;
}

#navigation {
	list-style: none;
	margin: 35px 0 0 0;
	width: 710px;
	padding: 0;
	border-top: 1px solid #336699;
	border-left: 1px solid #336699;
	height: 32px;
	background: url(../graphic/navigation_bg.jpg) repeat-x left bottom;
}

#navigation li {border-right: 1px solid #336699; position: relative; float: left; text-align: center; margin: 0; padding: 0 0 0 0; height: 32px; width: 141px;}
#navigation li a:link, #navigation li a:visited {display: block;font-weight: bold; font-size: 1.2em; color: #336699; text-decoration: none; padding: 10px 0px 16px 0px;}
#navigation li a:hover {color: #0033ff; background: #ffffff;}
#navigation li span {color: #0033ff; background: #ffffff;display: block;font-weight: bold; font-size: 1.2em; padding: 10px 0px 11px 0px;}


#outer{
	height: 99.9%;
	min-height: 100%;
	width: 830px;
	color: #666666;
	text-align: left;
	margin: auto;
	position: relative;
	background: #ffffff;
	position: relative;
}

.pricing-divider {border: none; border-bottom: 1px solid #A7abb4; width: 536px; border-top: 1px solid #4282c0; height: 1px; margin: 0 0 10px 10px;}
.price-head {color: #333333; font-size: 14px; font-weight: bold;}

ul.pricing-features {margin: 5px 0 3px 13px; padding: 0; font-size: 11px;}
ul.pricing-features li {margin: 5px 0 5px 0;}
ul.pricing-graphic {list-style-type: none; margin:0 auto 3px auto; padding: 0;}
ul.pricing-graphic li {margin: 0; padding: 0;}

table.pricing-options {width: 536px; margin: 0 0 20px 10px;border-color: #ffffff;border-width: 0 0 1px 1px;border-style: solid;}
table.pricing-options td {margin: 0; padding: 4px; border-color: #ffffff;border-width: 1px 1px 0 0;border-style: solid;}
table.pricing-options tr {border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
table.pricing-options .pricing-head {background: #4282c0; height: 35px;border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 14px; font-weight: bold;}

.pricing-dk-blue {background:#cfd8e9 ;}
.pricing-lt-blue {background:#e8ecf5 ;}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

div,p  {margin-top:0}/*clear top margin for mozilla*/


#right {
	position: relative;
	float: right;
	width: 227px;
	margin: 0px 10px 0 45px;
	padding: 0 0 25px 0;
	text-align: center;
}

#cu-right {
	position: relative;
	float: right;
	width: 350px;
	margin: 0px 10px 0 50px;
	padding: 0 0 25px 0;
	text-align: center;
}

#faq-right {
	position: relative;
	float: right;
	width: 400px;
	margin: 0px 10px 0 50px;
	padding: 0 0 25px 0;
	text-align: center;
}

.right-italic {font-style: italic;}

#clearfooter {width:100%;height:143px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-145px;} /*safari wrapper */

a.trial-button:link, a.trial-button:visited {display: block; width: 234px; height: 35px; background: url(../graphic/button_signup.png) no-repeat;color: #ffffff; font-size: 1.3em; padding: 13px 0 0 10px; font-weight: bold; text-decoration: none; text-align: center;}
a.trial-button:hover {background: none;}

a.trial-button-sm:link, a.trial-button-sm:visited {display: block; width: 135px; height: 20px; background: url(../graphic/button_signup_sm.png) no-repeat;color: #ffffff; font-size: 1em; padding: 4px 0 0 5px; font-weight: bold; text-decoration: none; text-align: center;}
a.trial-button-sm:hover {background: none;}

.trial-button-bg {padding: 0 4px 0 0; width: 234px; margin: 0 0px 0 22px; height: 50px; background: url(../graphic/button_signup.png) no-repeat; background-position: -241px 0;}
.trial-button-bg-sm {padding: 0 4px 0 0; width: 135px; margin: 0 0px 0 12px; height: 23px; background: url(../graphic/button_signup_sm_ovr.png) no-repeat;}

ul.checkbox-list {
	list-style-type: none;
	margin: 20px 0 20px 20px;
	padding: 0 0 0 20px;
	list-style-image: url(../graphic/checkbox.gif);
}
ul.checkbox-list li {margin: 10px 0 10px 0;}

#utility-links {
	position: relative;
	float: right;
	margin: 22px 22px 0 50px;
	color: #535252;
	font-size: 1.2em;
	width: 325px;
	text-align: right;
}
#utility-links a:link, #utility-links a:visited {color: #535252; text-decoration: underline;}
#utility-links a:hover {color: #0033ff;}

img.arrow {display: inline; margin-bottom: 0;}

#white-col{
	text-align: left;
	padding: 10px 25px 25px 12px;
	background: #ffffff;
	margin-top:50px;
	font-size: 1.0em;
}