@charset "UTF-8";
/* CSS Document */

body, * { padding:0; margin:0; }

body {
	background: #F1EEEB;
	font-size: 13px;
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4d4d4d;
}

.wrap { position: relative; width: 1180px; margin: 0 auto; overflow: hidden; }
.clear { clear: both; height: 0px; font-size: 0px; zoom:1; display: block; }

@font-face {
	font-family: 'Clarendon';
	src: url('fonts/clarendon_bt_roman.eot');
	src: url('fonts/clarendon_bt_roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir';
	src: url('fonts/avenir_medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face 
{
    font-family: 'Gothic';
    src: url("fonts/GOTHIC.eot"); /* EOT file for IE */
    src: url('fonts/GOTHIC.ttf') format('truetype');
}

#header {
	width: 1080px;
	height:105px;
	margin: 0 auto;
	margin-top: -15px;
	text-shadow: 0px 1px #fff;
	position:relative;
    z-index:100;
}

#logo {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	background: url(images/logo.png) no-repeat top left;
	width: 218px;
	height: 99px;
	margin: 17px 0 0 0px; /*28x*/
	float: left;
}

#navigation {
	float: left;
	margin: 52px 0 0 51px;
	height: 36px;
	padding: 2px 4px;
	font-family: Avenir, Helvetica Neue, Helvetica;
}
#navigation li {
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 15px 0 0;
	border: 1px solid #F1EEEB;
}
#navigation li.right { float: right; padding-left: 0px; padding-right: 0px; margin-left: 25px; }
#navigation li.right a { color: #663403;  }
#navigation li:hover {
	background: url(images/nav.gif) repeat-x center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
}
#navigation li.active {
	background: url(images/nav.gif) repeat-x center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
}
#navigation.sf-menu li.active a { color: #663403; }
#navigation li a {
	color: #5a5a5a;
	text-decoration: none;
	display: block;
	padding: 9px 17px 7px;
}
#login-button {
	margin: 0;
	color: #663403;
	text-decoration: none;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(images/lock.gif) no-repeat left center;
	padding: 8px 0 8px 18px
}

#navigation li #login-button 
{
    padding-left: 35px;
}

