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

body { background-attachment:fixed;
background-image:url("images/woodposterbg3.jpg");
background-position:center top;
background-repeat:repeat;
text-align:center; margin: 0px;
}

.bodyWrap { margin:0 auto; text-align:left; width:870px; }

.pageWrap { clear:both; float:left; height:auto; width:870px; font-family:helvetica; background-image:url(images/shadows-vertical.png); background-repeat:repeat-y; padding:0px 26px; }

.block { float: left; clear:none; width:100%; overflow:hidden; }

h2 { color: #66CDF6; font-size:24px; }

.bluehighlight { background-color: #baedff; }

.topMenu { background-image:url("images/topmenu-bg.png");
clear:none;
float:left;
font-family:helvetica;
height:71px;
margin-left:3px;
width:920px;
}

p { color: #888; line-height:24px; font-size:14px; word-spacing:-1px; }

.topMenu a { color:#dbf2fc; text-decoration:none; }

.topMenu a:hover { color: #fff; }

.topMenu ul { float:right; margin:24px 68px 0 0; }

.blockTop { float: right; clear:both; text-align:right; font-size:12px; letter-spacing:-1px; width: 800px; color:#b4e5fa; font-weight:bold; text-transform:uppercase; margin:15px 45px 15px 0; }

.blockTop a { text-decoration: none; margin-left:8px; color:#b4e5fa; }

.blockTop a:hover { color: #67c9f4; }

div.grey a { color: #888;  }

div.grey a:hover { color: #66cdf6; }

div.white a { color: #fff; }

.contactForm { float:right; clear:both; overflow:hidden; margin-top:224px; margin-right:40px; }

.contactForm .contactField { margin-bottom: 20px; }

.contactForm .contactField .fieldLabel { color: #fff; font-size:18px; padding-bottom:5px; }

.contactForm .contactField .fieldField {  }

.contactForm .contactField .fieldField input { border: 0px; padding:8px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

.contactForm .contactField .fieldField textarea { border: 0px; padding:8px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

.blockFoot { clear:both;
color:#B4E5FA;
float:right;
font-size:12px;
font-weight:bold;
letter-spacing:-1px;
margin:0px 45px 15px 0;
text-align:right;
text-transform:uppercase;
width:800px; }

.galleryWrap { clear:none;
float:left;
height:282px;
margin-left:45px;
width:97%; margin-top:20px; }

.Three .galleryCopy { height: 170px; }

.galleryWrap .screenshotBox {
clear:none;
float:left;
height:282px;
margin-right:23px;
width:244px; }

.Three p.copyone { clear:none;
color:#666666;
float:left;
font-size:12px;
margin-left:45px;
width:90%; }

.thirdcolumn { clear:none;
float:left;
margin-right:38px;
padding-left:45px;
width:22%; }

.thirdcolumn p { color: #666; font-size:14px; padding:0px; line-height:20px; margin:0px; }

.thirdcolumn p a { color: #65c5ef; text-decoration:none; }

.thirdcolumn p a:hover { color: #3f90b4; text-decoration:none;  }

.Seven p { line-height:26px; margin:10px 35px 10px 0; float:left;}

.Seven p.contact { color:#66CDF6; font-size: 20px; letter-spacing:-1px; }

.Seven p.contact a { color:#66CDF6; }

.Seven p.contact a:hover { color:#66CDF6; text-decoration:none; }

.Seven p.light { color: #97e0fd; }

.topMenu ul li { clear:none;
float:left;
font-size:13px;
list-style:none outside none;
margin: 18px 0 0 35px; text-transform:uppercase; }

.bpLogo { 
clear:none;
height:75px;
margin-left:46px;
margin-top:20px;
width:780px; }

p.logoTagline { color:#999999;
font-size:33.5px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:0px;
margin-left:45px;
margin-top:16px; }

span.blue { color: #66cdf6; }

.featuresCenter { float:left;
height:20px;
margin-top:550px;
width:100%; }

.downloadBuyNow {
height:455px;
margin-top:8px;
width:350px; float:right; }

.One .screenshots { 
float:left;
height:300px;
margin-left:24px;
width:470px; margin-top:25px; }

.One .headerCopy {
float:left;
margin:5px 0 0;
width:270px; padding:0px 0px 0px 5px; color:#666;
}

.One .headerCopy a { color:#63D0F7; text-decoration:none; }

.One .headerCopy a:hover { color:#666; text-decoration:none; }

.One .downloadCopy { width:300px; padding-left:5px; color:#63D0F7; font-size:12px; margin:3px 0; }

.One .downloadCopy a { color:#63D0F7; text-decoration:none; }

.One .downloadCopy a:hover { color:#666; text-decoration:none; }

.One .buynowCopy { width:300px; padding-left:5px; color:#63D0F7; font-size:12px; margin:3px 0; }

.descpanelfg { margin: 10px 0 0; text-align:center; }

.leftHeader { float:left;
margin-left:45px;
text-align:left;}

.leftHeadline { color:#66CDF6;
font-size:40px;
font-weight:bold;
letter-spacing:-1px; }

.rightHeader { float:right;
margin-right:45px;
text-align:right;}

.rightHeadline { color:#66CDF6;
font-size:40px;
font-weight:bold;
letter-spacing:-1px; }

p.subheadline { color:#BBBBBB;
font-size:32px;
letter-spacing:-1px;
margin:4px 0; }

.featuresColumns { float:left;
margin-left:45px;
width:90%; }

.featuresColumns .column { clear:none;
color:#666666;
float:left;
font-size:12px;
margin-right:40px;
width:20%; padding-top:20px; }

.featuresColumns .column h2 { background-color: #63C8F2; color:#fff; padding:5px; }

.featuresColumns .columnFour h2 {  }

.featuresColumns .column ul  { padding: 0px; margin:0; }

.featuresColumns .column ul li { list-style:none; margin-bottom:5px; font-size:14px; line-height:16px; background-color:#D6EEFA; padding:10px 5px 10px 10px; }

.featuresColumns .column ul li img { float: right; margin:0 0 10px 2px; }

.featuresColumns .column ul li.andmore { background-color: #79BFE2; margin-top: -5px; }

.column ul li.yellow { background-color: #79bfe2; }

.column ul li a { color: #4e9dc4; text-decoration:none; }

.column ul li a:hover { color: #67c9f4; text-decoration:none; }

.column ul li.yellow a { color: #504c42; text-decoration:none; }

.column ul li.yellow a:hover { color: #0b0b09; text-decoration:none; }

.column ul li.andmore a { color: #504c42; text-decoration:none; }

.column ul li.andmore a:hover { color: #0b0b09; text-decoration:none; }


#emailUs
{
  display: block;
  width: 125px;
  height: 35px;
  background: url("images/sendbutton-full.gif") no-repeat 0 0;
  border:0px;

}

#emailUs:hover
{ 
  background-position: 0 -35px;
}

#emailUs span
{
  display: none;
}

.featuresColumns .columnOne { padding-top: 170px; }

.featuresColumns .columnTwo { padding-top: 156px; }

.featuresColumns .columnThree { padding-top: 145px; }

.featuresColumns .columnFour { padding-top: 136px; margin-right:0px; width:23%; }

.One { height: 478px; background-image:url(images/panel1-bg.jpg); background-repeat:no-repeat; }

.Two { height: 580px; background-image: url(images/panel2-bg.png); background-repeat:no-repeat; }

.Three { height: 640px; background-image:url(images/panel3-bg.jpg); background-repeat:no-repeat; }

.Four { height: 584px; background-image: url(images/panel4-bg.jpg); background-repeat:no-repeat; }

.Five { height: 735px; background-image: url(images/panel5-bg2.jpg); background-repeat:no-repeat; }

.Six { height: 643px; background-image: url(images/panel6-bg.jpg); background-repeat:no-repeat; }

.Seven { height: 120px; background-image: url(images/panel7-bg.jpg); background-repeat:no-repeat; padding:117px 0 0 56px;  }

.Eight {  }

.Nine {  }

.downloadBuyMap { width:348px; height:455px; margin-top:25px; }

.stepOne { background-image:url(images/1ribbon.gif); background-repeat:no-repeat; background-position:top left; }

.stepTwo { background-image:url(images/2ribbon.gif); background-repeat:no-repeat; background-position:top left; }

.stepThree { background-image:url(images/3ribbon.gif); background-repeat:no-repeat; background-position:top left; }

td.sidebar { background-image:url(images/table-left-bg.gif); background-position:top; background-repeat:no-repeat; background-color: #d5d5d3; }

.apparentLink { clear:none; float:right; margin-right:80px; overflow:hidden; height:88px; }

img.close { visibility:hidden; }




.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 305px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.tab {
    font-family:Arial,Helvetica,sans-serif;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:100%;
    padding:0px;
    background-image: url(images/topbar-bg.png); background-repeat:repeat-x;
	height:64px;
}

.panelContent { height: 100%;
    margin: 0 auto;
    position: relative;
    width: 653px; }

.panelContent p { margin: 0px; padding:8px 0 2px 0; color: #555555; }

.panelContent p a { color: #555; text-decoration:none; }

.close-notify {
    white-space: nowrap;
    float:right;
    margin-right:10px;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px; position: relative; top: -46px;
}

.close-notify a {
    text-decoration: none;
}



/* sliding panel */
#toppanel {
    position: relative;
    top: 0;
	left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 400px;
	color: #999999;
	background: #333;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 560px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

.dropdownWrap { float:left;
margin:60px 0 0 130px;
width:800px; }

.dropdownWrap .logo { clear:none;
float:left;
margin:0 20px 0 0;
width:285px; }

.dropdownWrap .headercontent { background:none repeat scroll 0 0 #4F4F4F;
clear:none;
float:left;
height:180px;
overflow:hidden;
width:360px;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.videoWrap { padding: 10px; background-color: #666; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; width:560px; }