@charset "utf-8";
/* CSS Document */
html, body {
	width: 				100%;
	height: 			100%;
}

body {
	margin: 			0px;
	font:				normal 17px "Lucida Grande", sans-serif;
	background: 		#1a437b url('/images/site/background.png') center top no-repeat;
	text-align: 		left;
	color:				#FFFFFF;
}

a {
	text-decoration: 	none;
	color:				#FFFFFF;
}

a:hover, a:active, a:focus {outline:none;}

img {
	display: 			block;
	border: 			0px;
}

h1 {
	margin: 			25px 0px 25px 40px;
	font-size: 			28px;
}

h2 {
	margin: 			25px 0px 10px 40px;
	font-size: 			22px;
	line-height: 		18px;
}

h3 {
	margin: 			15px 0px 0px 0px;
	font-size: 			18px;
}

/* -- MAIN SECTIONS ------------------------- */
#container {
	position: 			relative;
	margin: 			0px auto;
	width: 				1010px;
	min-height:			100%;
	margin-bottom: 		-340px;
}

#header {
	margin-top: 		25px;
}

#menu {
	margin-top: 		10px;
	margin-left: 		5px;
}

#body {
	margin-top: 		40px;
}

#push {
	clear: 				both;
	height: 			340px;
}

#footer {
   	clear: 				both;
	margin: 			20px auto 0px auto;
	width: 				1010px;
	height: 			300px;
	font:				normal 14px Helvetica, Arial, sans-serif;
}

#loading {
	display: 			none;
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	width: 				100%;
	height: 			100%;
	z-index: 			1000;
	background-color: 	rgba(0,0,0,0.8);
	text-align: 		center; 
	padding-top: 		400px;	
}

/* -- MENU ---------------------------------- */
#menu ul {
	margin: 			0px;
	padding: 			0px;
	list-style-type: 	none;
}

#menu ul li {
	float: 				left;
	position: 			relative;
	margin: 			0px;
	padding: 			0px;
}

#menu ul li img {
	display: 			block;
	border: 			0;
}

#menu ul li div {
  	display: 			none;
}

#menu li.mega div {
  	z-index: 			100;
	position: 			absolute;
  	top: 				35px;
  	left: 				-30px;
	width: 				160px;
	background-color: 	#0f3157;
  	padding: 			0px;
	text-align: 		center;
	color: 				#FFFFFF;
	font: 				normal 12px Arial, Helvetica, sans-serif;
	
}

#menu li.mega p {
  	margin: 			0px;
	padding: 			5px 0px;
	line-height: 		16px;
}

#menu li.mega p:hover {
	background-color: 	#56769c;
	background: 		rgba(86, 116, 156, 0.6) !important;
}

#menu li.mega p a {
  	display:			block;
	color: 				#ffffff;
	text-decoration: 	none;
}

#menu li.hovering div {
  	display: 			block;
}

/* -- MENU LEFT ------------------------------ */
#menu-left {
	float: 				left;
	margin-right: 		50px;
}

#menu-left ul {
	list-style-type: 	none;
	width: 				160px;
	font:				normal 20px Arial, Helvetica, sans-serif;
	line-height:		28px;
	text-align: 		right;
}

#menu-left ul li {
	margin: 			10px 0px;
}

#menu-left ul li a:hover {
	color: 				#7abff9;
}

#menu-left ul li.current a {
	color: 				#7abff9;
}

/* -- MENU LEFT PAGE ------------------------- */
#menu-left-page {
	float: 				left;
}

#menu-left-page ul {
	list-style-type: 	none;
	width: 				160px;
	font:				16px Arial, Helvetica, sans-serif;
	text-align: 		left;
}

#menu-left-page ul li {
	margin: 			5px 0px;
}

#menu-left-page ul li a.current {
	color: 				#7abff9;
}

#menu-left-page ul li a:hover {
	color: 				#7abff9;
}


/* -- SOCIAL MEDIA --------------------------- */
#social-media {
	float: 				right;
	width: 				80px;
	margin-top: 		75px;
}

#social-media img {
	float: 				left;
	margin-right: 		5px;
}

/* -- FOOTER --------------------------------- */
.footer-box {
	float: 				left;
	width: 				251px;
	height: 			257px;
	background: 		url('/images/site/footer-box-background.png') top left no-repeat;
}
.footer-box img {
	margin: 			10px auto 0px auto;
}

.footer-box p {
	margin: 			0px;
	padding: 			0px 20px;
}

#footer-text {
	text-align: 		center;
	line-height: 		20px;
	margin-top:			12px;
}

/* -- HOMEPAGE IMAGES ---------------------- */
#image-screenshot {
	float: 				left;
	margin-top: 		10px;
	width: 				720px;
}

