@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
a img {
	border:none;
}
body {
	font: 100% Georgia, Times New Roman, Times, serif;
	background: #f1f2f1;
	background-image:url(images/bg.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #wrapper {
	width:960px;
	margin:0 auto;
}
.oneColFixCtrHdr #header {
	padding: 5px 0 5px 20px;
	background:url(images/header-nav.gif);
	overflow-x:auto;
}
.oneColFixCtrHdr #top-nav {
	background-image:url(images/top-nav-bg.png);
	padding: 5px 20px 5px 0;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	color:#333300;
	text-transform:uppercase;
}
a.top-nav:link {
	color:#333300;
	font-size:12px;
	text-decoration:none;
}
a.top-nav:visited {
	color:#333300;
	font-size:12px;
	text-decoration:none;
}
a.top-nav:hover {
	color:#333300;
	font-size:12px;
	text-decoration:underline;
}
a.top-nav:active {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}
.oneColFixCtrHdr #side-nav {
	margin:0;
	padding:20px 0;
	width:252px;
	float:left;
	font-size:12px;
}
.oneColFixCtrHdr #mainContent {
	padding: 25px 15px 45px 15px;
	background: transparent;
	font: 90% Georgia, Times New Roman, Times, serif;
	float:left;
	width:678px;
}
.oneColFixCtrHdr #mainContent #h1 {
	font-size:30px; 
	text-transform: uppercase;
	color:#000000;
	padding:0;
	margin:0;
}
.oneColFixCtrHdr #mainContent #h2 {
	font-size:18px; 
	color:#333333;
	padding:0;
	margin:0;
}
.oneColFixCtrHdr #mainContent #h3 {
	font-size:16px; 
	color:#cc0066;
	padding:0 0 10px 0;
	margin:0;
}

.oneColFixCtrHdr #middle {
	padding:25px 5px 40px 60px;
	background:#f1f2f0;
	border-top: #999999 1px solid;
}
.oneColFixCtrHdr #middle #h1 {
	font-size:30px; 
	text-transform: uppercase;
	color:#000000;
	padding:0;
	margin:0;
	float:left;
}
.oneColFixCtrHdr #middle #h2 {
	font-size:18px; 
	color:#666666;
	padding:10px 0px 0 30px;
	margin:0;
	float:left;
}
.oneColFixCtrHdr #bottom-container {
	background: #e7ebe7;
	background-image:url(images/bottom-container-bg.jpg);
    overflow-x: auto;
	border-top: #999999 1px solid;
}
.oneColFixCtrHdr #testimonials {
	width:300px;
	margin-right:20px;
	padding:30px 0 20px 20px;
	float:left;
	color:#666666;
	font-size:14px;
}
.oneColFixCtrHdr #testimonials #h1 {
	font-size:36px;
	color:#333333;
}
.oneColFixCtrHdr #testimonials #h2 {
	font-size:18px;
	color:#e94e72;
	margin-bottom:30px;
}
.oneColFixCtrHdr #testimonials #testimonial {
	font-size:13px;
	color:#000000;
	text-align:right;
	margin-top:5px;
}
.oneColFixCtrHdr #services {
	width:290px;
	margin-right:20px;
	padding:30px 0 20px 10px;
	float:left;
	color:#666666;
}
.oneColFixCtrHdr #services #h1 {
	font-size:36px;
	color:#333333;
}
.oneColFixCtrHdr #services #h2 {
	font-size:18px;
	color:#e94e72;
	margin-bottom:30px;
}
.oneColFixCtrHdr #services #ul {
	padding:0 0 0 20px;
}
.oneColFixCtrHdr #services #li {
	padding:0 0 10px 0;
}
.oneColFixCtrHdr #sign-up {
	width:300px;
	float:left;
	color:#666666;
	padding:30px 0 20px 0;
}
.oneColFixCtrHdr #sign-up #h1 {
	font-size:36px;
	color:#333333;
}
.oneColFixCtrHdr #sign-up #h2 {
	font-size:18px;
	color:#e94e72;
	margin-bottom:30px;
}
.oneColFixCtrHdr #copyright {
	padding: 5px 10px;
	font-size:12px;
	float:left;
	width:460px;
}
.oneColFixCtrHdr #privacy {
	padding: 5px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: transparent;
	font-size:12px;
	float:left;
	width:460px;
	text-align:right;
}
a.privacy:link {
	font-size:12px;
	color:#000000;
	text-decoration:none
}
a.privacy:visited {
	font-size:12px;
	color:#000000;
	text-decoration:none
}
a.privacy:hover {
	font-size:12px;
	text-decoration:underline;
	color:#000000;
}
a.privacy:active {
	font-size:12px;
	color:#333333;
	text-decoration:none
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#slider {
    width: 960px;
	margin: 15px 20px 0 0;
    position: relative;
}

#slider #h1 {
	font-size:38px;
	color:#FFFFFF;
}

#slider #h2 {
	font-size:16px;
	color:#666666;
}
 
.scroll {
    height: 357px;
    width: 960px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: url(images/slider-bg.png) scroll left bottom;
}
 
.scrollContainer div.panel {
    padding: 20px;
    height: 320px;
    width: 920px;
	color:#FFFFFF;
	font-size:14px
}

 
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	width:960px;
}
 
ul.navigation li {
    display: inline;
	width:137px;
	height:27px;
	float:left;
}
 
ul.navigation a {
	padding:8px 25px 0 40px;
    color: #FFFFFF;
    text-decoration: none;
	background-image:url(images/nav-a.png);
	display:block;
}
 
ul.navigation a:hover {
	color:#eeeeee;
}
 
ul.navigation a.selected {
	background-image:url(images/nav-selected.png);
	position:relative;
	z-index:101;
}
 