#page-title {
	width: 100%;
	min-width: 1080px;
	height: 102px;
	/*background: url(images/slider_bg.gif) repeat-x top;*/
	background: url(images/bg-inner-centre.jpg) no-repeat center bottom;
	margin: 12px 0 0 0; /* 45px */
	overflow: visible;
	position: relative;
}
#page-shine {
	width: 100%;
	min-width: 1080px;
	height: 102px;
	background: url(images/bg-inner-centre.jpg) no-repeat center top;
	background-size: 100% 100%;
	overflow: visible;
	position: relative;
}
#page-shine #title {
	font-size: 25px;
	font-family: Clarendon, Gothic;
	font-weight:normal;
	color: #f9bf1f;
	line-height: 102px;
	display: block;
	width: 1080px;
	margin: 0 auto;
}
#page-shine #title.sscp { background: url(images/header_sscp.png) no-repeat left center; padding:  0 0 0 45px; width: 1035px;}
#page-shine #title.sc { background: url(images/header_sc.png) no-repeat left center; padding:  0 0 0 50px; width: 1030px;}
#page-shine #title.vector { padding:  0 0 0 50px; width: 1030px;}
#slider-wrap {
	width: 100%;
	min-width: 1080px;
	height: 382x; /* 490px */
	background: url(images/bg-main-left.jpg) repeat-x;
	/*background: url(images/texture.png) repeat;*/
	background-color: #FF9934;
	margin: 12px 0 0 0; /* 32px */
	overflow: visible;
	position: relative;
}
#slider-shine {
	width: 100%;
	min-width: 1080px;
	height: 380px; /* 490px; */
	/* background: url(images/slider_shine.png) no-repeat center bottom; */
	background: url(images/bg-main-centre.jpg) no-repeat center;
	overflow: hidden;
}
#slider_before {width:auto; min-width:10px; height: 380px; background-color:Aqua;float:left;}
#slider_after {width:auto; min-width:10px; height: 380px; background-color:Lime;float:left;}
#slider { width: 1080px; height: 437px; margin: 0 auto; } /* 437px */
.nomath {
	display: block;
	width: 125px;
	height: 125px;
	overflow: hidden;
	border: none;
	text-indent: -9999px;
	background: url(images/nomath.png) no-repeat top left;
	position: absolute;
	left: 50%;
	bottom: -83px;
	margin: 0 0 0 -63px;
	z-index: 2;
}
.ruler {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-width: 1080px;
	height: 13px;
	background: url(images/ruler.png) repeat-x;
	text-indent: -9999px;
	z-index: 1;
}
#slider ul {
	width: 1080px;
}
#slider ul li {
	width: 1080px;
	height: 390px; /* 490px */
	padding: 53px 0 0 0;
	position: relative;
	list-style: none;
	float: left;
}
#slider ul li .text {
	width: 430px;
	padding: 8px 0 0 55px;
	font-size: 20px;
	line-height: 30px;
	color: #D3D7DA;
	display: block;
	font-family: Gothic, Clarendon;
	font-weight:normal;
}
#slider ul li .text p {
	display: block;
	margin: 0 0 25px 0;
	width: 490px;
}
#slider ul li .lighter {
	width: 140px;
	height: 100px;
	background: url(images/button_lighter.png) no-repeat top;
	display: block;
	float: left;
	font-size: 18px;
	color: #010e11;
	text-decoration: none;
	line-height: 45px;
	text-align: center;
	margin: 0 0 0 7px;
	font-weight:normal;
}
#slider ul li .darker {
	width: 241px;
	height: 99px;
	background: url(images/button_darker-1.png) no-repeat top;
	display: block;
	float: left;
	font-size: 18px;
	color: #663403;
	text-decoration: none;
	line-height: 45px;
	text-align: center;
	letter-spacing: -0.5px;
	font-weight:normal;
}
#slider ul li .lighter:hover, #slider ul li .darker:hover { background: url(images/button_darker-2.png) no-repeat top; }
#slider ul li .text h1.title {
	font-size: 32px;
	color: #F9BF1F;
	font-weight: bold;
	line-height: 40px;
	font-family: Gothic, Arial
}
#slider ul li .image {
	position:absolute;
	right: 0px;
	top: 10px;
	z-index: 4;
	left: 640px;
}
#slider ul li#aa .text p { margin:  0 0 67px 0;}
#slider ul li#aa .text { font-size: 30px; line-height: 35px;}
#slider ul li#aa .title { margin: 53px 0 0 0; }
    #prevBtn, #nextBtn{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
           }
	#prevBtn, #nextBtn{ 
		display:block;
		width:43px;
		height:270px;
		position:absolute;
		left:50%;
		margin: 0 0 0 -583px;
		top: 0px; /* 63px; */
		z-index: 5;
		padding: 0px 60px 111px 0;
		}
	#prevBtn { background: url(images/button_prev.png) no-repeat top left; }	
	#nextBtn{ 
		left:50%;
		margin: 0 0 0 480px;
		background: url(images/button_next.png) no-repeat top left;
		padding: 0px 0px 111px 60px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:43px;
		height:77px;
		overflow: hidden;
		margin-top: 155px;
		padding-top: 0px;  
		text-decoration:none;     
		}	
	#nextBtn a{ 
		}
		
#about {
	float: left;
	width: 405px;
	padding: 40px 60px 40px 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(images/content.gif) repeat-x top;
}
#about .title {
	font-size: 30px;
	font-family: Gothic;
	margin: 0 0 30px 0;
	font-weight: normal;
}
#about p { margin:0 0 36px 0; }
#about cite { display:block; margin:0 0 36px 0; color:#4b4a4a; padding:0 0 0 25px; }
#about cite span { display:block; color:#1490af; }
#contact {
	float: left;
	width: 405px;
	padding: 40px 60px 40px 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(images/content.gif) repeat-x top;
}
p.error {display:none; padding:3px 0px 3px 0px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FF3300; }
p#success {display:none; font-size:16px; text-align:left; margin-bottom:20px; color:#138ead; font-style:italic;}
#contact .title {
	font-size: 30px;
	font-family: Gothic;
	margin: 0 0 40px 0;
	font-weight: normal;
}
#contact input[type=text] {
	display: block;
	border: none;
	width: 385px;
	height: 13px;
	line-height: 13px;
	background: url(images/contact_field.png) no-repeat top left;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px;
	margin: 0 0 30px 0;
}
#contact textarea {
	display: block;
	border: none;
	width: 385px;
	height: 186px;
	line-height: 13px;
	background: url(images/contact_textarea.png) no-repeat top left;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px;
	margin: 0 0 15px 0;
}
#contact label {
	font-size: 16px;
	color: #000;
} 

