@charset "utf-8";
html, body {
  height:100%;
  margin:0;
}
body{
	background:#111111 url("../images/main-bg.gif") 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

a, a:visited{
	font-family:Verdana, Geneva, sans-serif;
	color:#e16a00;
	text-decoration:underline;
}
a:hover,
a:active{
	text-decoration:none;
}

h1, h2, h3 {
  font-family: CaviarDreamsBold;
  font-weight:bold;
  color:#3b5998;
  line-height:1em;
}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
td {
  border: 1px solid #C3CDFF;
  padding: 5px;
}

.blue{color:#3b5998;font-weight:bold;}

.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

#w{
  background:url("../images/bg.jpg") 0 0 no-repeat;
	margin:0 auto;
  min-height:100%;
  text-align:left;
  width:900px;
}

#hd{
	height:189px;
	position:relative;
}

#logo{
  left:25px;
  position:absolute;
  top:25px;
}
#logo a{
  font-family: UbuntuTitlingBold;
  font-size:3.75em;
  color:#ffffff;
  text-shadow:4px 4px 5px #212121;
  text-decoration:none;
}
#logo div.subtitle{
  color:#ffffff;
  font-family:CaviarDreamsRegular;
  font-size:1.75em;
  text-align:right;
}

#demo{
  position: absolute;
  top: 35px;
  right: 120px;
}
#demo img {border: 0;}
  
ul#topNav{
  margin:0;
  padding:0;
  list-style:none;
  width:600px;
  height:61px;
	top:136px;
	left:0;
	position:absolute;
	overflow:hidden;
}
ul#topNav li{
  display:block;
  float:left;
  height:61px;
  line-height:53px;
}
ul#topNav li a,
ul#topNav li a:visited{
  background-color:#74808b;
  background-image:url("../images/topnav.gif");
  color:#111111;
  display:block;
	font-size:1.5em;
	font-family:CaviarDreamsBold;
	padding-bottom:8px;
	text-align:center;
	text-shadow:1px 1px 1px #ffffff;
	text-decoration:none;
}
/* top navigation: background position for each buttons*/
ul#topNav li a#tn-overview,
ul#topNav li a#tn-overview:visited{width:123px;background-position:0px 0px;}
ul#topNav li a#tn-features,
ul#topNav li a#tn-features:visited{width:128px;background-position:-123px 0px;}
ul#topNav li a#tn-requirements,
ul#topNav li a#tn-requirements:visited{width:163px;background-position:-251px 0px;}
ul#topNav li a#tn-pnp,
ul#topNav li a#tn-pnp:visited{width:186px;background-position:-414px 0px;}

/* top navigation: background position for each hovered buttons*/
ul#topNav li a#tn-overview:hover,
ul#topNav li a#tn-overview:active{background-position:0px -61px;}
ul#topNav li a#tn-features:hover,
ul#topNav li a#tn-features:active{background-position:-123px -61px;}
ul#topNav li a#tn-requirements:hover,
ul#topNav li a#tn-requirements:active{background-position:-251px -61px;}
ul#topNav li a#tn-pnp:hover,
ul#topNav li a#tn-pnp:active{background-position:-414px -61px;}

/* top navigation: background position for each current page buttons*/
ul#topNav li a.active#tn-overview,
ul#topNav li a.active#tn-overview:visited{background-position:0px -122px;}
ul#topNav li a.active#tn-features,
ul#topNav li a.active#tn-features:visited{background-position:-123px -122px;}
ul#topNav li a.active#tn-requirements,
ul#topNav li a.active#tn-requirements:visited{background-position:-251px -122px;}
ul#topNav li a.active#tn-pnp,
ul#topNav li a.active#tn-pnp:visited{background-position:-414px -122px;}

#bd{
  padding-bottom:60px;
  line-height:1.5em;
}

#c{
  width:600px;
}

#content{
  font-family:Verdana, Geneva, sans-serif;
  background-color:white;
  padding:20px 25px 35px 25px;
	min-height:750px;
}