#image-screenshot p {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#image-play-video {
	margin-top: 		80px;
}

#image-left {
	float: 				left;
	margin-right: 		40px;
}

.row img {
	display:			block;
	margin: 			0px auto;
}

.homepage-text {
	padding-top: 		80px;
}

#homepage-quote {
	padding-top: 		12px;
	height: 			108px;
}

/* -- SHARED/TEXT -------------------------- */
.column-left {
	float: 				left;
	width:				430px;
	margin-left: 		30px;
}

.column-left a:link, .column-left a:visited {
	text-decoration:underline;
}

.column-right {
	float: 				left;
	width:				430px;
	margin-left: 		80px;
}

#page-center {
	float: 				left;
	width: 				450px;
	margin-left: 		20px;
}

#page-center-module {
	float: 				left;
	width: 				740px;
	margin-left: 		20px;
}

#page-center-module ul li {
	margin: 			10px auto;
}

#page-center ul li {
	margin: 			10px auto;
}

#page-right {
	float: 				left;
	width: 				280px;
	margin-left: 		35px;
	text-align: 		center;
}

#page-right a {
	color: 				#fff000;
	text-decoration: 	underline;
}

#page-full {
	float: 				left;
	width: 				730px;
	margin-left: 		20px;
}


/* -- PRODUCTS/REQUIREMENTS ------------------ */
.requirements-column {
	float:	 			left;
	width: 				300px;
	margin-left:		20px;
}

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

.requirements-section img {
	float: 				left;
	margin-right: 		15px;
	padding-bottom: 	50px;
}

/* -- PURCHASE ----------------------------- */


/* -- CLIENT LIST -------------------------- */
.client-entry {
	float: 				left;
	margin: 			10px;
	width: 				180px;
	min-height: 		110px;
	text-align: 		center;
	font-size: 			14px;
}

.client-entry img {
	display: 			block;
	margin: 			0px auto 10px auto;
}

.client-entry a {
	color: 				#a4f8fd;
	text-decoration: 	underline;
}

.client-entry2 {
	float: 				left;
	margin: 			5px;
	width: 				240px;
	min-height: 		165px;
	text-align: 		center;
	font-size: 			14px;
}

.client-entry2 img {
	display: 			block;
	margin: 			0px auto 5px auto;
}

.client-entry2 a {
	color: 				#a4f8fd;
	text-decoration: 	underline;
}

.client-entry-title {
	display: 			none;
}

/* -- CONSULTING -------------------------- */
.consulting-service-entry {
	margin: 			20px 40px;
	font-size: 			16px;
}

.consulting-service-entry img {
	float: 				left;
	margin-right: 		20px;
}

.consulting-service-entry p {
	float: 				left;
	margin-top: 		0px;
	width: 				870px;
}

#table-consulting-pricing {
	margin-left: 		40px;
	text-align: 		left;
	font-size: 			16px;
}

#table-consulting-pricing th {
	margin: 			5px;
	vertical-align: 	middle;
	background-color: 	#0f3157;
	padding: 			2px 5px;
}

#table-consulting-pricing td {
	margin: 			5px;
	vertical-align: 	top;
	padding: 			2px 5px;
}

#table-consulting-pricing tr.row1 {
	background-color: 	#0f3157;
}

/* -- SOLUTIONS -------------------------- */
.solutions-quote {
	margin: 			30px 0px 0px 40px;
	width: 				640px;
	font-size: 			16px;
}

.solutions-quote-source {
	margin: 			5px 0px 0px 40px;
	width: 				640px;
	text-align: 		right;
	font-size: 			16px;
}

/* -- SUPPORT --------------------------- */
.download-entry {
	float: 				left;
	margin: 			20px 40px;
	width: 				220px;
	text-align: 		center;
	font-size: 			14px;
}

.download-entry img {
	margin: 			10px auto;
}

.download-entry a {
	color: 				#a4f8fd;
	text-decoration: 	underline;
}

/* -- FORM ----------------------------- */
#form-site {
	margin: 			40px;
	font-size: 			16px;
}

#form-site fieldset {
	margin-top:			20px;
	border: 			0px;
}

#form-site legend {
	font: 				bold 18px/32px Arial, Helvetica, sans-serif;
}

#form-site p {
	clear: 				both;
	margin: 			5px 0px;
}

#form-site label {
	float: 				left;
	width: 				180px;
	text-align: 		right;
	margin-right: 		20px;
}

#form-site input {
	width: 				320px;
	border: 			0px;
	background-color: 	#FFFFFF;
	padding: 			5px;
}

#form-site textarea {
	width: 				320px;
	height: 			200px;
	border: 			0px;
	background-color: 	#FFFFFF;
	padding: 			5px;
}

#form-site select {
	font-size: 			16px;
	padding: 			5px;
}