/*
#contact input[type=submit] {
	width: 197px;
	height: 88px;
	display: block;
	background: url(images/contact_send.png) no-repeat top;
	border: none;
	cursor:pointer;
}
*/

#contact input[type=submit] 
{
    background: url(images/nav.gif) repeat-x center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
    color: #5a5a5a;
	text-decoration: none;
	display: block;
	padding: 9px 17px 7px;
}

#contact input[type=submit]:hover { color: #663403; cursor: pointer; }


#LogOnUserControl input[type=submit] 
{
    background: url(images/nav.gif) repeat-x center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
    color: #5a5a5a;
	text-decoration: none;
	display: block;
	padding: 9px 17px 7px;
}

#LogOnUserControl input[type=submit]:hover { color: #663403; cursor: pointer; }


#information {
	float: left;
	width: 445px;
	padding: 0 0 0 75px;
}
#information .download {
	display: block;
	width: 158px;
	height: 33px;
	border: none;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/contact_download.gif) no-repeat top left;
	margin: 15px 0 0 -4px;
}
#information .title.order {
	font-size: 18px;
	font-family: Gothic;
	font-weight:normal;
	color: #272926;
	line-height: 17px;
	padding: 0 0 0 32px;
	background: url(images/contact_form.png) no-repeat top left;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#information .title.order small {
	display: block;
	line-height: 16px;
	color: #7e7e7e;
}
#information a, #information span {
	text-decoration: none;
	color: #663403;
}
#info-blocks {
	overflow: hidden;
	padding: 35px 0 15px 0;
}
#information .block {
	width: 222px;
	float: left;
}
#information .title {
	font-size: 18px;
	font-family: Gothic;
	color: #272926;
	line-height: 17px;
	padding: 0;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#information li { list-style: none; }
#information .map {
	padding: 0 0 13px 0;
	background: url(images/contact_shadow.png) no-repeat bottom center;
	margin: 0 0 22px 0;
	display: block;
}
#information .map img {
	border: none;
	border: 10px solid #fff;
	margin: 0;
}

#blocks {
	overflow: hidden;
	padding: 35px 0 25px 0;
}
#blocks .block {
	padding: 0 20px 0 15px;
	width: 255px;
	float: left;
}
#blocks .block p {
	margin: 0 0 0px 0;
}
#blocks .block .button {
	display: block;
	width: 114px;
	height: 33px;
	border: none;
	background: url(images/button_small.png) no-repeat top left;
	font-size: 10px; color: #505050;
	line-height: 33px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 -4px;
}

#blocks .block .button:hover { background-position: bottom; color: #313131;}

.linkButton2 {
	display: block;
	width: 114px;
	height: 48px;
	border: none;
	background: url(images/button_small.png) no-repeat top left;
	font-size: 14px;
	line-height: 33px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 -4px;
	top: 35px;
	position: absolute;
	display: block;
}

.linkButton2:hover { background-position: bottom; color: #313131;}

.linkButton {
	background: url(images/nav.gif) repeat-x center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
	width: 80px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 40px;
	margin-left: 10px;
	top: 40px;
	position: absolute;
	display: block;
	font-family: Gothic, Arial;
	color:  #505050;
	font-size: 16px;
	z-index: 10;
}

#tip4 a { color:  #505050; }

.linkButton:hover { 
    background: url(images/nav_hover.gif) repeat-x center center;
    }

#pricebutton
{
    padding-top: 5px;
    padding-bottom: 5px;    
}
    
#pricebutton .linkButton 
{
    position: static;
}

#blocks .block h3.title {
	font-size: 18px;
	color: #272926;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0 0 40px 90px;
	font-family: Gothic, Georgia, Times;
	font-weight: normal;
}
#blocks .block#vector h3.title {
	background: url(images/icon_01.png) no-repeat top left;
}
#blocks .block#wb h3.title {
	background: url(images/icon_02.png) no-repeat top left;
	letter-spacing: -0.5px;
}
#blocks .block#wb h3.title small { letter-spacing: 0px; }
#blocks .block#solutions h3.title {
	background: url(images/icon_03.png) no-repeat top left;
}
#blocks .block#hear h3.title {
	background: url(images/icon_04.png) no-repeat top left;
	margin-bottom: 0px;
	padding-bottom: 30px;
}
#blocks .block h3.title small {
	display: block;
	font-size: 13px;
	color: #7e7e7e;
	line-height: 18px;
}

