/* = BODY
---------------------------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding:25px 0 30px 0;
	font-size:12px;
	font-family:Arial, sans-serif, Helvetica;
	background:#F1FDFF url(../images/bg.jpg) top left repeat-x;
	color:#002F43;
}
h1, h2, h3, h4, h5, h6, p, form, ul, table, label { padding:0; margin:0; border:0; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:37px; margin-bottom: 20px; }
h2, .t2 { font-size:12px; margin-bottom: 3px; }
h3, .t3 { font-size:12px; margin-bottom: 5px; }

/* Text elements */
p { line-height:135%; margin:0 0 15px 0; }
p.last { margin-bottom: 0; }
img { margin: 0; border:none; padding:0; display:block; }
a { color:#0E9CFF; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }

/* misc */
ul li, ol li { list-style:none; }
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.float { float:left; }
.floatRight { float:right; }
img.imgRight { float:right; margin:0 0 15px 15px; }
img.imgLeft { float:left; margin:0 15px 15px 0; }
.wrap { margin:0 auto; text-align:left; width:1000px; }
.boxS { margin:0 0 5px 0; }
.box { margin:0 0 10px 0; }
.boxL { margin:0 0 15px 0; }
.boxXL { margin:0 0 20px 0; }
a.button { display:block; height:42px; line-height:42px; color:#fff; text-align:center; font-size:16px; text-decoration:none; }
a.button:hover { text-decoration:underline; }

/* = HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:1000px; height:105px; float:left; background:#B9E2FF url(../images/layout/header-bg.jpg) no-repeat; position:relative; }
.header a.logo { display:block; width:385px; height:80px; float:left; margin:25px 56px 0 0; }
.header .mainMenu { width:440px; float:left; }
.header .mainMenu li { float:left; }
.header .mainMenu li a { float:left; display:block; text-align:center; height:47px; padding:53px 0 0 0; margin:0 1px 0 0; color:#0C89FE; font-size:16px; text-decoration:none; }
* html .header .mainMenu li a { display:inline; }
.header .mainMenu li a:hover { background:#7FC5F9 url(../images/layout/m-hover.jpg) top left no-repeat; color:#00283A; }
.header .mainMenu li a.active,
.header .mainMenu li a.active:hover { background:#E6F5FF url(../images/layout/m-hover.jpg) bottom left no-repeat; color:#0C89FE; }
.header .mainMenu li a.m1 { width:137px; }
.header .mainMenu li a.m2 { width:64px; }
.header .mainMenu li a.m3 { width:87px; }
.header .mainMenu li a.m4 { width:59px; }
.header .mainMenu li a.m5 { width:86px; }
/*.header .mainMenu li a.m1 { width:138px; }
.header .mainMenu li a.m2 { width:65px; }
.header .mainMenu li a.m3 { width:88px; }
.header .mainMenu li a.m4 { width:60px; }
.header .mainMenu li a.m5 { width:87px; }*/
.header a.button { width:86px; background:url(../images/layout/button-1.gif) no-repeat; position:absolute; right:21px; top:44px; }

/* = MAIN
---------------------------------------------------------------------------------------------------*/
.mainIndex { width:1000px; float:left; background:#FFFFFF url(../images/layout/main-bg.jpg) left top repeat-x; }
.main { width:948px; float:left; padding:40px 20px 0 32px; }
.main.about { background:#fff url(../images/layout/main-about.jpg) left top no-repeat; }

.description { width:605px; min-height:185px; }
* html .description { height:185px; }
.description p.desc { font-size:16px; }
.main .description h1 { position:relative; width:445px; height:42px; font-size:28px; overflow:hidden; margin:0 0 10px 0; }
.main.about .description h1 span { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/layout/h-about.gif) left top no-repeat; }

/* = welcomeBox
---------------------------------------------------------------------------------------------------*/
.welcomeBox { width:542px; height:335px; float:left; padding:38px 0 0 32px; background:#F1F9FF url(../images/layout/main-left.jpg) no-repeat; overflow:hidden; }
.welcomeBox h1 { font-size:28px; width:542px; height:80px; overflow:hidden; position:relative; }
.welcomeBox h1 span {
	position:absolute;
	left:-1015px;
	top:76px;
	width:100%;
	height:100%;
	background:url(../images/layout/h-gain-more-traffic.gif) no-repeat;
}
.welcomeBox ul li { font-size:16px; margin:0 0 12px 0; background:url(../images/layout/dot-wb.gif) 2px 7px no-repeat; padding:0 0 0 16px; }

.welcomeBox a.learn-more { font-size:16px; float:left; margin:11px 15px 0 10px; }
.welcomeBox span.or { font-size:16px; float:left; margin:11px 15px 0 0; }
.welcomeBox a.get-effective { width:228px; background:url(../images/layout/button-2.gif) no-repeat; float:left; }

/* = infoBoxes
---------------------------------------------------------------------------------------------------*/
.infoBoxes { background:#FFFFFF url(../images/layout/content-top-bg.gif) left top no-repeat; width:960px; margin:0 0 0 20px; }
.infoBoxesInner { background:url(../images/layout/content-bottom-bg.gif) left bottom no-repeat; width:950px; float:left; padding:19px 0 18px 10px; }
.infoBoxesInner li { width:317px; height:53px; overflow:hidden; padding:0 10px 10px 0; float:left; }
.infoBoxesInner li.rear { width:286px; padding-right:0; }
.infoBoxesInner li h2 { letter-spacing:-0.01em; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width:950px; padding:15px 21px 0 30px; height:70px; background:url(../images/layout/bottom-bg.png) no-repeat; color:#C3CED3; }
.footer p.float { margin:0; }
.footer .floatRight a { float:left; background:url(../images/layout/divider-1.gif) right no-repeat; padding:0 10px 0 0; margin:0 8px 0 0; color:#C3CED3; text-decoration:none; }
.footer .floatRight a:hover { text-decoration:underline; }
.footer .floatRight a.rear { margin:0; padding:0; background:none; }