ul.navigation a:focus {
    outline: none;
}
ul.you a.selected {
	position:relative;
	z-index:200;
}
ul.create a.selected {
	position:relative;
	z-index:200;
}
ul.send a.selected {
	position:relative;
	z-index:200;
}
ul.monitor a.selected {
	position:relative;
	z-index:200;
}
.you {
	position:relative;
	z-index:100;
}
.create {
	position:relative;
	margin-left:-13px;
	z-index:99;
}
.send {
	position:relative;
	margin-left:-13px;
	z-index:98;
}
.monitor {
	position:relative;
	margin-left:-13px;
	z-index:97;
}
.hide {
    display: none;
}


ul#topnav {
width:960px;
list-style:none;
height:23px;
}

ul#topnav li {
display:inline;
}

ul#topnav li a {
height:23px;
float:left;
text-indent:-9999px;
}


ul#topnav li#topnav-1 a {
width:129px;
background:url(images/nav.png) no-repeat 0 0; /* X and Y position at 0 */
}
 
ul#topnav  li#topnav-1 a:hover {
background-position:0 -23px; /* Y position -40px for Over instance image */
}
 
ul#topnav  li#topnav-1 a.current {
background-position:0 -46px; /* Y position -80px for Current instance image */
}

ul#topnav li#topnav-2 a {
width:82px;
background:url(images/nav.png) no-repeat -129px 0;
}

ul#topnav  li#topnav-2 a:hover {
background-position:-129px -23px;
}

ul#topnav  li#topnav-2 a.current {
background-position:-129px -46px;
}

ul#topnav li#topnav-3 a {
width:161px;
background:url(images/nav.png) no-repeat -211px 0;
}

ul#topnav  li#topnav-3 a:hover {
background-position:-211px -23px;
}

ul#topnav  li#topnav-3 a.current {
background-position:-211px -46px;
}

ul#topnav li#topnav-4 a {
width:67px;
background:url(images/nav.png) no-repeat -372px 0;
}

ul#topnav  li#topnav-4 a:hover {
background-position:-372px -23px;
}

ul#topnav  li#topnav-4 a.current {
background-position:-372px -46px;
}

ul#topnav li#topnav-5 a {
width:84px;
background:url(images/nav.png) no-repeat -439px 0;
}

ul#topnav  li#topnav-5 a:hover {
background-position:-439px -23px;
}

ul#topnav  li#topnav-5 a.current {
background-position:-439px -46px;
}


ul#sidenav {
list-style:none;
width:252px;
height:40px;
padding: 0 0 125px 0;
margin: 20px 0 0 0;
}

ul#sidenav li {
float:left;
width:100%;
}

ul#sidenav li a {
height:40px;
float:left;
text-indent:-9999px;
display:block;
}


ul#sidenav li#sidenav-1 a {
width:252px;
background:url(images/side-nav.png) no-repeat 0 0; /* X and Y position at 0 */
}
 
ul#sidenav  li#sidenav-1 a:hover {
background-position:-252px 0; /* Y position -40px for Over instance image */
}
 
ul#sidenav  li#sidenav-1 a.current {
background-position:-504px 0; /* Y position -80px for Current instance image */
}

ul#sidenav li#sidenav-2 a {
width:252px;
background:url(images/side-nav.png) no-repeat 0 -40px; /* X and Y position at 0 */
}
 
ul#sidenav  li#sidenav-2 a:hover {
background-position:-252px -40px; /* Y position -40px for Over instance image */
}
 
ul#sidenav  li#sidenav-2 a.current {
background-position:-504px -40px; /* Y position -80px for Current instance image */
}

ul#sidenav li#sidenav-3 a {
width:252px;
background:url(images/side-nav.png) no-repeat 0 -80px; /* X and Y position at 0 */
}
 
ul#sidenav  li#sidenav-3 a:hover {
background-position:-252px -80px; /* Y position -40px for Over instance image */
}
 
ul#sidenav  li#sidenav-3 a.current {
background-position:-504px -80px; /* Y position -80px for Current instance image */
}

ul#sidenav li#sidenav-4 a {
width:252px;
background:url(images/side-nav.png) no-repeat 0 -120px; /* X and Y position at 0 */
}
 
ul#sidenav  li#sidenav-4 a:hover {
background-position:-252px -120px; /* Y position -40px for Over instance image */
}
 
ul#sidenav  li#sidenav-4 a.current {
background-position:-504px -120px; /* Y position -80px for Current instance image */
}

ul#sidenav li#sidenav-5 a {
width:252px;
background:url(images/side-nav.png) no-repeat 0 -160px; /* X and Y position at 0 */
}
 
ul#sidenav  li#sidenav-5 a:hover {
background-position:-252px -160px; /* Y position -40px for Over instance image */
}
 
ul#sidenav  li#sidenav-5 a.current {
background-position:-504px -160px; /* Y position -80px for Current instance image */
}

#sidebar-content {
	padding:60px 10px 10px 10px;
	margin:0 27px 0 0;
	background:url(images/bottom-container-bg.jpg);
	color:#000000;
}
a:link {
	color:#F06;
	text-decoration:none;
}
a:hover {
	color:#F06;
	text-decoration:underline;
}
a:active {
	color:#000000;
	text-decoration:none;
}
a:visited {
	color:#F06;
	text-decoration:none;
}

/* Registration Form */

input, textarea { 
	padding: 8px;
	margin:0 0 10px 0;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
.sign-up {
	background:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border:none;
}

signup:hover, signup:focus {
	-moz-box-shadow:none;
 	-webkit-box-shadow:none;
	box-shadow:none;
}
textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 12px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
}

#wrapper { 
margin:30px auto;
width:500px;
}