.extra_nav li
{
	list-style: none;
	margin-left: 0;
	padding-left: 14px;
	font-size: 1.2em;
	float: left;
}

h3.date{
	margin-top: 0px;
	color: #a1a1a1;
	padding-top: 0px;
}

h2.date
{
	margin-bottom: 0px;
}

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.4;
	font-family: inherit;
	/* text-align: left; */
	vertical-align: baseline;
}

label
{
	display:block;
}
a img, :link img, :visited img {
	border: 0;
}
#add_form
{
	width: 175px !important;
}
.hide
{
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


input { vertical-align:middle;  }

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    
}

/* no need to hide from IE5 Mac as its filtered out anyway */
.clear {display:inline-block;}

/* Typography */

body {
	font-size: 12px; 
    line-height: 1.4;

	font-family: Arial, sans-serif;
}

a, a:link, a:visited {
	font-weight: normal;
	color: #e35c4c;
	text-decoration: none;
	}
a:active {
	}
a:hover {
	text-decoration: underline;
}
a:focus {
}
h1#intro {
	background: url(../images/text_appforiphone.jpg) no-repeat;
	width: 290px;
	height: 147px;
	color: white;
	font-size: 160%;
	font-weight: bold;
	}
h1#intro_about {
	background: url(../images/text_intro_about.jpg) no-repeat;
	width: 664px;
	height: 98px;
	color: white;
	font-size: 160%;
	font-weight: bold;
	}
h1#intro span,
h1#intro_about span{
	display: none;
	}
h2 {
	font-weight: bold;
	font-size: 160%;
	color: #147bc1;
	letter-spacing: -0.02em;
	margin-bottom: 15px;
	}
h3 {
	font-weight: bold;
	font-size: 130%;
	color: #1d1d1d;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
	
	}
h3.box {
	background: url(../images/icon_box.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.dashboard {
	background: url(../images/dashboard_32.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.folder {
	background: url(../images/folder_32.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.calendar{
	background: url(../images/calendar_32.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.messages{
	background: url(../images/comments_32.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.tick{
	background: url(../images/ok_32.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.monitor {
	background: url(../images/icon_monitor.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
h3.paper {
	background: url(../images/icon_paper.png) no-repeat;
	height: 32px;
	padding-left: 45px;
	padding-top: 8px;
	}
p {
	line-height: 1.6em;
	margin-bottom: 15px;
	color: #4d4d4d;
	}
span.bold {
	font-weight: bold;
	}
span.knockback {
	font-weight: normal;
	color: #999999;
	}
p#copyright {
	text-align: center;
	color:#999999;
	font-weight: bold;
	margin: 10px 0 10px 0;
	}
p#copyright a {
	color: white;
	}
p#download {
	background: url(../images/app_download.jpg) no-repeat;
	width: 188px;
	height: 71px;
	}
p#download span {
	display: none;
	}
p#download a {
	display: block;
	width: 188px;
	height: 71px;
	}



/* overrule basic.css styles */

body {
	background: #414746;
	margin: 0;
	padding: 0;
}

/* positioning */

#skipLink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
}

#skipLink:focus {
	left: 0;
}
.clearboth {
	clear:both;
	}
	
/* Layout */
#wrapper {
	width: 738px;
	margin: 0 auto;
	margin-top: 30px;
}
#header {
	background: url(../images/header_2.jpg) no-repeat;
	height: 80px;
	width: 738px;
	}
#message {
	background: url(../images/header.jpg) no-repeat;
	width: 738px;
	height: 208px;
	}
#message_about {
	background: url(../images/sunrise_background.jpg) no-repeat;
	width: 738px;
	height: 218px;
	}
#message_wrapper {
	padding-top: 40px;
	padding-left: 108px;
	}
#message_wrapper_about {
	padding-top: 58px;
	padding-left: 40px;
	}
#footer {
	background: url(../images/footer.jpg) no-repeat;
	height: 46px;
	width: 738px;
	}
#header_content {
	height: 36px;
	width: 200px;
	float: left;
	margin-top: 40px;
	}
#twitter {
	height: 90px;
	width: 108px;
	float: right;
	background: url(../images/twitter_bird.jpg) no-repeat;
	margin-right: 40px;
	}
#twitter a {
	height: 90px;
	width: 108px;
	display: block;
	}
#logo {
	background: url(../images/logo.gif) no-repeat;
	height: 55px;
	width: 320px;
	margin-left: 20px;
	margin-top:20px;
	float: left;
	}
#logo a {
	display: block;
	height: 55px;
	width: 187px;
	}
#app_icon {
	background: url(../images/app_icon_large.jpg) no-repeat;
	width: 260px;
	height: 241px;
	position: relative;
	top: -215px;
	left: 383px;
	}
