/* 
Cornerspace Styles 
Created by: Derek Loewen - http://www.caffeinerush.net 
Last Modified: Oct 5, 2009
*/

/* General Styles */
h1, h2, p, li, ul {
	margin: 0;
	padding: 0; }
 
h1.aboutcornerspace {
	background: url(images/about-cornerspace.png);
	height: 35px;
	text-indent: -9999px;
	width: 900px; }
 
h2.reservations {
	background: url(images/reservations-title.png);
	height: 35px;
	text-indent: -9999px;
	width: 225px; }
 
h2.marketersms {
	background: url(images/marketer-title.png);
	height: 35px;
	text-indent: -9999px;
	width: 225px; }
 
h2.airbackup {
	background: url(images/airbackup-title.png);
	height: 35px;
	text-indent: -9999px;
	width: 225px; }
 
h2.cm3title {
	background: url(images/cm3-title.png);
	height: 35px;
	text-indent: -9999px;
	width: 225px; }
 
ul {
	line-height: 1.6em;
	list-style-position: inside; }
 
br.clearthat {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0; }
 
img { border: 0; }
 
a { color: #0066cc; }
 
	a:visited { color: #2d4968; }
 
body {
	background: #24313b url(images/bg_highlight.png) no-repeat top left;
	color: #191919;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	margin: 0; }
 
p {
	line-height: 1.4em;
	margin: 10px 0 20px 0;
	text-align: justify; }
 
#wrapper {
	background: url(images/column_bg.gif) repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 960px; }
 
#wrappershadow {
	background: url(images/border_shadow.png) repeat-y;
	margin: 0 auto;
	width: 972px; }
 
.inlineimage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #d4d4d4;
	border: 1px solid #ccc;
	padding: 0px; }
 
	.inlineimage p {
		color: #333;
		font-size: .9em;
		margin: 0;
		padding: 5px 0 0 0;
		text-align: center; }
 
.biglink a { font-size: 1.4em; }
 
/* Top Area */
#toparea {
	background: #000 url(images/top_bg.jpg) no-repeat;
	color: #C6C6C6;
	height: 110px; }
 
	#toparea .logo {
		display: block;
		float: left;
		height: 110px;
		width: 346px; }
 
#toprightnav {
	float: right;
	height: 77px;
	line-height: 2.6em;
	padding: 17px 30px 0 0;
	text-align: right;
	width: 220px; }
 
	#toprightnav a {
		color: #e4e4e4;
		text-decoration: none; }
 
		#toprightnav a:hover {
			color: #fff;
			text-decoration: underline; }
 
/* Top Nav */
#topnav {
	background: #c8c8c8 url(images/nav_bg.png) repeat-x;
	height: 39px;
	padding: 0; }
 
	#topnav ul li {
		display: block;
		float: left;
		list-style-type: none; }
 
		#topnav ul li a {
			background: transparent url(images/cornerspace_navbar.png) no-repeat 0 0;
			display: block;
			height: 39px;
			text-indent: -9009px;
			width: 91px; }
 
			#topnav ul li a:hover { background-position: 0 -39px; }
 
/* Products */
ul li#products a {
	background-position: -91px 0;
	width: 111px; }
 
	ul li#products a:hover { background-position: -91px -39px; }
 
/* Services */
ul li#services a {
	background-position: -202px 0;
	width: 110px; }
 
	ul li#services a:hover { background-position: -202px -39px; }
 
/* Partners */
ul li#partners a {
	background-position: -312px 0;
	width: 107px; }
 
	ul li#partners a:hover { background-position: -312px -39px; }
 
/* FAQs */
ul li#press a {
	background-position: -419px 0;
	width: 89px; }
 
	ul li#press a:hover { background-position: -419px -39px; }
 
/* About */
ul li#about a {
	background-position: -508px 0;
	width: 89px; }
 
	ul li#about a:hover { background-position: -508px -39px; }
 
/* OEM Solutions */
ul li#oemsolutions a {
	background-position: -597px 0;
	width: 156px; }
 
	ul li#oemsolutions a:hover { background-position: -597px -39px; }
 
/* Contact Us */
ul li#contact a {
	background-position: -753px 0;
	width: 120px; }
 
	ul li#contact a:hover { background-position: -753px -39px; }
 
