/* =MAIN LAYOUT
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    }
form {
margin: 0;
padding: 0;
}
body {
    color: #fff;
    text-align: left;
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #000;
	 background-image:url('/images/gradient3.png');
  background-repeat: repeat-x;
  background-position:top left;
    }

#wrap {
/*  background: #000 url(images/bg_wrap.jpg) top left repeat-x;*/
    }
#header {
    height: 118px !important;
    position: relative;
   width: 864px;
    margin: 0 auto;
    }
#login-text {
    float: right;
    color: #ccc;
    font-size: 1.1em;
    margin:20px 10px 0 0;
	line-height:1.8em;
    }
#login-text a {
   /* text-decoration: none;*/
    }

h1#logo a, h1#logo a:hover {
	/* position: absolute;
    top: 0;
    left: 0;*/
    display: block;
    width: 443px;
    height: 55px;
    float: left;
	padding-top:20px;
    }
#main {
    width: 864px;
    margin: 0 auto;
    }
div.sidebar {
    float: right;
    width: 252px;
	/*margin-top:20px;*/
    }
div.content {
    float: left;
    width: 576px;
    color: #fff;
	margin-top:20px;
	margin-bottom:10px;
    }
p.screenshot {
    margin: 0;
    }
div.maincol {
    clear: both;
    }
#fbf {
    background: url(/images/bg_fbf-middle.gif) repeat-y;
    width: 864px;
    margin: 18px auto;
    }
#fbf h3 {
	color:#fff;
}	
#fbf-2 {
    background: url(/images/bg_fbf-top.gif) top no-repeat;
    }
#fbf-3 {
    padding: 18px 18px 0 18px;
    background: url(/images/bg_fbf-bottom.gif) bottom no-repeat;
    }
#fbf div.col-1, #fbf div.col-2 {
    width: 396px;
    float: left;
    font-size: 11px;
    color: #ccc;
    }
#fbf div.col-2 {
    margin: 0 0 0 36px;
    display: inline;
    }
#footer {
    text-align: left;
    font-size: 10px;
    color: #999;
    width: 864px;
    margin: 18px auto 36px auto;
    }
div.feature {
    float: left;
    width: 189px;
    font-size: 11px;
    margin: 0 36px 18px 0;
    color: #999;
    }
div.feature.right {
    margin-right: 0;
    }
div.feature p.learnmore {
    margin: -10px 0 5px 0;
    }

div.module {
    float: left;
    width: 252px;
    margin: 0 36px 18px 0;
    font-size: 11px;
    color: #ccc;
    }
div.module img.left {
    margin: 0 18px 9px 0;
    }

div.announcement {
	text-align: center;
	font-size: 14px;
	padding: 9px;
	margin: 0 0 18px 0;
	border-top: #222 solid 1px;
	color: #ccc;
	background: #000 url(/images/bg_wrap.jpg) 0 -36px repeat-x;
	}
div.announcement p {
	margin: 0;
	}
	
div.plan li {
	/*font-size:1.2em;
	line-height:1.3em;
	color: #fff;*/
	padding-bottom:5px;
	/*margin: 5px 10px 5px 10px;*/
	
	}


/* NAV
---------------------------------------------------- */



#headernav {
	text-align:left;
	 width: 864px;
    margin: 0 auto;
	padding-bottom:20px;
}
#headernav ul{
	margin:0;
	padding:0;
}
#headernav li{
	list-style: none;
    display: inline;
	margin:0 20px 0 0;
}
#headernav li a {
	font-size: 1.4em;
    text-decoration: none;
	padding:1px 3px 1px 3px;
	border-bottom:0;
	color: #ccc;
	font-weight:normal;
	text-shadow: 3px 3px 2px #000;
}
#headernav li.last {
	margin-right:10px;
}
#headernav li.active a {
	color:#ffffff;
	border-bottom:0;
}
#headernav li a:active {
    color: #666;
    }
#headernav li a:hover {
	color: #9dab8d;
	background:none;
	border-bottom:0;
}
	
ul.homefeatures {	
	margin:0 0 25px 0;
	padding:0;
}
	ul.homefeatures li {
		color:#ccc;
		list-style: none;
		font-weight:bold;
		padding:5px 0 0 30px;
		/*margin:.1em 0 0 0;*/
  		background:url(/images/checkmark2.png) 0 0 no-repeat;
	 	font: bold 12px/20px "Lucida Grande", arial, verdana, helvetica, sans-serif;*/
	}


	
	/* Subnav */

ul.subnav {
    font-size: 14px;
    margin: 0px 0 9px 0;
    background: #444;
    border-top: #999 solid 1px;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px;
    border-left: #666 solid 1px;
    }
ul.subnav li {
    list-style: none;
    display: inline;
    }
