*{margin:0;padding:0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	background:#606060;
	margin-bottom:32px;
	
}

p {
   font-size:11px;
   line-height:15px;
   margin:6px 0 12px;
}

h1, h2, h3, h4, h5 {
   color:#0C69A2;
}

h2 { 
   font-size:18px;
   margin:6px 0 12px;
}

h3 {
   font-size:14px;
   margin:2px 0 4px;
}

h4 {
   font-size:12px;
   margin:2px 0 2px;
   text-transform:uppercase;
}

h5 {
   font-size:11px;
   margin:2px 0 2px;

}

a {
   color:#0C69A2;
 
}

a:hover {
   color:#8d8d8d;
   text-decoration:none;
}

ul {
  width:94%;
  margin:0 auto 10px;
  list-style-type:none;
}

ul li {
list-style-type:none;
   background: url(images/bullet.gif) 0 5px no-repeat;
   padding-left:14px;
   line-height:18px;
}

ol li {
   background:none;
   padding:0;
   line-height:20px;
   list-style-position: inside;
   }

table {margin-bottom: 10px}

#background{
   background: url(images/build/bg_grey.gif);
}

#background-top{
   background: url(images/build/bg-top.gif) repeat-x;
}

/* -- begin css for header and main menu --- */

#header {
   width:740px;
   height:188px;
   margin:0 auto 17px;
   background: url(images/build/header_bg.gif) top left no-repeat; 
   overflow:hidden;
}

a.home{
  width:190px;
  height:109px;
  margin-left:33px;
  display:block;
  overflow: hidden;
  text-indent:-9999px;
  clear:both;
}


#menu {
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
  text-transform: uppercase; 
  height:79px;
  background:url(images/build/bg-menu.gif) no-repeat;
}

#menu ul {
  list-style-type:none;
    display:block;
	margin-left:44px;
	margin-bottom:0px;
}

#menu ul li {
  list-style-type:none;
  float:left;
  padding:13px 0 0;
  background: url(images/menu-divider.gif) right 14px no-repeat;
}

#menu li.last {
   background:none;
}

#menu li a{
   color:#F4F4F4;
   lineheight:20px;
   padding:0 17px;
   text-decoration:none;
}

#menu li a:hover {
   color:#FBB040;
}

/* -- begin css for content layout --- */

#content-wrap {
   width:726px;
   margin:0 auto;
   background: #F4F4F4 url(images/build/box-bottom.gif) bottom left no-repeat; 
   padding-bottom:40px;

}

#boxtop{
   padding:20px 0 0;
   background: url(images/build/box-top.gif) top left no-repeat; 

}

.content {
  width:686px;
  margin:0 auto;
  overflow:hidden;
}

.sidecol {
   width:200px;
   float:left;

}

.maincol {
   width:458px;
   float:right;
   overflow:hidden;
}

/* -- side-buttons --- */
a.start{
  width:198px;
  height:85px;
  margin-bottom:10px;
  display:block;
  overflow: hidden;
  text-indent:-9999px;
  background: url(images/get-started-btn.gif) no-repeat;
  clear:both;
}

a.contact{
  width:198px;
  height:85px;
  margin-bottom:10px;
  display:block;
  overflow: hidden;
  text-indent:-9999px;
  background: url(images/contact-btn.gif) no-repeat;
  clear:both;
}

a.commissions{
  width:198px;
  height:85px;
  margin-bottom:10px;
  display:block;
  overflow: hidden;
  text-indent:-9999px;
  background: url(images/commissions-btn.gif) no-repeat;
  clear:both;
}

a.cards {
   width:198px;
  height:198px;
  margin-bottom:4px;
  display:block;
  overflow: hidden;
  text-indent:-9999px;
  background: url(images/cards.gif) no-repeat;
  clear:both;
}

a.cards:hover {
  background: url(images/cards.gif) 0 -198px no-repeat;
}

a.arrow-r {
  background: url(images/arrow_r.gif) right top no-repeat;
  padding-right:10px;
}

/* --- main content ---*/

.maincol {
   width:458px;
   float:right;
   overflow:hidden;
}


table.chart {
   width: 446px;
   margin:0 auto;
   background:#fff;
   border:1px solid #ccc;
}

table.chart th{
  background:#ddd;
  border-bottom:1px solid #ccc;
   padding:4px 8px;
  }

table.chart td{
   border-bottom:1px solid #ccc;
   font-size:12px;
   padding:5px 6px;
}


/* --- footer ---*/

#footer {
   text-align:center;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   color:#ccc;
   height:56px;
   padding-top:10px;
}

#footer p{
   width: 726px;
   font-size:11px;
   margin: 3px auto 7px;
   text-align:center;
}

#footer a{
   font-weight:bold;
   font-size:10px;
   color:#fff;
   text-decoration:none;
   margin:0 2px;
}

#footer a:hover{
   color:#FBB954;
}

.copyright {
   clear:both;
   color:#4B4B4B;
}

.red {color:#c41230}

.blue {
   color:#0C69A2;
   font-weight:bold;
}

.clearall{clear:both}.demoName {
	height: 20px;
	width: 250px;
	float: left;
}
.demoLinks {
	height: 20px;
	width: 150px;
	float: left;
}
.dlink {
	color: #0C69A2;
}
.bNote {
	clear: left;
	color: #999999;
	padding-top: 10px;
}
.maincol .note {
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
}