/**
* Reset & Typography
*/
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{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1;color:#333;background:white}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""} 
body{ font-family:"Lucida Grande",Verdana,Helvetica,Arial,Verdana,sans-serif; line-height:1.5} 
body {font-size:75%} 
html >body {font-size:12px} 
h1,h2,h3,h4,h5,h6{ font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:black; clear:both}
h1{font-size:3em}
h2{font-size:2em}
h3{font-size:1.5em;line-height:2}
h4{font-size:1.2em;line-height:1.25;font-weight:bold}
h5{font-size:1em;font-weight:bold}
h6{font-size:1em}
p {margin:0 0 1.5em 0;text-align:justify}
p.last {margin-bottom:0}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.top {margin-top:0}
ul,ol {margin:0 0 1.5em 1.5em}
ol {list-style-type:decimal}
dl {margin:1.5em 0}
dl dt {font-weight:bold}
a {color:#125AA7;text-decoration:underline;outline:none;cursor:pointer;}
a:hover {color:#000}
blockquote {margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic}
strong {font-weight:bold}
em {font-style:italic}
pre {margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em}
code {font:0.9em Monaco,monospace}
hr{ background:#000; color:#000; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.4em 0; border:none}
* html hr{margin:0 0 1.2em 0}
table {margin-bottom:1.4em; border-collapse: collapse;}
th,td {height:1em;padding:0.2em 0.4em}
th {font-weight:bold}
label {font-weight:bold}
textarea {height:180px;width:300px}
p.small {font-size:0.8em;margin-bottom:1.875em;line-height:1.875em}
p.large {font-size:1.2em;line-height:2.5em}
p.quiet {color:#666}
.hide {display:none} 
.alt{ color:#666; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; font-size:1.2em; line-height:1%; font-style:italic}  
.dquo{margin-left:-.7em}
p.incr,.incr p{font-size:0.83333em;line-height:1.44em; margin-bottom:1.8em}

sup {
	font-size: 9px; 
	vertical-align: top;
}

.clear {
	clear: both;
}

.hidden-clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.hidden {
	display: none;
}

form {
	margin: 0;
	padding: 0;
	}
	
	form fieldset table {
		border-collapse: collapse;
		padding: 0;
		margin: 0;
		width: 100%;
		}
		
		form fieldset table label {
			font-weight: normal;
		}
	
		form fieldset table th, form fieldset table td {
			font-size: 11px;
			vertical-align: top;
			border: none;
		}
	
		form fieldset table th {
			color: #333;
			text-align: right;
			padding: 6px 10px 0 0;
			white-space: nowrap;
			font-weight: normal;
		}
		
		form fieldset table th.can-wrap {
			white-space: normal;
		}
		
		form fieldset table th.important {
			padding-top: 12px;
			font-weight: bold;
		}
		
		form fieldset table td.important {
			font-size: 1.6em;
		}
		
		form fieldset table td.text {
			padding-top: 5px;
			font-size: 12px;
		}
		
		form fieldset table thead th {
			text-align: left;
			padding: 0 6px;
			color: black;
		}
		
		form fieldset table td.heading {
			padding-top: 15px;
		}
		
		form fieldset table td.heading h3 {
			margin-bottom: -10px;
		}
		
		form fieldset table td p {
			font-size: 12px;
			margin-top: 1.5em;
		}
		
	form fieldset hr {
		margin: 5px 0;
		color: transparent;
		background: transparent;
		border-top: 1px dotted #999;
	}
	
	form fieldset hr.spacer {
		margin: 30px 0;
	}
	
	form input, form textarea {
		font-family: Verdana;
		font-size: 12px;
		padding: 2px;
		width: 200px;
	}
	
	form input.cvc {
		width: auto;
		
	}
	
	form fieldset textarea {
		width: 100%;
		height: 6.3em;
	}
	
	form input.radio, form input.checkbox {
		width: auto;
	}
	
	form input.important {
		font-size: 1.8em;
	}
	
	form input.price, form input.discount, form input.tax {
		width: 60px;
		text-align: right;
	}
	
	form input.two-characters {
		width: 20px;
	}
	
	form input.four-characters, form input.discount {
		width: 40px;
	}
	
	form input.six-characters {
		width: 60px;
	}
	
	form input.eight-characters {
		width: 100px;
	}
	
	form input.ten-characters {
		width: 128px;
	}
	
	form input.large {
		width: 220px;
		margin-right: 15px;
	}
	
	form input.hint {
		color: #999999;
		font-style: italic;
	}
	
	form p {
		text-align: left;
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
	
	form p.hint {
		font-size: 11px;
	}
		
	form h3, form h3 label {
		font-size: 14px;
		font-weight: normal;
	}
	
	form h3 em {
		font-size: 10px;
	}

	fieldset p.list {
		line-height: 20px;
	}

	fieldset p.list label input {
		margin: 2px 2px;
		font-size: 12px;
	}
	
	p.buttons, div.buttons {
		border-top: 1px dotted #999;
		text-align: center;
		margin: 0;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 0.9em;
	}
	
	.estimate_pre_text p.buttons, .estimate_post_text p.buttons, .invoice_description p.buttons {
	  border: none;
	  margin: 0;
	}
	
	form.button-to, form.button-to div {
		display: inline;
	}
	
	form.button-to input {
		width: auto;
	}
	
	fieldset hr {
		height: 1px;
		background: transparent;
		border-top: 1px dotted #999;
	}
	
	form .buttons input, form input.button {
		width: auto;
	}
	
	input.button {
		width: auto;
	}
	
	label {
		text-align: left;
		font-weight: normal;
	}
	
	p.label label {
		font-weight: bold;
	}
	
div.editable {
		border: 2px solid white;
		position: relative;
		left: -7px;
		padding: 7px 7px 0px 7px;
	}

	div.editable a.edit {
		display: none;
		position: absolute;
		top: -14px;
		left: 40px;
		font-size: 8pt;
		padding: 2px 5px;
		text-align: center;
		width: 130px;
		background-color: white;
		color: #0066cc;
		text-decoration: none;
/*		font-style: italic;*/
	}

	div.editable:hover a.edit, div.editable.hovered a.edit {
		display: block;
	}
	
	div.editable.disabled:hover a.edit, div.editable.disabled.hovered a.edit {
		display: none;
	}

	div.editable:hover, div.editable.hovered {
		border: 2px solid #0066cc;
		cursor: pointer;
	}

	div.editable.active:hover, div.editable.disabled:hover {
		border: 2px solid white;
		cursor: default;
	}	
	
	div.editable .form {
		margin: 0;
		background-color: #E2E1E1;
		border: 1px solid #636466;
	}
	
	div.editable .form .inner {
		border: 1px solid white;
		padding: 10px;
		padding-top: 20px;
		position: relative;
	}

	div.editable.active {
		left: -14px;
		width: 650px;
	}
	
	div.editable.active.document_recipient {
		width: auto;
		margin-left: 0;
	}
	
/*.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 5;
  }

  .autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    }

    .autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
    }

    .autocomplete ul li.selected { 
      background-color: #ffb;
    }
    
    .autocomplete ul li div {
      display: none;
    }*/

div.top-form {
	background-color: #D6E7EF;
	border: 1px solid #006699;
	width: 660px;
	margin: 0 0 15px 0;
	padding: 10px 25px;
	}
	
	div.top-form h3 {
		font-size: 1.3em;
		font-weight: bold;
	}
	
.formError, label.formError {
	color: red;
}

/*div.formError {
	font-size: 1.2em;
	text-align: center;
	margin: 1.5em 0;
}*/

table div.formError {
	font-size: 1em;
	text-align: left;
	margin: 0;
}

div.fieldWithErrors {
	display: inline;
}

div.fieldWithErrors input, div.fieldWithErrors textarea {
	border-color: red;
}

#invoice-edit-details div.formError {
	position: absolute;
	background-color: red;
	color: white;
	padding: 4px;
}

#invoice_profile_sender_address, 
#invoice_profile_invoice_email, 
#invoice_profile_invoice_email_reminder, 
#invoice_profile_second_reminder_email, 
#invoice_profile_thanks_email, 
#invoice_profile_estimate_email, 
#invoice_payment_thanks_email,
#invoice_profile_estimate_signed_email {
	height: 13em;
}

.invoice-row-editor {
	background-color: #E2E1E1;
	border: 1px solid #636466;
	position: relative;
	}
	
	.invoice-row-editor div {
		border: 1px solid white;
		padding: 20px 10px 10px 10px;
	}
	
	.invoice-row-editor div div {
		padding: 0;
		border: none;
	}
	
	div.editable.invoice-details .invoice-form .inner {
		padding-top: 20px;
		position: relative;
	}
	
	.currency {
		position: absolute;
		right: 5px;
		top: 5px;
		border: none;
		padding: 0;
		font-size: 10px;
		}
		
		.currency select {
			font-size: 10px;
		}
		
.invoice-rows {
	}
	
	.invoice-rows th {
		padding: 0 1px;
		font-size: 12px;
		font-weight: bold;
		border: none !important;
	}
	
	.invoice-rows th.price {
		padding: 0;
	}
	
	table.invoice-rows tbody td {
		padding: 3px 5px 3px 0 !important;
		border: none !important;
	}
	
	.invoice-rows input, .invoice-rows textarea {
		border: 1px solid #606060;
		margin: 0;
/* 		border: none;
		outline: none;
		resize: none; */
	}
		
	.invoice-rows .amount_cell {
		width: 50px;
		padding: 0;
	}
		
		.invoice-rows .amount_cell input {
			width: 50px;
		}

	
	.invoice-rows .description_cell {
		width: 280px;
		padding: 0;
		}
	
		.invoice-rows .description_cell textarea {
			width: 280px;
			height: 3em;
		}
	
	.invoice-rows .price_cell {
		width: 70px;
		padding: 0;
		}

		.invoice-rows .price_cell input {
			width: 70px;
		}
		
	.invoice-rows tr#concept-row {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
		z-index: 1;
	}

	
/* 	.invoice-rows .concept {

	}
	 */
	.invoice-rows tr#concept-row input, .invoice-rows tr#concept-row textarea {
		font-style: italic;
		color: #666;
	}
	
	.invoice-rows tfoot td.first {
		border-top: none !important;
	}
	
.inplaceeditor-form {
	display: inline;
	font-size: 10px;
	}
	
	.inplaceeditor-form .editor_field {
		width: 100px;
	}
	
	.inplaceeditor-form .editor_ok_button {
		width: auto;
	}

body.blue {
	background: #0066CC;
	margin: 0pt auto;
	padding: 0pt;
	text-align: center;
	}

	body.blue div.logo_heading {
		margin: 30px 0 0 0;
	}

	body.blue div.login_container {
		background: #FFF;
		border: 10px solid #006699;
		margin: 0pt auto;
		text-align: left;
		width: 500px;
		padding: 20px 15px 0px 15px;
	}

	body.blue table p, body.blue span {
	  font-size: 0.9em;
	}
	
	body.blue table {
		width: 100%;
		margin-bottom: 15px;
	}
	
	body.blue tr.buttons td {
		padding-top: 15px;
	}
	
	body.blue .flash {
		margin: -20px -15px 15px -15px;
		border: none;
	}
	
	body.blue p.login_message {
		text-align: left;
		font-size: 0.9em;
	}
	
	
	.blue h1 {
		text-align: center;
		font-size: 1.8em;
	}

	.blue p {
		text-align: center;
		color: #333;
	}
	
	.blue p.welcome {
		text-align: left;
		font-size: 1.1em;
		}
		
		.blue p.welcome strong {
			font-size: 1.2em;
		}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


body {
  background-color: #FFF;
}

a.image:hover {
	background: transparent;
}

div.top {
    width: 100%;
    height: 50px;
		background-color: #0066cc;
		background-position: bottom;
    background-image: url("../../images/homepage/menu_background.png");
    background-repeat: repeat-x;
	}
  
  div.header {
      height: 50px;
      margin: 0 auto;
      width: 850px;
			position: relative;
    }
    
    div.logo {
      padding-top: 1px;
      float: left;
      width: 200px;  
    }
    
    div.menu {
      float: left;
      padding: 7px 0px 0px 0px;
    }
    
    div.menu ul {
	  	margin-left: 20px;
	  	width: 630px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
    }
    
    div.menu li {
    	margin-left: 7px; 
    	padding:.8em;
    	list-style: none;
    	display: inline;
			float: right;
    }
    
    div.menu li a {
      font-size: 14px;
			line-height: 1.7em;
      color: white;
      text-decoration: none;
    }
    
    div.menu li a:hover {
			border-bottom: 2px solid #EEE;
    }
    
    div.menu li.active a {
      text-decoration: none;
    }
    
    div.menu li.signup a {
	font-weight: bold;
    }

div.topcase {
  width: 100%;
  background-color: #EEE;
  border-bottom: 1px solid #CCC;
}

div.container {
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 850px;
}

div.screenshot_container {
  margin: 0px auto;
  padding-top: 10px;
  padding-bottom: 0px;
  width: 850px;
}

div.buzz {
	
	}
	div.buzz img.bird {
		float: left;
		margin-left: -60px;
		margin-top: 90px;
	}
	div.buzz h3 {
		clear: none;
	}

p.tweet {
		font-family: Georgia, Times;
		font-size: 13px;
		line-height: 18px;
	}

	p.tweet a {
		color: #333;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
	}

ul.showcase {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
	ul.showcase li {
		float: left;
		width: 195px;
		margin-right: 15px;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 14px;
		padding-left: 60px;
	}

	ul.showcase li img {
		float: left;
		margin: 0 0px 0 -60px;
	}

	ul.showcase li h4 {
		clear: none;
		font-size: 14px;
	}

	ul.showcase li a {
		text-decoration: none;
	}


/**** FOOTER ****/
div.footer {
  background-color: #EEEEEE;
  clear: both;
  padding-top: 10px;
  border-top: 5px solid #0066CC;
	}

	div.footer p, div.footer li {
	  color: #5F5F5F;
		font-size: 12px;
	}
	
	div.footer p.footerinfo {
		font-size: 13px;
	}
	
	div.footer ul {
		padding: 0;
		margin: 0 0 20px 0;
		list-style-type: none;
	}
	
	div.footer ul ul {
		margin-left: 15px;
	}
	
	div.footer .sitemap p, div.footer .sitemap li {
		font-size: 11px;
		}
	
		div.footer .sitemap p {
			margin: 0;
		}
		
		div.footer .sitemap li {
			line-height: 20px;
		}
		
		div.footer .sitemap li a {
			text-decoration: none;
		}
		
		div.footer .sitemap .important {
			height: 150px;
		}

		div.footer .sitemap .landing a {
			color: #B4B4B4;
		}

		div.footer .sitemap .landing a:hover {
			text-decoration: underline;
		}

		
	div.footer .columns .column {
		width: 120px;
		padding-right: 10px;
	}
	
	div.footer .columns .second {
		padding-left: 0;
		border: none;
	}
	
	div.footer .columns .first {
		width: 350px;
		padding-right: 110px;
	}
	
	div.footer .columns .fifth {
		padding-right: 0;
	}
	
	div.footer p.copyright {
		text-align: left;
		color: #B4B4B4;
		font-size: 11px;
		padding-top: 40px;
		margin: 30px 0;
	}
	
	div.footer p.phone {
		font-size: 25px;
		margin-top: 50px;
		}
		
		div.footer p.phone a {
			color: #5F5F5F;
			text-decoration: none;
		}

h1, h2, h3, h4 {
 	font-family: Helvetica, Arial, sans-serif;	
	color: #333;
}

h1 {
	font-size: 45px;
	line-height: 50px;
	text-align: center;
	margin: 15px 0 25px 0;
	letter-spacing: -2px;
}

h2 {
	font-size: 1.5em;
	line-height: 2;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

p {
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 14px;
	line-height: 22px;
	color: #333;
	text-align: left;
}

div.first h1.frontpage {
	margin-bottom: 15px;
	text-align: left;
	font-size: 26px;
	line-height: 35px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

div.first h2.frontpage {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 18px;
}

div.first a.team {
	font-weight: bold;
	margin-left: 45px;
	text-decoration: none;
	font-size: 16px;
}

h3.summary {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 30px;
}

h3.add {
	background: #F4FF8C;
	padding: 3px 10px;
}

h3.highlights {
	text-transform: uppercase;
	color: #555;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 15px;
}

h4.sitelinks {
	font-family: georgia,times;
	background-color: #EAEBFF;
	font-weight: normal;
	font-size: 23px;
	line-height: 60px;
	text-align: center;
	margin: 15px 0;
}

p.language_switch {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 10px 3px;
	}
	
	p.language_switch img {
		margin: 7px 10px;
	}
	
	p.language_switch a {
		text-decoration: none;
		color: #555;
	}


.columns {
	margin-bottom: 2em;
	}
	
	.column {
		width: 380px;
		float: left;
	}
	
	.columns .first {
		padding-right: 40px;
		margin: 0;
	}
	
	.columns .second {
		padding-left: 40px;
		margin: 0;
	}

	.columns .showcase {
		width: 560px;
		padding-right: 0;
	}

	.columns .buzz {
		width: 223px;
		padding-left: 60px;
	}

/**** HOMEPAGE ****/
.home {

	}

	.home .topcase h2 {
		text-align: left;
		font-size: 18px;
		line-height: 28px;
		color: #333;
	}

	.home .topcase h1.prices {
		margin-bottom: 10px;
	}

	.home .topcase h2.prices {
		text-align: center;
		font-size: 20px;
	}
	
	.home .topcase h2.prices {
		text-align: center;
		font-size: 22px;
	}

	.home .topcase ul {
		margin: 20px 0 20px 15px;
		text-align: left;
		list-style-type: none;
	}

	.home .topcase ul li {
		color: #333;
		font-size: 18px;
		font-family: Helvetica, Arial, sans-serif;
	}

	.home .column {
	}

	.home .movie {
		border: 1px solid #DDD;
		background-color: #0066CC;
		width: 400px;
		height: 300px;
	}

.screenshot_columns {
  margin-bottom: 0px;
  }
  
  .screenshot_columns .first {
    padding-top: 15px;
    padding-right: 10px;
    width: 300px;
    float: left;
  }

  .screenshot_columns .second {
    width: 500px;
    height: 340px;
    float: right;
    margin-bottom: -2px;
    margin-top: 15px;
  	}  

	
/**** BUZZ ****/
.buzz {
  
  }
  
  .buzz .topcase {
    margin-bottom: 10px;
  }

	.buzz .topcase h1 {
		margin: 0;
	}
	
	.buzz .topcase h2 {
		text-align: center;
	}
	
	.buzz .buzz_quote {
	  margin-bottom: 22px;
	}
	
	.buzz .buzz_quote p {
	  font-family: georgia;
	  font-size: 15px;
	  margin-bottom: 0px;
	}
	
	.buzz .buzz_image {
	  margin-bottom: 15px;
	}
	.buzz .buzz_image img {
	  border: 3px solid #EEE;
	}


/**** iPhone ****/
.iphone {

  }

	.iphone h1 {
		margin: 0;
	}
	
	.iphone h2 {
		text-align: center;
		margin-bottom: 0px;
		font-size: 20px;
	}
	
	.iphone h3 {
		text-align: center;
		font-weight: normal;
		font-family: georgia,times;
		margin-bottom: 15px;
	}
	
	p.appstore {
		text-align: center;
		margin: 0px;
		padding: 0px;
		
	}
	
	p.appstore img {
		float: none;
		margin: 5px;
	}
	
	.iphone_screenshots {
		width: 905px;
		margin: 0 auto;
	}
	
	.iphone_screenshot {
		float: left;
		margin-right: 10px;
		border: 1px solid #555;
		background-color: white;
		padding: 1px;
		height: 417px;
	}
	
	.iphone_screenshot img {
		margin-bottom: 0px;
	}
	
	.iphone_screenshots .last {
		margin-right: 0px;
	}

/**** LANDING ****/
.landing {

  }

  .landing .topcase {
    margin-bottom: 10px;
  }

	.landing .topcase h1 {
		margin: 0;
	}

	.landing .topcase h2 {
		text-align: center;
	}
	
	.landing p.quote {
	  font-family: georgia;
	  font-size: 15px;
	}
	

/*** HELLO ****/

body.hello {
  background: #EEE;
  }
  
  .hello .topcase {
    margin-bottom: 10px;
  }

	.hello .topcase h1 {
		margin: 0;
	}
	
	.hello .topcase h2 {
		text-align: center;
	}
	
	.hello .hello_item {
		border-bottom: 1px solid #EEE;
		margin: 0 50px 22px 50px;
	}
	
	.hello .hello_item p.quote {
	  	font-family: georgia;
	  	color: #555;
		margin-bottom: 2px;
	  	font-size: 24px;
		line-height: 30px;
	  	text-align: center;
	}
	
	.hello .hello_item p.subquote {
	  	font-family: georgia;
	  	color: #555;
	  	font-size: 14px;
	  	text-align: center;
		font-style: italic;
	}
	
	.hello #message {
		height: 90px;
		font-size: 15px;
		font-family: Georgia;
		padding: 5px;
	}
	
	.hello .form {
		background-color: white;
		border: 3px solid #999;
		padding: 20px;
	}
	
	.hello h3 {
		font-size: 18px;
		font-weight: bold;
		margin: 10px 0;
	}

/**** ABOUT ****/

.about {
	}
	
	.about .columns .first {
		width: 410px;
	}
	
	.about .columns .second {
		width: 300px;
	}
	
	.about .columns .second ul.cores {
		list-style-type: none;
		margin-bottom: 0px;
	}
	
	.about .columns .second ul.cores li {
		padding: 3px;
		font-size: 15px;
		line-height: 18px;
	}
	
	.about .columns .second ul img {
		width: 22px;
		margin-right: 10px;
		margin-left: 4px;
	}
	
	.about .columns h1 {
		font-size:34px;
		letter-spacing:-1px;
		text-align:left;
		margin-bottom: 10px;
	}

	.about .columns ul.cores {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		margin-top: -10px;
	}
	
	.about .columns ul.cores li {
		font-family: Helvetica,Arial,sans-serif;
	}
	
	.about hr {
		border: 2px solid #0066CC;
		margin-bottom: 10px;
		height: 0px;
		
	}
	
	.about h2.team {
		font-family: georgia,times;
		color: #0066CC;
		font-size: 30px;
		line-height: 1em;
		margin-bottom: 30px;
		
	}

	.about ul.team {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.about ul.team li {
		width: 420px;
		float: left;
		margin-bottom: 30px;
	}
	
	.about ul.team li img {
		float: left;
		width: 150px;
		border: 5px solid #EEE;
		border-bottom: ;
		margin-right: 20px;
	}
	
	.about ul.team li p {
		padding-right: 20px;
	}
	
	.about ul.team li p strong {
		color: #0066cc;
	}
	
	.about ul.team li h3 {
		clear: none;
	}
	
	.about ul.team li.contact {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #EEEEEE;
		height: 200px;
	}
	
	.about ul.team li.contact h3 {
		padding: 20px;
	}
	
	.about ul.team li.contact p {
		padding: 0px 20px 0px 20px;
	}

/**** HELP ****/

.help {
  }

	.help p.landing_intro {
		background-color: #F8F8F8;
		font-family: georgia,times;
		font-weight: normal;
		font-size: 16px;
		line-height: 25px;
		margin: 10px 0 25px 0;
		color: #555;
		padding: 10px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		text-align: center;
	}

	.container div.search {
		border-bottom: 1px solid #DDD;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	
	.container div.search p.notfound {
		width: 350px;
		float: right;
		font-size: 13px;
		text-align: right;
		margin-bottom: 0px;
	}

	.container .search form {
		width: 490px;
		float: left;
	}

	.container .search input {
		width: 100px;
		outline: none;
	}

	.container .search input[type="submit"] {
		height: 32px;
		font: 16px arial, sans-serif;
		background: #EEE;
		border-style: solid;
		border: 1px solid #CCCCCC;
		cursor: pointer;
		border-left: 0px;
		background:url("../../images/homepage/btn_back.png")
	}

	.container .search input.searchfield {
		float: left;
		width: 300px;
		font-size: 16px;
		margin: 0;
		height: 25px;
		padding: 3px 8px 2px 6px;
		border: 1px solid #CCCCCC;
	}
	
	.help .topcase p {
		text-align: center;
	}

	.questions {
	}

	.questions h2 {
		font-size: 19px;
		line-height: 1.3em;
		margin: 10px 0px;
	}
	
	.questions h2 a {
	}

	.questions h2 a:hover {
		color: #333;
	}
	
	.questions h2 span {
		font-size: 12px;
		color: #A0A0A0;
		margin-left: 10px;
	}

	.questions p {
		margin-bottom: 5px;
	}

	.questions img {
		margin-bottom: 20px;
	}

	.help .container h1 {
		line-height: 32px;
		font-size: 24px;
		letter-spacing: 0px;
		text-align: left;
	}

	.help .container img {
		border: 3px solid #EEE;
	}  

	.help hr {
		border-bottom: 1px solid #DDD;
		height: 0;
		margin: 10px 0 50px 0;  
	}

	.help p.top {
		font-size: 11px;
		clear: both;
		margin-right: 600px;
		margin-bottom: 0px;
	}

	.help p.notfound {
		float: right;
		width: 235px;
	}
	
	.help .help_landing {

		}

	.help .help_landing p {
		text-align: center;
	}
	
	.help .help_landing h1 {
		text-align: center;
	}
	
	.help .help_landing img {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
	
.help_item {
	}
	
	.help_item .first { 
		width: 600px;
	}
	
	.help_item .right { 
		width: 185px;
		float: right;
		padding: 10px 10px;
		background: #EEEEEE;
		margin-top: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-bottom: 20px;
	}
	
	.help_item .right p {
		font-size: 13px;
	}
	
	.help_item h1 {
		text-align: left;
		font-size: 34px;
		letter-spacing: -1px;
	}
	
	.help_item p.author {
		color: #a0a0a0;
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	.help_item .screenshots {
		margin-bottom: 30px;
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 40px;
		
	}
	
	.help_item .screenshot {
		margin-bottom: 20px;
		margin-right: 20px;
		width: 200px;
		height: 150px;
		border: 2px solid #999;
		float: left;
	}
	
	.help_item .screenshot p {
		margin-bottom: 0px;
		width: 200px;
		font-weight: bold;
		text-align: center;
	}
	
	.help_item .questions {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
.tour {
	
	}
	
	.tour h1 {
		margin-bottom: 5px;
		font-size: 35px;
	}
	
	.tour h2 {
	  text-align: center;
	  font-size: 22px;
	}
	
	.tour hr {
		border-bottom: 2px solid #5F5F5F;
		height: 0;
		margin: 15px 0;
	}
	
	.tour_menu {
		text-align: center;
		font-size: 15px;
		margin-bottom: 0px;
	}

	.tour_menu a.active {
		text-decoration: none;
		color: #333;
	}

	.tour_item {
		text-align: center;
		margin: 0px auto 35px auto;
	}

	.tour_item h2 {
		text-align: center;
		font-size: 25px;
	}

	.tour_item p {
		width: 600px;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.tour_item img {
		border: 3px solid #EEE;
	}

	.tour .description {
		margin: 0px auto 35px auto;
	}

	.tour .description p img {
		background-color: white;
		border: 3px solid #EEE;
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 5px;
		float: right;
		vertical-align: top;
	}

	.tour img.left {
		float: left;
		margin-right: 15px;
	}

	.tour img.right {
		float: right;
		margin-left: 15px;
	}

	.tour h3 {
		clear: none;
	}



/**** PRICE PAGE ****/
.prices {
	
	}
	
	.prices h1 {
		margin: 0;
	}
	
	.prices h2 {
		text-align: center;
	}
	
div.price_table2 {
	width: 650px;
	margin: 15px auto;
	}
	
	div.price_table2 .column {
		float: left;
		text-align: center;
	}
	
	div.price_table2 .free, div.price_table2 .unlimited {
		border: 3px solid #999;
		background: white;
		margin-left: -3px;
		width: 280px;
		padding: 15px 20px;
	}
	
	div.price_table2 h2, .home .topcase div.price_table2 h2 {
		font-weight: bold;
		font-size: 40px;
		line-height: 45px;
		color: black;
		margin: 0;
		text-align: center;
	}
	
	div.price_table2 p {
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		margin: 5px 0;
	}
	
	div.price_table2 p.price {
		font-size: 25px;
		line-height: 35px;
		border-bottom: none;
		margin-bottom: 15px;
	}
	
	div.price_table2 p.price strong {
		color: #555;
		font-weight: normal;
	}
	
	div.price_table2 p.always {
		font-size: 15px;
		line-height: 20px;
	}
	
	div.price_table2 .signup {
		margin: 10px 0;
		margin-top: 30px;
		display: block;
	}
	
	div.price_table2 div.free_signup {
	  margin-top: 10px;
	  text-align: center;
	}
	
div.center {
	text-align: center;
}

table.api {
	margin: 15px 0 30px 0;
	width: 100%;
	}

	table.api td, table.api th {
		padding: 5px 15px 5px 0;
	}
	
	table.api thead th {
		color: #333;
	}

	table.api tbody td {
		border: 1px solid #999;
		border-width: 1px  0;
	}

	
.api h1 small {
	font-size: 14px;
}

.api pre {
	background: #E4E4E4;
	border: none;
	padding: 5px 15px;
	font-size: 10pt;
	}
	
	.api pre code {
		font-family: Monaco, Lucida Console, Courier New, Monaco;
		background: transparent;
	}
	
	.api pre code em {
		font-size: 10px;
		font-family: Arial;
		background: #E6E6E6;
		color: #999;
		padding: 3px;
	}
	
	.api #contact {
		margin: 0;
	}
	
	.api caption {
		text-align: left;
		font-weight: bold;
		color: #333;
		padding-top: 5px;
		font-size: 12px;
		caption-side: bottom;
	}
		
		
.thanks {
	
	}
	
	.thanks h1 {
		margin-bottom: 0px;
	}

	.thanks h2 {
		text-align: center;
	}

	.thanks p {
		font-size: 20px;
		text-align: center;
		margin: 30px 0;
	}


/**
 * Code highlighting
*/

.CodeRay {
  background-color: #fafafa;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #100;
	z-index: 10;
	margin-top: 15px;
}
.CodeRay pre { margin: 0px; padding: 0px; border: none; background: none; }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers, .CodeRay .no {
  color: #333;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }

ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

/*.CodeRay .code pre { overflow: auto; width: 640px; }*/

.af { color:#00C }
.an { color:#007 }
.av { color:#700 }
.aw { color:#C00 }
.bi { color:#509; font-weight:bold }
.c  { color:#888 }

.ch { color:#04D }
.ch .k { color:#04D }
.ch .dl { color:#039 }

.cl { color:#B06; font-weight:bold }
.co { color:#036; font-weight:bold }
.cr { color:#0A0 }
.cv { color:#369 }
.df { color:#099; font-weight:bold }
.di { color:#088; font-weight:bold }
.dl { color:black }
.do { color:#970 }
.ds { color:#D42; font-weight:bold }
.e  { color:#666; font-weight:bold }
.en { color:#800; font-weight:bold }
.er { color:#F00; background-color:#FAA }
.ex { color:#F00; font-weight:bold }
.fl { color:#60E; font-weight:bold }
.fu { color:#06B; font-weight:bold }
.gv { color:#d70; font-weight:bold }
.hx { color:#058; font-weight:bold }
.i  { color:#00D; font-weight:bold }
.ic { color:#B44; font-weight:bold }

.il { background: #eee }
.il .il { background: #ddd }
.il .il .il { background: #ccc }
.il .dl { font-weight: bold ! important; color: #888 ! important }

.in { color:#B2B; font-weight:bold }
.iv { color:#33B }
.la { color:#970; font-weight:bold }
.lv { color:#963 }
.oc { color:#40E; font-weight:bold }
.on { color:#000; font-weight:bold }
.op { }
.pc { color:#038; font-weight:bold }
.pd { color:#369; font-weight:bold }
.pp { color:#579 }
.pt { color:#339; font-weight:bold }
.r  { color:#080; font-weight:bold }

.rx { background-color:#fff0ff }
.rx .k { color:#808 }
.rx .dl { color:#404 }
.rx .mod { color:#C2C }
.rx .fu  { color:#404; font-weight: bold }

.s  { background-color:#fff0f0 }
.s  .s { background-color:#ffe0e0 }
.s  .s  .s { background-color:#ffd0d0 }
.s  .k { color:#D20 }
.s  .dl { color:#710 }

.sh { background-color:#f0fff0 }
.sh .k { color:#2B2 }
.sh .dl { color:#161 }

.sy { color:#A60 }
.sy .k { color:#A60 }
.sy .dl { color:#630 }

.ta { color:#070 }
.tf { color:#070; font-weight:bold }
.ts { color:#D70; font-weight:bold }
.ty { color:#339; font-weight:bold }
.v  { color:#036 }
.xt { color:#444 }