#wide {
	width: 990px;
	margin: 30px auto;
	background: url(images/content.gif) repeat-x top;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 60px 45px 0px 45px;
}
#wide h1.title {
	font-size: 30px;
	font-weight: normal;
	font-family: Gothic;
	margin: 0 0 25px 0;
}
#wide.video h1.title { margin: 0 0 45px 0; }
#wide.video h4 { margin: 0 0 30px 0; font-size: 16px; color: #000; font-weight: normal; }
h2.acc_trigger {
	font-family: Gothic;
	font-size: 18px;
	font-weight: normal;
	border-top: 1px solid #c2c0bd;
	background: url(images/faq_expand.gif) no-repeat right center;
}
h2.acc_trigger.active { background: url(images/faq_collapse.gif) no-repeat right center;  }
h2.acc_trigger.first { border: none; }
h2.acc_trigger a { color: #000; text-decoration: none; line-height: 65px; display: inline; } /* block; */
#faq .block {
	padding: 0 0 20px 0;
}
#videolist {
	border: 1px solid #d9d9d9;
	border-bottom: none;
	background: #fff;
}
#videolist li {
	border-bottom: 1px solid #d9d9d9;
	padding: 15px;
	list-style: none;
	overflow: hidden;
	font-size: 13px;
	color: #4d4d4d;
}
#videolist li .text {
	float: left;
	width: 800px;
}
#videolist li:hover .name {font-weight: normal; text-transform: uppercase; color: #000; font-size: 13px; margin: 0 0 5px; text-decoration: none;
} 

#videolist li:hover .name a {font-weight: normal; text-transform: uppercase; color: #000; font-size: 13px; margin: 0 0 5px; text-decoration: none;
}

#videolist li:hover .name a:hover {color: #138dab; text-decoration: none;
}

#videolist li .view {
	float: right;
	width: 70px;
	height: auto;
	padding: 35px 0 0 0;
	background: url(images/play.gif) no-repeat top center;
	color: #000;
	text-align: center;
	text-decoration: none;
}
#videolist li .view:hover {
	background: url(images/play_hover.gif) no-repeat top center;
	color: #138dab;
}
#videolist li h3.name { font-weight: normal; text-transform: uppercase; color: #000; font-size: 13px; margin: 0 0 5px; text-decoration: none; }
#videolist li h3.name a {font-weight: normal; text-transform: uppercase; color: #000; font-size: 13px; margin: 0 0 5px; text-decoration: none;
}
#videolist li h3.name a:hover {color: #138dab; text-decoration: none;
}

#chart { overflow: hidden; }
#parts {
	float: left;
	width: 283px;
	overflow: hidden;
	padding: 44px 0 20px 0;
}
#parts li {
	display: block;
	color: #010101;
	height: 48px;
	background: url(images/pricing_parts.gif) repeat-x;
	line-height: 48px;
	font-family: Gothic;
	font-weight:normal;
	font-size: 14px;
	border-bottom: 1px solid #d3d1ce;
	border-left: 1px solid #d3d1ce;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	text-indent: 20px;
}
.fineprint { padding: 0 0 20px 20px; display: block; clear: both; }
.fineprint li {
	list-style-image: url(images/fineprint.gif);
	text-shadow: 0px 1px #fff;
}
.prices {
	float: left;
	width: 155px;
	background: url(images/pricing_light.gif) repeat-x bottom #e3f2f2;
}
.prices.darker {
	background: url(images/pricing_dark.gif) repeat-x bottom #e1f1f1;
}
.prices#larger { width: 242px; }
.prices .title {
	display: block;
	height: 43px;
	background: url(images/pricing_title.gif) repeat-x;
	line-height: 43px;
	text-align: center;
	border-top: 1px solid #026785;
	border-left: 1px solid #026785;
	font-size: 18px;
	font-family: Gothic;
	color: #010e11;
	font-weight: normal;
	text-shadow: -1px 1px #209bba;
}
.prices li {
	height: 50px;
	list-style: none;
	display: block;
	text-align: center;
	line-height: 50px;
	border-left: 1px solid #c2d9da;
	font-size: 19px;
	font-weight: bold;
	color: #004e6b;
	text-shadow: -1px 1px #fff;
}

