@charset "UTF-8";

@media screen {

/*  @NORMALIZES ////////////////////////////////////////////////////////////////////// */
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; font-weight: normal; }

input, textarea, select { 
	background: #FFF url(../images/form_shadow.gif) no-repeat left top;
	border-left: solid 1px #999999; 
	border-top: solid 1px #999999; 
		border-right: solid 1px #E2E2E2; 
		border-bottom: solid 1px #E2E2E2; }
input:hover, textarea:hover { 
	background: #FFF url(../images/form_shadow.gif) no-repeat left top;
	border-left: solid 1px #999999; 
	border-top: solid 1px #999999; 
		border-right: solid 1px #E2E2E2; 
		border-bottom: solid 1px #E2E2E2; }
select:hover, select:active, select:focus {  
	border-left: solid 1px #999999; 
	border-top: solid 1px #999999; 
		border-right: solid 1px #E2E2E2; 
		border-bottom: solid 1px #E2E2E2; }
input:active, textarea:active, input:focus, textarea:focus { 
	background: #FFF url(../images/form_shadow_focus.gif) no-repeat left top;
	border-left: solid 1px #999999; 
	border-top: solid 1px #999999; 
		border-right: solid 1px #E2E2E2; 
		border-bottom: solid 1px #E2E2E2; }

input.button, .button input { border: none; background: none; cursor: pointer; }

h1, h2, h3, h4, h5, h6, p, li { cursor: default; line-height: 1.4em; }
a { color: #087ad6; text-decoration: none; cursor: pointer; }
a:hover { color: #004272; text-decoration: underline; }
ol, ul { list-style-type: none; }

address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }

p.crash { background: #FFF url(../images/system_crash.gif) no-repeat 5px center; font-size: 80%; font-weight: bold; margin-top: 10px; padding: 10px 5px 10px 35px; border: solid 2px #FF0000; }
p.crash span { font: bold 120% Arial, Helvetica, sans-serif; line-height: 1.2em; text-transform: uppercase; color: #FF0000; }

p.bless { background: #FFF url(../images/system_bless.gif) no-repeat 5px center; font-size: 80%; font-weight: bold; margin-top: 10px; padding: 10px 5px 10px 35px; border: solid 2px #1C6827; }
p.bless span { font: bold 120% Arial, Helvetica, sans-serif; line-height: 1.2em; text-transform: uppercase; color: #1C6827; }

p.note { background: #FFF url(../images/system_note.gif) no-repeat 5px center; font-size: 80%; font-weight: bold; margin-top: 10px; padding: 10px 5px 10px 35px; border: solid 2px #4C91BD; }	
p.note span { font: bold 120% Arial, Helvetica, sans-serif; line-height: 1.2em; text-transform: uppercase; color: #4C91BD; }	

#WMouseText { background: #FFF; border: solid 1px #B6EEFB; color: #ED5AA0; font-weight: bold; width: auto; height: auto; line-height: 30px; margin: 0; padding: 5px; position: relative; }

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


/* @BASIC  ONLY ////////////////////////////////////////////////////////////////////// */
body { text-align: center; font-size: 13px; line-height: 1.4em; color: #595959; padding-bottom: 10px; background: #dddddd; }

h1 { font-size: 26px; line-height: 1.2em; font-weight: bold; color: #004272; margin-bottom: 6px;  }
h2 { font-size: 22px; line-height: 1.2em; font-weight: bold; color: #004272; margin-bottom: 6px; }
h3 { font-size: 18px; line-height: 1.2em; font-weight: bold; margin-bottom: 6px; }
h4 { font-size: 15px; line-height: 1em; margin-bottom: 5px; font-weight: bold; margin-bottom: 6px; }
h5 { font-size: 13px; line-height: 1em; margin-bottom: 5px; font-weight: bold; margin-bottom: 6px; }
h6 { font-size: 13px; line-height: 1em; margin-bottom: 5px; font-weight: bold; margin-bottom: 6px; }
p { font-size: 13px; line-height: 1.6em; font-weight: normal; margin-bottom: 6px; }
.bottom_links a { font-weight: bold; }

#container { width: 780px; margin: 0 auto; background: transparent url(../images/flow.png) repeat-y left top; text-align: left; }
body.wm #ct { width: 780px; background: transparent url(../images/top_wm.png) no-repeat left top; }
body.tm #ct { width: 780px; background: transparent url(../images/top_tm.png) no-repeat left top; }
#cb { width: 780px; background: transparent url(../images/bottom.png) no-repeat left bottom; min-height: 520px; }
* html body #cb { height: 520px; }

#header { display: block; height: 110px; position: relative; }
#header h1 { position: absolute; top: 8px; left: 20px;  text-indent: -9999px; }
#header h1 a { display: block; width: 210px; height: 66px; }
#header h2 { position: absolute; top: 15px; right: 20px; font-size: 18px; line-height: 1em; font-weight: bold; color: #087ad6; } 
#header h2 span { font-size: 14px; color: #004272; padding-top: 2px; }

#sub { width: 372px; margin-left: 20px; padding: 20px 0; float: left; display: inline; position: relative;  z-index: 1; }
#sub ul.top { width: 372px; padding-bottom: 20px; }
#sub ul.top li { width: 372px; font-size: 14px; line-height: 1.3em; font-weight: bold; margin-bottom: 8px; float: left; clear: left; }
#sub ul.top li a { float: left; display: inline-block; padding-left: 16px; background: transparent url(../images/bullet_blue_triangle.gif) no-repeat 0 5px; }
#sub ul.top li span.base { float: left; display: inline; width: 1px; height: 5px; position: relative; }
#sub h2 { color: #004272; margin-bottom: 20px; }
#sub ul.content { width: 372px; padding-bottom: 20px; }
#sub ul.content li { width: 352px; font-size: 14px; line-height: 1.3em; font-weight: bold; padding-left: 20px; margin-bottom: 5px; background: transparent url(../images/bullet_gray_square.gif) no-repeat 0 4px; }
#sub .testimonial { display: inline-block; width: 372px; margin-bottom: 10px; padding-top: 18px; background: transparent url(../images/testimonial.png) no-repeat right top; behavior: url(styles/iepngfix.htc); }
#sub .testimonial .tmb { display: inline-block; width: 372px; min-height: 60px; margin: 0; padding-bottom: 30px; background: transparent url(../images/testimonial.png) no-repeat left bottom; behavior: url(styles/iepngfix.htc); }
* html body #sub .testimonial .tmb { height: 60px; }
#sub .testimonial p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: bold; text-align: left;  width: 348px; margin: 0 0 0 14px; }
#sub .testimonial p span.op { display: inline-block; vertical-align: text-top; width: 16px; height: 13px; background: transparent url(../images/testimonial_op.gif) no-repeat 0% 0%; behavior: url(styles/iepngfix.htc); }
#sub .testimonial p span.cl { display: inline-block; vertical-align: text-top; width: 16px; height: 13px; background: transparent url(../images/testimonial_cl.gif) no-repeat 100% 0%; behavior: url(styles/iepngfix.htc); }
#sub .testimonial p span span { display: inline-block; width: 16px; height: 13px; text-indent: -9999px; }
#sub .testimonial p.name { font-family: "Trebuchet MS", Arial, sans-serif; font-style: normal; display: block; padding-bottom: 5px; }

#main { width: 347px; padding: 10px 0 20px 0; margin-left: 20px; float: left; display: inline; position: relative; z-index: 2; }
#main .card { display: block; width: 347px; height: 167px; margin-top: 23px; background: transparent url(../images/card.png) no-repeat left top; position: relative; }
#main .card .pic { position: absolute; top: 12px; left: 28px; width: 65px; height: 65px; background: #595959; }
#main .card .pic img { width: 61px; height: 61px; margin: 1px; border: solid 1px #FFF; }
#main .card .data { position: absolute; top: 15px; left: 105px; width: 235px; }

#logos { clear: both; padding-bottom: 12px; }
#logos ul { width: 750px; list-style-type: none; margin: 0 0 0 15px; padding: 0; }
#logos ul li { float: left; display: inline; width: 125px; height: 60px; margin: 0; padding: 0; }
#logos ul li img { margin: 0; padding: 0; }

.help_box { display: inline-block; position: relative; }

#footer { clear: both; display: block; width: 780px; height: 130px; background: transparent url(../images/footer_shadow.png) no-repeat center top; position: relative; }
#footer p { font-weight: bold; }
#footer p.address {  text-align: left; font-size: 12px; line-height: 1.2em; position: absolute; left: 30px; top: 40px; }
#footer p.address span { display: inline-block; padding-bottom: 5px; font-size: 14px; }

/*@UNIFORM */
	#uni_form { width: 335px; margin-left: 12px; }
	#uni_form fieldset { padding-top: 10px; }
	#uni_form .req { display: inline-block; padding: 0 2px; font-size: 120%; font-weight: bold; color: #00aeef; }
	#uni_form .txtleft { text-align: left; }
	#uni_form .txtcenter { text-align: center; }
	#uni_form .txtright { text-align: right; }	
	
	#uni_form h1,
	#uni_form h2,
	#uni_form h3,
	#uni_form h4,
	#uni_form h5,
	#uni_form h6,
	#uni_form p { clear: both; }
	#uni_form ul { width: 335px; float: left; display: inline; clear: both; margin: 0; padding: 0; list-style-type: none; position: relative; }
	#uni_form ul li { width: 100%; margin: 0; padding: 4px 0; float: left; clear: both; background: none; position: relative; }
		
	#uni_form ul li label { width: 234px; float: left; display: inline; margin-right: 0; line-height: 20px; }
	#uni_form ul li input { width: 232px; height: 18px; float: left; display: inline; }
/*
	#uni_form ul li input.chkbox { width: 20px; margin-right: 6px; border: none; background: none; }
	#uni_form ul li input.radio { width: 20px; border: none; background: none; }
*/	
	#uni_form ul li input.button { width: auto; height: auto; margin-top: 10px; background: none; border: none; }
/*
	#uni_form ul li input.button2 { width: 65px; height: 20px; margin-top: 0; margin-left: 10px; background: #0E5342; border: none; cursor: pointer; font-size: 11px; line-height: 20px; text-transform: uppercase; color: #FFF; }	
	#uni_form ul li select { width: 333px; height: auto; float: left; display: inline; font-size: 12px; }	
	#uni_form ul li textarea { width: 331px; height: 80px; float: left; display: inline; }
*/
	#uni_form .crash,
	#uni_form .bless,
	#uni_form .note { margin-top: 10px; }
	
.bubble_holder { width: 168px; font: normal 11px Arial, Helvetica, sans-serif; color: #595959; position: absolute; }	
.bubble_holder .bubble1 { display: block; width: 168px; padding-top: 28px; background: transparent url(../images/bubble.png) no-repeat 100% 0%; behavior: url(styles/iepngfix.htc); }
.bubble_holder .bubble2 { display: block; width: 108px; padding: 0 30px 20px 30px; background: transparent url(../images/bubble.png) no-repeat 0% 100%; behavior: url(styles/iepngfix.htc); }

#sub ul.top li span.base .bubble_holder { bottom: 2px; right: -40px; } 	
.help_box .bubble_holder { bottom: 18px; right: -40px; } 	
}