#content ul{
  margin:1.5em 0 0 0;
	padding:0;
	list-style:none;
}
#content ul li{
  padding-left:29px;
  background:url("../images/li.gif") 11px 0.45em no-repeat;
  margin-bottom: 5px;
}
#content p{
  margin:1.5em 0;
}
#content p.orange{
  color:#e16a00;
}
#content-bottom{
  height:5px;
  font-size:1px;
  line-height:1px;
  overflow:hidden;
  background: white url("../images/c-bl.gif") top left no-repeat;
  width:100%;
}
#content-bottom div{
  height:5px;
  width:100%;
  background:url("../images/c-br.gif") bottom right no-repeat;
}

#subcontent{
  background:#2d2d2d;
	border-left:1px solid #424242;
	border-right:1px solid #424242;
	color:#DADADA;
  padding:17px 25px 17px 25px;
}
#subcontent p{
  margin:0;
}
#subcontent .block {
  float: left;
  width: 49%;
}
#subcontent .block ul{ 
  padding-left: 15px;
  margin-top: 5px;
}


#subcontent-bottom{
  height:5px;
  font-size:1px;
  line-height:1px;
  overflow:hidden;
  background:url("../images/sc-b.gif") top left repeat-x;
  width:100%;
}
#subcontent-bottom div.bl{
  height:6px;
  width:100%;
  background:url("../images/sc-bl.gif") top left no-repeat;
}
#subcontent-bottom div.br{
  height:6px;
  width:100%;
  background:url("../images/sc-br.gif") top right no-repeat;
}

#ft{
	color:#919191;
	height:60px;
	line-height:60px;
	margin:-60px auto 0 auto;
	text-align:left;
	width:900px;
}
#ft div{
	margin-left:57px;
}

#r{
  float:right;
}

#r ul.blocks{
	list-style:none;
	margin:0;
	padding:0;
}
#r ul.blocks li{
  margin-bottom:25px;
}

#r a.blueblock,
#r a.blueblock:visited{
  font-family: UbuntuTitlingBold;
	width:300px;
	height:109px;
	font-size:2.083em;
	color:#ffffff;
	text-shadow:-1px 0 1px #5f6571;
	text-decoration:none;
	display:block;
	line-height:109px;
	background:url("../images/blueblock.png") 0 0 no-repeat;
}
#r a.blueblock:hover,
#r a.blueblock:active{
	background:url("../images/blueblock.png") 0 -109px no-repeat;
}
#r a.blueblock span{
  padding-left:85px;
}

#r a.orangeblock,
#r a.orangeblock:visited{
	width:300px;
	height:149px;
	color:#000000;
	text-shadow:1px 1px 1px #faab09;
	text-decoration:none;
	display:block;
	line-height:75px;
	background:url("../images/orangeblock.png") 0 0 no-repeat;
}
#r a.orangeblock:hover,
#r a.orangeblock:active{
	background:url("../images/orangeblock.png") 0 -149px no-repeat;
}
#r a.orangeblock span.starting{
  font-family: CaviarDreamsRegular;
  padding-left:50px;
  padding-right: 10px;
	font-size:1.5em;
}
#r a.orangeblock span.cost{
  font-family: UbuntuTitlingBold;
	font-size:2em;
}
#r a.orangeblock span.pnp{
  font-family: CaviarDreamsBold;
	font-size:1.9em;
/*	position:absolute;
	margin-top:-50px;*/
	padding-left:20px;
}

#r div.greyblock{
	background:url("../images/greyblock.png") 0 0 no-repeat;
  width:300px;
	height:311px;
}

#r div.greyblock div.block-content{
	padding:15px 47px 21px 26px;
}

#r div.greyblock div.block-content .border{
  border:3px solid #b7bec6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.fb-like-box {
  background-color: white;
}

#gallery a {
  display: block;
  float:left;
  margin: 0 20px 20px 0;
}
  #gallery img {
    border: 3px solid #B7BEC6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

p.main_price {
  text-align:center;
  font-size: 24px;
  font-family: CaviarDreamsBold;
  font-weight:bold;
  line-height: 2em;
  border: 2px solid #C3CDFF;
}
.main_price small {
  font-size: 12px;
  line-height: 14px;
  display: block;
  margin-bottom: 10px;
}

p.demo_announce {
  text-align:center;
  font-size: 16px;
  font-weight:bold;
  line-height: 2em;
  border: 2px solid #C3CDFF;
}