#graphs {
	width: 475px;
	display: block;
	padding: 25px 0 45px 0;
	overflow: hidden;
}
#wide #graphs .title {
	display: block;
	height: 43px;
	background: url(images/pricing_title.gif) repeat-x;
	line-height: 43px;
	padding: 0 20px;
	border-top: 1px solid #026785;
	border-left: 1px solid #026785;
	font-size: 18px;
	font-family: Gothic;
	color: #010e11;
	font-weight: normal;
	text-shadow: -1px 1px #209bba;
	margin: 0;
}
#graphs .types {
	width: 310px;
	float: left;
}
#graphs .types li {
	display: block;
	color: #010101;
	height: auto;
	padding: 15px 20px;
	background: url(images/graphs_li.gif) repeat-x center;
	line-height: 18px;
	font-family: Gothic;
	font-weight:normal;
	font-size: 14px;
	border-bottom: 1px solid #d3d1ce;
	border-left: 1px solid #d3d1ce;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
#graphs .prices {
	width: 165px;
}
#graphs .prices .taller {
	padding: 9px 0;
}

#reams { display: block; clear: both; width: 535px; overflow: hidden; padding: 20px 0; }
#reams .prices { width: 130px; }
#wide #reams .title {
	display: block;
	height: 43px;
	background: url(images/pricing_title.gif) repeat-x;
	line-height: 43px;
	padding: 0 20px;
	border-top: 1px solid #026785;
	border-left: 1px solid #026785;
	font-size: 18px;
	font-family: Gothic;
	color: #010e11;
	font-weight: normal;
	text-shadow: -1px 1px #209bba;
	margin: 0;
}
#reams .types {
	width: 145px;
	float: left;
}
#reams span { color: #24363d; }
#reams .darker li {
	padding: 0 10px;
	width: 110px;
	text-align: left;
}
#reams .types li {
	display: block;
	color: #010101;
	height: auto;
	padding: 15px 0px 15px 20px;
	background: url(images/graphs_li.gif) repeat-x center;
	line-height: 18px;
	font-family: Gothic;
	font-weight:normal;
	font-size: 14px;
	border-bottom: 1px solid #d3d1ce;
	border-left: 1px solid #d3d1ce;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

#content { overflow: hidden; width: 1080px; margin: 40px auto 80px; }
#page-content {
	float: right;
	width: 470px;
	background: url(images/content.gif) repeat-x top;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px 35px 0px;
	margin: 40px 0 0 0;
}
#content .tagline {
	font-size: 21px;
	line-height: 24px;
	color: #7e7e7e;
	font-family: Gothic;
	font-weight: normal;
	display: block;
}

#content .title {
	font-size: 18px;
	font-family: Gothic;
	color: #272926;
	line-height: 17px;
	padding: 0;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#page-content .title.secondary { margin-top: 50px; }
