/* =CSS Rest v1.0 | 20080212
-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */

/* =Body 
-----------------------------------------------------------------------------------------*/
body {
	background-color: #fff;
	background:#fff url(../images/bg.jpg) repeat-x;
  	font: 62.5% Arial, Helvetica, sans-serif;
}
	
/* =General
-----------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.important{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}
hr{margin: 10px;}
/* =Typography
-----------------------------------------------------------------------------------------*/
p{
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin:10px;
}

.lgtext{
	font:normal 1.4em/1.8em Arial, Helvetica, sans-serif;
	margin:10px;	
}

ul{
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	list-style: disc;
	margin:10px 10px 10px 25px;
}

ol{
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	list-style: decimal;	
	margin:10px 10px 10px 45px;
}


/* =Headings
-----------------------------------------------------------------------------------------*/
h1{
	color: #598ccb;
	font:normal 2.4em/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 10px 10px;
}

h2{
	color: #598ccb;
	font:normal 2.2em/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 10px 10px;
}

h3{
	color: #598ccb;
	font:normal 2.0em/1.2em Arial, Helvetica, sans-serif;
	margin:10px;
}

#contentLeft h3{
	margin:30px 10px 10px 10px;
}

h4{
	color: #598ccb;
	font:bold 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 10px 10px;
}	

h5{
	color: #598ccb;
	font:normal 1.6em/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 10px 10px;
}	

h6{
	color: #598ccb;
	font:normal 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 10px 10px;
}				

/* =Links
-----------------------------------------------------------------------------------------*/
a:link, a:visited{
	color: #598ccb;
	cursor:pointer;
	text-decoration: underline;
}

a:hover, a:active{
color: #999;
}		

/* =MainNav
-----------------------------------------------------------------------------------------*/
#navigation{
	background-image: url(../images/bg_menu.jpg);
	display: block;
	float: right;
	height: 46px;
	margin: 34px 0 0 0;
	padding: 0 5px;
	width: 676px;
}

#navigation li{
	border-right: solid 1px #fff;
	display: block;
	float: left;
	font:normal 1em/1.1em Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 15px 0px 15px 0px;
	padding: 0 6px;
}

#navigation .noBorder{border: 0;}

#navigation li a:link, #navigation li a:visited{
	color: #fff;
	display: block;
	padding-bottom: 2px;
	text-decoration: none;
}

#navigation li a:hover, #navigation li a:active, .over{border-bottom:solid 2px #fff;}

/* =FooterNav
-----------------------------------------------------------------------------------------*/
#footer p, #footer ul{
	clear: both;
	font:normal 1.2em/1em Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding: 0 20px;
	width: 910px;
}

#footer p{padding-left:33px;}

#footerNavigation li{
	border-right: solid 1px #000;
	display: block;
	float: left;
	list-style: none;
	margin: 23px 0px 15px 0px;
	padding: 0 6px;
}

#footerNavigation .noBorder{border: 0;}

#footer a:link, #footer a:visited, #footerNavigation li a:link, #footerNavigation li a:visited{
	color: #598ccb;
	text-decoration: none;
}

#footer a:hover, #footer a:active, #footerNavigation li a:hover, #footerNavigation li a:active{color: #000;}

#footerNavigation li a:link, #footerNavigation li a:visited{display: block;}

/* =Layout
-----------------------------------------------------------------------------------------*/
.box, .firstBox{
	background-image: url(../images/bg_box.jpg);
	float: left;
	height: 190px;
	margin: 20px 0 24px 14px;
	position: relative; 
	width: 290px;
}
.alt h3{
	font:bold 1.6em/.7em Arial, Helvetica, sans-serif;
}

.box p, .firstBox p{font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;}

.box a:link, .box a:visited, .firstBox a:link, .firstBox a:visited{
	background: url(../images/button.jpg) 0 32px ;
	bottom: 10px;
	color: #fff;
	display: block;
	font:normal 1.2em/2.2em Arial, Helvetica, sans-serif;
	height: 32px;
	left: 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 110px;
}

.box a:hover, .box a:active, .firstBox a:hover, .firstBox a:active{background: url(../images/button.jpg) 0 0;}

.firstBox{
	clear: both;
	margin-left: 33px;
}

* html .firstBox{margin-left: 16px;}

.logo{
	display: block;
	float: left;
	margin: 29px 0 0 0;
}

#content{
	margin: 20px;
	width: 910px;
}

#contentLeft{
	float: left;
	margin: 20px 16px 20px 20px;
	width: 590px;
}

#contentLeft cite{
	border-bottom: solid 1px #000;
	display: block;
	font:bold 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin: 10px 25px;
	padding: 0 0 25px 0;
	width: 540px;
}

#contentLeft q{
	display: block;
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin: 25px;
}

#footer{
	background: #ececec url(../images/bg_footer.jpg) repeat-x;
	clear: both;
	height: 120px;
	width: 100%;
}

#header{
	background-image: url(../images/header_home.jpg);
	clear: both;
	height: 172px;
	margin: 2px 0 0 0;
	width: 950px;
}

#header cite{
	color: #fff;
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	padding: 15px;
	width: 554px;
}

#header q{
	display: block;
	color: #fff;
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	padding: 15px;
	width: 544px;
}

#line{
	background-color: #000;
	display: block;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

#wrapper{
	margin:0 auto;
	width:950px;
}
		
/* =Forms
-----------------------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
#feedbackcanvas fieldset {border: 0px solid transparent;}

#feedbackcanvas legend{
	display: block;
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin:10px 10px 0 10px;
}

#feedbackcanvas input, #feedbackcanvas textarea {
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	width: 300px;
	margin: 2px;
	padding: 0.2em;
}
#feedbackcanvas label{
	display: block;
	float: left;
	margin: 2px;
	text-align: right;
	width: 140px;
}
#feedbackcanvas  input:focus, #feedbackcanvas  textarea:focus {
	background-color: #fff5be;
}

#feedbackcanvas  input#submit {
	margin: 0px 5px 5px 150px;
	width: auto;
	font-size: 0.85em;
}


/* =Testimonials
-----------------------------------------------------------------------------------------*/
#offer{
	color: #fff;
	width: 450px;
}

#sampleLetter{
	background-color: #fff;
	background-image: none;
	color: #000;
}

/* =Filters
-----------------------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/