@font-face {font-family:myriadpro; src: url('../fonts/myriadpro.eot');}
@font-face {font-family:myriadpro; src: url('../fonts/myriadpro.ttf');}
@font-face {font-family:myriadsemi; src: url('../fonts/myriad-semi.eot');}
@font-face {font-family:myriadsemi; src: url('../fonts/myriad-semi.ttf');}
@font-face {font-family:myriadbold; src: url('../fonts/myriad-bold.eot');}
@font-face {font-family:myriadbold; src: url('../fonts/myriad-bold.ttf');}
@font-face {font-family:myriaditalic; src: url('../fonts/myriad-italic.eot');}
@font-face {font-family:myriaditalic; src: url('../fonts/myriad-italic.ttf');}


body {
	margin:0;
	padding:0;
	color:#5a5a5a;
	font-size:15px;
	line-height:120%;
	font-family:myriadpro;
	background-color:#ffffff;
}

p { margin-top:0; }
h1 { margin-top:0; font-family:myriadsemi; font-size:26px; line-height:120%; font-weight:normal; }
h2 { margin-top:0; font-family:myriadsemi; font-size:20px; line-height:120%; font-weight:normal; color:#3f9db7; }

strong { font-weight:normal; font-family:myriadbold; }
em { font-family:myriaditalic; }

.clear { clear:both; }
.button { float:left; height:44px; padding:12px 27px 0 27px; display:block; font-size:24px; line-height:120%; color:#FFFFFF; text-decoration:none; border:2px solid #62c6e2; background:top left repeat-x url(../images/button-bgnd.png); }

ul.tick, ul.tick li { margin:0; padding:0; list-style:none; }
ul.tick { margin-bottom:12px; }
ul.tick li { padding:5px 0 5px 21px; background:top left no-repeat url(../images/green-tick.gif); }

#header, .content, #main .content { width:980px; margin:0 auto; }

/* header */

#header { width:963px; height:60px; padding:8px 0 0 17px; position:relative; }
#header img.logo { position:absolute; z-index:2; border:0; }

/* nav */

#nav { height:20px; padding:4px 0 5px 0; background:top left repeat-x url(../images/nav-bgnd.gif); }
#nav .content { width:942px; padding-right:32px; position:relative; }
#nav form.search { float:right; margin:0 0 0 7px; padding:0 0 0 8px; border-left:1px solid #def2f7; }
#nav .search input { width:136px; height:18px; padding:0 0 0 5px; font-family:myriadpro; color:#def2f7; border:1px solid #99cbd9; background-color:#1f6b80; }
#nav a.login { float:right; width:53px; height:15px; padding-top:3px; display:block; font-family:myriadbold; font-size:10px; line-height:120%; color:#247287; text-align:center; text-decoration:none; text-transform:uppercase; border:1px solid #367d90; background-color:#fbfdfe; }
#nav .loginbox { display:none; position:absolute; top:25px; right:145px; width:334px; height:45px; padding:8px 5px 0 15px; background:top left no-repeat url(../images/loginbox-bgnd.png); }
#nav .loginbox form { margin:0; padding:0; }
#nav .loginbox input { float:left; width:136px; height:18px; padding:0 0 0 5px; margin-right:3px; font-family:myriadpro; font-size:12px; line-height:120%; color:#def2f7; border:1px solid #99cbd9; background-color:#1f6b80; }
#nav .loginbox input.submit { width:30px; height:20px; padding:0; text-transform:uppercase; color:#FFFFFF; text-align:center; cursor:pointer; background:top left repeat-x url(../images/submit-bgnd.png); }
#nav .loginbox label.checkbox { float:right; padding-right:45px; font-size:12px; line-height:120%; color:#def2f7; }
#nav .loginbox .checkbox span { float:right; padding-top:2px; }
#nav .loginbox .checkbox input { float:right; width:auto; height:auto; margin-right:0; padding:0; border:none; background:none; }

#nav .loginbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ebf2f4;
}
#nav .loginbox ::-moz-placeholder { /* Firefox 19+ */
  color: #ebf2f4;
}
#nav .loginbox :-ms-input-placeholder { /* IE 10+ */
  color: #ebf2f4;
}
#nav .loginbox :-moz-placeholder { /* Firefox 18- */
  color: #ebf2f4;
}

/* banner */

#banner { color:#FFFFFF; background-color:#65b930; }
#banner .content { padding-top:16px; }
#banner .notify { padding:2px; color:black; background-color:#eee; text-align:center; }
#banner .left { float:left; width:484px; padding:20px 0 0 27px; }
#banner .right { float:left; width:469px; }
#banner .left p { font-size:16px; line-height:148%; }
#banner .left p.more { float:left; padding:22px 0 0 10px; font-size:17px; line-height:120%; }
#banner .left .more span { color:#aaea81; }
#banner .left .more a { padding:0 28px 4px 0; color:#FFFFFF; text-decoration:none; background:top right no-repeat url(../images/button-more.gif); }
#banner .left .signup { display:none; }
#banner .left .signup h1 { margin-bottom:0; }
#banner .left form { margin:0; padding:0; }
#banner .left label { clear:left; float:left; width:82px; padding-top:4px; }
#banner .left input { float:left; width:238px; height:19px; margin-bottom:5px; }
#banner .left label.checkbox { width:auto; padding-left:82px; margin-bottom:8px; }
#banner .left .checkbox input { width:auto; margin:0 5px 5px 0; }
#banner .left label.checkbox span { float:left; padding-top:2px; }
#banner .left label.checkbox a { font-family:myriadbold; text-decoration:none; color:#FFFFFF; }
#banner .left input.button { height:56px; padding:0 27px; }

/* main */

#main { margin-bottom:100px; border-bottom:1px solid #d7e7eb;  }
#main .content { width:938px; padding:20px 21px 18px 21px; position:relative; }
#main h2 { margin:0 0 4px 5px; }
#main .content-text { width: 550px; }
#main .footer { position:absolute; right:0; bottom:0; width:378px; font-family:myriadsemi; font-size:14px; line-height:120%; color:#3f9db7; text-align:right; }
#main .footer img { margin:0 5px 8px 0; }
#main .footer p { margin-bottom:4px; }
#main .footer h1 { font-size:25px; line-height:120%; color:#65b930; text-transform:uppercase; }

@media screen and (max-width:1024px){
	#banner .left { float:none; }
	#banner .right { float:none; }
	#main .content { width:auto; padding:20px 5px 18px 5px; }
	#main .footer { position:relative; width:auto; padding:5px; text-align:center; }
	#nav a.login { float:left; margin-left:10px; }
	#header { width:auto; margin-left:100px; }
	#nav .loginbox { display:none; position:absolute; top:40px; left:45px; }
}

.preview { color:#003366; background-color:#FFCCCC; border:1px solid #CC0000; text-align:center; padding:5px;margin:5px 0px 5px 0px; font-weight:bold;}