#sidebar {
	float: left;
	width: 430px;
	padding: 40px 0 0 0;
	position: relative;
}
.tabNav {
	width: 420px;
	margin: 0 0 20px 10px;
}
.tabNav li {
	display: block;
	height: 50px;
	background: url(images/side_sub.gif) repeat-y left;
	line-height: 50px;
	font-size: 16px;
	text-indent: 20px;
}
.tabNav li.active { background: url(images/side_sub_active.gif) no-repeat left center; }
.tabNav li.active a { color: #fff; }
.tabNav li a { color: #5e5e5e; text-decoration: none; }
#page-content .title {
	font-size: 30px;
	line-height: 35px;
	font-family: Gothic;
	margin: 0 0 25px;
	font-weight: normal;
}
#page-content p { margin: 0 0 25px 0; }
.check { padding: 0 0 17px 0; }
.check li {
	background: url(images/check.png) no-repeat left top;
	padding: 9px 0 9px 25px;
	list-style: none;
}
#page-content a { color: #1589ad; text-decoration: none; }
#page-content a:hover { text-decoration: underline; }

#content .demo, .demo {
	width: 139px;
	height: 48px;
	display: block;
	background: url(images/button_demo.png) no-repeat top;
	line-height: 46px;
	font-size: 18px;
	color: #010e11;
	text-decoration: none;
	text-align: center;
	text-shadow: -1px 1px #209cbc;
	font-family: Gothic;
	font-weight:normal;
	position: absolute;
	top:35px;
	z-index: 10;
}
#content .demo:hover, .demo:hover {
	background-position: bottom;
	text-decoration: none;
}
#content .viewpricing, .viewpricing {
	width: 229px;
	height: 93px;
	display: block;
	background: url(images/button_pricing.png) no-repeat top;
	line-height: 46px;
	font-size: 18px;
	color: #010e11;
	text-decoration: none;
	text-align: center;
	text-shadow: -1px 1px #209cbc;
	font-family: Gothic;
	font-weight:normal;
	margin: 40px 0 0 0;
	float: left;
}
#content .viewpricing:hover, .viewpricing:hover {
	background-position: bottom;
	text-decoration: none;
}
#content .tutorial, .tutorial {
	width: 238px;
	height: 93px;
	display: block;
	background: url(images/button_tutorial.png) no-repeat top;
	line-height: 46px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: -1px 1px #000;
	font-family: Gothic;
	font-weight:normal;
	margin: 40px 10px 0 -8px;
	float: left;
}
#content .tutorial:hover, .tutorial:hover {
	background-position: bottom;
	text-decoration: none;
}
small.fine { font-size: 12px; color: #878787; display: block; line-height: 12px; }

#frmAirplaneSelection { overflow:hidden; padding:30px 0 500px 0; }
#frmAirplaneSelection .cont {
	float:left;
	width:325px;
}
#frmAirplaneSelection .cont.big { width:360px; }
#frmAirplaneSelection label { display:block; font-size:16px; color:#000; line-height:30px; }
#frmAirplaneSelection select {
	width:250px;
	height:33px;
	padding:8px;
	line-height:17px;
	border:none;
	background:url(images/instructions_field.png) no-repeat left top;
}
#frmAirplaneSelection option {
	padding:5px;
}
#frmAirplaneSelection option:hover { background:#f2f0ed }
#frmAirplaneSelection input[type=submit] {
	display:block;
	border:none;
	width:258px;
	height:87px;
	background:url(images/button_download.png) no-repeat top;
	float:right;
}
#frmAirplaneSelection input[type=submit]:hover { background-position:bottom; }

#footer {
	background: #0a0b0a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #939393;
	line-height: 24px;
	padding: 20px 0;
	position: relative;
}
#footer .copyright a:hover, #footer .links a:hover { color: #fff; }
#footer .wrap { overflow:visible; }
#footer .copyright { float:  left; }
#footer .copyright a { color: #939393; text-decoration: none; }
#footer .links { float: right; padding: 3px 0 0 0; }
#footer .links li { display: block; float: left; list-style: none; border-right: 1px solid #7c7b7b; padding: 0 10px; line-height: 11px; }
#footer .links li.light { border: none; }
#footer .links li a { color: #7c7b7b; text-decoration: none; }
#footer .social { display: block; float: right; padding: 10px 10px 0;  }
#footer .social span { float: left; padding: 0 5px 0 0; }
#footer .social a { display: block; float:  left; height: 16px; width: 16px; border: none; text-indent: -9999px; overflow: hidden; margin: 3px 2px; }
#footer .social a#tw { background: url(images/icon_tw.png) no-repeat top left; }
#footer .social a#yt { background: url(images/icon_yt.png) no-repeat top left; }
#footer .social a#fb { background: url(images/icon_fb.png) no-repeat top left; }
#btt { display: block; overflow: hidden; text-indent: -9999px; border: none; position: absolute; top:-40px; left: 50%; margin: 0 0 0 -20px; background: url(images/btt.png) no-repeat top left; width: 40px; height: 40px; }
#btt:hover { background-position: bottom; }


	.coda-slider-wrapper { clear: both; overflow: hidden; position: relative; }
	.coda-slider { float: left; overflow: hidden; position: relative; width: 370px; height: 517px; }
	.coda-slider .panel { display: block; float: left;  }
	.coda-slider img { box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; }
	.coda-slider.no-shadow img { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
	.coda-slider .panel-wrapper { position: relative; padding: 0 10px; }
	.coda-nav { display:none; }
	.coda-nav-left, .coda-nav-right { position:absolute; top:0px; width: 37px; height: 38px; right: 20px; }
	.coda-nav-left { right: 65px; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-indent: -9999px; border: none; overflow: hidden; width: 37px; height: 39px; }
	.coda-nav-left a { background: url(images/img_prev.png) no-repeat top; }
	.coda-nav-right a { background: url(images/img_next.png) no-repeat top; }
	.coda-nav-right a:hover, .coda-nav-left a:hover { background-position:bottom; }
	#images-side {
		width: 380px;
		padding: 20px 5px 5px;
		margin: 40px 0 0 25px;
	}
	#images-side.wider { width:380px; margin:40px 0 0 0; }
	

