
.img, .image {
	background:url(img/sprite.jpg) no-repeat 0 0;
	width:260px;
	height:200px;
}

.image {
	background:url(../3.2/img/sprite.jpg) no-repeat 0 0;
}

/* head */
#dochead {
	padding-left:600px;	
	margin-top:-150px;
}

#dochead .box {
	background:#fff;
	border:none;
	outline:none;
	float:left;
	margin:0 30px 0 0;
	position:relative;
	top:225px;
	min-height:129px;
}

#dochead .box h2 {
	background:none;
	font-size:14px;
	font-weight:bold;
	margin-bottom:-5px;
	color:#555;
}

#dochead .box li, #dochead ul {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}

#dochead a {	
	font-size:11px;
	color:#444;
	text-decoration:none;	
	border:0 !important;
	text-shadow:0 0 1px #fff;
}

#dochead a:hover {
	text-decoration:underline;		
}

#other_docs {
	display:none;		
}

#dochead a.current {
	font-weight:bold;
	cursor:default;
	text-decoration:none;
}

#features {
	background:#f7f7f7 url(../img/global/gradient/h500_reverse.png) repeat-x 0 -280px;
	border:1px solid #ccc;
	font-size:11px;
	clear:both;
}

#features h2 {
	color:#A0A0A0;
	font-weight:normal;
	margin:10px 0 -25px 110px;	
}


#flowplayer_plugins {
	margin-top:80px;		
}

.col {
	float:left; 			
	width:265px;	
	margin:0 40px 40px 0;
}

#setup .col {
	width:425px;		
}

.last {
	margin-right:0;		
}

.clear {
	height:10px;
	clear:both;
}

.area {
	background-color:#f7f7f7;
	padding:20px 50px 20px 50px;
	color:#000;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-moz-box-shadow:inset 0 0 6px #666;
	-webkit-box-shadow:inset 0 0 6px #666;
}

.area h2 {
	margin:10px 0 -12px 0;		
	font-weight:bold;
}

.area h3 {
	margin:10px 0 -5px 0 !important;		
	font-weight:bold;
}

.area img {
	float:left;
	margin:0 20px 0 0;
}

#setup {
	margin-top:80px;
	padding:30px 40px 20px 40px;
	background-color:#00465E;
	color:#fff;
	text-shadow:0 0 1px #000;
	border:1px solid #000;
	-moz-box-shadow:inset 0 0 16px #000;
	-webkit-box-shadow:inset 0 0 16px #000;
}

#setup h3 { 
	color:#fff;	
}

#content .area p {
	font-size:11px;	
}

#setup.area p {
	font-size:14px;		
}

.herotitle h3 {
	font-size:28px;
	color:#A6A5A5;
	font-weight:normal; 
}

.herotitle h2 {
	color:#406871;
	font-size:41px;
	margin:0 0 -8px 0;
}

.herotitle span {
	color:#000;
}

#setup .herotitle h3 {
	color:#E0E0E0;	
}

#setup .herotitle h2 {
	color:#A8D1F7;	
}

#setup .herotitle span {
	color:#fff;	
}

#content .punch {
	font-size:18px !important;		
}

#features .punch {
	text-shadow:1px 1px 1px #fff;	
}

#setuplinks {
	text-align:center;
	margin:10px 0;
}

#setuplinks a {
	margin-right:20px;
	text-decoration:none;
	font-size:16px;
}