/* Product Box Area */
#boxeswrapper {
	background: #c7c7c7 url(images/boxes_top.png) repeat-x top center;
	overflow: hidden;
	padding-bottom: 30px; }
 
	#boxeswrapper p { line-height: 1.5em; }
 
	#boxeswrapper .about {
		background: url(images/c-cube-bg.jpg) no-repeat 92% 105%;
		margin: 25px 30px 0px 30px;
		padding-right: 400px; /*height: 192px;*/
		width: 500px; }
 
	#boxeswrapper .productfeatures {
		float: left;
		width: 225px; }
 
		#boxeswrapper .productfeatures p {
			padding-right: 20px;
			text-align: left; }
 
#fpproductswrap {
	margin: 0 auto;
	overflow: auto;
	width: 900px; }
 
.box h1 {
	color: #1D426B;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 15px; }
 
/* Footer */
#footer {
	background: url(images/footer_bg.png) no-repeat;
	clear: both;
	height: 68px;
	width: 972px; }
 
	#footer ul {
		list-style-type: none;
		padding: 21px 0 0 18px; }
 
	#footer li {
		float: left;
		padding: 0 18px 0 18px; }
 
		#footer li a {
			color: #6b89b0;
			font-size: 11px;
			text-decoration: none; }
 
			#footer li a:hover {
				color: #6b89b0;
				text-decoration: underline; }
 
#copyright {
	color: #858585;
	float: right;
	font-size: 11px;
	margin: 3px 36px 0 0; }
 
.navpipe { border-right: 1px solid #454545 ; }
 
/* Page Columns */
/* right column */
#rightcol {
	background: #F6F6F6;
	float: right;
	padding: 20px 30px;
	width: 674px; }
 
	#rightcol li {
		font-family: Helvetica, Arial, sans-serif;
		margin-left: 0;
		margin: .5em 0;
		padding-left: 10px; }
 
	#rightcol ul { margin-left: 0; /*padding-left: 10px;*/ }
 
	#rightcol h1 {
		background: #d4d4d4 url(images/h1_bg.jpg) repeat-x;
		color: #555;
		font-size: 2em;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0 0 20px 0;
		padding: 12px; }
 
.h1negmargin { margin: -20px 0 0 0; }
 
.tabletitle {
	background: url(images/h1_bg.jpg) repeat-x;
	color: #555;
	font-size: 1.4em;
	margin: 0 0 20px 0;
	padding: 12px; }
 
#rightcol h2 {
	background: #698FB6 url(images/h2_bg.gif) no-repeat right;
	border-bottom: 1px solid #B5B5B5;
	clear: left;
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 20px 0 20px 0;
	padding: 5px 12px; }
 
#rightcol .mrtph1 h1 { margin: 0; }
 
.floatleft {
	float: left;
	margin: 0 15px 5px 0; }
 
.floatright {
	float: right;
	margin: 0 0 5px 15px;
	padding: 5px; }
 
.floatrightnm {
	float: right;
	margin: 0 0 5px 15px;
	padding: 0px; }
 
.fouracross {
	float: left;
	margin: 0 15px 0 0;
	padding: 8px; }
 
.fouracrosslast {
	float: left;
	margin: 0;
	padding: 8px; }
 
.threeacross {
	float: left;
	margin: 10px 10px 0 0;
	padding: 8px; }
 
.threeacrosslast {
	float: left;
	margin: 10px 0 0 0;
	padding: 8px; }
 
/* left column */
#leftcol {
	background: #fff;
	display: inline-block;
	float: left;
	padding: 12px 0px 10px 0px;
	width: 220px; }
 
	#leftcol h1 {
		color: #686868;
		font-size: 2em;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: 14px; }
 
	#leftcol ul {
		line-height: 2.8em;
		list-style-type: none;
		margin: 0;
		padding: 0; }
 
	#leftcol li {
		background: url(images/c_bullet.gif) no-repeat 25px 55%;
		border-bottom: 1px solid #E3E3E3;
		margin: 0;
		padding: 0; }
 
		#leftcol li:hover { background: #E1F1FA url(images/c_bullet.gif) no-repeat 25px 55%; }
 
		#leftcol li.current { background: #698fb6 url(images/c_bullet-over.gif) no-repeat 25px 55%; }
 
			#leftcol li.current a { color: white; }
 
	#leftcol ul li a {
		color: #2c2c2c;
		display: block;
		font-weight: bold;
		padding: 3px 0 0 45px;
		text-decoration: none; }
 
	#leftcol a:hover { color: #32669c; }
 
	#leftcol ul .indentnav { margin-left: 25px; }
 
.twoline { line-height: 1.3em; }
 
#leftcol ul .twoline a {
	padding-bottom: 5px;
	padding-top: 5px; }
 
.button1 {
	background: url(images/buttonbg.gif) no-repeat;
	display: block;
	height: 24px;
	padding: 8px 10px 0 15px;
	width: 162px; }
 
