/***************************************************************************
Global
***************************************************************************/
* {
	outline					: 0;
	margin					: 0;
	padding					: 0;
	border 					: none;
	}

body {
	color					: #666666;
	font					: normal 12px/14px helvetica, arial, sans-serif;
	background 				: #ffffff url() no-repeat 0 0;
	}

.clear {
	clear					: both;
	}

/***************************************************************************
Layout
***************************************************************************/
#container {
	width					: 900px;
	margin					: 0 auto 0 auto;
	}

#header {
	position 				: relative;
	height					: 80px;
	}
	
#header img {
	position 				: absolute;
	top						: 15px;
	left					: 10px;
	border					: none;
	}
	
#navigation {
	height					: 50px;
	margin					: 0 0 20px 0;
	}

#main {
	padding					: 0 10px 0 10px;
	background 				: transparent url(../_images/bg-main.png) repeat-y 670px 0;
	}

#intro {
	position 				: relative;
	width 					: 650px;
	height					: 205px;
	margin 					: 0 0 15px 0;
	border-bottom 			: 1px solid #eeeeee;
	background 				: transparent url(../_images/bg-intro.png) no-repeat 0 0;
	}

#intro-basic {
	position 				: relative;
	width 					: 650px;
	height					: 205px;
	margin 					: 0 0 15px 0;
	border-bottom 			: 1px solid #eeeeee;
	background 				: transparent url(../_images/bg-intro-basic.png) no-repeat 0 0;
	}
	
#intro-cc {
	position 				: relative;
	width 					: 650px;
	height					: 205px;
	margin 					: 0 0 15px 0;
	border-bottom 			: 1px solid #eeeeee;
	background 				: transparent url(../_images/bg-intro-cc.png) no-repeat 0 0;
	}
		
#content {
	float					: left;
	width					: 650px;
	}

#sidebar {
	float					: right;
	width					: 210px;
	}

#footer {
	position				: relative;
	height					: 75px;
	border-top 				: 1px solid #eeeeee;
	background-color		: #ffffff;
	}

#contactL {
	float 					: left;
	width 					: 150px;
	margin 					: 0 0 15px 0;
	}
	
#contactR {
	float 					: right;
	width 					: 450px;
	margin 					: 0 0 15px 0;
	}
	
#contactR img {
	padding 				: 3px;
	border 					: 1px solid #eeeeee;
	}
	
/***************************************************************************
Service Boxes
***************************************************************************/
#basic-box {
	float 					: left;
	position 				: relative;
	width 					: 315px;
	height 					: 155px;
	margin 					: 0 0 15px 0;
	background 				: transparent url(../_images/bg-service-box.png) no-repeat 0 0;
	}
	
#command-center-box {
	float 					: right;
	position 				: relative;
	width 					: 315px;
	height 					: 155px;
	margin 					: 0 0 15px 0;
	background 				: transparent url(../_images/bg-service-box.png) no-repeat 0 0;
	}
	
#basic-box h3, #command-center-box h3 {
	position 				: absolute;
	color 					: #000000;
	top						: 10px;
	left 					: 10px;
	font					: bold 16px/16px helvetica, arial, sans-serif;
	}

#basic-box p, #command-center-box p {
	position 				: absolute;
	width 					: 295px;
	top						: 30px;
	left 					: 10px;
	font					: normal 10px/12px helvetica, arial, sans-serif;
	}	

#basic-box ul, #command-center-box ul {
	position 				: absolute;
	width 					: 295px;
	top						: 45px;
	left 					: 10px;
	list-style-type 		: none;
	}

#basic-box ul li, #command-center-box ul li {
	margin 					: 0 0 10px 0;
	font					: normal 11px/11px helvetica, arial, sans-serif;
	}

#basic-box ul li span, #command-center-box ul li span {
	color					: #e11a1a;
	}

#basic-box a.service-learn-more, #command-center-box a.service-learn-more {
	position 				: absolute;
	top						: 125px;
	left 					: 10px;
	}
	
#basic-box a.service-get-started, #command-center-box a.service-get-started {
	position 				: absolute;
	top						: 125px;
	right 					: 10px;
	}
	
