@charset "utf-8";
/* -reset-  */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
/* global layout  */
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
strong{font-weight:700;}

/* global typography  */
p{margin:0 0 20px 0; font-size:1.4em; width:auto !important;}
h1,h2,h3,h4,h5{font-family:"Century Gothic", Times, serif; font-weight:700;}
h1{font-size:2.4em;margin:0 0 20px;}
h2{font-size:1.8em;margin:0 0 16px;}
h3{font-size:1.4em; margin:0 0 8px;}
.strong {font-weight:bold;}


body{background:#efebe3 url(../images/bg-body.gif) top left repeat-x;font-size:62.5%;color:#362e2e;font-family:'Century Gothic', Arial, Helvetica, sans-serif;margin:0 auto;}
#wrapper{width:914px;position:relative;margin:0 auto;}
#top{background: url(../images/bg-top.jpg) top left no-repeat; width:914px;height:80px;display:block; position:relative; z-index:25;}
	img#logo {position:absolute; top:2px; left:50px;} 
	#navigation {position:absolute; top:0; left:354px; z-index:100;}
		#navigation ul{background: url(../images/gfx-navigation.jpg) top left no-repeat; width:450px; height:80px; position:relative; margin:0; padding:0;}
				#navigation ul li{list-style:none; position:absolute; top:0; }
				#navigation ul li, #navigation ul a {height:80px; display:block;}
				#navigation ul a {text-indent: -9999px;}
				
				/* drop down */
				#navigation ul li.sub ul {background:#362e2e; width:110px; height:auto; top:-20px; left:12px; padding:0 5px; padding-bottom:5px;}
				#navigation ul li.sub ul a, #navigation ul li.sub ul a:visited {background:none; text-indent:0; color:#fff; text-decoration:none; font-size:1.6em; height:25px; padding-left:5px;}
				#navigation ul li.sub ul li {position:relative; background:#4a4343; height:20px; margin-bottom:5px; padding-bottom:5px;}
				#navigation ul li.sub ul a:hover {background:#edab00;}
				#navigation ul li.sub ul{display:none;}
				#navigation ul li.sub:hover ul {display:block;}
				.last {margin-bottom:0 !important;}
				
				#btn-1 {left: 0; width: 63px;}
				#btn-2 {left: 63px; width: 110px;}
				#btn-3 {left: 173px; width: 129px;}
				#btn-4 {left: 302px; width: 84px;}
				#btn-5 {left: 386px; width: 65px;}
				

				#btn-1 a:hover{background: url(../images/gfx-navigation.jpg) 0 -80px no-repeat;}
				#btn-2 a:hover{background: url(../images/gfx-navigation.jpg) -63px -80px no-repeat;}
				#btn-3 a:hover{background: url(../images/gfx-navigation.jpg) -173px -80px no-repeat;}
				#btn-4 a:hover{background: url(../images/gfx-navigation.jpg) -302px -80px no-repeat;}
				#btn-5 a:hover{background: url(../images/gfx-navigation.jpg) -386px -80px no-repeat;}
				
				body.home #btn-1 a{background: url(../images/gfx-navigation.jpg) 0 -160px no-repeat;}
				body.download #btn-2 a{background: url(../images/gfx-navigation.jpg) -63px -160px no-repeat;}
				body.screenshots #btn-3 a{background: url(../images/gfx-navigation.jpg) -173px -160px no-repeat;}
				body.pricing #btn-4 a{background: url(../images/gfx-navigation.jpg) -302px -160px no-repeat;}
				body.about #btn-5 a{background: url(../images/gfx-navigation.jpg) -386px -160px no-repeat;}
				
				body.home #btn-1 a:hover{background: url(../images/gfx-navigation.jpg) 0 -240px no-repeat;}
				body.download #btn-2 a:hover{background: url(../images/gfx-navigation.jpg) -63px -240px no-repeat;}
				body.screenshots #btn-3 a:hover{background: url(../images/gfx-navigation.jpg) -173px -240px no-repeat;}
				body.pricing #btn-4 a:hover{background: url(../images/gfx-navigation.jpg) -302px -240px no-repeat;}
				body.about #btn-5 a:hover{background: url(../images/gfx-navigation.jpg) -386px -240px no-repeat;}
		img#login {position:absolute; top:10px; left:820px;}
	#header-cap {margin-top:14px;}
	#header {background:#edaf00 url(../images/bg-header.jpg) top left no-repeat; width:914px; height:242px; display:block; position:relative; z-index:5;}
		#header h1 {color:#fff; margin-left:38px;}
		#header ul {margin-left:55px; font-size:1.6em; width:455px;}
			#header ul li {background:url(../images/gfx-bullet.png) left 4px no-repeat; padding-left:30px; margin-bottom:10px; width:455px; color:#fff; }
		#header #downloadNow {position:absolute; top:85px; left:605px;}
		#header #downloadNow2 {position:absolute; top:85px; left:605px; font-size:2.4em; color:#fff; font-weight:700;}
	
	#content {background:url(../images/bg-content.jpg) top left repeat-y; padding-bottom:10px; padding-top:30px; position:relative; width:914px;}
		#content ul {font-size:1.4em; list-style:disc; padding-left:20px; margin-bottom:20px;}
			#content ul li {padding-bottom:6px;}
		#content-shadow {position:absolute; top:0; left:0; z-index:1;}
		#main {width:520px; padding-left:35px; display:inline; float:left;}
			#main a, #main a:visited {font-weight:bold; text-decoration:underline; color:#362e2e;}
			#main p {width: 500px !important;}
		#sidebar {width:300px; display:inline; padding-left:30px; float:left; margin-top:-10px;}
			.sidebox {background:#fbfafa; border:1px solid #eae2e2; padding:10px; margin-bottom:20px;}
				.sidebox a, .sidebox a:visited {font-weight:bold; text-decoration:underline; color:#362e2e;}
				.sidebox h2 {margin-bottom:10px !important;}
				.sidebox h3 {margin-bottom:2px !important;}
				.sidebox form input {width:275px; border:1px solid #cac5c5; height:18px; padding-top:2px; font-family:"Century Gothic", Times, serif;}
				.sidebox form #btn-submit {background: url(../images/btn-signup.jpg) top left no-repeat; width:169px; height:47px; display:block; font-size:0px; line-height:0px; text-indent:-9999px; cursor:pointer; border:0; color:#fff; margin-top:16px} 
				.sidebox form dl {margin-bottom:5px;}
					.sidebox form dt {margin-bottom:3px;}
					.sidebox form label {font-size:1.2em;}
				.sidebox p.title {margin-bottom:3px;}
	
	#footer {text-align:center;}
		#footer ul {color:#362e2e; font-size:1.2em;}
			#footer ul li {display:inline;}
				#footer ul li a, #footer ul li a:visited {color:#362e2e; text-decoration:none;}
				#footer ul li a:hover {text-decoration:underline;}

/* misc */
.left {float:left;}
.right {float:right;}
.clear-both {clear:both;}
.align-right {text-align:right !important;}
.align-left {text-align:left;}


/* --- landing page specific --- */
#reportingForm {position:absolute; top:5px; left:588px; z-index:1000;}
	#form-mid {background:url(../images/gfx-form-mid.png) top left repeat-y; padding:5px 17px 10px 17px; width:276px;}
		#form-mid h2 {color:#fff; font-size:2.3em !important; margin-bottom:5px !important;}
		#form-mid form dl {margin-bottom:10px;}
					#form-mid form dt {margin-bottom:3px;}
					#form-mid form label {font-size:1.2em; color:#fff; }
					#form-mid form input {width:270px; border:1px solid #cac5c5; height:18px; padding-top:2px; font-family:"Century Gothic", Helvetica, Arial, serif;}
					#form-mid form #btn-submit {background: url(../images/gfx-reportingform-signup.jpg) top left no-repeat; width:172px; height:48px; display:block; font-size:0px; line-height:0px; text-indent:-9999px; cursor:pointer; border:0; color:#fff; margin:16px auto} 
					#btn-send-message-dark {background: url(../images/btn-send-message-dark.jpg) top left no-repeat; width:172px; height:48px !important; display:block; font-size:0px; line-height:0px; text-indent:-9999px; cursor:pointer; border:0 !important; color:#fff; margin:16px 0 0 0;} 
					
/* --- pricing table --- Helllooo Test */
/*table.pricing {
	border-width: 0px 0px 0px 0px;
	margin-left: inherit;
	width: 450px;
/*	margin-right: auto;  */


/* table.pricing td.header {
	padding: 5px 5px 5px 10px;
	width:200px;
	text-align: left;
	font-size: 1.6em;
	font-weight: bold;
}

table.pricing td.leftlabel {
	padding: 5px 5px 5px 10px;
	width:50px;
	text-align: left;
	font-size: 1.6em;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: 333;
}

table.pricing td.tablecontent {
	padding: 5px 5px 5px 10px;
	text-align: left;
	font-size: 1.4em;
	border-width: 1px;
	border-style: solid;
	border-color: 333;
}*/

#pricing-table {font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.4em;}
	.header-row {background-color:#746869; color:#ffffff; height:30px; vertical-align:middle; padding-left:5px;}
	.white-row {height:30px; vertical-align:middle; padding-left:5px;}
	.shaded-row {background-color:#f3eff8; height:30px; vertical-align:middle; padding-left:5px;}