#form-site input.button-field {
	margin-left: 		200px;
	width: 				auto;
	padding: 			0px;
	border: 			0px;
	background-color:	transparent;
}

#form-site input.checkbox-field {
	width: 				auto;
	border: 			0px;
}

#form-site input.security {
	width: 				135px;
}

.success {
	margin: 				10px 40px;
	background-color: 		#006600;
	border: 				1px solid #009900;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 			5px;
	padding: 				5px;
	font-weight: 			bold;
	color: 					#FFFFFF;
}

.error {
	margin: 				10px 40px;
	background-color: 		#660000;
	border: 				1px solid #990000;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 			5px;
	padding: 				5px;
	font-weight: 			bold;
	color: 					#FFFFFF;
}

/* -- NEWS PAGE ---------------------- */
#news-description {
	margin: 				10px 40px;
}

/* -- iPhone -------------------------- */
#iphone-description {
	margin: 			10px 40px;
}

#iphone-image {
	float: 				left;
	width: 				200px;
	text-align: 		center;
}

#iphone-image img {
	display: 			block;
	margin: 			20px auto;
}

#iphone-screenshots {
	margin: 			10px 40px;
}

#iphone-screenshots {
	margin: 			10px 33px;
}

#iphone-screenshots img {
	float: 				left;
	margin: 			2px;
}


.text {
	font-weight: 		normal;
	font-size: 			16px;
}

.text strong {
	line-height: 		32px;
}

.text a:link, .text a:visited {
	color:				#0CF;
	text-decoration:	underline;
}

.text-small {
	font-weight: 		normal;
	font-size: 			12px;
	line-height: 		15px;
}

.clear {
	clear: 				both;
	height: 			0px;
	line-height: 		0px;
}


/* -- TABS --------------------------------------- */
.tabs {
	margin: 					30px 0px 0px 0px;	
}

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

.tabs ul li {
	display: 					inline-block;
	width: 						200px;
}

.tabs ul li a {
	display: 					block;
	border:						2px solid #fff;
	border-top-left-radius: 	5px;
	border-top-right-radius: 	5px;
	background-color: 			#6a89ac;
	padding: 					10px;
	text-align: 				center;
	font: 						bold 16px/16px Arial, Helvetica, sans-serif;
}

.tabs ul li a.active {
	border-bottom:				2px solid #1a437b;
	background-color: 			#1a437b;
}

.tabs-panel {
	display: 					none;
	margin-top: 				-2px;
	border: 					2px solid #fff;
	border-top-right-radius: 	5px;
	background-color: 			#1a437b;
	padding: 					15px;
}

#panel-1 {
	display: 					block;	
}

.screenshots {
	margin: 			10px 33px;
}

.screenshots img {
	float: 				left;
	margin: 			2px;	
}


/* -- Additional -- Erik Added ------------------- */
#homepage-video-txt {
	text-align:			center;
	font-family: "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 10px;
}

.column-left-title {
	float: 				left;
	width:				430px;
	margin-left: 		30px;
	font-size:			18px;
}

.column-right-title {
	float: 				left;
	width:				430px;
	margin-left: 		80px;
	font-size:			18px;
}
hr {
 	color: #dedddd;
	margin-bottom:32px;
}
.module-link {
	font:				normal 12px "Lucida Grande", sans-serif;
	text-align: 		left;
	color:				#FFFFFF;
}
.module-link a:link, #module-link a:visited {
	color:				#0FF;
}
#table-consulting-pricing tr.rowpink {
	background-color: 	#d077a4;
}
#table-consulting-pricing tr.rowyellow {
	background-color: 	#c9c976;
}
#table-consulting-pricing tr.rowgreen {
	background-color: 	#5e9a5e;
}
#table-consulting-pricing tr.rowltblue {
	background-color: 	#61b0b0;
}
#table-consulting-pricing tr.rowblue {
	background-color: 	#4a70be;
}
#table-consulting-pricing tr.rowgray {
	background-color: 	#8e8c8c;
}

/* --------------------------------------------------------- */
/* -- OVERLAY PARTS ---------------------------------------- */
#overlay-background {
	display: 			none;
	position: 			fixed;
	top: 				0px;
	left: 				0px;
	z-index: 			1000;
	width: 				100%;
	height: 			100%;
	background: 		rgba(0, 0, 0, 0.8);	
}


#overlay-container {
	position: 			relative;
	margin: 			20px auto 0px auto;
	width: 				615px;	
	border: 			1px solid #fff;
	background-color: 	#000;
	padding: 			0px;
	font: 				normal 18px/20px Arial, sans-serif;
}

#overlay-close {
	position: 			absolute;	
	z-index: 			1001;
	top: 				-12px;
	left: 				-12px;
	cursor: 			pointer;
}