a.enroll-btn-small {
	position 				: absolute;
	display 				: block;
	top 					: 110px;
	right 					: 10px;
	width 					: 100px;
	height 					: 37px;
	text-indent 			: -9999px;
	border-bottom 			: none;
	background				: transparent url(../_images/enroll-btn-small.png) no-repeat 0 0;
	}

/***************************************************************************
Headers
***************************************************************************/
h1 {
	color					: #0059a2;
	margin					: 0 0 10px 0;
	font					: bold 16px/16px helvetica, arial, sans-serif;
	}
	
h2 {
	width 					: 200px;
	height 					: 10px;
	text-indent 			: -9999px;
	margin 					: 0 0 10px 0;
	}

h2#header-community-outreach {background: transparent url(../_images/bg-subheaders.png) no-repeat 0 0;}

h3 {
	color					: #0059a2;
	margin					: 0 0 10px 0;
	font					: bold 12px/18px helvetica, arial, sans-serif;	
	}
	
#sidebar h3 {
	color					: #0059a2;
	margin					: 0;
	font					: bold 12px/18px helvetica, arial, sans-serif;	
	}
/***************************************************************************
Typography
***************************************************************************/
p {
	color					: #5c5c56;
	margin					: 0 0 20px 0;
	font					: normal 12px/18px helvetica, arial, sans-serif;
	}

#content p {
	color					: #5c5c56;
	margin					: 0 0 20px 0;
	font					: normal 12px/18px helvetica, arial, sans-serif;
	}
	
#sidebar p {
	color					: #5c5c56;
	margin					: 0 0 20px 0;
	font					: normal 11px/14px helvetica, arial, sans-serif;
	}

#footer p {
	position				: absolute;
	top						: 20px;
	right					: 0;
	color					: #8d8d85;
	margin					: 0 0 20px 0;
	font					: normal 11px/11px helvetica, arial, sans-serif;
	}
		
#header p {
	position 				: absolute;
	right					: 0;
	top						: 25px;
	font					: normal 11px/14px helvetica, arial, sans-serif;
	}
	
#header p span {
	color					: #8d8d85;
	}

.promocode {
	color 					: #c41230;
	font-weight 			: bold;
	}
/***************************************************************************
Links
***************************************************************************/
a#sidebar-logos {
	display 				: block;
	width 					: 205px;
	height 					: 738px;
	background				: transparent url(../_images/sidebar-logos.png) no-repeat -200px 0;
	}

a#sidebar-logos:hover {
	display 				: block;
	width 					: 205px;
	height 					: 738px;
	background				: transparent url(../_images/sidebar-logos.png) no-repeat -200px 0;
	}
		
#header a, #sidebar p a, #content a {
	color 					: #6385a1;
	border-bottom 			: 1px solid #d7e1e9;
	text-decoration			: none;
	}
	
#header a:hover, #sidebar a:hover, #content a:hover {
	color 					: #7597b2;
	border-bottom 			: none;
	text-decoration			: none;
	}

#intro a#enroll-btn {
	position 				: absolute;
	display 				: block;
	top 					: 140px;
	left 					: 440px;
	width 					: 140px;
	height 					: 57px;
	text-indent 			: -9999px;
	border 					: none;
	background				: transparent url(../_images/enroll-btn.png) no-repeat 0 0;
	}

#intro-basic a#enroll-btn, #intro-cc a#enroll-btn {
	position 				: absolute;
	display 				: block;
	top 					: 140px;
	right 					: 0;
	width 					: 140px;
	height 					: 57px;
	text-indent 			: -9999px;
	border 					: none;
	background				: transparent url(../_images/enroll-btn.png) no-repeat 0 0;
	}
/***************************************************************************
Lists
***************************************************************************/
#navigation ul {
	list-style-type			: none;
	}

#navigation ul li {
	float					: left;
	width					: 180px;
	height					: 50px;
	display					: block;
	}
	
#navigation ul li a {
	display					: block;
	width					: 180px;
	height					: 50px;
	text-indent				: -9999px;
	}