#leftcol .button a {
	color: #FFFFFF;
	display: block;
	text-decoration: none; }
 
#leftcol .imgspace { margin: 15px 30px; }
 
#productswrapper { margin: 19px 0 0 30px; }
 
	#productswrapper p {
		padding-right: 20px;
		text-align: left; }
 
	#productswrapper img { margin: 10px 0; }
 
.imgleft {
	background: #F6F6F6;
	float: left;
	padding: 0 20px 50px 0; }
 
.productblock {
	clear: both;
	margin: 20px 0; }
 
.bullet {
	float: left;
	padding: 17px 8px 0 30px; }
 
/* Marketer Edition Page */
#mefeatures {
	background: #fff;
	border: solid 1px #ccc;
	overflow: hidden;
	padding: 8px 30px; }
 
#mefeaturesl {
	float: left;
	width: 40%; }
 
#mefeaturesr {
	float: right;
	width: 45%; }
 
.clear {
	clear: both;
	display: block;
	height: 1px;
	width: 100%; }
 
h3 {
	color: #5d80a3;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 20px; }
 
h4 {
	font-size: 1.3em;
	margin: 0;
	padding: 0; }
 
.right-top {
	border: 0 none;
	float: right;
	margin-top: 5px; }
 
.innerbox {
	font-size: 11px;
	line-height: 14px; }
 
#fpleftcol {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	width: 160px; }
 
#fprightcol {
	float: right;
	width: 770px; }
 
#header {
	background: #C7C7C7;
	height: 280px;
	overflow: hidden; }
 
#fpproductarea {
	background: #D2D2D2;
	border: solid 1px #A8A8A8;
	margin: 15px 30px;
	overflow: auto;
	padding: 25px;
	width: 840px; }
 
	#fpproductarea .text { float: left; }
 
.fpproducts { float: right; }
 
/* Table Styles */
.pricetable {
	background: #FFFFFF;
	border-collapse: collapse; }
 
	.pricetable th {
		padding: 0 0.5em;
		text-align: left; }
 
tr.yellow td {
	background: #FFC;
	border-bottom: 1px solid #FB7A31;
	border-top: 1px solid #FB7A31; }
 
.pricetable td {
	border: 1px solid #CCC;
	font-family: Helvetica, Arial, sans-serif; }
 
td.adjacent { border-left: 1px solid #CCC; }
 
td.odd { background: #F2F4F9; }
 
.thblue {
	background: #7083ac;
	color: #fff; }
 
td li { margin: .9em 0; }
 
/* pricing page */
.#rightcol .checklist ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }
 
#rightcol .checklist li {
	background: url(images/checkmark.gif) no-repeat 0px 55%;
	line-height: 2.6em;
	list-style-type: none;
	margin: 0;
	padding-left: 25px; }
 
.featureslist {
	float: left;
	width: 50%; }
 
.minifield { width: 90px; }
 
/* mobile reservations and ticketing */
.mrtbannerleft { float: left; }
 
.mrtphoneright { float: right; }
 
/* Lightbox ------------------------------------------------------ */
#lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 100; }
 
	#lightbox img {
		height: auto;
		width: auto; }
 
	#lightbox a img { border: none; }
 
#outerImageContainer {
	background-color: #fff;
	height: 250px;
	margin: 0 auto;
	position: relative;
	width: 250px; }
 
#imageContainer { padding: 10px; }
 
#loading {
	height: 25%;
	left: 0%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%; }
 
#hoverNav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10; }
 
#imageContainer>#hoverNav { left: 0; }
 
#hoverNav a { outline: none; }
 
#prevLink, #nextLink {
	background-image: url(data: image/gif;
	base64,AAAA);
	display: block; /* Trick IE into showing hover */
	height: 100%;
	width: 49%; }
 
#prevLink {
	float: left;
	left: 0; }
 
#nextLink {
	float: right;
	right: 0; }
 
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
 
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 
#imageDataContainer {
	background-color: #fff;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	overflow: auto;
	width: 100%	; }
 
#imageData {
	color: #666;
	padding: 0 10px; }
 
	#imageData #imageDetails {
		float: left;
		text-align: left;
		width: 70%; }
 
	#imageData #caption { font-weight: bold; }
 
	#imageData #numberDisplay {
		clear: left;
		display: block;
		padding-bottom: 1.0em; }
 
	#imageData #bottomNavClose {
		float: right;
		outline: none;
		padding-bottom: 0.7em;
		width: 66px; }
 
#overlay {
	background-color: #000;
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90; }