@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", Tahoma, 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: #ED5AA0; text-decoration: none; cursor: pointer; outline-style: none; outline-width: 0; }
a:hover { color: #006BB6; text-decoration: none; }

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: ''; }

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


/* system messages */
p.crash { /*width: 100%;*/ background: #FFF url(../images/system_crash.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #FF0000; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
p.crash span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #FF0000; }
p.bless { /*width: 100%;*/ background: #FFF url(../images/system_bless.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #7EB712; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
p.bless span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #7EB712; }
p.note { /*width: 100%;*/ background: #FFF url(../images/system_note.gif) no-repeat 15px center; font-weight: bold; margin: 10px 0; padding: 5px 5px 5px 50px; border: solid 2px #4C91BD; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }	
p.note span { font: bold 120% "trebuchet MS", tahoma, sans-serif; line-height: 16px; text-transform: uppercase; color: #4C91BD; }	

/* @WMouseText */

/*#WMouseText { background: #FFF; border: solid 1px #B6EEFB; color: #ED5AA0; font-weight: bold; width: 125px; height: 30px; line-height: 30px; margin: 0; padding: 5px; position: relative; }*/
#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; }


	
/* **********************************************************
 @ELEMENTS
*************************************************************/
body { text-align: center; background: #DFDFDF; font-size: 13px; line-height: 1.6em; color: #A8A8A8; }
#container1, .ct1 { background: #FFF url(../images/bg_top.gif) repeat-x center top; }
#container2, .ct2 { background: transparent url(../images/bg_bottom.gif) repeat-x center bottom; }
#board { width: 974px; height: auto; margin: 0 auto; text-align: left; }



#header { width: auto; height: 184px; position: relative; }
#header #logobg { position: absolute; top: 0; left: -54px; width: 217px; height: 73px; background: transparent url(../images/logo_wm.gif) no-repeat center bottom; }
#header h1 { position: absolute; top: 0; left: 0; text-indent: -9999px; }
#header h1 a { display: block; width: 120px; height: 65px; }
#header h2 { text-align: right; font-size: 18px; line-height: 32px; font-weight: bold; color: #0877D1; }
#header h2 span { font-size: 14px; line-height: 32px; color: #223460; }
#header h3 { position: absolute; top: 132px; left: 0; text-indent: -9999px; }
#header h3 span { display: block; width: 176px; height: 52px; background: transparent url(../images/h3_portfolio.gif) no-repeat left top; }
#header ul.nav_main { text-align: right; position: absolute; right: 0; top: 150px; }
#header ul.nav_main li { float: left; display: inline; width: 109px; height: 34px; margin-left: 2px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; }
#header ul.nav_main li a { color: #FFF; text-decoration: none; display: block; width: 109px; height: 27px; padding-top: 7px; background: transparent url(../images/nav_main.gif) no-repeat left bottom; } 
#header ul.nav_main li a:hover, 
#header ul.nav_main li a:active { color: #FFF; text-decoration: none; background-position: left center; }
#header ul.nav_main li.current a  { color: #004272; text-decoration: none; background-position: left top; }
#header ul.nav_main li#home { width: 28px; text-indent: -9999px; }
#header ul.nav_main li#home a { width: 28px; background-image: url(../images/nav_main_home.gif); }



#switcher { width: auto; height: 63px; padding-top: 13px; display: block; position: relative; z-index: 2; }	
#switcher ul { width: auto; height: 40px; margin: 0; }
#switcher ul li { float: left; display: inline; height: 40px;}
#switcher ul li.sl { width: auto; text-align: right; position: relative; }
#switcher ul li.sl label { float: left; display: inline; margin: 0 10px 0 0; font-size: 12px; line-height: 40px; font-weight: bold; text-transform: uppercase; color: #004272; }
#switcher ul li.sl .input_holder { float: left; position: relative; }

#switcher ul li.sl .input_bg1 { width: 215px; height: 24px; margin-top: 8px; background: transparent url(../images/select_bg.gif) no-repeat right center; border: none; }

#switcher ul li.sl input { background: none; border: none; width: 210px; height: 24px; padding: 0 0 0 5px; font-size: 16px; color: #979797; cursor: pointer; }

	#switcher ul li.sl .select_cat { position: absolute; bottom: 0; left: 0; z-index: 2; }
	#switcher ul li.sl .select_cat .list { position: absolute; top: -1px; left: 0; background: #FFF; width: 213px; height: 244px; padding: 0; overflow: auto; border: solid 1px #EAEAEA; border-left-color: #979797; } * html body #switcher ul li.sl .select_cat .list { top: -2px; }
	#switcher ul li.sl .select_cat .list ul {}
	#switcher ul li.sl .select_cat .list ul li { float: none; display: block; margin: 0 0 0 5px; padding: 0; width: auto; height: auto; }
	#switcher ul li.sl .select_cat .list ul li a { float: left; clear: left; display: block; width: 395px; width: 180px; height: 20px; font-size: 16px; line-height: 20px; padding-bottom: 4px; color: #979797; text-align: right; }
	#switcher ul li.sl .select_cat .list ul li a span { float: left; }
	#switcher ul li.sl .select_cat .list ul li a img { float: right; }

#switcher ul li.sr { width: auto; text-align: left; }
#switcher ul li.sr p { font-size: 12px; line-height: 40px; font-weight: bold; text-transform: uppercase; background: transparent url(../images/or_bg.gif) no-repeat left center; }
#switcher ul li.sr p a { color: #004272; margin-left: 80px; }
#switcher ul li.sr p a:hover { color: #ED5AA0; }
#switcher #addtoany { position: absolute; right: 14px; top: 25px; }
#switcher #addtoany img { margin-left: 6px; }



#content { width: auto; min-height: 460px; padding-bottom: 40px; z-index: 1; }  * html body #content { height: 460px; }
.loading { background: transparent url(../images/loading.gif) no-repeat center center; }
.loaded { background: transparent; }

/* @tags */
#content .tag_holder { width: auto; height: auto; text-align: justify; }
#content .tag_holder p { line-height: 250%; }
#content .tag_holder p span { margin: 0 0 0 2px; }
#content .tag_holder p a { display: inline-block; width: auto; height: auto; color: #A8A8A8; padding: 2px; }
#content .tag_holder p a:hover { color: #FFF; background: #ED5AA0; }

/* @compact */
#content .compact_holder { width: auto; height: auto; text-align: center;}
#content .compact_holder a img { padding: 3px; margin: 2px 2px 0 0; border: solid #DADADA 1px; background: #FFF;  }
#content .compact_holder a:hover img { margin: 1px 2px 0 0; border-bottom: solid #DADADA/*A8A8A8*/ 2px; }

/* @normal */
#content .normal_holder { width: 974px; height: auto; position: relative; }
#ajax_content { width: 974px; height: auto; position: relative; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
#ajax_content .steps { position: absolute; width: 26px; height: 229px; }
#ajax_content .steps a { display: block; width: 26px; height: 229px; background: transparent url(../images/steps_bg.gif) no-repeat center center; text-indent: -9999px; }
#ajax_content .steps#prev { top: 0; left: 0; } 
#ajax_content .steps#prev a { background-position: left top; }
#ajax_content .steps#prev a:hover { background-position: left bottom; }
#ajax_content .steps#next { top: 0; right: 0; }
#ajax_content .steps#next a { background-position: right top; }
#ajax_content .steps#next a:hover { background-position: right bottom; }
#ajax_content .list { width: auto; height: auto; background: #FFF;  }
#ajax_content .list ul { width: auto; height: auto; margin-left: 28px; }
#ajax_content .list ul li { float: left; display: inline; width: 300px; height: auto; }
#ajax_content .list ul li.left { margin-right: 10px; }
#ajax_content .list ul li.center { margin-right: 10px; }
#ajax_content .list ul li a img { padding: 3px; margin: 2px 2px 0 0; border: solid #DADADA 1px; background: #FFF; }
#ajax_content .list ul li a:hover img { margin: 1px 2px 0 0; border-bottom: solid #DADADA 2px; }
#ajax_content .list ul li h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #595959; margin: 15px 0 5px 0; }
#ajax_content .list ul li p { margin-bottom: 10px; }
#ajax_content .list ul li p a { padding: 3px; }
#ajax_content .list ul li p a:hover { color: #FFF; background: #ED5AA0; }
#ajax_content .list ul li .testimonial {}
#ajax_content .list ul li .testimonial .tf { background: transparent url(../images/tm_flow.gif) repeat-y center center; }
#ajax_content .list ul li .testimonial .tt { background: transparent url(../images/tm_top.gif) no-repeat center top; padding: 12px 0 4px 0; }
#ajax_content .list ul li .testimonial .tt p { margin: 0 15px 0 15px; }
#ajax_content .list ul li .testimonial .tb { background: transparent url(../images/tm_bottom.gif) no-repeat center top; padding: 22px 0 10px 0; }
#ajax_content .list ul li .testimonial .tb p { margin: 0; }
#ajax_content .list ul li p.tags { line-height: 35px; margin: 20px 0 0 0; padding-top: 10px; background: transparent url(../images/tags_bg.gif) no-repeat center top; }
#ajax_content .list ul li p.tags span { text-indent: -9999px; display: block; float: left; width: 70px; height: 35px; background: transparent url(../images/similar_bg.gif) no-repeat left top; }

/* @extended */
#content .extended_holder {}
#content .extended_holder h1 { display: block; font-size: 28px; color: #595959; text-transform: uppercase; margin-bottom: 10px; }
#content .extended_holder h1 span { font-size: 13px; color: #B4B4B4; text-transform: none; }
#content .extended_holder p.getquote#t { text-align: right; margin: -38px 0 10px 0; }



#content .extended_holder .ff { width: 974px; height: auto; background: transparent url(../images/flash_flow.gif) repeat-y center center; margin-bottom: 20px; }
#content .extended_holder .ft { width: 974px; height: auto; background: transparent url(../images/flash_top.gif) no-repeat center top; padding: 6px 0 0 0; }
#content .extended_holder .fb { width: 974px; height: auto; background: transparent url(../images/flash_bottom.gif) no-repeat center bottom; padding: 0 0 6px 0; }
#content .extended_holder #flash.mini { width: 962px; height: 200px; margin: 0 6px; }
#content .extended_holder #flash.maxi { width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left:0; z-index: 100; background: #FFF; }



#content .extended_holder .down { width: 974px; height: auto; position: relative; }
#content .extended_holder .down .info { float: left; display: inline; width: 587px; margin: 0 0 0 26px; }
#content .extended_holder .down .info ul { clear: both; display: block; width: 587px;}
#content .extended_holder .down .info ul li { float: left; display: inline; padding-bottom: 10px; }
#content .extended_holder .down .info ul li.left { width: 140px; }
#content .extended_holder .down .info ul li.left p { display: block; line-height: 20px; text-align: right; margin-right: 12px; }
#content .extended_holder .down .info ul li.right { width: 430px; }
#content .extended_holder .down .info ul li.right h3 { font-size: 18px; line-height: 20px; font-weight: bold; color: #595959; }
#content .extended_holder .down .info ul li.right h4 { font-size: 13px; line-height: 20px; font-weight: bold; color: #595959; }
#content .extended_holder .down .info ul li.right img,
#content .extended_holder .down .info ul li.right a img { padding: 3px; margin: 2px 2px 0 0; background: #FFF; border: solid #DADADA 1px; }
#content .extended_holder .down .info ul li.right img:hover,
#content .extended_holder .down .info ul li.right a:hover img { margin: 1px 2px 0 0; border-bottom: solid #DADADA 2px; }
#content .extended_holder .down .info ul li.rightlogos img { padding: 0; background: transparent; border: none; }


#content .extended_holder .down .comment { float: right; display: inline; width: auto; height: auto; margin: 0 28px 0 0; }
#content .extended_holder .down .comment ul { width: auto; height: auto; }
#content .extended_holder .down .comment ul li { float: left; display: inline; width: 300px; height: auto; }
#content .extended_holder .down .comment ul li a img { padding: 3px; margin: 2px 2px 0 0; border: solid #DADADA 1px; background: #FFF; }
#content .extended_holder .down .comment ul li a:hover img { margin: 1px 2px 0 0; border-bottom: solid #DADADA/*A8A8A8*/ 2px; }
#content .extended_holder .down .comment ul li h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #595959; margin: 0 0 5px 0;  }
#content .extended_holder .down .comment ul li p { margin-bottom: 10px; }
#content .extended_holder .down .comment ul li p a { padding: 3px; }
#content .extended_holder .down .comment ul li p a:hover { color: #FFF; background: #ED5AA0; }
#content .extended_holder .down .comment ul li .testimonial { padding-top: 10px; }
#content .extended_holder .down .comment ul li .testimonial .tf { background: transparent url(../images/tm_flow.gif) repeat-y center center; }
#content .extended_holder .down .comment ul li .testimonial .tt { background: transparent url(../images/tm_top.gif) no-repeat center top; padding: 12px 0 4px 0; }
#content .extended_holder .down .comment ul li .testimonial .tt p { margin: 0 15px 0 15px; }
#content .extended_holder .down .comment ul li .testimonial .tb { background: transparent url(../images/tm_bottom.gif) no-repeat center top; padding: 22px 0 10px 0; }
#content .extended_holder .down .comment ul li .testimonial .tb p { margin: 0; }
#content .extended_holder .down .comment ul li p.tags { line-height: 35px; margin: 20px 0 0 0; padding-top: 10px; background: transparent url(../images/tags_bg.gif) no-repeat center top; }
#content .extended_holder .down .comment ul li p.tags span { text-indent: -9999px; dislay: block; float: left; width: 70px; height: 35px; background: transparent url(../images/similar_bg.gif) no-repeat left top; }

#content .extended_holder .down .comment ul li p.getquote { margin: 20px 0 10px 0; }
#content .extended_holder .down .comment ul li p.getquote a { padding: 0; }
#content .extended_holder .down .comment ul li p.getquote a img { border: none; padding: 0; margin: 0; }
#content .extended_holder .down .comment ul li p.getquote a:hover { color: #FFF; background: transparent; }
#content .extended_holder .down .comment ul li p.getquote a:hover img { color: #FFF; background: transparent; padding: 0; margin: 0; }

#content .extended_holder .down .steps { position: absolute; width: 26px; height: 229px; }
#content .extended_holder .down .steps a { display: block; width: 26px; height: 229px; background: transparent url(../images/steps2_bg.gif) no-repeat center center; text-indent: -9999px; }
#content .extended_holder .down .steps#prev { top: 0; left: 0; } 
#content .extended_holder .down .steps#prev a { background-position: left top; }
#content .extended_holder .down .steps#prev a:hover { background-position: left bottom; }
#content .extended_holder .down .steps#next { top: 0; right: 0; }
#content .extended_holder .down .steps#next a { background-position: right top; }
#content .extended_holder .down .steps#next a:hover { background-position: right bottom; }


#footer { width: auto; height: 108px; /*position: relative;*/ }
#footer p.site_info { line-height: 38px; }
#footer p.nav_footer { line-height: 38px; text-align: right; margin-top: -38px; }
#footer p.nav_footer a { color: #A8A8A8; }
#footer p.nav_footer a:hover { color: #ED5AA0; }
#footer ul.logos { width: 974px; height: auto; margin: 17px auto 0 auto; text-align: center; /*position: absolute; top: 55px; left: 50%; margin-left: -487px;*/ }
#footer ul.logos li { width: auto; height: auto; float: left; display: inline; }
#footer ul.logos li a { display: block; width: auto; height: 48px; float: left; display: inline; }
#footer ul.logos li a img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
#footer ul.logos li a:hover img { filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; margin-top: -1px; }
	#footer ul.logos li a.greenspace { background: transparent url(../images/logo_greenspace_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.constant { background: transparent url(../images/logo_constant_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.google { background: transparent url(../images/logo_google_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.rackspace { background: transparent url(../images/logo_rackspace_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.yahoo { background: transparent url(../images/logo_yahoo_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.thawte { background: transparent url(../images/logo_thawte_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.authorize { background: transparent url(../images/logo_authorize_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.vault { background: transparent url(../images/logo_1vault_bg.gif) no-repeat 0 -1px;}
	#footer ul.logos li a.trusted { background: transparent url(../images/logo_trusted_bg.gif) no-repeat 0 -1px;}	
	
	
}
@media print {
body { font: normal 13pt "Trebuchet MS", Tahoma, sans-serif; }
#header #logobg, #header ul.nav_main, #switcher, #flash, .steps, #footer p.nav_footer, #footer ul.logos  { display: none; }
#header h1 { float: left; font-size: 26pt; line-height: 1.2em; display: inline; }
#header h2 { float: right; font-size: 18pt; line-height: 1.2em; display: inline; padding-top: 4pt; }
#header h3 { clear: both; font-size: 22pt; color: #000000; padding-bottom: 10pt; margin-bottom: 30pt; border-bottom: solid 1pt #000000; }
#content h1 { font-size: 18pt; line-height: 1.2em; display: block; }
#content h1 span { font-size: 13pt; font-weight: normal; float: left; width: 25%; }
#content ul { clear: both; list-style-type: none; padding: 0; margin: 0 0 20pt 0; }
#content li { float: left; margin: 0; padding: 0; line-height: 1.2em; }
#content li.left { width: 25%; }
#content li.right { width: 65%; }
#footer p.site_info { clear: both; border-top: solid 1pt #000000; margin-top: 20pt; padding-top: 10pt; }
a { text-decoration: none; color: #000000; }
.getquote { display: none; }

#ajax_content { display: none; }

#content .compact_holder { width: auto; height: auto; text-align: left;}
#content .compact_holder a img { padding: 3px; margin: 2px 2px 0 0; border: solid #DADADA 1px; background: #FFF;  }
#content .compact_holder a:hover img { margin: 1px 2px 0 0; border-bottom: solid #DADADA/*A8A8A8*/ 2px; }
}