/* Basic Elements
-----------------------------------------------------------------------*/ 
*
{
	list-style:none;
	margin:0;
	padding:0;
}
body
{
	background-position:center top;
	background:url(../body-images/b-g.png) repeat;
	font:12px "Lucida Grande", "Lucida Sans Unicode", Arial;
	color:#000;
	margin:0;
	padding:0;
}
.clear
{
	clear:both;
}
h1
{
	margin:0px 0px 5px 7px;
	color:#0F0F0F;
	font-size:16px
}
a
{
	color:#135A9F;
	text-decoration: none;
}
a:hover
{
	color:#135A9F;
	text-decoration: underline;
}
img
{
	float:left;
	border: 0;
}
#frame
{
	width:960px;
	margin:0 auto;
}
/* Headers
-----------------------------------------------------------------------*/ 
.left-menu-header
{
	height:30px;
	width:184px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../body-images/right-menu.png) no-repeat;
}
.left-menu-header h3
{
	margin:8px 0px 0px 14px;
	color:#fff;
	font-size:13px;
}
.code-menu-header-left
{
	height:30px;
	width:19px;
	float:left;
	background:url(../body-images/review-header-left.png) top no-repeat;
}
.code-menu-header-right
{
	height:30px;
	width:231px;
	float:left;
	background:url(../body-images/review-header-right.png) top right repeat-x;
}
.code-menu-header-right h3
{
	margin:7px 0px 0px 0px;
	color:#fff;
	font-size:13px;
}
.content-header-large
{
	height:30px;
	width:734px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../body-images/large-header.png) no-repeat;
}
.content-header-large h2
{
	margin:7px 0px 0px 14px;
	color:#fff;
	font-size:13px;
}
.content-header-medium
{
	height:30px;
	width:363px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../body-images/middle-header.png) no-repeat;
}
.content-header-medium h2
{
	margin:7px 0px 0px 14px;
	color:#fff;
	font-size:13px;
}

/* Logo
-----------------------------------------------------------------------*/ 
#header
{
	float:left;
	width:960px;
	height:100px;
	margin:10px 0px 0px 0px;
}
#header img
{
	margin:0px 0px 0px 0px;
}
/* Top-Menu
-----------------------------------------------------------------------*/ 
#nav 
{
	clear:both;
	margin:0px 0px 0px 10px;
}
#nav ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li 
{
  float:left;
  margin:0px 10px 0px 0px;
}
#nav li a 
{
  display:block;
  height:30px;
  background:url(../body-images/menu-left.png) left top no-repeat;
  text-transform:lowercase;
  text-decoration:none;
}
#nav li a span 
{
  display:block;
  margin:0px 0px 0px 13px;
  padding:0px 19px 0px 5px;
  line-height:30px;
  color:#fff;
  background:url(../body-images/menu-right.png) right top no-repeat;
  text-decoration:none;
}
#nav li a:hover 
{
  background-position:left -30px;
  text-decoration:none;
  cursor: pointer;
}
#nav li a:hover span 
{
  background-position:right -30px;
  color:#000;
}
#nav li.current a 
{
  background-position:left -30px;
}
#nav li.current a span 
{
  background-position:right -30px;
  color:#000;
}

/* right-Menu
-----------------------------------------------------------------------*/ 
#right-menu
{
	width:184px;
	float:right;
	margin:0px 10px 0px 0px;
}
.right_menu-container ul
{
	margin:0px 0px 10px 10px;
	float:left;
}
.right_menu-container li
{
	width:170px;
	float:left;
	padding:0px 0px 0px 15px;
	background: url(../body-images/icon.png) left no-repeat;
}
.right_menu-container a
{
	color:#000;
	text-decoration:none;
}
.right_menu-container a:hover
{
	color:#13273C;
	text-decoration:underline;
}
.room-push
{
	width:184px;
	float:left;
	text-align:center;
	margin:20px 0px 0px 0px;
	background:#fff url(../body-images/gradiant.png) repeat-x;
}
.room-push li
{
	color:#550202;
	font-weight:bold;
}
.room-push img
{
	float:left;
	margin:0px 0px 0px 20px;
}
.room-push p
{
	margin:0px 0px 0px 0px;
}