#wide.sitemap { padding-top:40px; }
.page-listing li {
	font-size:18px;
	line-height:65px;
	border-bottom:1px solid #cdcbc9;
	padding:0 30px;
	list-style:none;
	font-family:"Gothic", Georgia, Times;
	font-weight:normal;
}
.page-listing li a { color:#000; text-decoration:none; }
.page-listing li a:hover, .page-listing li.child a:hover { color:#009cb8; }
.page-listing li.child { padding:0 60px; }
.page-listing li.child a { color:#595959; }

#note {  
    display:block;
    width: 1080px; 
	height: auto;
	margin: 100px auto 0 auto;
	padding: 20px 0 12px 0;
	background: url(images/note_shadow.png) no-repeat bottom center;
	position: relative;

}

#note p { 
margin: 0 0px 0 0px;
padding: 20px 20px 20px 20px;
background: url(images/note_background.jpg) repeat-y;
text-align:center;

}








#blocks2 {
	overflow: hidden;
	padding: 40px 0 65px 0;
}
#blocks2 .block {
	padding: 0 20px 0 15px;
	width: 235px;
	float: left;
}
#blocks2 .block p {
	margin: 0 0 10px 0;
}
#blocks2 .block .button {
	display: block;
	width: 114px;
	height: 33px;
	border: none;
	background: url(images/button_small.png) no-repeat top left;
	font-size: 10px; color: #505050;
	line-height: 33px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 -4px;
}
#blocks2 .block .button:hover { background-position: bottom; color: #313131;}
#blocks2 .block h3.title {
	font-size: 18px;
	color: #272926;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
	font-family: Gothic, Georgia, Times;
	font-weight: normal;
}
#blocks2 .block#vector h3.title {
	background: url(images/icon_01.gif) no-repeat top left;
}
#blocks2 .block#wb h3.title {
	background: url(images/icon_02.gif) no-repeat top left;
	letter-spacing: -0.5px;
}
#blocks2 .block#wb h3.title small { letter-spacing: 0px; }
#blocks2 .block#solutions h3.title {
	background: url(images/icon_03.gif) no-repeat top left;
}
#blocks2 .block#hear h3.title {
	background: url(images/icon_04.gif) no-repeat top left;
}
#blocks2 .block h3.title small {
	display: block;
	font-size: 13px;
	color: #7e7e7e;
	line-height: 18px;
}

.simplesolutions {
	font-variant: normal;
	color: #000;
	font-size: 14px;
}

.info-box {display:block; width: 1028px; border:1px solid #AFDBEE; background: url(images/mini-icons/info.html) no-repeat scroll 8px 55% #E4F5FD; padding:20px 0px 12px 35px; margin:100px auto 0 auto; color:#2A80A7; font-size:13px; position:relative;}

.info-box a {color:#2A80A7; border-bottom:#2A80A7 1px solid;}
.info-box a:hover {color:#2A80A7; border-bottom:none !important;}
.close {cursor:pointer; position:absolute; top:0px; right:5px; font-weight:bold;}
.info-box, .warning-box, .success-box, .error-box {margin-bottom:20px; margin-top:100px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}