/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
html, body{
	height: 100%
}
body{
	background: url(bgr.gif) #e2e2e2 top fixed;
	color: #333333;
	font: .7em Tahoma,Arial,Helvetica,Sans-Serif
}
a{
	color: #0b679a;
	outline: none
}
a:hover{
	color: #cd3232;
	text-decoration: underline
}
input{
	background: #ffffff;
	border: #b2b2b2 1px solid;
	color: #333333;
	font: .9em verdana,geneva,sans-serif
}
li{
	list-style: none
}
h2, h4, h5{
	background: url(item4.gif) no-repeat 0 2px;
	color: #005b8c;
	font: bold 1em Verdana,Arial,Geneva,Sans-Serif;
	margin: 0 0 .5em;
	padding: 0 0 0 12px;
	text-align: left
}
h2{
	background: none;
	padding: 0
}
h3{
	color: #005b8c;
	font: 1.9em "Times New Roman","Times",Serif;
	margin: 0 0 .5em;
	text-align: left
}
h5{
	background: url(item5.gif) no-repeat 0 2px;
	color: #cd3232
}
p{
	padding: 0 0 .7em
}
acronym{
	border-bottom: 1px dotted #999999;
	cursor: help;
	font-style: normal
}
em{
	font-style: normal
}
/*=== Layout ===*/
#page{
	background: url(page-bgr.gif) #ffffff repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 25px;
	width: 711px;
}
/*=== Page Top Info ===*/
#page-top{
	background: url(page-top.gif) repeat-y;
	color: #898989;
	font: .9em/1.7em Verdana,Sans-Serif;
	height: 1.7em;
	padding: 0 10px 0 0;
	text-align: right
}
#page-top a{
	color: #999999;
	text-decoration: none
}
#page-top a:hover{
	color: #ffffff
}
/*=== Header ===*/
#header{
	background: url(header-bgr.gif) top no-repeat;
	height: 90px
}
#header img{
	float: left;
	padding: 4px 0 0
}
/*=== Slogan ===*/
#slogan{
	float: right;
	height: 62px;
	padding: 4px 0 0;
	text-align: right;
	text-transform: uppercase;
	width: 475px
}
#slogan a{
	color: #cd3232;
	text-decoration: none
}
#slogan h1, #slogan p{
	color: #cd3232;
	font: bold 11px Tahoma,Arial,Helvetica,sans-serif;
	padding: 12px 0 0;
	text-align: right
}
/*=== Navigation ===*/
#header ul, #footer ul{
	float: right;
	line-height: 21px;
	overflow: hidden;
	text-align: right;
	width: 475px
}
#header li, #footer li{
	background: url(item.gif) left no-repeat;
	display: inline;
	padding: 0 10px;
	text-transform: capitalize
}
/*=== Title ===*/
#title{
	background: url(title-picture.jpg) #ffffff no-repeat;
	border-bottom: 3px solid #efefef;
	height: 102px;
	padding: 12px 0 0
}
#title h2, #title p{
	color: #000000;
	font: 21px "Times New Roman",Times,Serif;
	margin: 0 0 3px;
	text-transform: capitalize
}
#title p{
	color: #0b679a;
	font-size: 17px;
	margin: 0;
	padding: 0 0 0 12px
}
#title p em{
	color: #cd3232;
	display: block;
	margin: 25px 0 0 -12px;
	position: relative
}
/*=== Page Content ===*/
/*- Main Text -*/
#text{
	clear: both;
	height: 1%;
	padding: 1em 0 0;
	text-align: justify
}
/*- Additional Info -*/
#info{
	background: url(info-bgr.png) #f7f7f7 top no-repeat;
	clear: both;
	height: 1%;
	text-align: justify
}
#info h3{
	color: #f9f9f9;
	font: bold 10px/18px tahoma,arial,sans-serif;
	margin: 0;
	padding: 1px 0 15px;
	text-align: center;
	text-transform: uppercase
}
#info h3 span{
	color: #000000
}
#info li{
	background: url(ico-star.gif) no-repeat left top;
	padding: 0 0 0 13px;
	text-align: left
}
#info .articles li{
	background: url(item3.gif) no-repeat 0 4px;
}
#info .articles li a{
	text-decoration: none;
}
#info .articles li:hover{
	background: url(item.gif) no-repeat 0 2px;
}
#info .steps li{
	background: none;
	padding: 0
}
/*- 'Features' Section -*/
#features{
	text-align: left
}
#features em{
	color: #cd3232
}
.btn-getstarted{
	font-size: 11px;
	margin: 0 auto;
	text-align: left;
	width: 110px
}
.btn-getstarted a{
	background: url(btn-bgr.gif) left no-repeat;
	border: 1px solid #cccccc;
	color: #ffffff;
	display: block;
	height: 17px;
	line-height: 17px;
	padding-left: 20px;
	text-decoration: none;
	width: 90px
}
.btn-getstarted a:hover{
	text-decoration: underline;
	color: #ffffff
}
/*- Testimonials -*/
.testimonials blockquote p{
	padding: 0 0 5px
}
.testimonials cite{
	background: url(3stars.gif) no-repeat bottom center;
	color: #0b679a;
	display: block;
	font-style: italic;
	height: 1%;
	margin: 0 0 .9em;
	padding: 0 0 1.5em;
	text-align: left
}
/*=== Columns, Subcolumns ===*/
.column{
	background: #ffffff;
	float: left;
	overflow: hidden;
	padding: 0 21px 10px 0;
	width: 223px
}
.column.last{
	padding-right: 0
}
.column.featured h4{
	background: url(item5.gif) no-repeat 0 2px;
	color: #cd3232
}
.column2{
	float: left;
	padding: 0 21px 13px 19px;
	width: 197px
}
.column2 ul{
	padding: 0 0 1.2em
}
.column3{
	float: right;
	margin: 1em 0 0;
	padding: 0 20px 10px 0;
	width: 328px
}
/*=== Styling Forms ===*/
/*- Get a Quote -*/
#quote{
	background: #ffffff;
	color: #005ba1;
	float: left;
	padding: 0 0 1em;
	width: 350px
}
#quote div{
	margin: 0 0 .7em
}
#quote p{
	clear: both
}
#quote p strong{
	color: #333333;
	display: block;
	float: left;
	width: 100px
}
#quote p em{
	font-weight: bold
}
#quote label{
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 2px
}
#quote input, #quote textarea{
	background: url(input-bgr.gif) #fafafa top repeat-x;
	font-size: 1em;
	margin: 0 0 .3em;
	padding: 3px;
	width: 330px
}
#quote input.btn{
	background: url(btn-bgr2.gif) #79c7f2 top repeat-x;
	color: #ffffff;
	font-weight: bold;
	width: auto
}
#quote input#filename{
	background: #ffffff;
	width: 338px
}
#quote textarea{
	border: #b2b2b2 1px solid;
	height: 100px;
	overflow: auto
}
/*=== Page Bottom Info ===*/
#page-bot{
	background: url(page-bot.gif) bottom no-repeat;
	border-top: 3px solid #638a9e;
	height: 3.2em;
	line-height: 3.2em;
	overflow: hidden;
	padding: 0 0 3px
}
#page-bot a{
	text-decoration: none
}
/*- 2CO Info -*/
.co{
	color: #cd3232;
	float: left
}
.co a{
	color: #cd3232
}
/*- W3C Validation -*/
.w3c{
	float: right
}
.w3c em{
	background: #0b679a;
	color: #ffffff;
	padding: 1px 3px
}
.w3c a:hover em{
	background: #cd3232
}
/*=== Footer, Copyright ===*/
#footer{
	background: url(../images/footer-bgr.gif) repeat-y;
	height: 1.8em;
	line-height: 1.8em;
	overflow: hidden
}
#footer ul{
	float: left;
	width: 475px
}
#footer p{
	color: #f9f9f9;
	float: left;
	padding: 0;
	text-align: center;
	width: 235px
}
#footer p a{
	color: #ffffff;
	text-decoration: none
}
/*=== Ads ===*/
div#ad{
	background: url(quality-xhtml.png) no-repeat;
	height: 138px;
	position: absolute;
	right: 0;
	top: 0;
	width: 133px
}
body > div#ad{
	position: fixed
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	overflow: hidden
}
