/********************************************************************************************

	TOC:	- GENERAL
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORM
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */

html, body, ul {
	border:0;
	margin:0;
	padding:0;
}

body {
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff url(images/bg_header.gif) repeat-x;
}

.bodysmall {
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff url(images/bg_header_small.gif) repeat-x;
}

img { border:none; }

h1 {
	color:#A6CE39;
	font:1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:40px 0 15px 0;
}

#bluebox h1 {
	font:1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C7D5E8;
	margin:0 0 5px 0;
	padding:0
}

#bluebox h1.one {
	background:url(images/digit1.gif) no-repeat;
	display:block;
	float:left;
	height:30px;
	padding-bottom:5px;
	text-indent:35px;
	width:470px	
}

#bluebox h1.two {
	background:url(images/digit2.gif) no-repeat;
	display:block;
	float:left;
	height:30px;
	padding-bottom:5px;
	text-indent:35px;
	width:400px	
}

.bluebox h1 {
	font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6991C3;
	margin:0 0 3px 0;
}

h2 {
	font:bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6991C3;
	margin:0 0 10px 0;
}

#pitch h2 {
	font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 5px 0;
	color:#CC0000
}

#bluebox h2 {
	font:1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6991C3;
	margin:0 0 3px 0;
}

a {outline:none}

a:link {color:#3366CC; text-decoration:underline;}
a:active {color:#6699FF; text-decoration:underline;}
a:visited {color:#3366CC; text-decoration:underline;}
a:hover {color:#6699FF; text-decoration:underline;}

th {
	text-align:left;
	color:#6991C3;
	background:#EDF1F8;
	padding:4px;
}

td {
	padding:5px;
	border-bottom:#EDF1F8 1px solid
}

.clear {clear:both;}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	width:955px;
	margin:0 auto;
	min-height:100%;
	margin-bottom:-70px;
	height:auto;
}

*html #wrapper{height:100%;}

#language {
	width:955px;
	margin:0 auto;
	height:21px;
}

#header {
	height:59px;
}

#logo {
	width:180px;
	height:41px;
	float:left;
}

#navigation {
	float:right;
	margin-top:32px;
	min-width:502px;
}

#subheader {
	height:230px;
	background:url(images/bg_wave.jpg) bottom no-repeat;
}

#subheadersmall {
	height:80px;
	background:url(images/bg_wave_small.jpg) bottom no-repeat;
}

#pitch {
	float:left;
	width:500px;
	margin-top:50px;
}

#subpitch {
	float:left;
	width:600px;
	margin-top:29px;
}

#screen {
	background:url(images/bg_screen.jpg) no-repeat;
	width:343px;
	height:230px;
	float:right;
}

#signup {
	width:185px;
	height:55px;
	float:right;
	margin-top:25px;
}

#content {
	width:955px;
	padding-bottom:30px;
	position:relative;
}

#intro {
	width:955px;
	float:left;
	margin:40px 0;
}

#bluebox {
	background:#EDF1F8;
	padding:15px 20px 20px;
	float:left
}

#leftside {
	float:left;
	width:450px;
}

#rightside {
	float:right;
	width:450px;
}

#subnavigation {
	float:right;
	width:200px;
	margin-top:40px;
	position:relative;
}

#text {
	width:690px;
	float:left;
	position:relative;
}

#footer {
	background:#151515 url(images/bg_footer.gif) top repeat-x;
	font:0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	height:160px;
}

#footerwrapper {
	width:955px;
	margin:0 auto;
}

#footerleft {
	float:left;
	margin-top:10px;
}

#footermiddle {
	float:left;
	margin:10px 0 0 100px;
}

#footerright {
	float:right;
	margin-top:10px;
	text-align:right;
}

/****************************************  NAVIGATION  ****************************************/

#navigation ul {
   list-style:none;
   margin:0;
   padding:0;
}

#navigation li {
	font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-right:3px;
}

#navigation li a {
	display:block;
	background:url(images/tab_left_inactive.gif) no-repeat;
	color:#6991C3;	
	text-align:center;
	text-decoration:none;
	padding:8px 0 5px 15px;
}

#navigation li a span, #navigation li span {
	background:url(images/tab_right_inactive.gif) right top no-repeat;
	padding:8px 15px 5px 0;
}

#navigation li a.login {
	display:block;
	background:url(images/tab_green.gif) repeat-x;
	color:#80AF00;
	margin-left:10px;
	text-align:center;
	text-decoration:none;
}

#navigation li a.login span {
	background:url(images/tab_right_green.gif) right top no-repeat;
}

#navigation li a:hover {
	background:url(images/tab_left_active.gif) no-repeat;
	color:#4964A7;
}

#navigation li a:hover span {
	background:url(images/tab_right_active.gif) right top no-repeat;
}

#navigation .currentpage, #navigation a.activeparent {
	display:block;
	background:url(images/tab_left_active.gif) no-repeat;
	color:#6991C3;	
	text-align:center;
	text-decoration:none;
	padding:8px 0 5px 15px;
}

#navigation .currentpage span, #navigation a.activeparent span {
	background:url(images/tab_right_active.gif) right top no-repeat;
}

#language a {
	display:block;
	background:#6991C3;
	padding:2px 8px;
	width:36px;
	font-size:0.8em;
	color:#fff;
	text-decoration:none;
	text-align:center;
	float:right;
	margin-left:1px;
}