ul.subnav li a {
    display: block;
    text-decoration: none;
    padding: 9px 0 9px 18px;
    color: #ccc;
    background-position: 18px 50%;
    background-repeat: no-repeat;
    }
ul.subnav li a:hover {
    color: #fff !important;
    }
ul.subnav li a:active {
    color: #999;
    }
ul.subnav li.active a {
    background-color: #333;
    font-weight: bold;
    color: #fff;
    text-shadow: 3px 3px 2px #222;
    }

	
/* HEADERS
---------------------------------------------------- */

h2.graphic {
    text-indent: -9999px;
    }
h2.slogan {
    background: url(/images/slug.png);
    height: 43px;
    margin: 0 0 11px 0;
    }
h2.feature-graphic {
    text-indent: -9999px;
    background-repeat: no-repeat;
    height: 30px;
    margin:0 0 6px 0;
    }
h2.features {background-image: url(/images/featuresheader2.png);}
h2.faq {background-image: url(/images/faqheader.png);}
h2.casestudies {background-image: url(/images/casestudiesheader2.png);}
h2 {
    margin: 0 0 18px 0;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    }
h2 span {
    color: #999;
    }
h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #9dab8d;
    margin: 0 0 8px 0;
    padding: 0 0 9px 0;
    border-bottom: #444 solid 1px;
    }
h3.noline {
	border:none;
}	
.sidebar h3 {
	color:#fff;
}
div.feature h3, div.module h3 {
    margin: 0;
    padding: 0;
    border: 0;
    }
h3 a {
    text-decoration: none;
    }
h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    }

/* LISTS
---------------------------------------------------- */

ul {
    margin: 0 0 18px 18px;
    list-style-type: disc;
    }
ol {
    margin: 0 0 18px 36px;
    }

/* LINKS
---------------------------------------------------- */

a {
    outline: none;
    color: #fff;
    }
a:hover {
    color: #9dab8d;
    }

/* IMAGES
---------------------------------------------------- */

img { behavior:url(/iepngfix.htc); }

img.thumb {
    border: #333 solid 2px;
    padding: 1px;
    margin-bottom:5px;
    }
img.learnmore-big {
    margin: -7px 0 0 -7px;
    }
a img {
    border: 0;
    }
img.screenshot {
    border-top: #999 solid 1px;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px;
    border-left: #666 solid 1px;
    }
img.left {
    float: left;
    margin: 9px 18px 9px 0;
    }
img.right {
    float: right;
    margin: 9px 0 9px 18px;
    }
#footer img.right {
    margin: 0 0 9px 18px;
    }
#footer img.left {
    margin: 0 18px 9px 0;
    }

/* TEXT
---------------------------------------------------- */

p {
    margin: 0 0 18px 0;
    }
p.featurebig {
	 font: normal 14px/20px "Lucida Grande", arial, verdana, helvetica, sans-serif;
}
small {
    font-size: 10px;
    color: #999;
    }
div.figure-left {
    float: left;
    color: #888;
    font-size: 10px;
    line-height: 16px;
    margin: 0 18px 18px 0;
    }
strong {
    color: #fff;
    }
.clear {
    clear: both;
    }
    
blockquote {
	margin: 0 0 18px 18px;
	padding: 9px 0 9px 15px;
	border-left: #333 solid 3px;
	}

/* FORMS
---------------------------------------------------- */
input, textarea {
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    padding: 1px;
    border-top: #fff solid 1px;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
    border-left: #ccc solid 0px;
    background: #eee;
    }
input:focus, textarea:focus {
    background: #fff;
    }
input.title {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    vertical-align: middle;
    }
input.signup {
     font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    font-weight: normal;
    margin: 5px 0;
    vertical-align: middle;
    }	
input.submit-image {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    }
    
/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#header:after,
#main:after,
div.maincol:after,
#fbf-3:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #header,
* html #main,
* html div.maincol,
* html #fbf-3 {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #header,
*:first-child+html #main,
*:first-child+html div.maincol,
*:first-child+html #fbf-3 {
	min-height: 1px;
	}
	
h3.brightblue {
	font-size: 18px;
	color: #3399cc;
}	

.boxleft {
	width:280px;
	float:left;
	margin-right:10px
}
.boxright {
	width:286px;
	float:left;
}


/* SIGN UP FORM */

.highlight {
background:#ccc;
color:#000;
font-weight:bold;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 5px;
	width: 400px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #CDCDCD;
}

#contact-area select {
	width: 250px;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 2px solid #F6CCDA;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

#contact-area input.submit-button2 {
	width: 100px;
	
}

#contact-area input.check {
	width:20px;
	
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

.errorAlert {
	text-align: center;
	width:500px;
	margin: 15px 0px 15px 0px;
	padding: 9px;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	background-color: #FFE6CD;
	color: black;
	border: 3px solid #CD6531;
}