.room-push h3
{
	margin:0px 0px 0px 0px;
	color:#0F0F0F;
	font-size:13px
}
/* Content
-----------------------------------------------------------------------*/ 
#content-top
{
	float:left;
	width:960px;
	height:13px;
	background: url(../body-images/bg-top.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#content
{
	float:left;
	width:960px;
	background: url(../body-images/bg.png) repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#content-bottom
{
	float:left;
	width:960px;
	height:18px;
	background: url(../body-images/bg-bottom.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#middle
{
	float:left;
	width:736px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* Content 100% Width
-----------------------------------------------------------------------*/ 

.middle-content
{
	float:left;
	width:734px;
	margin:0px 0px 10px 10px;
}
.middle-content p
{
	padding:2px 7px 4px 7px;
}
.middle-content img
{
	float:right;
	padding:0px 0px 0px 0px
}


/* Content Left 50% Width
-----------------------------------------------------------------------*/ 

.left
{
	float:left;
	width:363px;
	margin:0px 0px 20px 10px;
	background:#fff url(../body-images/gradiant.png) repeat-x;
}
.left-content
{
	float:left;
	width:363px;
	padding:0px 0px 0px 0px;
}
.left-content p
{
	padding:2px 7px 4px 7px;
}
.left-content img
{
	float:right;
	padding:0px 0px 0px 0px;
}


/* Content  Right 50% Width
-----------------------------------------------------------------------*/ 

.right
{
	float:right;
	width:363px;
	margin:0px 0px 20px 0px;
	background:#fff url(../body-images/gradiant.png) repeat-x;
}
.right-content
{
	float:left;
	width:363px;
	margin:0px 10px 0px 0px;
}
.right-content p
{
	padding:2px 7px 4px 7px;
}
.right-content img
{
	float:left;
	padding:0px 0px 0px 0px
}
/* Table
-----------------------------------------------------------------------*/
.info-review-table
{
	width:340px;
	float:left;
	color:#000;
	margin:0px 0px 0px 10px;
}
.info-review-table a
{
	text-decoration: none;
}
.info-review-table a:hover
{
	text-decoration: underline;
}
tr.large
{
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.info-review-table tr
{
	text-align:left;
	height:25px;
	
}
.info-review-table td
{
	text-align:left;
	height:20px;
	border-bottom: 1px dotted #DFDFDF;
}
/* code-page
-----------------------------------------------------------------------*/ 
#left-menu-code
{
	width:250px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#left-menu-code2
{
	width:250px;
	float:center;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#left-menu-code p
{
	padding:0px 0px 0px 10px;
}
#left-menu-code img
{
	float:left;
	margin:10px 0px 10px 0px;
}

#middle-review-code
{
	float:left;
	width:491px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}
#middle-review-code h2
{
	width:550px;
	margin:10px 0px 5px 0px;
	padding:0px 0px 3px 0px;
	color:#1F1F1F;
	font-size:14px;
	background:#fff url(../body-images/linetrans4.png) left bottom no-repeat;
}
/* Review-page
-----------------------------------------------------------------------*/ 
#left-menu-review
{
	width:184px;
	float:left;
	margin:0px 0px 0px 10px;
}
#left-menu-review img
{	
	float:left;
	position:relative;
	left:25px;
}
img.screen1
{
	float:left;
	margin:10px 0px 0px 10px;
	-ms-interpolation-mode: bicubic;
}

.left-container
{
	width:178px;
	float:left;
	text-align:left;
	margin:0px 0px 10px 2px;
	border: 1px solid #CCCCCC;
	background:#fff url(../body-images/gradiant.png) repeat-x;
}
#left-menu-review h2
{
	margin:8px 0px 0px 14px;
	color:#fff;
	font-size:13px;
}
.bonus-info
{
	width:178px;
	float:left;
	text-align:left;
	margin:0px 0px 10px 2px;
	border: 1px solid #CCCCCC;
	background:#fff url(../body-images/gradiant.png) repeat-x;
}
.bonus-info strong
{
	color:#1F1F1F;
	margin:0px 0px 0px 5px;
}
.bonus-info p
{
	margin:0px 0px 0px 5px;
}
.left-container ul
{
	margin:0px 0px 10px 10px;
	float:left;
}
.left-container li
{
	width:170px;
	float:left;
	padding:0px 0px 0px 15px;
	background: url(../body-images/icon.png) left no-repeat;
}
.left-container a
{
	color:#000;
	text-decoration:none;
}
.left-container a:hover
{
	color:#13273C;
	text-decoration:underline;
}
#middle-review
{
	float:left;
	width:557px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}
#middle-review h2
{
	width:550px;
	margin:10px 0px 5px 0px;
	padding:0px 0px 3px 0px;
	color:#1F1F1F;
	font-size:14px;
	background:#fff url(../body-images/linetrans4.png) left bottom no-repeat;
}
.logo-info
{
	float:left;
	background: url(../body-images/logo-header1.jpg) no-repeat;
	width:557px;
	height:136px;
}
.logo-info-con
{
	float:left;
	height:136px;
	width:220px;
}

.logo-info-con h1
{
	padding:10px 0px 0px 0px;
	color:#fff;
}
.logo-info-con1
{
	float:left;
	height:136px;
	width:200px;
}
.logo-info-con1 p
{
	padding:10px 0px 0px 0px;
	color:#fff;
}
.logo-info img
{
	float:left;
	position:relative;
	bottom:3px;
	right:3px;
}
.fullreview-content
{
	width:170px;
	float:left;
}
.fullreview-fullbox
{
	width:170px;
	float:left;
	background:transparent url(../body-images/linetrans5.png) bottom no-repeat;
	text-align:left;
	padding:2px 5px;
}

.fullreview-fullbox1
{
	width:80px;
	float:left;
}
.fullreview-fullbox2
{
	width:90px;
	float:left;
}
.fullreview-fullbox3
{
	width:160px;
	float:left;
	text-align:center;
}
.play-now
{
	float:left;
	position:relative;
	left:150px;
	height:56px;
	width:120px;
	margin:10px 10px 0px 0px;
}
.play-now a
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/play-now.png) left top no-repeat;
}
.play-now a:hover
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/play-now.png) left bottom no-repeat;
}
.play-now-top
{
	float:left;
	position:relative;
	left:0px;
	height:56px;
	width:120px;
	margin:10px 0px 0px 0px;
}
.play-now-top a
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/play-now.png) left top no-repeat;
}
.play-now-top a:hover
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/play-now.png) left bottom no-repeat;
}
.download
{
	float:left;
	position:relative;
	left:150px;
	height:56px;
	width:120px;
	margin:10px 10px 0px 0px;
}
.download a
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/download.png) left top no-repeat;
}
.download a:hover
{
	display:block;
	height:56px;
	width:120px;
	background:url(../body-images/download.png) left bottom no-repeat;
}
/* Footer
-----------------------------------------------------------------------*/
#footer
{
	width:960px;
	height:50px;
	float:left;
	padding:0px 0px 0px 0px;
}
#footer p
{
	color:#fff;
	padding:10px 0px 0px 0px;
	text-align:center;
}
/* article
-----------------------------------------------------------------------*/
#article
{
	float:left;
	width:557px;
}
#article p
{
	padding:5px 0 10px 0;
}
#article ol
{
	float:left;
}
#article li
{
	padding:10px 0 10px 0;
}