@charset "UTF-8";
/* CSS Document */

/*
blue #2885c4
*/
body {font-family: proxima-nova, Arial, Helvetica, sans-serif; margin: 0; padding:0;}

html {background-color: #F2F2F2;}

.header-wrap {height: 73px; float:none; width: 100%; background: url(../img/header-bg.jpg) repeat-x;}

.header {width: 880px; width: 1000px\9 !important; margin: 0 auto;}
	.header img {float: left;}

#nav_main {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	float: right;
	text-shadow: 0px 1px #96adbd;
	overflow: auto;
}
	#nav_main ul { 
		list-style-type: none;
	}
	
	#nav_main li {
		float: left;
		list-style-type: none;
		padding-left: 20px;
		}
		
	#nav_main li a {
		color: #12344f;
		padding: 5px 0;
		display: block;
		text-transform: uppercase;
		text-decoration: none;
	}

.slides {
	display: block;
	/*overflow: visible\0/;*/
}

	.slides > article {
height: 424px;
    left: 50%;
    margin-left: -484px;
	margin-left: -480px\9 !important;
    margin-top: 25px;
    top: 0;
    width: 880px;
			  
			  
	}
.slides > article {   
left: 50%\9 !important;}	
	
	
	.slides > .slide {

		
		*float:none;
		*margin: 10px auto;
		*left: 0px;
		*top: 50px;
		*overflow:visible;
		*background: #fff;
		*padding: 40px;
		*width: 800px;
		width:880px\9 !important;
		
		
		float:none\0/;
		margin: 10px auto\0/;
		left: 0px\0/;
		top: 50px\0/;
		overflow:visible\0/;
		background: #fff\0/;
		padding: 40px\0/;
		width: 800px\0/;
	
	}
		
			.slides > article.past, .slides > article.future {}
	
.footer-wrap {width: 100%;}
.footer {
	border-top: 3px solid #535353;
	height: 29px; 
	width: 880px; 
		width: 1000px\9 !important; 
	margin: 0 auto;
	text-transform: uppercase;
	}

#footer_nav {
	font-size: 11px;
	line-height: 11px;
	height: 11px;
	color: #858585;
	margin: 7px 0 0 0;
	}

	#footer_logo {float: left;margin-top: 5px;}
	#footer_nav a {
		color: #858585;
		text-decoration: none;
		margin: 0 5px;
		margin-top: 5px;
	}

.login {
		
	  -o-border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
   
    background-color: #2885C4;
    border-radius: 10px 10px 10px 10px;
    display: block;
    font-size: 15px !important;
    margin: 450px auto 10px;
    overflow: hidden;
    padding: 0;
    width: 880px;

	margin:480px auto 10px\9;
	width:880px\9;

}
	.login > div {
    display: block;
    float: left;
    padding: 12px 3px 0;
}

.existing-login {border-right: 1px solid #fff; margin-right: 10px;}

.login-table {
	border: none;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	padding: 0px;
}

	.login-table td {border: none; vertical-align: top;}

.label-td {
    /*font-family: proxima-nova,Arial,Helvetica,sans-serif;*/
    font-size: 14px;
    line-height: 20px;
    padding: 8px 6px 0 0;
    text-align: left;
}
.login-table input[type="submit"]{

width: auto !important;
}
.login-table input {
    border: 1px solid #999999 !important;
    margin: 2px 0 !important;
    padding: 3px !important;
    width: 210px !important;
}
.login > div {
    display: block;
    float: left;
    font-size: 13px !important;
    padding: 10px;
    width: 410px;
}
#login-submit
{background-image: -moz-linear-gradient(center bottom , #646464 37%, #969696 90%)!important;
    border: 1px solid #333333 !important;
    border-radius: 8px 8px 8px 8px !important;
    color: #FFFFFF !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 10px !important;
	}
.button {
	border: 1px solid #333 !important;
	display: block !important;
	padding: 10px!important;
	color: #fff !important;
		*color: #fff !important;
		color: #fff\0/ !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	background-image: linear-gradient(bottom, rgb(100,100,100) 37%, rgb(150,150,150) 90%) !important;
background-image: -o-linear-gradient(bottom, rgb(100,100,100) 37%, rgb(150,150,150) 90%) !important;
background-image: -moz-linear-gradient(bottom, rgb(100,100,100) 37%, rgb(150,150,150) 90%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(100,100,100) 37%, rgb(150,150,150) 90%) !important;
background-image: -ms-linear-gradient(bottom, rgb(100,100,100) 37%, rgb(150,150,150) 90%) !important;
text-transform: uppercase;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(100,100,100)),
	color-stop(0.9, rgb(150,150,150))
)!important;
*background: #646464; background: #646464\9 !important;
 
}

