@font-face {
	font-family: vegur;
	src: url('/fonts/Vegur-R 0.602.otf?') format('opentype');
}

@font-face {
	font-family: vegur;
	src: url('/fonts/Vegur-B 0.602.otf?') format('opentype');
	font-weight: bolder;
}

@font-face {
	font-family: vegur;
	src: url('/fonts/Vegur-L 0602.otf?') format('opentype');
	font-weight: lighter;
}

@font-face {
	font-family: vegur;
	src: url('/fonts/Vegur-M 0602.otf?') format('opentype');
	font-weight: bold;
}


html, body {
	background: #434343;
/*	font-family: arial, helvetica, sans-serif;
	font-size: 16px;*/
	font: normal normal normal 13.34px/normal helvetica, arial, freesans, clean, sans-serif
}

/* FONT RYTHM */

body { font-size:100%; line-height:1.25; }
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:1.5em; padding:1.45833em 0; }
h2 { font-size:1.33333em; padding:1.25em 0; }
/*h3 { font-size:1.16667em; padding:1.51786em 0; }*/

h3 { padding: 0.5em 0; font-size: 150%; font-weight: bold;}

h3 > a,
h3 > a:hover {
	background-color: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: inherit !important;
}


p {
	padding: 0.625em 0;
}

.line.page {
	height: inherit;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.clear {
	clear: both;
}

.img-alt {
/*	position: absolute;
	left: -100%;*/
	margin-top: 100px;	
	text-indent: -9000em;
}

/*********************************************		HEADER		**********************************/

div.header {
	background: #626262 url('/images/site/header_bg.png') repeat-x;
	line-height: 58px;
	overflow: hidden;
}

	div.header img.logo {
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top: -17px;
	}

	div.header ul.menu {
		font-family: Arial,helvetica, sans-serif;
		color: white;		
		float: right;
		font-size: 14px;
		overflow: hidden;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px #000000;
	}

	div.header ul.menu li {
		float: left;
		padding: 0 10px;
		cursor: pointer;
	}
	
	div.header ul.menu li.active a {
		color: #F4895E !important;
	}
	
	
	div.header ul.menu li a {
		color: white !important;
		text-decoration: none;		
	}


/*********************************************		BANNER		**********************************/

div.banner {
	/*background: url('/images/site/banner_bg.png') repeat-x;*/
	/*background: #21455B;*/
	/*background: #255D80;*/
	/*background: #6A818F;*/
	
	background: #52555E; /* old browsers */
/*	background: -moz-linear-gradient(left, #52555E 0%, #828c95 49%, #52555E 100%); */
/*	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#52555E), color-stop(49%,#828c95), color-stop(100%,#52555E)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52555E', endColorstr='#52555E',GradientType=1 ); */
	
	
	height: 75px;
	line-height: 75px;
	border-top: 1px solid #92969C;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	
	border-bottom: 1px solid #626A71;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	position: relative;
}

/*div.banner.big.mist {
	background: url('/images/site/banner_mist_bg.png') no-repeat 160px 0 transparent;
	height: 100%;	
}*/

div.banner.big {
	/*background: url('/images/site/banner_bg.png') repeat-x;*/
	/*background: #21455B;*/
	height: 437px;	
}

div.banner.big div.mist {
	background: url("/images/site/mist.jpg") no-repeat scroll center center transparent;
	height: 100%;	
	border: none;
}

	
	div.banner h1 {
		color: #F5F5F5;		
		font-size: 36px;
		font-weight: lighter;
		line-height: inherit;
		font-family: vegur;		
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		padding: 0;
	}
	
	div.banner .text {
		margin-top: 100px;
	}
	
	div.banner .buttons {
		overflow: hidden;
		margin-top: 25px;
	}

	div.banner a.infolink {
		color: #CCD4EA;
		text-decoration: none; 
		border-bottom: 1px solid; 
		font-style: italic;
		font-family: serif;
		font-size: 20px !important; 		
	}
	
	
/*********************************************		BUTTON		**********************************/

.button.big {
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	position: relative;
	height: 47px;
	cursor: pointer;
}	

.button.big > .l {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll 0 0;	
	position: absolute;
	left: 0;
	width: 25px;
}

.button.big > .r {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll -25px 0;	
	position: absolute;
	right: 0;	
	width: 25px;
}

.button.big > .m {
	background: url('/images/site/big-fancy-button-sprite.png') repeat-x scroll 0 -142px;
	margin: 0 25px;	
	line-height: 42px;
	text-align: center;
}

.button.big > .m span {
	text-shadow: 0 1px 0 white;
	font-weight: bold;	
	filter: dropshadow(color=#f9f9f9, offx=0, offy=1);
}

.button.big > * {
	top: 0;
	height: 45px;
}



/******* hover *********/

.button.big:hover > .l {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll 0 -47px;	
}

.button.big:hover > .r {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll -25px -47px;	;	
}

.button.big:hover > .m {
	background: url('/images/site/big-fancy-button-sprite.png') repeat-x scroll 0 -189px;
}

/******* down *********/

.button.big.down > .l {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll 0 -94px;	
}

.button.big.down > .r {
	background: url('/images/site/big-fancy-button-sprite.png') no-repeat scroll -25px -94px;	
}

.button.big.down > .m {
	background: url('/images/site/big-fancy-button-sprite.png') repeat-x scroll 0 -236px;	
}



.button.big.size1 {
	width: 180px;
}

.button.big.fl {
	float: left;
}

.button.green {
	color: #287114;
}

.button.navy {
	color: #134384;
}


/*********************************************		FANCY BUTTON 	******************************/

.fancy-button {
	margin: 10px auto 0;
	cursor: pointer;
	
	background: #9dd53a; /* old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 20%, #80c217 81%, #7cbc0a 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(20%,#a1d54f), color-stop(81%,#80c217), color-stop(100%,#7cbc0a)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* ie */
	
	-moz-box-shadow: inset 1px 1px 5px rgba(255,255,255, 0.5);
	-webkit-box-shadow: inset 1px 1px 5px rgba(255,255,255, 0.5);
	box-shadow: inset 1px 1px 5px rgba(255,255,255, 0.5);
	
	/*border-color: #7F7F7F;*/
	border: 1px solid rgba(0,0,0, 0.2);
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}	

.fancy-button span {
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.25em;
	padding: 0 20px;	
	display: block;
	margin-bottom: 3px;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 1px;
	/*text-shadow: 0px 0px 1px rgba(0,0,0,0.5);	*/
}

	
	
/*********************************************		CONTENT		**********************************/


div.content {
	background: url('/images/site/content_bg.png') repeat-x 0 0 white;
	padding: 30px 0;
}

div.content .features {
	margin: 40px 0;
	width: 100%;
}

div.content .features th {
	width: 33.3333%;
}

div.content .features tr.text td {
	vertical-align: top;
}



div.content img.ad-realtime {
	display: block;
	margin: 0 auto;
}

div.content p {
	line-height: 1.5em;
}

div.content a {
	color: #29A9EB;
	padding: 0px 2px;
}

a.invisible,
a.invisible:hover, 
a.invisible:visited	 {
	background: transparent !important;
	color: #000 !important;
	text-decoration: none !important;
}

div.content a:hover {
	background: #29A9EB;
	text-decoration: none;
	color: white;
}

div.content a:visited {
	color: #F4895E;
}

div.content a.light {
	color: #7C99A9;
	padding: 0px 2px;
}

div.content a.light:hover {
	background: #7C99A9;
	text-decoration: none;
	color: white;
}

div.content a.light:visited {
	color: #B4A59F;
}
div.content a.light:visited:hover {
	background: #B4A59F;
	color: white;
}

div.content a.hidden,
div.content a.hidden:hover,
div.content a.hidden:visited,
div.content a.hidden:visited:hover {
	color: inherit;
	background: transparent;
}



/*********************************************		FOOTER		**********************************/

div.footer {
	background: url('/images/site/footer_bg.png') repeat-x #434343;
}

div.footer em {
	font-family: "Times New Roman", serif;
	font-style: italic;
}

div.footer .more-by {
	font-size: 20px;
	color: white;	
	line-height: 39px;
	clear: both;
	overflow: hidden;
	margin: 15px 0 30px;
}

div.footer .more-by > * {
	float: left;
}


div.footer .more-by em {
	display: block;
}

div.footer .more-by img {
	margin-left: 10px;	
}

div.footer table.products {
	font-weight: normal;
}

div.footer table.products {
	width: 100%;
}

div.footer table.products.big {
	margin-bottom: 20px;
}

div.footer table.products.big tr {
	height: 80px;
}

div.footer table.products.big img {
	float: left;
}

div.footer table.products.big .wrapper {
	margin: 10px 0 0 110px;
}

div.footer table.products a.name {
	color: white;	
	font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
	font-style: italic;
}

div.footer table.products a.name {
	font-size: 18px;
}

div.footer table.products.big a.name {
	font-size: 23px;
}

div.footer table.products.big p {
	color: #45c0ff;
	font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
}

div.footer table.products p {
	color: #acacac;
	font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
}

div.footer .products-wrap {
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	padding: 10px 0;
}

div.footer table.products.big {
	border: none;
}

div.footer .info {
	margin: 10px;
	color: white;
}

div.footer .info a {	
	color: white;
}

div.footer .info a:hover {
	color: #F4895E;
}

	div.footer .copyright,
	div.footer .keep-in-touch {
		font-size: 12px;
		text-align: center;
		padding: 10px 0;
	}
	
	
#dashboard-screenshot {	
    margin-top: -142px;
    position: absolute;
    right: 10px;
    top: 50%;		

	-webkit-box-shadow: white 0px 0px 12px;
	-moz-box-shadow: white 0px 0px 12px;
	box-shadow: white 0px 0px 12px;	
}	


/************************	 	TOUR PAGE		*********************************/

div.tour-menu-wrap {
	position: relative;
    margin: 10px 5px;
    padding: 10px 24px 10px 0;
    height: 100%;
    background: url('/images/site/tourmenu-bg.png') repeat-y scroll right 0;
    -moz-box-shadow: inset 0px -10px 12px white, inset 0px 5px 12px white;
    -webkit-box-shadow: inset 0px -10px 12px white, inset 0px 5px 12px white;
    box-shadow: inset 0px -10px 12px white, inset 0px 5px 12px white;
}

	div.tour-menu-hl {
		position: absolute;
		left: 0;
		right: -6px;
		z-index: 0;
	}
	
		div.tour-menu-hl .l {
			background: url('/images/site/li_bg.png') no-repeat scroll 0 0;
			position: absolute;
			left: 0;
			top: 0;		
			height: 38px;
			width: 17px;
		}
		
		div.tour-menu-hl .r {
			background: url('/images/site/li_bg.png') no-repeat scroll 0 -76px;
			position: absolute;
			right: 0;
			top: 0;
			height: 38px;
			width: 17px;		
		}
		
		div.tour-menu-hl .m {
			background: url('/images/site/li_bg.png') repeat-x scroll 0 -38px;
			height: 38px;
			margin: 0 17px;
		}		

	ul.tour-menu {
		top: 1px;
		position: relative;
		z-index: 2;
	}
	
	
	ul.tour-menu li {
		text-align: right;
		line-height: 34px;
/*		margin: 10px 0;
		padding: 2px 5px;	*/
		cursor: pointer;
	}
	
	ul.tour-menu li.active {		
		color: #4883BA;
	}




.tour-pages {
	margin: 20px 15px 20px 10px;
	overflow: hidden;
	position: relative;
}

.tour-pages .container {
	width: 9999px;
	overflow: hidden;
	position: relative;
}

.tour-pages .slide {	
    float: left;
    height: 100%;
    width: 700px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
}

.tour-pages .slide h2 {
	font-weight: bold;
	padding-top: 0;
	
}

.tour-pages .slide p {
   	color: #666666;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    margin: 0 0 15px;
    text-align: left;
}

.tour-pages .slide img {
/*    -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);*/
    display: block;
    margin: 20px auto;	
}


/************************	 	PRICING PAGE		*********************************/

.pricing .heading {
	margin-left: 50px;	
}
.pricing .heading span {
	margin: 5px 0 0 3px;
	color: #727272;
}

.pricing h1 {
	color: #29a9eb;
	font-family: vegur;
	font-weight: bolder;
	font-size: 45px;
	text-shadow: inset 1px 1px 1px rgba(0,0,0,0.6);
}


/***** plan cards ******/

#plansBlock {
	padding: 20px 0;
	overflow: hidden;
}

