p.splash{font-size:14px;}


body {
	background: url(gfx/bgred.png) repeat-x top center fixed; border: none; 
	font-size: 11px; /* was  62.5%;  Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif; /* removed 'Lucida Grande', as it is an apple font.. only on windows when safari is installed... different rendering!! */
	background-color: #b55151;
	color: #61636A;
	text-align: left;
	margin: 20px auto;
	padding: 0;
}


h2{
	color: #b55151;
	font-size:2em;
	padding:0;
	margin:0 0 10px 0;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	}

h3{
	color: #b55151;
	font-size:1.5em;
	padding:0;
	margin:0 0 8px 0;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	}



#wrapper {
	background-color: white;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}


#header {position: relative;
	font-family: Verdana, Arial, Sans-Serif; /* removed 'Lucida Grande', as it is an apple font.. only on windows when safari is installed... different rendering!! */
	text-align: left;
	background: url(gfx/header.jpg);
 	width: 900px;
 	height: 180px;
	margin: 0px;
		
}

#top-left{
	position:absolute;
	top:0; left:0;
	width:17px; height:17px;
	background: url(gfx/top-left-red.gif) no-repeat;
	}

#bott-right{
	position:absolute;
	bottom:0; right:0;
	width:17px; height:17px;
	background: url(gfx/bott-right-red.gif) no-repeat;
	}

#menu {
	font-family: Verdana, Arial, Sans-Serif; /* removed 'Lucida Grande', as it is an apple font.. only on windows when safari is installed... different rendering!! */
	text-align: left;
 	width: 850px; /* 900-25-25(padding) = 850px */
 	
	padding:8px 25px 8px 25px;
	font-size:11px;
	letter-spacing: -0.05em;
	/*border-top:solid 2px #b55151;*/
	border-bottom:solid 2px #b55151;
	/*background-color:#000;*/
	background:url(gfx/menu_bkg-red.png) #000000 repeat-x;
	color:#999999;
}


#content {
	float: left;
	background-color: white;
	margin: 0;
	padding: 25px 0 0 25px;
	width: 650px;
	overflow: hidden;
	font-size:11px;
	text-align:justify;
}

#testimonialTitle { position:relative;
	margin: 45px 0 0 707px; /* 60px at top to line up with start of paragraph */
	width: 175px; /* 155 + 2x10 padding for main testimonial bit */
	font-size:13px;
	color:#b55151;
	text-align:right;
}

#testimonial { position:relative;
	margin: 2px 0 0 707px; /* 60px at top to line up with start of paragraph */
	padding: 10px;
	width: 155px;
	border: 2px solid #b55151;
	text-align:justify;
	line-height:16px;
	font-size:10px;
	/* 15px border radius effect added via graphics in divs  */
}

#twitterTitle { position:relative;
	margin: 15px 0 0 707px; /* 60px at top to line up with start of paragraph */
	width: 175px; /* 155 + 2x10 padding for main testimonial bit */
	font-size:13px;
	color:#b55151;
	text-align:right;
}

#twitter { position:relative;
	margin: 2px 0 0 707px; /* 60px at top to line up with start of paragraph */
	padding: 10px;
	width: 155px;
	border: 2px solid #b55151;
	text-align:justify;
	line-height:12px;
	font-size:10px;
	/* 15px border radius effect added via graphics in divs  */
}

.gap6 {height:7px;}

.top-left{
	position:absolute;
	top:-2px; left:-2px;
	width:17px; height:17px;
	background: url(gfx/test-top-left-red.gif) no-repeat;
	}

.bott-right{
	position:absolute;
	bottom:-2px; right:-2px;
	width:15px; height:15px;
	background: url(gfx/test-bott-right-red.gif) no-repeat;
	}



#footer {position:relative;
	text-align: right;
	clear: both;
	margin: 0;
	padding: 20px 15px 0 0;
	height: 25px;
}




a, a:link, a:visited {
	color: #b55151;
	text-decoration: none;
}

a:hover, a:active {
	color: #6a0000;
	text-decoration: none;
}

#content img{border:2px solid #b55151; }
#content img.noBorder{border:none; }
.border{border:2px solid #b55151; }


.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }

.blue { color:#b55151; }

#menu a:link, #menu a:visited {color:#ccc; text-decoration:none; }
#menu a:active, #menu a:hover {color:#b55151; text-decoration:underline overline; }

.three {
	position:relative;
	width:186px; /* 210 - 4px borders - 20px padding */
	float:left;
	padding:10px;
	border: 2px solid #b55151;
	text-align:justify;
	line-height:1.6em;
	font-size:1em;}
.two {
	position:relative;
	width:296px; /* 320 - 4px borders - 20px padding */
	float:left;
	padding:10px;
	border: 2px solid #b55151;
	text-align:justify;
	line-height:1.6em;
	font-size:1em;}
.one {
	position:relative;
	width:626px; /* 650 - 4px border - 20px padding */
	float:left;
	padding:10px;
	border: 2px solid #b55151;
	text-align:justify;
	line-height:1.6em;
	font-size:1em;}
.gap {width:10px; float:left;}

li{list-style:disc; margin-left:-2.2em;}

h3.white{color:black;}
h3.silver{color:#8a938c;}
h3.gold{color:#b89b46;}

.samplesInfo { position:relative;
	float:left;
	margin: 0 0 0 10px; 
	padding: 10px;
	width: 155px;
	height: 219px; /* 239 -  2x10px padding */
	border: 2px solid #b55151;
	text-align:justify;
	line-height:16px;
	font-size:10px;
	/* 15px border radius effect added via graphics in divs  */
}

.samples {position:relative;
}
	
.samplesLink {float:left;}

#iov {float:right;
	margin:10px 14px 0 0;
}

#iov img {border:0; }


/* style for accordian bits */
.toggler {
			background-color: #e9e9e9;
			padding: 5px;
			margin-top: 5px;
			border:1px solid #b55151;
		}
		.active {
			background-color: #cccccc;
			border:1px solid #b55151;
		}
.faq_answer {margin:-10px 0 0 20px; padding:10px 10px 0 10px; border-right:1px solid #b55151; border-left:1px solid #b55151; border-bottom:1px solid #b55151;}