/* GLOBAL RESET
---------------------------------------------------------------------------*/

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, caption, tbody, tfoot, thead {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1; }
ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}



/* LINKS */
	a:link {color: #0269ab; text-decoration: underline;}
	a:visited {color: #0269ab; text-decoration: underline;}
	a:hover {color: #0269ab; text-decoration: none;}
	a:active {color: #0269ab; text-decoration: underline;}


#login {
float:right;
}

#login a {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#login a:hover {
text-decoration:underline;
}
				
	/* HEADINGS */
	h1 {margin: 0 0 10px 0; font-size: 40px; font-weight: bold; color: #0269ab; font-family:Arial, Helvetica, sans-serif;}
		h2 {margin: 0 0 10px 0; font-size: 26px; font-weight: bold; color: #666666;}
		h3 {margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #0269ab;}
		
/* LAYOUT
---------------------------------------------------------------------------*/		
		
				/* LOGO WRAP  */
#logo {margin: 0 auto; padding: 0 30px; width: 980px; }

		
		/* MAIN WRAP HOME */
#mainWrapHome {margin: 0 auto; padding: 0 30px; width: 980px; background: url(/img/slider/mainwrap_home_bg.png) top center no-repeat;}

#logo #mainWrapHome #footer {font:Arial, Helvetica, sans-serif;}
		
	/* INTRO HOME */
	#introWrap {margin: 0 auto; width: 980px; height: 270px; overflow: hidden; background: url(/img/slider/intro_wrap_bg.gif) top left repeat-x;}
		#introHolder {width: 10000px; height: 270px;}
			.introHome {float:left; padding: 0 0 0 20px; width: 960px; height: 270px;}
				#introScreen1 {background: url(/img/slider/home_intro_screen1.jpg) top right no-repeat;}
				#introScreen2 {background: url(/img/slider/home_intro_screen2.jpg) top right no-repeat;}
				#introScreen3 {background: url(/img/slider/home_intro_screen3b.jpg) top right no-repeat;}
				#introScreen4 {background: url(/img/slider/home_intro_screen4.png) top right no-repeat;}
			#introScreen5 {background: url(/img/slider/home_intro_screen5.png) top right no-repeat;}
			
				.introHomeContent {float: left; margin: 50px 0 0 0; width: 940px;}
					.introHomeContent p {margin: 0 0 15px 0; width: 480px; font-size: 26px; line-height: 1.15em; color: #3eb4ff;}
						.introHomeContent h1 {font:Arial, Helvetica, sans-serif;}
							/* INTRO HOME NAV */
							.introHomeNav {float: left; width: 359px; height: 46px; background: url(/img/slider/home_intro_nav_bg2.png) 0 0 no-repeat;}
								.introHomeNav li {float: left; height: 46px; list-style-type: none;}
									.introHomeNav a {display: block; height: 46px; background: url(/img/slider/home_intro_nav123.png) 0 0 no-repeat;}
									
									
									.introHomeNav .create a {margin: 0; width: 115px; background-position: 0 0; background-repeat:no-repeat;}
										.introHomeNav .create a:hover, .introHomeNav .create a.selected {background-position: 0px -46px;}
									
									.introHomeNav .send a {margin: 0 10px 0 0; width: 115px; background-position: -117px 0;}
										 .introHomeNav .send a:hover, .introHomeNav .send a.selected {background-position: -117px -46px;}
									
									.introHomeNav .report a {width: 105px; background-position: -235px 0;}
										.introHomeNav .report a:hover, .introHomeNav .report a.selected {background-position: -235px -46px;}
										
										
											/* CALL-TO-ACTION HOME TOP */
	#CTAHomeTop {padding: 20px 20px 0 20px; width: 940px; min-height: 70px; height: auto !important; height: 70px; border-top: 1px solid #b9e380; background: #73c701 url(/img/bg/cta_bg.gif) bottom left repeat-x;}
		#CTAHomeTop p {float: left; margin: 5px 0 0 0; width: 620px; font-size: 26px; font-style: italic; color: #fff; line-height: 1em;}
		#CTAHomeTop .signUpBtn {float: right; margin: 10px; margin-right: 40px; width: 220px; height: 37px;}
			#CTAHomeTop .signUpBtn a {display: block; width: 220px; height: 37px; background: url(/img/buttons/tryitfree.gif) top left no-repeat;}
				#CTAHomeTop .signUpBtn a:hover {background-position: 0 -37px;}
										
								/* FOOTER */
	#footer {padding: 30px 20px; width: 940px; height: 40px; background: url(/img/bg/footer_bg.png) top left no-repeat; font-size:90%; font-family:Arial, Helvetica, sans-serif;}
		#footer p {float: left; color: #fff; font-size:11px;}
		#footer ul {float: right;}
			#footer li {display: inline; margin: 0 10px;}
				#footer a {font-weight: bold; color: #fff; text-decoration: none;}
					#footer a:hover {color: #d3eeff;}


/* Body Divs */
#whyems {

line-height:normal;
margin-bottom:30px;
}

/* BLUE CONTENT AREA */
		#contentBlue {clear: left; padding: 20px; width: 940px; background-color: #d3eeff;  background-color: #eeeeee; line-height:normal; font-family:Arial, Helvetica, sans-serif;}
		
		/* LEFT COLUMN HOME */
		#leftColumnHome {float: left; width: 300px;}
			#leftColumnHome h3 {margin: 0 0 10px 10px;}
				#leftColumnHome p {margin: 0 0 10px 10px;}
/* MIDDLE COLUMN */
		#midColumn {float: left; margin: 0 20px; width: 300px;}
			#midColumn h3 {margin: 0 0 10px 10px;}
				#midColumn p {margin: 0 0 10px 10px;}
		
		/* RIGHT COLUMN HOME */
		#rightColumnHome {float: left; width: 300px;}
			#rightColumnHome h3 {margin: 0 0 10px 10px;}
				#rightColumnHome p {margin: 0 0 10px 10px;}


/* GENERIC CLASSES
---------------------------------------------------------------------------*/
.hide {display: none;}

.darkblue {color: #0269AB;}

.readmore {color: #0269AB;}

.thumb {margin-bottom:10px;}


/* Gallery
---------------------------------------------------------------------------*/

.gallery {
float:right;
width:333px;
background-image:url(../img/bg/gallery-btm.png);
background-repeat:no-repeat;

}

.intro {
float:right;
background-image:url(../img/bg/gallery-top.png);
background-repeat:no-repeat;
padding:12px;
}

ul.check li {padding: 8px 10px 5px 25px; line-height: 1.5em; background: url(/img/icons/check_bullet.png) 0 9px no-repeat;}

ul.xList li {padding: 8px 10px 5px 25px; line-height: 1.5em; background: url(/img/icons/x_bullet.png) 0 9px no-repeat;}

ol li {margin: 0 0 0 20px; padding: 0 0 5px 0; line-height: 1.5em;}