.button:hover {
	background-image: linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -o-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -moz-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -ms-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(255,153,0)),
	color-stop(0.9, rgb(179,129,4))
) !important;
*background: #f90; background: #f90\9 !important;
}
#login-submit:hover {
	background-image: linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -o-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -moz-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;
background-image: -ms-linear-gradient(bottom, rgb(255,153,0) 37%, rgb(179,129,4) 90%) !important;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(255,153,0)),
	color-stop(0.9, rgb(179,129,4))
) !important;
*background: #f90; background: #f90\0/ !important;
}
	.login .button {float: right;}
	.new-login .button {margin-top: -8px;}
	
	
	#seven button {float: left; margin: 10px 20px; color: #fff; *color: #000; color: #000\0/;}
		.blue {
		background-image: linear-gradient(bottom, rgb(32,107,158) 37%, rgb(40,132,194) 90%);
background-image: -o-linear-gradient(bottom, rgb(32,107,158) 37%, rgb(40,132,194) 90%);
background-image: -moz-linear-gradient(bottom, rgb(32,107,158) 37%, rgb(40,132,194) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(32,107,158) 37%, rgb(40,132,194) 90%);
background-image: -ms-linear-gradient(bottom, rgb(32,107,158) 37%, rgb(40,132,194) 90%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(32,107,158)),
	color-stop(0.9, rgb(40,132,194))
) !important;
 *background: #2885c4; background: #2885c4\0/;
		}
		
		#seven #signup {float:left;}
		#seven #contactus {float:left; margin-left: 20px;}
	
.slide-content {
	display: block;
	float: left;
	overflow: hidden;
	width: 85%;
		
}
	
	.button-wrap {
		text-align: center; 
		width: 450px; 
			*width: 450px;
			width: 450px\0/;
		margin: 40px auto;
	}
	
/*arrow*/
.nav-arrow-wrap {
	
	width:15%;
	height:345px;
	float:right;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	
	
}
	
	
	.nav-arrow-wrap button {
		border: none;
		display: block;
		
		height: 250px;
		margin-top: 50px;
		width: 100%;
		background:url(../img/lg-arrow.png) center no-repeat;
		*color: #fff;
		color: #fff\0/;	
	}
		
	.nav-next:hover {
		cursor: pointer;
		background:url(../img/lg-arrow-ovr.png) center no-repeat;
	}
	
	#helpers {
		
	}
	
	
	
/****/
/*typography*/

h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
}
	#one h1 {font-size: 32px; font-style: italic !important;}

strong {
	color: #2885c4;
	font-style: italic !important;
	font-weight: bold !important;
}

sup {font-size: 50%;}

.small-label {
    color: #FFFFFF;
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 12px;
    text-transform: uppercase;
}
.login a:link, .login a:visited {
    color: #FF9900;
    font-size: 12px;
    font-weight: bold;
}

.login p.body {
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 16px;
    margin-top: 0;
    width: 419px;
}


	article img {margin-top: 20px; margin-left: 10px;}

article p {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 5px;
}
	
	#one p { font-size: 22px}
	#two p {text-align: right; margin: 40px 0px;}
	#three p, #four p {margin-top: 40px;}
	
	#seven p {line-height: 36px;}
	
	
	
	
	@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .header-wrap {height: 73px; padding-right: 50px; width: 100%; background: url(../img/header-bg.jpg) repeat-x;}

}