.divider {
	background: url(../images/divider.jpg) no-repeat;
	width: 100%;
	height: 40px;
	font-size: 0;
	margin: 0;
	padding: 0;
	}
.divider hr {
	display: none;
	}
#content {
	background: white;
	}
#content_padding {
	padding-top: 30px;
	padding-left: 40px;
	padding-bottom: 25px;
	padding-right: 40px;
	}
	
	#content_padding_none {
	padding-top: 30px;
	padding-left: 40px;
	padding-bottom: 25px;
	
	}
#content .col1, #content .col2 {
	width: 200px;
	float: left;
	margin-bottom: 30px;
	margin-right: 30px;
	}
	
	ul.ulinfo
	{
		list-style:none;
		margin-left: 0;
		padding-left: 0;
		color: #4d4d4d;
	}
	ul.ulinfo li
	{
		margin-bottom: 25px;
		padding-left: 45px;
	}
	
	li.info1
	{
		background: url('/images/phone.png') left no-repeat;
		
	}
	
	li.info2
	{
		background: url('/images/error.png') left no-repeat;
		
	}
	
	li.info3
	{
		
		background: url('/images/systemdown.png') left no-repeat;
		
	}
	
.last {
	margin-right: 0;
	}
.feature {
	width: 200px;
	float: left;
	margin-left: 45px;
	}
/* Navigation */

#navigation {
	width: 400px;
	height: 36px;
	float: left;
	font-size: 1.3em;
	}
	#navigation a 
	{
		color: #777777 !important;
		font-weight: bold;
	}
#navigation ul {
	float: right;
	}
#navigation ul li {
	display: inline;
	height: 36px;
	float: left;
	padding-right: 15px;
	}
#navigation ul li a {
	display: block;
	height: 36px;
	
	}
#navigation ul li a span {
	
	}
#navigation ul li a:hover,
#navigation ul li a.active {
	background: url(../images/nav_sprite.jpg) no-repeat 0 -36px;
	}
#navigation ul li a#nav_blog {
	background: url(../images/nav_sprite.jpg) no-repeat -85px 0;
	width: 70px;
	}
#navigation ul li a:hover#nav_blog,
#navigation ul li a.active#nav_blog {
	background: url(../images/nav_sprite.jpg) no-repeat -85px -36px;
	width: 70px;
	}
#navigation ul li a#nav_about {
	background: url(../images/nav_sprite.jpg) no-repeat -155px 0;
	width: 83px;
	}
#navigation ul li a:hover#nav_about,
#navigation ul li a.active#nav_about  {
	background: url(../images/nav_sprite.jpg) no-repeat -155px -36px;
	width: 83px;
	}

/* Footer Navigation */
#strapline {
	float: left;
	width: 200px;
	padding: 12px 0 0 40px;
	font-weight: bold;
	}
#footer{
	padding:30px;
	text-align: center;
	}
#footer a {
	color: #666666;
	font-weight: bold;
	}
#footer a:hover{
	color: white;
}

.center{
	text-align:center;
}

/* Generic */
.error {
	width:250px;
	font-size: 12px;
	color:#FF0000;
	background: #f9e4e4;
	padding: 20px;
	border-width: thin;
	border-color: #FF0000;
	border-style: solid;
}

.success{
	width:250px;
	font-size: 12px;
	color:green;
	background: #e4f6d3;
	padding: 20px;
	border-width: thin;
	border-color: green;
	border-style: solid;
}

table{
	padding:0;
	margin:0;
	border-spacing:0;
	border:1px solid #147BC1;
}

tr{	
}

.odd{
	background-color:#DFF2FF;
}

.even{
	background-color:#C3D4DF;
}

.tbl_split{
	border-top:1px solid #147BC1;
}

th{
	font-weight:normal;
	color:#fff;
	background-color:#147BC1;
	padding:4px;
}

td{
	padding:3px;
	border-spacing:0;
}

.hide{
	display:none;
}

#signup
{
	width: 100%;
	border: 0px;
}
#signup thead th{
		font-weight:bold;
		color:#336699;
background: #fff;
		font-size:20px;
		border-bottom:1px solid #ccc;
		
	}
	
	#signup thead th span.uk_price{
		color:#777;
		font-size:14px;
		display:block;
		
		font-weight: bold;
	}
	.uk_price
	{
		color:#777;
	}
	#signup thead th span.month{
		color:#777;

		font-size:14px;
		
		
		font-weight: normal;
	}
	
	#signup thead th span.us_price{
		color:#777;

		font-size:11px;
		display:block;
		font-weight: normal;
	}
	
	#signup tbody td{
		border-right:1px solid #E1F1FA;
		border-bottom:1px solid #E1F1FA;
		
	text-align:center !important;
	}
	#signup tbody td.title{
		font-weight:bold;
		border-left:1px solid #E1F1FA;
		text-align: right !important;
	}