.plan-card {
	cursor: default;
	background: #FAFAFA;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#F0F0F0));
	background: -moz-linear-gradient(19% 75% 90deg, #F0F0F0, #FAFAFA);
/*	-moz-box-shadow:-1px -1px #FFFFFF inset;
	-webkit-box-shadow:-1px -1px #FFFFFF inset;*/
	-moz-box-shadow: 0 0 5px #BEBEBE, -1px -1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 5px #BEBEBE, -1px -1px #FFFFFF inset;	
	border: 1px solid #ababab;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	float: left;
	width: 10em;	
	padding: 15px;	
	margin-right: 10px;
	font-size: 16px;
	color: #727272;
}

.plan-card:hover {
	-moz-box-shadow: 0 0 5px #669933, -1px -1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 5px #669933, -1px -1px #FFFFFF inset;
}

.plan-card.disabled {
	opacity: .5;
	cursor: default;
}

.plan-card.disabled:hover {
	-moz-box-shadow:-1px -1px #FFFFFF inset;
	-webkit-box-shadow:-1px -1px #FFFFFF inset;		
}

.plan-card.big {
	margin-top: -20px;
	font-size: 19px;
}

.plan-card.big h3 {
	font-size: 27px;
}


.plan-card > * {
	display: block;
	text-align: center;
	line-height: 1.8em;
}

.plan-card h3,
.plan-card .price {
	line-height: 1.2em;
	padding: 0;
}

.plan-card h3 {
	color: #000000;
	/*text-shadow: rgba(0, 0, 0, 0.292969) 0px -1px;*/
	text-shadow: white 1px 1px 0px;
	font-weight: bolder;
	font-family: vegur;
	font-size: 24px;	
}

.plan-card .price {
	/*font-size: 16px;*/
	font-weight: bold;
}

.plan-card span > span {
	color: #669933;
}

.plan-card .price > span {
	color: #00b4ff;
	text-shadow: rgba(0, 0, 0, 0.292969) 0px -1px;
	font-size: 18px;
}

.plan-card .hr {
	width: 100%;
	border-top: 1px solid #787878;
	border-bottom: 1px solid #FFFFFF;
	margin: 10px 0;
}