/* static state */
#navigation ul li a#tn-services {background:transparent url(../_images/bg-navigation.png) no-repeat 0 0;}
#navigation ul li a#tn-about {background:transparent url(../_images/bg-navigation.png) no-repeat -180px 0;}
#navigation ul li a#tn-community {background:transparent url(../_images/bg-navigation.png) no-repeat -360px 0;}
#navigation ul li a#tn-contact {background:transparent url(../_images/bg-navigation.png) no-repeat -540px 0;}
#navigation ul li a#tn-get-started {background:transparent url(../_images/bg-navigation.png) no-repeat -720px 0;}

/* on hover state */
#navigation ul li a#tn-services:hover {background:transparent url(../_images/bg-navigation.png) no-repeat 0 -50px;}
#navigation ul li a#tn-about:hover {background:transparent url(../_images/bg-navigation.png) no-repeat -180px -50px;}
#navigation ul li a#tn-community:hover {background:transparent url(../_images/bg-navigation.png) no-repeat -360px -50px;}
#navigation ul li a#tn-contact:hover {background:transparent url(../_images/bg-navigation.png) no-repeat -540px -50px;}
#navigation ul li a#tn-get-started:hover {background:transparent url(../_images/bg-navigation.png) no-repeat -720px -50px;}

/* on page state */
body#services #navigation ul li a#tn-services {background:transparent url(../_images/bg-navigation.png) no-repeat 0 -50px;}
body#about #navigation ul li a#tn-about {background:transparent url(../_images/bg-navigation.png) no-repeat -180px -50px;}
body#community #navigation ul li a#tn-community {background:transparent url(../_images/bg-navigation.png) no-repeat -360px -50px;}
body#contact #navigation ul li a#tn-contact {background:transparent url(../_images/bg-navigation.png) no-repeat -540px -50px;}

/* breadcrumb */
ul#breadcrumb {
	margin					: 0 0 25px 0;
	padding					: 0;
	}

ul#breadcrumb li {
	display					: block;
	float					: left;
	padding					: 0 0 0 10px;
	margin					: 0 5px 0 0;
	font					: normal 10px/10px helvetica, arial, sans-serif;
	background				: transparent url(../_images/arrow.gif) no-repeat 0 50%;
	}
	
ul#breadcrumb li#first {
	display					: block;
	float					: left;
	padding					: 0;
	font					: normal 10px/10px helvetica, arial, sans-serif;
	background				: transparent url() no-repeat 0 0;
	}
	
ul#breadcrumb li a {
	color 					: #6385a1;
	display					: block;
	text-decoration 		: none;
	}
	
ul#breadcrumb li a:hover {
	color 					: #6385a1;
	border-bottom 			: 1px solid #d7e1e9;
	display					: block;
	text-decoration 		: none;
	}

/* content area */
#content ul.list {
	margin 					: 0 0 20px 30px;
	font					: normal 12px/18px helvetica, arial, sans-serif;
	}

/* footer */
#footer ul {
	position				: absolute;
	top						: 20px;
	left					: 0;
	list-style-type			: none;
	}

#footer ul li {
	float					: left;
	display					: block;
	margin					: 0 5px 0 0;
	color 					: #d0d0d0;
	}
	
#footer ul li a {
	display					: block;
	color 					: #6e6e66;
	text-decoration			: none;
	border-bottom 			: 1px solid #d0d0d0;
	padding					: 0 0 2px 0;
	font					: normal 11px/11px helvetica, arial, sans-serif;
	}

/* sidebar */
#sidebar ul {
	margin					: 10px 0 20px 0;
	padding					: 0;
	}

#sidebar ul li {
	padding					: 0 0 0 17px;
	margin					: 0 0 10px 0;
	font					: normal 12px/12px helvetica, arial, sans-serif;
	list-style-type 		: none;
	background				: transparent url(../_images/list-check-mark.gif) no-repeat 0 50%;
	}
	
/* on page state */	
body#home #footer ul li a#bn-home {color: #8d8d85;border-bottom: none;}
body#services #footer ul li a#bn-services {color: #8d8d85;border-bottom: none;}
body#about #footer ul li a#bn-about {color: #8d8d85;border-bottom: none;}
body#community #footer ul li a#bn-community {color: #8d8d85;border-bottom: none;}
body#contact #footer ul li a#bn-contact {color: #8d8d85;border-bottom: none;}