#language a:hover {
	background:#C7D5E8;
}

#subnavigation ul {
   list-style:none;
   margin:0;
   padding:0 0 40px 0;
}

#subnavigation li {
	font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#subnavigation li a {
	display:block;
	height:23px;
	background:#fff;
	border-bottom:#C7D5E8 1px solid;
	color:#666;
	text-decoration:none;
	padding:7px 0 2px 0;
	text-indent:8px;
}

#subnavigation li a:hover {
	background:#EDF1F8;
	font-weight:bold;
	text-indent:8px;
}

#subnavigation .currentpage {
	display:block;
	height:23px;
	background:#EDF1F8;
	font-weight:bold;
	border-bottom:#C7D5E8 1px solid;
	padding:7px 0 2px 0;
	text-indent:8px;
}

#subnavigation .sectionheader {
	font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6991C3;
	margin:20px 0 5px 0
	
}

/****************************************  CONTENT  ****************************************/

#content ul {
	list-style:none;
}

#intro {
	font:1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.4em;
}

.marker {
	background:#CDEB8B;
	padding:0px 4px;
	color:#80AF00;
}

#bluebox .screens {
	width:209px;
	float:left;
	margin-right:26px;
}

#bluebox img {
	margin-bottom:12px;
}

#testimonials .quote {
	color:#D4C7B0;
	font:bold 1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.name {
	font:bold 0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:8px 0 0 0;
}

#testimonials a {
	font-weight:normal;
}

#text ul, #text ol {
   list-style:none;
   margin:0;
   padding:0 0 10px 0;
}

#text li {
	background:url(images/icon_bullet.gif) 0px 18px no-repeat;
	padding:10px 0 0 12px;
	line-height:1.5em;
}

#text ol li {
	line-height:1.5em;
	background:url(images/icon_ok.gif) 0 14px no-repeat;
	padding:10px 0 0 16px;
}

.dots {
	width:690px;
	height:1px;
	margin:20px 0 20px 0 !important;
	margin:10px 0 10px 0;
	border:none;
	background:url(images/icon_dots.gif) center repeat-x;
}

.bluebox {
	background:#EDF1F8;
	padding:14px;
	margin-bottom:3px;
}

.stop {
	background:#EDF1F8 url(images/bg_wave_box.jpg) bottom no-repeat;
}

.bluebox li {
	background:url(images/icon_plus.gif) 0px 16px no-repeat;
	padding:10px 0 0 12px;
	line-height:1.5em;
}

.left {
	width:330px;
	float:left;
}

.right {
	width:330px;
	float:right;
}

abbr {cursor:help}

/****************************************  FORM  ****************************************/

.errorfieldset {
	background: #ffd1d1;
}

.errorlegend {
	background: #fff;
	color:red;
	padding:3px 5px 0 5px;
}

form p {
	clear:left;
	margin:0;
	padding:0 0 5px 0;
}

fieldset {
	border:#EAEAEA solid 1px;
	display:block;
	margin-bottom:20px !important; /** 'cause IE doesn't behave.. **/
	margin-bottom:10px;
	padding:13px;
}

legend {
	font-weight:bold;
	color:#666;
}

label {
	float:left;
	width:160px;
	margin:5px 0 5px 0;
}

input, textarea, select {
	width:250px;
	margin:0px;
	padding:4px;
	border:#CCCCCC solid 1px;
	background:#F8F8F8;
	color:#666666;
	font-size:0.9em;
}

.subscribeinput {
	margin:5px 0 0 0;
	padding:3px;
	border:#fff solid 1px;
	background:#666;
	color:#fff;
	font-size:1em
}

textarea {
	height:80px;
}

.checkbox, .radio {
	width:14px;
	background:#FFFFFF;
	border:none;
	margin-bottom:5px;
}

.hint {
	font:italic 0.9em "Trebuchet MS" Arial, Helvetica, sans-serif;
	padding:0 0 10px 160px
}

.button {
	width:150px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.subscribebutton {
	width:70px;
	height:20px;
	background:url(images/bg_subscribebutton.gif) no-repeat;
	font-size:0.8em;
	border:0;
	padding:0;
	cursor:pointer;
}

.buttoncreate {
	font:"Trebuchet MS" Arial, Helvetica, sans-serif;
	width:100px;
	margin-bottom:4px !important;
	margin-bottom:0;
	background:#fff;
	border:none;
	color:#3366CC;
	cursor:pointer;
}

.error {
	background:#FDF5F5 url(images/icon_attention.gif) right no-repeat;
	border:1px solid #F01C26;
}

.red {
	color:#F01C26;
}

.small {
	font-size:0.8em;
}

/****************************************  FOOTER  ****************************************/

#footer a:link, #footer a:visited {text-decoration:none; color:#fff;}
#footer a:active, #footer a:hover {text-decoration:underline; color:#fff;}

#footer .title {
	display:block;
	padding-bottom:6px;
}

#footer ul {
   list-style:none;
   margin:0;
   padding:0;
}

#footer li a {
	display:block;
	width:160px;
	background:url(images/bg_dots.gif) bottom repeat-x;
	color:#6991C3;
	text-indent:10px;
	padding:4px 0;
}