/*  
Theme Name: Procyon
Theme URI: http://www.indonez.com/
Description: Corporate Business WordPress Theme 6
Author: Indonez
Author URI: http://themeforest.net/user/indonez
Version: 1.0
Tags: Black, Blue, Green, Orange, Red, White, Translation-ready, Custom-menu, Two-columns, Fixed-width, custom-background
License:
License URI:
*/
@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
*{ padding:0; margin:0;}

body{
	font-family:"微软雅黑";
	font-size:14px;
	color:#FFF;
	line-height:22px;
	padding:0px;
	margin:0px;		
	background:url(../images/bg.jpg) repeat;	
}
ul,li{ list-style:none;}
.wrapper{
	margin-top:150px;
}
.hide { display: none; }
/* links */
:focus {
  -moz-outline-style: none;
}
a:active {
  outline: none;
  text-decoration:none;
}
a{
	color:#FFF;
	text-decoration: none;
}
a:hover{
	color:#858585;
}
a img{
	border:none
}
_img{ display:block;}
.imgcenter,
.aligncenter {
	margin:18px auto 15px auto;
	display:block
}
.imgmiddle{
	vertical-align:middle;
	margin-right:8px;
}
.imgleft,
.alignleft {
	float:left; 
	margin:4px 13px 12px 0px;
}
.imgright,
.alignright {
	float:right; 
	margin:4px 0px 12px 13px;
}
.imgborder{
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media \0screen {
  .imgborder{border:1px solid #d5d5d5;}
}
hr {
	background-color:#dadada;
	border-width:0;
	color:#dadada;
	height:1px;
	line-height:0;
	margin:30px 0px !important;
	page-break-after:always;
	clear:both;
}
strong{color:#757575;}
.italictext{
	font-size:18px;
	font-style:italic;
	color:#929292;
	line-height:26px;
	margin-bottom:28px;
}
.clear{clear:both;}
.center{text-align:center; margin-bottom:10px;}

/* Lists, Blockquotes and Paragraphs */

code {
  background: #fafafa;
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  color: #7d7d7d;
  margin-bottom: 10px;
  border: 1px dotted #eaeaea; 
  clear: both;   
}
pre{ 
  clear: both; 
  font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; 
  background: url(../images/pre_bg.gif) repeat; 
  border: 1px solid #d3d3d3;
  padding: 18px 20px 15px 20px;
  line-height: 19px;
  overflow:auto;
  overflow-Y: hidden;
  color: #555;
  margin: 0 0 20px 0;
}

/* Pullquotes */
.pullquote_right,.pullquote_left{
	color:#9c9c9c;
	float:right;
	font-size:16px;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
    font-style:italic; 
    line-height:1.4em;
    border-left:2px solid #cccccc;
}
.pullquote_left{
    border-right:2px solid #cccccc;
    border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcap */
.dropcap1{
	font-size:22px;
	color:#868686;
	text-align:center;
	background-color:#dddddd;
	width:36px\0/;
	height:26px\0/;
	background:none\0/;
	background-image:url(../images/ie-drop1.png)\0/;
	background-repeat:no-repeat\0/;
	background-position:1px 0px\0/;
	-webkit-border-radius: 100px;
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	margin:8px 5px 0px 0px;
	padding:5px 9px 7px 9px;
	padding:7px 3px 3px 1px\0/;
	float:left;
}
.dropcap2{
	font-size:22px;
	color:#868686;
	text-align:center;
	background-color:#dddddd;
	width:35px\0/;
	height:26px\0/;
	background:none\0/;
	background-image:url(../images/ie-drop2.png)\0/;
	background-repeat:no-repeat\0/;
	background-position:1px 0px\0/;
	margin:8px 5px 0px 0px;
	padding:5px 9px 7px 9px;
	padding:7px 3px 3px 1px\0/;
	float:left;
}
.dropcap3{
	font-size:32px;
	color:#868686;
	text-align:center;
	margin:8px 5px 0px 0px;
	padding:5px 3px 0px 0px;
	padding:4px 3px 3px 1px\0/;
	float:left;
}

/* Title Color Styling */
.title-purple{color:#770477;}
.title-brown{color:#753b02;}
.title-pink{color:#da6371;}
.title-green{color:#84ac0a;}
.title-blue{color:#029dd8;}
.title-yellow{color:#e7a515;}
.title-red{color:#d12525;}

/* Custom Message Styling */
.info {
	margin: 15px 0;
	color: #478BBF;
	padding: 14px 10px 15px 40px;
	background: #DCEFF5 url(../images/info.png) 17px 18px no-repeat;
	border: 1px solid #B8E7F5;
} 
.success {
	margin: 15px 0;
    color:#3F9153;  
    padding: 14px 10px 15px 40px;
    background:#D7F7DF url(../images/success.png) 17px 18px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;  
    padding: 14px 10px 15px 40px;
    background: #FFD6D6 url(../images/error.png) 17px 18px no-repeat;
    border: 1px solid #FFC2C2;
} 
.warning {
    margin: 15px 0;
    color: #CF9E00;  
    padding: 14px 10px 15px 40px;
    background: #FAF2D7 url(../images/warning.png) 17px 18px no-repeat;
    border: 1px solid #FAE8AF;
}

/* Table Style */
.table	{
	width:100%;				
	margin-bottom:20px;
	background:#f0f0f0;
}			
.table th{
	font-size:16px;
	font-weight:normal;	
	text-align:left;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	padding:10px 18px;
	color:#fff;	
	border-right:none;
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}				
.table td {	
	font-size:14px;
	font-weight:normal;	
	text-align:left;
	padding:10px 18px;
}

.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}

.table tr:nth-child(even){background:#ffffff;}
.table tr.odd td{color:#828282;}				
.table td{color:#828282;}


.table-black table{border:1px solid #292929;}
.table-black table tr th{background-color: #333333;}

.table-gray table{border:1px solid #525252;}
.table-gray table tr th{background-color: #666666;}

.table-white .table th {color:#666666;}
.table-white table{border:1px solid #cccccc;}
.table-white table tr th{background-color: #FFFFFF;}

.table-red table{border:1px solid #b81f1f;}
.table-red table tr th{background-color: #e62727;}

.table-orange table{border:1px solid #cc4a00;}
.table-orange table tr th{background-color: #ff5c00;}

.table-magenta table{border:1px solid #87013c;}
.table-magenta table tr th{background-color: #A9014B;}

.table-yellow table{border:1px solid #cc9111;}
.table-yellow table tr th{background-color: #ffb515;}

.table-blue table{border:1px solid #008abe;}
.table-blue table tr th{background-color: #00ADEE;}

.table-pink table{border:1px solid #b51a75;}
.table-pink table tr th{background-color: #e22092;}

.table-green table{border:1px solid #749707;}
.table-green table tr th{background-color: #91bd09;}

.table-rosy table{border:1px solid #c15663;}
.table-rosy table tr th{background-color: #F16C7C;}

.table-brown table{border:1px solid #663300;}
.table-brown table tr th{background-color: #804000;}

.table-purple table{border:1px solid #660066;}
.table-purple table tr th{background-color: #800080;}

.table-cyan table{border:1px solid #389f9f;}
.table-cyan table tr th{background-color: #46C7C7;}

.table-gold table{border:1px solid #aa8012;}
.table-gold table tr th{background-color: #D4A017;}

/* Blockquote Style */
blockquote{	
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	font-style:italic;
	padding-left:30px;
	float:left;
}

/* List Style */
ul.circle-list li{
	line-height:18px;
	background-image:url(../images/circle.png);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding:4px 0px 4px 13px;
	margin:0px;
}
ul.check-list li{
	background-image:url(../images/checklist.png) !important;
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.delete-list li{
	background-image:url(../images/deletelist.png) !important;
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.arrow-list li{
	background-image:url(../images/arrow.gif);
	background-position:0 10px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	line-height:24px;
	list-style-type:none;
	overflow:hidden;
}
ul.greenarrow-list li{
	background-image:url(../images/green-arrow.png) !important;
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.star-list li{
	background-image:url(../images/star-list.png) !important;
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.nolistblock li{
	padding:0px 0px 0px 0px !important;
	line-height:20px;
	display:inline-block;
	margin:10px 10px 0px 0px;
	background-image:none !important;
}
li.marginoff{margin-right:0px !important;}
ol li{
	list-style:decimal;
	line-height:24px;
	list-style-position:inside
}




/* Text Styled */
.boldtext-medium{font-size:14px; font-weight:bold; color:#c6c6c6}
.boldtext-strong{font-size:22px; font-weight:bold; color:#c6c6c6}
small{font-size:11px;}

/* Normal Button Styling */
.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
	text-decoration:none;
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:7px 22px 11px 22px;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}

.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:15px;
}
.button.large span {
	font-size:19px;
}

.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}

/* Big Button Styling */
a.button-big {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #474d5a;
    display: block;
    float: left;
	font-weight:bold;
	font-size:16px;
	text-shadow:0px 1px 0px #ffffff;
    height: 41px;
    margin-right: 12px;
    padding-right: 26px; /* sliding doors padding */
    text-decoration: none;
}
a.button-big span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 10px 0 14px 27px;
} 
a.button-big:active {
    background-position: bottom right;
    color: #93979d;
    outline: none; /* hide dotted outline in Firefox */
}
a.button-big:active span {
    background-position: bottom left;
    padding: 10px 0 14px 27px; /* push text down 1px */
}

/* Login Button Styling */
a.popup-login, 
a.popup-logout{
    background: transparent url(../images/bg_contact_a.png) no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 0px #4f4f4f;
    height: 30px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}
a.popup-login span,
a.popup-logout span {
    /*background: transparent url('../images/bg_contact_span.png') no-repeat;*/
    display: block;
    line-height: 17px;
    padding: 5px 0 8px 41px;
} 
a.popup-login:active,
a.popup-logout:active {
    background-position: bottom right;
    color: #93979d;
    outline: none; /* hide dotted outline in Firefox */
}
a.popup-login:active span,
a.popup-logout:active span {
    background-position: bottom left;
    padding: 5px 0 8px 41px; /* push text down 1px */
} 

/*  Highlight Styles */

.highlight-purple {padding:1px 4px;background-color:#770477;color:#ffffff;}	
.highlight-brown{padding:1px 4px;background-color:#753b02;color:#ffffff;}
.highlight-pink{padding:1px 4px;background-color:#da6371;color:#ffffff;}	
.highlight-green{padding:1px 4px;background-color:#84ac0a;color:#ffffff;}
.highlight-blue{padding:1px 4px;background-color:#029dd8;color:#ffffff;}
.highlight-yellow{padding:1px 4px;background-color:#e7a515;color:#ffffff;}
.highlight-red{padding:1px 4px;background-color:#d12525;color:#ffffff;}	

/* CONTAINER
------------------------------------------------------*/
#container{ 
	margin:0px auto;	
}
#header-container{
	width:960px;
	height:485px;
	margin:0px auto;
	background-image:url(../images/bg-glow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#header-container-inner{
	width:960px;
	height:239px;
	margin:0px auto;
	background-image:url(../images/bg-glow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#top-container{
	height:485px;
	background-image:url(../images/bg-top-container.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#347ba7; /* change this color */
	-webkit-box-shadow:  0px 5px 8px  0px #aeaeae;
	-moz-box-shadow: 0px 5px 8px 0px #aeaeae;
	box-shadow: 0px 5px 8px 0px #aeaeae; 
}
#top-container-inner{
	height:100%;
	background-image:url(../images/bg-top-container.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#347ba7; /* change this color */
	-webkit-box-shadow:  0px 5px 8px  0px #aeaeae;
	-moz-box-shadow: 0px 5px 8px 0px #aeaeae;
	box-shadow: 0px 5px 8px 0px #aeaeae; 
}
#glow-bg{
	height:485px;
	background-repeat:repeat-x;
}
#glow-bg-inner{
	height:100%;
	/*background-image:url(../images/moving-bg/bg-moving1.png);  change this image */
	background-position:top;
	background-repeat:repeat-x;
}

/* HEADER
------------------------------------------------------*/
#header{
	width:960px;
	height:96px;
	float:left;
}

#login-wrapper{
	width:121px;
	margin-top:17px;
	float:left;
}
#phone-number{
	width:960px;
	margin:93px 0px 21px 0px;
	text-align:right;
	float:left;
}
#phone-number h3{
	margin-right:33px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
}
#pagetitle-wrapper{
	width:960px;
	height:108px;
	background-image:url(../images/bg-slideshow.png);
	background-repeat:repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
}
#pagetitle-wrapper h1{ font-family:"微软雅黑"; font-weight:normal;
	margin:24px 0px 21px 30px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
}
#breadcumb{
	width:900px;
	height:28px;
	padding:4px 30px 0px 30px;
	font-size:11px;
	color:#ffffff;
	background-image:url(../images/slide-menu-bg.gif);
	background-repeat:repeat-x;	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
  position: relative;
  z-index: 100;
}

#menu_top{ width:100%; background:url(../images/top_bg2.png) repeat-x ; height:164px; margin:0 auto; /*position:fixed; */ z-index:150; clear: right; }
#menu_top_z{ width:1000px; margin:0 auto; overflow:hidden;}
#menu_top_z .logo{ float:left; width:330px;}
#menu_top_z .tell{ float:right;  padding-right:5px; font-size: 24px; line-height: 100px;}

/* MAINMENU
------------------------------------------------------*/
/*#menu-wrapper{
	width:100%;
	height:48px;
	margin-top:-6px;
	background-image:url(../images/menu_bg.png);
	background-repeat:repeat-x;
		z-index:150;
		position:fixed;
	
		
}*/
#menu-container{
	width:1000px;
	margin:0px auto;
}
#mainmenu{}
#mainmenu ul{
	font-size:14px;
	font-family:"微软雅黑";
	line-height:48px;
	/*z-index:100; */
	position:relative;
	margin-top:-6px; 
	
}
#mainmenu ul li{
	float:left;
	padding:0 14px;
	/*color: -moz-linear-gradient( top,#b56e3d,#4d0f04);*/
	color:#000;
	position:relative;
	
}
#mainmenu ul .lipu{ background:url(../images/lipu.png) no-repeat left 6px ;}
#mainmenu ul .lishu{ background:url(../images/lishu.png) no-repeat left 6px ;}
#mainmenu ul .lishu a { background:url(../images/nav_hot.gif) no-repeat right 8px;}
#mainmenu ul li a, #mainmenu ul li a:visited{ display: inline-block;
	color:#000;}
#mainmenu ul li a:hover{
	color:#000; text-decoration:underline;}
#banner_w{ width:100%;}
#banner{ margin:0 auto;  height:325px; margin-bottom:13px; width:1000px; /*padding-top:175px;_padding-top:10px;*/}

#main_w{ width:100%;}
#main{ width:1000px; margin:0 auto; margin-top:15px; overflow:hidden;}
#main_left{ float:left; width:203px;width:203px;}
#main_left .rank{ float:left; padding-top:24px;  background:#6a0c01; width:203px;}
.rank span{ display:block; background: url(../images/rankspan.png) no-repeat left; width:167px; height:26px; text-indent:25px; line-height:26px; margin-bottom:16px;}
.rank span a{ font: "黑体" 14px; color:#FFF; }
.rank span a:hover{ color:#FFF; text-decoration:underline;}
.rank ul{ padding-left:40px; background:url(../images/rank_li.png) 10px 0px repeat-y;}
.rank li{ line-height:24px; height:24px; color:#ff0000; font-family:"宋体"; font-size:12px; font-weight:bold; list-style: decimal-leading-zero;}
.rank li a{ color:#FFF; }
.rank li a:hover{ text-decoration:underline;}

#main_left .courses{ float:left; font-family:"宋体"; font-size:12px; margin-top:15px;}
.courses span{ background:url(../images/coursespan.png) no-repeat; width:208px; height:32px; display:block;}
.courses ul{ background:url(../images/coursesul.png) repeat-x; width:154px; padding:2px 35px 0px 19px;_padding:2px 12px 0px 19px;}
.courses .zi{ line-height:12px; padding:8px 0; background:url(../images/coursesli.png) left no-repeat; text-indent:37px; color:#000; }

.courses li a{ color:#000;}
.courses li a:hover{ text-decoration:underline; color:#000;}
a.coursesimg{ text-align:center; padding-top:15px;  display:block; height:115px;}
a.coursesimg img { width: 110px; height: 110px; }
.share{ font-family:"宋体"; color:#FFF; font-size:12px; width:124px; padding:11px 35px 0px 19px; _padding:0px 35px 0px 19px; overflow:hidden; display:block; list-style:none;}
.coursesbottom{ background:url(../images/coursesbottom.png) no-repeat; width:208px; height:19px;  }

#main_right{ float:left; _float:right;width:797px;_clear:both; background:url(../images/main_right_bg.png) no-repeat; }
#main_right #main_r_top{ float:left;}
#main_right .imported{ float:left; padding-left:32px;padding-top:20px;}
.importedmore{ /*background: url(../images/more.png) no-repeat;  margin-top:10px; position: relative;*/display:block; height:11px; width:32px; float:right;    margin-right: 8px}
	.slideTxtBox{ width:585px; text-align:left; background:#590b01;}
	.slideTxtBox .hd{ height:30px; line-height:30px; position:relative; }
	.slideTxtBox .hd ul{ float:left;  position:absolute; /*left:141px;*/ top:-1px; height:32px; background:url(../images/importedul.png) no-repeat}
	.slideTxtBox .hd ul li{ color:#FFF; float:left; cursor:pointer; width:115px;  line-height:30px; text-align:center;height:30px;}
	.slideTxtBox .hd ul li.on{  color:#FFF;height:30px;  width:115px; line-height:30px; text-align:center; background:url(../images/li_on.png) no-repeat;}
		
	.slideTxtBox .bd ul{ zoom:1; padding-top:12px; min-height:388px; height:388px; }
	.slideTxtBox .bd li{ width:150px; height:125px; margin:6px 15px; _margin:6px 5px;float:left;}
	.slideTxtBox .bd li img{ width:150px; height:105px; padding: 2px 6px; border:1px solid #880c00;_display:block}
	.slideTxtBox .bd li p{ width:168px;_width:148px;  overflow:hidden; height:25px; _height:20px;line-height:13px; text-align:center; font-size:12px;}
	.slideTxtBox .bd li p a{ color:#FFF;}
	.slideTxtBox .bd li p a:hover{ color:#FFF;}
.slideTxtBox .arrow{  position:absolute; left:0px; top:0; /*background:url(../images/importedspan.png) no-repeat;display:block; width:148px; height:33px; */  }		




#main_right .brand{ float: right;  padding-top: 20px; padding-left:37px;_clear:right; _padding-left:37px; width:131px;}
.brand span{ display:block; font-family:"黑体"; font-size:31px; color:#FFF; }
/*.brand ul{ padding:24px 14px 14px; padding-left:0;}
.brand li{ width:140px; height:72px; float:left; margin-bottom:14px; overflow:hidden;}
.brand li img{ width:140px; height:72px;}*/

.picMarquee-top{   width:140px;padding:44px 14px 14px; padding-left:0; overflow:hidden; position:relative;  }
		.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-top .bd ul li{ zoom:1;/* margin-bottom:14px;*/ }
		.picMarquee-top .bd ul li .pic{ text-align:center; }
		.picMarquee-top .bd ul li .pic img{ width:140px; height:72px; display:block;  }
		.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-top .bd ul li .title{ line-height:24px; height:24px; font-size:12px; font-family:"宋体"; color:#FFF ; text-align:center; overflow:hidden;  }



.brand .more{ /*background: url(../images/more.png) no-repeat;  margin-top:10px; */display:block; height:11px; width:32px;float:left; margin-left:90px;_margin-left:50px;}

#main_right #main_r_bottom{ float:left; background:url(../images/main_r_bottom_bg.png) no-repeat ; margin-left:17px; margin-top:13px;}
#main_r_bottom .main_r_bottom_left{ padding-left:18px; padding-top:6px; float:left; width:576px;}
.main_r_bottom_left .main_r_bottom_left_t{float:left;}

.main_r_bottom_left_t .news{float:left;  font-family:"宋体"; font-size:12px; color:#000; width:270px; height:163px;}
.newsmore{ /*background: url(../images/more.png) no-repeat;  margin-top:10px; */display:block; height:11px; width:32px; /*position: relative; */float:left;margin-left:280px; margin-top:20px;}
.news ul{background:#FFF; padding:20px; padding-bottom:2px;}
.news li{ height:25px; line-height:25px; color:#333; background:url(../images/news_li.jpg) no-repeat left; padding-left:10px; }/*下一个li样式*/
.news li a{  color:#666;  }
.news li a:hover{ color:#005142; }
.news span{ float:right; color:#ff0000;}

.main_r_bottom_left_t .grad{float:left; margin-left:18px;;font-family:"宋体"; font-size:12px; color:#000;/*background:url(../images/grad_bg.png) no-repeat;*/ width:270px; height:163px;}
.gradmore{ /*background: url(../images/more.png) no-repeat;  margin-top:10px; */display:block; height:11px; width:32px; /*position: relative; */ float:left;margin-left:220px; margin-top:20px;}
/*.grad li{ float:left; /*list-style: disc;margin-left:20px; background:url(../images/news_li.jpg) no-repeat left; padding-left:10px;  width:58px; height:22px; }
.grad li a{color:#000;}
.grad li a:hover{  color:#000;text-decoration:underline;}*/
.grad ul{padding:20px;}
.grad li{ height:25px; line-height:25px; overflow: hidden; color:#333; background:url(../images/news_li.jpg) no-repeat left; padding-left:10px; }/*下一个li样式*/
.grad li a{  color:#666;  }
.grad li a:hover{ color:#005142; }



.main_r_bottom_left .main_r_bottom_left_b{ float:left;}
.main_r_bottom_left_b .gundong{ background:#640002;}
/*.rollBox{width:562px;overflow:hidden; padding-left:6px;}
.rollBox .LeftBotton{height:100px;width:20px;background:url(../images/job_mj_070.png) no-repeat left center ;overflow:hidden;float:left;display:inline; cursor:pointer;}
.rollBox .RightBotton{height:100px;width:20px;background:url(../images/job_mj_069.png) no-repeat left center ;overflow:hidden;float:left;display:inline; margin-left:6px;cursor:pointer;}
.rollBox .Cont{width:510px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:150px;float:left; padding:0 10px;text-align:center;}
.rollBox .Cont .pic img{ width:150px; height:118px;display:block; margin: 0 auto;}
.rollBox #List1,.rollBox #List2{float:left;}*/

.gundong .more{ /*background: url(../images/more.png) no-repeat;  margin-top:10px; */display:block; height:11px; width:32px;float:right; margin-right:20px;}
.rollBox{width:562px;overflow:hidden;padding:12px 0 5px 6px;}
.rollBox .LeftBotton{height:100px;width:20px;background:url(../images/job_mj_070.png) no-repeat left center;overflow:hidden;float:left;margin-right:6px;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:100px;width:20px;background:url(../images/job_mj_069.png) no-repeat left center;overflow:hidden;float:left;display:inline;margin-left:6px;cursor:pointer;}
.rollBox .Cont{width:510px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:170px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block; width:170px; height:118px; margin:0 auto;padding:0 10px;background:#650002;}
.rollBox #List1,.rollBox #List2{float:left;}
-->


.main_r_bottom_right{ background:#ad1315; opacity:0.9;filter:alpha(opacity=90); float:right;_clear:right; margin-left:14px; _ margin-left:0px; margin-top:20px; padding:9px 7px 0px;}
.main_r_bottom_right span{ display:block; font-family:"黑体"; font-size:31px; color:#FFF; margin-bottom: 10px; }
.main_r_bottom_right img{ width:150px; height:128px;}

.main_r_bottom_right p{color:#FFF; font-family:"宋体"; font-size:13px; margin-bottom:7px; }
.main_r_bottom_right p.fengge{ margin-bottom:0px; }

#bottom{ width:100%; margin-top:40px; _position:relative;background:url(../images/bottom_bg.png) repeat-x;}

#bottom_z{ width:1000px; margin:0 auto;  text-align:center;font-family:"宋体"; font-size:12px; }
#bottom_z p{ text-align:center; padding-top:10px; color:#999;}
#bottom_z p a{ color:#FFF; }
#bottom_z p a:hover{ text-decoration:underline;}
#bottom_z h5{color:#FFF;font-family:"宋体"; font-size:12px; line-height:20px; font-weight:normal;}


#banner_common{ margin:0 auto; width:980px; height:325px; overflow:hidden; margin-top:5px; }


#common_gundong_w{width:100%;}	
#common_gundong{margin:0 auto; width:1000px;}	
#common_gundong .pingpai_logo{ float:left; width:164px; height:86px;}	
#common_gundong .picMarquee-left{ width:826px;  overflow:hidden; position:relative;  /*border:1px solid #ccc;  */ }
		
#common_gundong .picMarquee-left .bd{ padding:10px;   }
#common_gundong .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
#common_gundong .picMarquee-left .bd ul li{/* margin:0 8px;*/ float:left; _display:inline; _width:144px; _height:76px; overflow:hidden; text-align:center;  }
#common_gundong .picMarquee-left .bd ul li .pic{ text-align:center; height:52px; line-height:52px;}
#common_gundong .picMarquee-left .bd ul li .pic img{ max-width:140px;/*expression((document.documentElement.clientWidth||document.body.clientWidth) > 140?"140px":"");*/ max-height:52px;/*_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<52?"52px":"");*/  padding:2px; }
#common_gundong .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
#common_gundong .picMarquee-left .bd ul li .title{ line-height:24px; height:24px; font-size:12px; font-family:"宋体"; color:#FFF ; text-align:center; overflow:hidden;  }
#common_gundong .picMarquee-left .bd ul li .title a{ color:#E4E4E4;  }
#common_gundong .picMarquee-left .bd ul li .title a:hover{ color:#E4E4E4;  }
#main_common_w{ width:100%;	}
#main_common{ width:980px; margin:0 auto; margin-top:20px; overflow:hidden;  margin-bottom:26px;  }
#main_common .left_common{ float:right; width:220px;}
.list_1{ margin-bottom:20px;}
.list_1 ul{ background: rgba(119, 3, 6, 0.5); width:220px;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80770306', endColorstr='#80770306');
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80770306', endColorstr='#80770306')";
}
.list_1 li {
   /* background-color: #C1C1C1;
	background: none repeat scroll 0 0 rgba(140, 3, 6, 0.5);
	background-color: #770306;
	background: none repeat scroll 0 0 rgba(119, 3, 6, 0.5);*/
	background:url(../images/brand_btn_on.png) center center no-repeat;
    height: 40px;
    line-height: 40px;
 /*   margin-bottom: 1px;
	border-bottom:1px solid #5f0107;*/
    text-indent: 30px;
	overflow:hidden;
}
.list_1 li.select, .list_1 li:hover {
   /* background-color: #500002;
	background: none repeat scroll 0 0 rgba(80, 0, 2, 0.5);	*/
	background:url(../images/brand_btn.png) center center no-repeat;
}
.list_1 li a {
    color: #FFF;
  
    font-size: 12px;
   /*   display: block;word-spacing: 5px;*/
	font-weight:bold;
}
.list_1 li.select a, .list_1 li a:hover {
    color: #000;
    font-size: 12px;
    /*word-spacing: 5px;*/
}

#main_common .right_common{ float:left; width:740px; font-family:"微软雅黑"; font-size:12px; /*background:#6a0c01; */ 
background: rgba(119, 3, 6, 0.3);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80770306', endColorstr='#80770306');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80770306', endColorstr='#80770306');

color:#FFF; min-height:400px;}

.right_common .location { /*background:url(../images/location_bg.jpg) repeat-x bottom ;*/ border-bottom:1px dotted #cccccc;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
	font-size:13px;
	color:#F90;
}
.location a{ color:#F90;}
.location a:hover{ color:#ff6600;}


/* Newsletter styling */
#newsletter{
	margin:-12px 0px 5px 0px;
	float:left;	
}
#nlt-form{
	width:114px;
	font-size:11px;
	color:#868686;
	padding:8px 8px 8px 8px;
	background-color:#4d5050;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nlt-form:focus{
	color:#a8a8a8;
}
#newsletter .sub-button{
	width:31px;
	border:none;
	font-weight:bold;
	letter-spacing:-1px;
	background-color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    color: #383939;
	margin-left:5px;
	padding:5px 0px;
	cursor:pointer;
}

/* Search styling */
#search-right{
	margin:10px 0px 17px 17px;
	float:left;	
}
#search-left{
	margin:10px 0px 17px 0px;
	float:left;	
}
#search-form{
	width:140px;
	font-size:11px;
	color:#a8a8a8;
	padding:8px 8px 8px 8px;
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* Safari CSS Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search-form{
	width:138px;
}
}
#search-form:focus{
	color:#a8a8a8;
}
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
	border:none;
	font-weight:bold;
	letter-spacing:-1px;	
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #747474;
	margin-left:5px;
	padding:5px 8px 6px 8px;
	cursor:pointer;
}
/* Opera CSS Hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
	background-color:#f0f0f0;
	padding:6px 8px 8px 8px;
}
}

/* Sidebar Left */
.sidebar-content-left{
	width:250px;
	margin:20px 0px 0px 0px;
	float:left;
}
.sidebar-content-left h5{
	padding:0px 18px 15px 0px;
	border-bottom:1px solid #e8e8e8;	
}
.sidebar-content-left p{
	font-style:italic;
	margin:15px 18px 25px 0px;
}
.sidebar-content-left ul.sidebar-list,
.sidebar-content-left .widgets ul{
	margin-right:18px;
}
.sidebar-content-left .sidebar-roundabout{
	margin-left:45px;
}
.blocktesti p strong{
  font-size: 12px;
}
.blocktesti img {
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  float: left;
  margin:4px 13px 0 18px;
}
/* Sidebar Right */
.sidebar-content-right{
	width:250px;
	margin:20px 0px 0px 0px;
	float:left;
}
.sidebar-content-right h5{
	padding:0px 0px 15px 18px;
	border-bottom:1px solid #e8e8e8;	
}
.sidebar-content-right p{
	font-style:italic;
	margin:15px 0px 25px 18px;
}
.sidebar-content-right ul.sidebar-list,
.sidebar-content-right .widgets ul{
	margin-left:18px;
}
.sidebar-content-right .sidebar-roundabout {
	margin-left:40px;
}
.sidebar-content-left .sidebar-roundabout {
	margin-left:30px;
}
.sidebar-list,
.widgets ul {
	margin-top:-3px;
}
ul.sidebar-list li,
.widgets ul li {
	width:231px;
	font-style:italic;
	border-bottom:1px dotted #dcdcdc;
	line-height:28px;
	padding:3px 0px;
	list-style-type:none;
}
ul.sidebar-list li a, ul.sidebar-list li a:visited,
.widgets ul li a,.widgets ul li a:visited{
	color:#868686;
	text-decoration:none;
	background-image:url(../images/list-general.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}
ul.sidebar-list li a:hover,
.widgets ul li a:hover {
	color:#a6a6a6;
	text-decoration:none;
	background-image:url(../images/list-general.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

/* Roundabout Sidebar */
.sidebar-roundabout {
	height:76px;
	margin:12px 0px 50px 0px;
	padding-left:0px;
	float:left;
}
.sidebar-roundabout .roundabout-holder { 
  	padding: 0; 
  	height: 100%; 
  	width: 156px;
}
.sidebar-roundabout .roundabout ul {
	list-style: none;
	margin:0 auto;
	top:5px;
}	
.widgets .sidebar-roundabout .roundabout ul li a {
  padding-left: 0;
}
.sidebar-roundabout .roundabout-moveable-item  {
	cursor:pointer;
	width:176px;
	height:76px;
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media \0screen {
  .sidebar-roundabout .roundabout-moveable-item {border:1px solid #d5d5d5;}
}
.sidebar-roundabout .roundabout-moveable-item img{
	margin:0 auto;
	width:100% !important;
}
.sidebar-roundabout .roundabout-in-focus{
	cursor:auto;
}
.sidebar-roundabout .featured-desc{
	font-size:14px;
	font-style:italic;
	text-align:center;
	clear:both;
  display: none;
  margin-top: -2px;
}
.sidebar-roundabout .featured-desc a, 
.sidebar-roundabout .featured-desc a:hover{
  background: none;
  padding: 0;
}
.sidebar-roundabout .roundabout-in-focus  .featured-desc{
	display: block;
}

/* ABOUT
------------------------------------------------------*/
.about-content{
	width:474px;
	margin-right:30px;
	float:left;
}
.about-client{
	width:101px;
	float:left;	
}
ul.client-list{
	margin:5px 0px;
	list-style-type:none;
	float:left;
}
ul.client-list li{
	width:101px;
	height:48px;
	margin-bottom:10px;
	float:left;
}
.trial-wrapper-right{
	width:232px;
	margin-left:18px;
	float:left;
}
.trial-wrapper-left{
	width:232px;
	margin-left:0px;
	float:left;
}
.button-trial{
	float:left; 
	margin:-12px 0px 22px 0px;
}
.button-trial-last{
	float:left; 
	margin:-12px 0px 22px 0px;
}


/* SERVICES
------------------------------------------------------*/
.services-intro{
	width:900px;
	height:408px;
	padding-bottom:45px;
	background-image:url(../images/services-bg.jpg);
	background-repeat:no-repeat;
}
.srv-intro-left{
	width:400px;
	margin-right:80px;
	float:left;
	color: white !important;
	
	position:relative;
}
/*-----opacity divs-------*/
.opacity {
	position:absolute;
	width:100%;
	background:#4c80a8;
	opacity:0.3; /* FX/Opera/Safari/Chrome */
	-ms-filter:"alpha(opacity=30)"; /* IE8 */
	filter:alpha(opacity=30); /* IE6/IE7 */
	z-index:0;
	-moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -khtml-border-radius: 3px;
	    border-radius: 3px;
}
/*slider opacity*/
.slidecontent .opacity{
	background: black;
	opacity: 0.7 !important;
	-moz-opacity: 0.7 !important;
	filter:alpha(opacity=70) !important;
}

#slide-main .opacity{
	display: none;
}
#slide-main .opacity-content{
}
.opacity-content{
	padding:10px;
	color: white !important;
	opacity:1;
	z-index:10;
	position:relative;
}

.srv-intro-left .opacity-content, .srv-intro-left .opacity-content h1, .srv-intro-left .opacity-content h3{
	color: white !important;
	opacity:1;
	z-index:10;
	position:relative;
}
.srv-intro-left p{
	margin:0;
}
.srv-intro-right{
	width:450px;
	float:left;
}
.srv-intro-left h2{
	margin:32px 0px 20px 0px;
	float:left;
}
.services-item h3{
	width:360px;
	margin:20px 0px 24px 0px;
	padding:0px 0px 14px 0px;
	border-bottom:1px solid #e8e8e8;
	float:left;
}
.services-item h3 a {
  color: #747474;
  text-decoration:none;
}
.services-item h3 a:hover {
	color:#858585; 
	text-decoration:none;
}
.services-item p{
	float:left;
}
.services-icon{
	width:78px;
	margin:-5px 10px 0px 0px;
	float:left;
}
.inline-list{
	width:145px;
	float:left;
}
ul.inline-list li{
	width:145px;
	font-style:italic;
	line-height:22px;
	background-image:url(../images/list-general.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}


/* PRICING
------------------------------------------------------*/
.pricing-content{
	padding-bottom:48px;
	clear:both;
	float:left;
}
.slogan-font{
	margin:-12px 0px 32px 0px;
	font-style:italic;
}
.pricing{
	width:182px;
	height:369px;
	padding:20px 20px 0px 20px;
	background-image:url(../images/shadow-pricing.png);
	background-position:right;
	background-repeat:repeat-y;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
.pricing-left h4{
	width:178px;
	float:left;
}
.best-seller{
	position:absolute;
	margin:-25px 0px 0px 116px;
}
.price{
	width:178px;
	margin:-10px 0px 18px 0px;
	padding-bottom:14px;
	font-style:italic;
	border-bottom:1px solid #dbdbdb;
	float:left;
}
.pricing-desc{
	font-size:12px;
}
.pr-list{
	min-height:144px;
	margin-top:-10px;
	font-size:12px;
	float:left;
}
.button-pricing{
	width:222px;
	margin-left:-21px;
	padding:15px 0px;
	background-image:url(../images/shadow-pricing.png);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#e6e6e6;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	float:left;	
}
.button-pricing a.button{
	margin:7px 0px 7px 65px;
}


/* PORTFOLIO
------------------------------------------------------*/
ul#portfolio-filter{
	width:810px;
	margin:20px 0px 40px 0px; 
	padding:0;
	float:left; 
}
ul#portfolio-filter li{
	margin:0px 0px 0px 12px;
	display:inline;
}
ul#portfolio-filter li a{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#8b8b8b; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none; 
}
ul#portfolio-filter li a:hover{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#8b8b8b; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none;
}
ul#portfolio-filter li a.current{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#717171; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none;
}

/* Styling for the view mode switcher control */
#controls {
	margin-top:14px;
	float:left;
}
#controls a {
	cursor:pointer;
}

/* General styling of items */
#portfolio { 
	width: 920px; 
	margin: 0px 0px 60px 15px; 
	padding: 0px;
	float:left; 
}
#portfolio li {
	float: left; 
	display: inline; 
	list-style: none; 
	margin: 20px 20px 0 0; 
	padding:6px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}
@media \0screen {
  #portfolio li {border:1px solid #d5d5d5; padding:5px;}
  #portfolio li .services-list li {border:none;}
}
#portfolio li div a.overlay { 
	display: block; 
	position: absolute; 
	margin: 0; 
}

/* Styling for list view mode */ 
#portfolio.list li { 
	width: 888px; 
	margin: 20px 0 0 0; 
}
#portfolio.list li div {
	overflow: hidden; 
}
#portfolio.list li img {
	width:198px;
	margin-right:20px; 
	float:left; 
}
#portfolio.list li h6 {
	margin-top:8px
}
#portfolio.list li p {
	width:650px;
	float:left; 
}
#portfolio.list ul li{
	margin:-1px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; 
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

/* Styling for icon view mode */
#portfolio.icon li { 
	width: 198px; 
	margin: 20px 20px 0 0; 
}
#portfolio.icon li div { 
	overflow: hidden; 
}
#portfolio.icon li h6 {
	margin:3px 0px 4px 0px;
	text-align:center; 
}
#portfolio.icon li p {
	display:none; 
}
#portfolio.icon li ul{
	display:none;
}

/* TESTIMONIALS
------------------------------------------------------*/
.testi-container{
	width:620px;
	background-image:url(../images/testi-quote.jpg);
	background-repeat:no-repeat;
	background-position:16px 0px;
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
.testi-left{
	width:379px;
	padding:20px 20px 8px 20px;
	background-image:url(../images/shadow-pricing.png);
	background-repeat:repeat-y;
	background-position:right;	
	float:left;
}
.testi-left blockquote{
	width:365px;
	padding-left:0px;
	font-size:14px;
	line-height:23px;
	background-image:none;
}
.testi-right{
	width:200px;
	height:112px;
	text-align:center;
	background-image:url(../images/testi-author.jpg);
	background-repeat:no-repeat;
	background-position:0px 13px;
	float:left;	
}
.testi-right h5{
	margin:36px 0px 4px 0px;
}
.testi-right p{
	font-size:11px;
}
.testi-avatar-container{
	width:680px;
	margin:0px 0px 48px 0px;
	float:left;	
}
.testi-page{
	margin:-25px 0px 0px 495px;
}
.testi-avatar{
	width:50px;
	height:50px;
	position:absolute;
	z-index:80;
	float:left;
}
.testi-border{
	width:50px;
	height:50px;
	background-image:url(../images/testi-avatar-border.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	float:left;
}


/* 404 PAGE
------------------------------------------------------*/
.col-2-2.error-page{
	width:560px;
	margin:70px 15px 66px 170px;
	padding:30px;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;	
}
.error-page h1{
	font-size:60px;
	text-align:center;
}
.error-page h2{
	text-align:center;
	background-image:url(../images/divider.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:10px 0px 24px 0px;
	padding-bottom:38px;
}
.stop-sign{
	width:119px;
	float:left;
}
.error-message{
	width:411px;
	margin-left:30px;
	float:left;
}
#search-error{
	margin:-8px 0px 0px 0px;
	float:left;	
}
#search-form-error{
	width:318px;
	font-size:11px;
	color:#a8a8a8;
	padding:8px 8px 8px 8px;
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* COLUMN
------------------------------------------------------*/
.col-1{
	width:900px;
	margin:0px 0 0px 0;
	padding:20px;
	float:left;
}
.col-2{
	width: 422px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-2-2{
	width:590px;
	margin:0px 0 15px 0;
	float:left;
}
.col-2-3{
	width:528px;
	margin:0px 0 15px 0;
	float:left;
}
.col-2-faq{
	width:281px;
	margin-right:20px;
	float:left;
}
.col-2-faq-last{
	width:281px;
	margin-right:0px;
	float:left;
}
.col-3{
	width:420px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-4{
	width:202px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-5{
	width:156px;
	margin:0px 30px 15px 0;
	float:left;
}
.last{
	margin-right:0px;
	float: right;
}
/* used for 4 column */
.col-214 { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-214-last { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 3 column */
.col-297 { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-297-last { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 2 column */
.col-461 { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-461-last { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}
.col-629 { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-629-last { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* column for faq */
.col-310 { 
	display:inline-block;
	width:310px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:20px;
}
.col-310-last { 
	display:inline-block;
	width:310px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}
/* HOME
------------------------------------------------------*/
#home .col-1{
	padding-top:0px;
}
#home .col-1 .home-content{
	margin-left: 201px;
	margin-top: 21px;
}
#home .home-content h4{
	margin: 0px;
	padding: 10px 0px 15px 0px;
}
/* BLOG
------------------------------------------------------*/
.blog-post{	
	margin-bottom:28px;
	padding-bottom:8px;
	float:left;
}
.post-content{
	width:100%;
	margin:-30px 0px 0px 0px;
	padding-bottom:8px;
	float:left;
}
.post-title h3{
	width:412px;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:15px;
	margin:0px 12px 10px 0px;
	float:left;	
}
.post-title h3 a, .post-title h3 a:visited{
	color:#747474;
	text-decoration:none;
}
.post-info{
	width:180px;
	margin-top:-6px;
	float:left;
}
.blog-info-box{
	width:80px;
	height:66px;
	margin-right:10px;
	font-size:18px;
	text-align:center;
	padding-top:14px;
	background-image:url(../images/info-box.png);
	background-repeat:no-repeat;	
	position:relative;
	z-index:100;
	float:left;
  color:#ffffff;
}
.blog-info-box a, .blog-info-box a:visited{
	color:#ffffff;
	text-decoration:none;
}

/* Tag Cloud */
.tag-cloud-left{
	margin:10px 0px 15px 0px;
	float:left;
}
.tag-cloud-right{
	margin:10px 0px 15px 16px;
	float:left;
}
.tag-cloud-left a, .tag-cloud-right a {
	display: block;
	padding: 5px 6px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 5px 0px;
}

/* Popular List */
.popular-list-left{
	width:234px;
	margin:8px 0px 9px 0px;
	float:left;
}
.popular-list-right{
	width:234px;
	margin:8px 0px 9px 16px;
	float:left;
}
ul.popular-list-left li, ul.popular-list-right li,
.widgets ul.popular-list-left li, .widgets ul.popular-list-right li{
	line-height:6px;
	margin-bottom:12px;
	padding-bottom:15px;
	border-bottom:1px dotted #dcdcdc;
	list-style-type:none;
	float:left;
}
ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title {
	width:169px;
	font-size:13px;
	font-style:italic;
	margin:1px 0px 4px 0px;
	line-height:20.8px;
	overflow:hidden;
  float: left;
}
@media \0screen {
  ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title,.widgets ul.popular-list-left li p.popular-title, .widgets ul.popular-list-right li p.popular-title {width:167px;}
}
ul.popular-list-left li img, ul.popular-list-right li img,
.widgets ul.popular-list-left li img, ul.popular-list-right li img{
	width:45px;
	height:45px;
	margin:4px 10px 0px 0px;
	float:left;
}
ul.popular-list-left li p, ul.popular-list-right li p {
	margin:4px 0px 0px 0px;
	font-size:11px;
	font-style:normal;
	color:#b3b3b3;
	float:left;
}
ul.popular-list-left li a, ul.popular-list-left li a:visited, ul.popular-list-right li a, ul.popular-list-right li a:visited,
.widgets ul.popular-list-left li a, .widgets ul.popular-list-left li a:visited, .widgets ul.popular-list-right li a, ul.popular-list-right li a:visited{
	color:#868686;
	text-decoration:none;
  background: none;
  padding: 0;
}
ul.popular-list-left li a:hover, ul.popular-list-right li a:hover,
.widgets ul.popular-list-left li a:hover, .widgets ul.popular-list-right li a:hover{
	color:#868686;
	text-decoration:none;
}
ul.popular-list-left li .block-img, 
.widgets ul.popular-list-left li .block-img {
  float: left;
  width: 50px;
}
ul.popular-list-left li .block-text, 
.widgets ul.popular-list-left li .block-text{
  float: left;
  width: 50px;
}
/* Sponsors List */
ul.sponsor-list-left{
	width:195px;
	height:114px;
	margin:0px 0px 0px 5px;
	padding:16px 0px 0px 16px;
	background-color:#f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #d4d4d4;
}
ul.sponsor-list-right{
	width:195px;
	height:114px;
	margin:0px 0px 0px 30px;
	padding:16px 0px 0px 16px;
	background-color:#f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #d4d4d4;
}
.sponsor-list-left li, .sponsor-list-right li{
	width:178px;
	height:98px;
	margin:0px;
	list-style-type:none;
	display:inline-block;
	float:left;
}

/* Blog Pagination */
.blog-pagination{
	width:100%;
	margin-bottom:15px;
	float:left;
}
.pages{line-height:30px; margin-bottom:10px; clear:left;}
.blogpages{margin:8px 0px;}
.pfpages{margin:-15px 0px 12px 0px;}
.pageof{
	font-size:12px;
	display: block;
	padding: 2px 7px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 0px 0px;
}
.pages a{
	font-size:12px;
	display: block;
	padding: 2px 7px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 0px 0px;
	text-decoration:none;
}
.pages a:hover{
	color:#868686 !important; 
	background-color:#f0f0f0; 
	text-decoration:none;
}
.pages a.current{
	color:#868686 !important; 
	background-color:#f0f0f0;
}

/* Related Post */
#recentPostList{
	width:570px;
	background-color:#f0f0f0;
	border:1px solid #d4d4d4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:10px 0px 10px 0px;
	padding:19px 25px 0px 25px;
	float:left; 
}
#related-post-title{
	padding:3px 0px 8px 0px;  
	height:20px; 
	font-weight:bold; 
	color:#2f87aa;
}
.related-item-wrapper{
	font-size:12px;
	width:125px;
	padding:8px 0px 8px 0px;
	margin-right:23px;
	float:left;
	color:#adacac;
	cursor:pointer;
}
.related-item-wrapper-last{
	font-size:12px;
	width:125px;
	padding:8px 0px 8px 0px;
	margin-right:0px;
	float:left;
	color:#adacac;
	cursor:pointer;
}
.related-item-wrapper p, .related-item-wrapper-last p{
	font-style:italic;
	line-height:18px;
}
.related-item-wrapper a, .related-item-wrapper a:visited, .related-item-wrapper-last a, .related-item-wrapper-last a:visited{
	color:#747474;
}
.related-item-wrapper img:hover, .related-item-wrapper-last img:hover{
	-webkit-box-shadow:0 0 8px #6d6d6d; 
	-moz-box-shadow: 0 0 8px #6d6d6d; 
	box-shadow:0 0 8px #6d6d6d;
}
.related-item-wrapper img, .related-item-wrapper-last img{	
	-webkit-box-shadow:0 0 3px #6d6d6d; 
	-moz-box-shadow: 0 0 3px #6d6d6d; 
	box-shadow:0 0 3px #6d6d6d;
}
.img-related{
	float:left;
	margin:0px 0px 5px 0px;
}

/* Sharing Social */
.sharing-box {
	float:left;
	width: 620px;
	padding:30px 0 10px 0;
	border-top:1px solid #dcdcdc;
	margin:30px 0px 0px 0px;
}
.sharing-box .share-facebook {
	float:left;
	width: 200px;
	padding-top:5px;
}
.sharing-box .share-social {
	margin-top:5px;
	float:right;
}
.sharing-box .share-social li {
	display:block;
	float:left;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-left:8px;
	padding:0;
}
.sharing-box .share-social a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:32px;
	height:32px;
}
ul.social li {
	background:none;
	list-style-position:inherit;
	list-style-type:none;
	float:left;
	border:0;
	margin-bottom:3px;
	margin-right:3px;	
	padding: 5px;
	border: 1px solid #d4d4d4 !important;
	border-top: 1px solid #f1f1f1 !important;
	border-left: 1px solid #eee !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	display:block;
}
ul.social li a {
	float:left;
	display:block;
	width:32px;
	height:32px;
}
.social a.twitter,
.share-social a.twitter
{ 
	background:url(../images/social-icons/black-white/twitter.png) no-repeat left top;
}
.social a.delicious,
.share-social a.delicious 
{ 
	background:url(../images/social-icons/black-white/delicious.png) no-repeat left top;
}

.social a.facebook,
.share-social a.facebook
{ 
	background:url(../images/social-icons/black-white/facebook.png) no-repeat left top;
}

.social a.digg,
.share-social a.digg 
{ 
	background:url(../images/social-icons/black-white/digg.png) no-repeat left top;
}

.social a.stumbleupon,
.share-social a.stumbleupon 
{ 
	background:url(../images/social-icons/black-white/stumbleupon.png) no-repeat left top;
}

.social a.reddit,
.share-social a.reddit 
{ 
	background:url(../images/social-icons/black-white/reddit.png) no-repeat left top;
}
.share-social a.designfloat 
{ 
	background:url(../images/social-icons/black-white/designfloat.png) no-repeat left top;
}

.social a.rss { background:url(../images/social-icons/black-white/rss.png) no-repeat left top; }
.social a.flickr { background:url(../images/social-icons/black-white/flickr.png) no-repeat left top; }
.social a.vimeo { background:url(../images/social-icons/black-white/vimeo.png) no-repeat left top; }
.social a.youtube { background:url(../images/social-icons/black-white/youtube.png) no-repeat left top; }
.social a.linkedin { background:url(../images/social-icons/black-white/linkedin.png) no-repeat left top; }
.social a.deviantart { background:url(../images/social-icons/black-white/deviantart.png) no-repeat left top; }
.social a.tumblr { background:url(../images/social-icons/black-white/tumblr.png) no-repeat left top; }
.social a.lastfm { background:url(../images/social-icons/black-white/lastfm.png) no-repeat left top; }


.social a.twitter:hover,
.share-social a.twitter:hover 
{ 
	background:url(../images/social-icons/colorful/twitter.png) no-repeat left top;
}
.social a.delicious:hover,
.share-social a.delicious:hover 
{ 
	background:url(../images/social-icons/colorful/delicious.png) no-repeat left top;
}
.social a.facebook:hover,
.share-social a.facebook:hover
{ 
	background:url(../images/social-icons/colorful/facebook.png) no-repeat left top; 
}
.social a.digg:hover,
.share-social a.digg:hover
{ 
	background:url(../images/social-icons/colorful/digg.png) no-repeat left top; 
}
.social a.stumbleupon:hover,
.share-social a.stumbleupon:hover 
{ 
	background:url(../images/social-icons/colorful/stumbleupon.png) no-repeat left top;
}
.social a.reddit:hover,
.share-social a.reddit:hover 
{ 
	background:url(../images/social-icons/colorful/reddit.png) no-repeat left top; 
}
.share-social a.designfloat:hover
{ 
	background:url(../images/social-icons/colorful/designfloat.png) no-repeat left top;
}
.social a.rss:hover { background:url(../images/social-icons/colorful/rss.png) no-repeat left top; }
.social a.flickr:hover { background:url(../images/social-icons/colorful/flickr.png) no-repeat left top; }
.social a.vimeo:hover { background:url(../images/social-icons/colorful/vimeo.png) no-repeat left top; }
.social a.youtube:hover { background:url(../images/social-icons/colorful/youtube.png) no-repeat left top; }
.social a.linkedin:hover { background:url(../images/social-icons/colorful/linkedin.png) no-repeat left top; }
.social a.deviantart:hover { background:url(../images/social-icons/colorful/deviantart.png) no-repeat left top; }
.social a.tumblr:hover { background:url(../images/social-icons/colorful/tumblr.png) no-repeat left top; }
.social a.lastfm:hover { background:url(../images/social-icons/colorful/lastfm.png) no-repeat left top; }

/* Comment list */
#comment{
	width:620px;
	padding:20px 0px 8px 0px;
	float:left;
}
#comment ol{
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style-type:none !important;
}
.commentlist, .commentlist ol{position:relative;}
.commentlist li{margin:0px; list-style-type:none;}
.commentlist li small{font-size:11px; font-style:italic}
img.avatar {float: left;}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #e2e1e1;  padding:0px 0px 5px 0px; margin-bottom:10px}
.commdate{float:left; text-align:left}
.reply{}
.smalltext{text-align:right; clear:none}
.reply a, .reply a:visited  {
	background:#eee;
	margin-bottom:15px;
	padding:3px 10px;
	text-align:center;
	font-size: 1em;
}
.commentlist li,
#maintext .commentlist li{margin:0px; list-style-type:none;background: none;}
.commentlist .children{
padding:0 0 0 70px;
}
.commentlist .children li .comment_content{
width:454px;
}

.commentlist .children .children li .comment_content{
width:384px;
}

.commentlist .children .children .children li .comment_content{
width:314px;
}

.commentlist .children .children .children .children li .comment_content{
width:244px;
}

.commentlist .children .children .children .children .children li .comment_content{
padding:0;
}
.commentlist li.bypostauthor {
	border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.commentlist code {
	background:#e0e0e0;
	padding:3px;
}
#trackbacklist li {
	margin: 10px 0 10px 35px;
}
#trackbacklist cite {
	font-style:normal
}
cite.fn {
	display:block;
	padding-top:9px;
}	
.says {
	display:none;
}
.commentmetadata {
	float:left
}
.comment-date a, .comment-date a:visited {
	color:#868686;
	font-size:0.9em;
	text-decoration:none
}
.commentmetadata a:hover, .commentmetadata a:active  {
	text-decoration:underline;
	color:#333;
}
.avatar img{
	width:64px; 
	height:64px; 
	-webkit-box-shadow:0 0 3px #6d6d6d; 
	-moz-box-shadow: 0 0 3px #6d6d6d; 
	box-shadow:0 0 3px #6d6d6d;
}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #dcdcdc;  padding:0px 0px 5px 0px; margin-bottom:10px;}
.reply{	
	background-color:#f0f0f0;
	margin-top:-10px;
	padding:3px 8px;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right
}
a.reply, a:visited.reply, a:hover.reply {
	font-weight:bold;
	font-style:normal;
	color:#747474;
	text-decoration:none;
}

/* Comment Form */
#commentform-wrap {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#commentform-wrap h4{
	margin-bottom:0px;
}
#comment-form {
	position: relative;
	width: 496px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#comment-form div {
	display: inline;
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
#comment-form div label {
	width:100px;
	float: left;
	text-align: left;
	margin:5px 0px 0px 8px;
}
#comment-form input {
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	width:284px; 
	padding:8px 5px; 
	margin:0px 0px 10px 0px; 
	color:#959494;
	float:left;
}
#comment-form textarea {
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	width:472px;
	height:130px; 
	padding:8px 5px; 
	margin:0px 0px 10px 0px; 
	color:#959494;
	float:left;
	overflow:hidden\0/;
}
#comment-form input.submit {
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;	
}
#comment-form em {
	color:#db4e43;
	display: inline;
}


/* CONTACT
------------------------------------------------------*/
#map-box{
	width:417px;
	height:300px;
	margin-bottom:10px;
	padding-bottom:16px;
	background-image:url(../images/map-shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
#map{
	width:100%;
	height:100%;
	position:fixed;
	z-index:80;		
	float:left;
}

/* Contact Form */
.contact-area{
	width:365px;
	margin:0px 0px 80px 0px;
	padding:18px 25px 25px 25px;
	background-color:#f0f0f0;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /*Linux browsers*/
	border-radius: 4px; /*CSS3*/
	float:left;
}
.contact-area h4{
	width:365px;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
}

form{
	margin:0; 
	padding:0;
}
fieldset{border:0px;}
#contactFormArea{
	margin:0px 0px 0px 0px;
	float:left;
}
label{
	margin-bottom:2px;
	display:block;
}
.textfield{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 10px 11px 0px; 
	display:inline;
	color:#939393;
	width:351px;
	float:left;
}
.field-nomargin{
	margin-right:0px;
	float:left;
}
.textarea{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	overflow:hidden;
	padding:10px 5px; 
	margin:0px 0px 10px 0px; 
	color:#939393;
	width:351px;
}
.label-form-inline{
	float:left;
}
.buttoncontact{
	font-weight:bold;
	letter-spacing:-1px;
	display: block;
	padding: 6px 18px 6px 15px;
	background-color:#e0e0e0;
	color:#606060;
	float:left;
	border: 1px solid #bbbbbb;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 10px 5px 0px;
	float:right;
}
.loading{
    background:url(../images/loading-contact.gif) top left no-repeat;
    padding-left:25px;
	color:#797979;
    margin:10px 20px 0px 0px;
    float:right;
}
.success-contact {
	width:341px;
	font-size:12px;
	text-align:center;
    color:#3F9153;
	margin-bottom:10px;
    padding:8px 10px 8px 10px;
    background-color:#D7F7DF;
    border-top:1px solid #A3F7B8;
	border-bottom:1px solid #A3F7B8;
	float:left;
  display: none;
} 

/* LOGIN FORM
------------------------------------------------------*/
#login-content{
	padding:15px;
	background-image:url(../images/login-icon.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#login-content h3{
	text-align:center;
	margin-bottom:-20px;
}
.login-form{
	margin:-10px 0px 0px 68px;	
}
.label-login{
	width:180px;
	float:left;
}
.input-login{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 10px 11px 0px; 
	display:inline;
	color:#939393;
	width:180px;
	float:left;
}
.button-login{
	cursor:pointer;
	font-weight:bold;
	letter-spacing:-1px;
	display: block;
	padding: 6px 18px 6px 15px;
	background-color:#e0e0e0;
	color:#606060;
	float:left;
	border: 1px solid #bbbbbb;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 10px 5px 55px;
	float:left;
}

/* Front Tabs */
.tabs-wrapper {
  margin: 15px 0;
}
ul.tabs {
	margin:0px 0px 0px 1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px;
	border-bottom: 1px solid #dbdbdb;
	border-left:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: auto;
	float:left;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin:0px 0px -1px -1px;
	background-image:url(../images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;	
}
ul.tabs li a {
	text-decoration: none;
	color: #7d7b7b;
	display: block;
	font-size: 14px;
	padding: 1px 26px;
	outline: none;
}
ul.tabs li a:hover {
	background-image:url(../images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	
html ul.tabs li.current, html ul.tabs li.current a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
.tab_container,
.panes {
	border: 1px solid #dbdbdb;
	border-top: none;
	clear: both;
	float: left; 
	width: auto;
	background: #fff;
  width: 100%;
  padding-bottom: 10px;
  font-size: 14px !important;
  color: #666666;
}
.tab_content,
.pane {
	padding: 18px 20px 8px 20px;
  border-top: 1px solid #dbdbdb;
}
.tab_content p {
  font-size: 12px;
	padding-top: 5px;
  color: inherit;
}
.tab_content img {
	float: left;
	margin: 0 18px 18px 0;
	padding: 0px 5px 0px 5px;
}

/* ----------------------- FAQ PAGE -----------------------*/
.toggle_wrapper {
  margin-bottom: 30px; 
}
.toggle {
  margin-bottom: 5px;
}
.toggle_title {
	cursor:pointer;
	font-size:14px;    
	background: url(../images/closed.png) 98% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#f0f0f0;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:8px 13px 10px 13px;
	clear:both;
}
.toggle_active {
	background: url(../images/open.png) 98% 50% no-repeat;
}
.toggle_content {
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 0px 5px 0px;
	padding:15px 18px 1px 18px;
  display: none;	
}
img.footerlogo {
  margin-top: 35px;
}
/* Native Wordpress Styling */

.wp-caption-text {
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.sticky {
}
.gallery {
}
.gallery-caption {
}
/*-----------------wpml style---------------------*/
.lang_sel_listt{
	position: absolute;
	color: white !important;
	top: 117px;
	margin-left: 873px;
	font-size: 11px;
}
.lang_sel_listt{
}
.lang_sel_listt a{color:white; visibility: hidden;}
.lang_sel_listt a:hover{text-decoration:underline;}
.lang_sel_sel{text-decoration:underline;}

.lang_sel_listt ul { list-style:none;
}
.lang_sel_listt ul li{
	float:left !important;
}
.lang_sel_listt ul li span{
	margin:0 3px;
}
.back-top{
	width: 100px !important;
	margin: 0 auto;
	display: block;
}
.current-lan{text-decoration:underline;}
/*-----------------Products---------------------*/
.col-1-produ{
	padding:0 !important;	
}
.col-1-produ .services-icon{
	float:left;
	width:auto !important;
	margin:0 30px 30px 0 !important;

	
}
.col-1-produ .product-content{
	float:left;
	width: 670px;
}
.col-1-produ .product-content h3, .col-1-produ .product-content p{
	width: 100%;
	float:none;
}
/*-----------------contactform---------------------*/
.contactform{
	width: 860px;
	background: #EFEFEF;
	box-shadow: 0 1px 3px #999999;
	margin: 0;
	padding: 15px 20px 30px;
	float: left;
	position: relative;
	text-align:left;
	
	color: #666;
	font-size: 11px;
	font-weight: bold;
}
.contactform p{
	margin:0;
	border-bottom:solid 1px #cccccc;
	color:black;
	font-size:14px;
}
.contactform label{
	margin:0;
}
.contactform input[type="text"], .contactform textarea{
	border: 1px solid #CCC;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 2px #CCCCCC inset;
	font-size: 11px;
	padding: 3px;
}
.contactform textarea{
	width: 366px;
	height:75px;
}
.contactform input[type="submit"]{
	background: #3A3A3A;
	background: -moz-linear-gradient(top, #5A5A5A 0%, #3A3A3A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#3A3A3A));
	background: -webkit-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	background: -o-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	background: -ms-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#3A3A3A',GradientType=0 );
	background: linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	padding: 4px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	float:right;
} 
.contactform .first{
	float:left;
	margin-right: 10px;
}
.contact-col-1{
	float:left;
	width:425px;
}
.contact-col-1 div, .contact-col-2 div{
	margin-top:10px;
	
}
/*input widht*/
#first-name input{
	width:200px;
}
#last-name input{
	width:197px;
}
#email input{
	width:330px;
}
#phone input{
	width:67px;
}
#company input{
	width:269px;
}
#country select{
	 width:135px;
	float: right;
}
#interest  {
	margin-right:0; 
	margin-top: 20px; 
	width:100%; 
}
#interest select{
	width:240px; 
	float:right
}

.contact-col-2{
	float:right;
	width:375px;
}

#checkbox-privaci{
	font-weight:normal;
	border-bottom: solid 1px #CCC;
	height: 42px;
}
#checkbox-privaci label, #checkbox-privaci input{
	float:left;
}
#checkbox-privaci label{
	line-height: 16px;
	margin-left:5px;
}
/*colorbox*/
#cboxOverlay{
	opacity:0.7 !important;
}
/*REDImei*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.jquery-corner{
	display: none;
}
/*eyeos_lab*/
.eyeos_lab .post-info{
	margin-top:30px;
	width: 50px;
	float: left;
}
.eyeos_lab .post-title{
	float: left;
	margin-bottom: 10px;
}
.eyeos_lab .post-title h3{
	width: 544px;
}
.eyeos_lab .post-content{
	margin-top: 0;
}
.eyeos_lab .comment_info{
	float: right;
	margin-right: 14px;
	font-style: italic;
}
.eyeos_lab .comment_info a{
	color:#828282;
}
.eyeos_lab .post-edit-link{
	margin-bottom: 20px;
	display: block;
	clear: both;
}
.eyeos_lab img{
	max-width: 620px;
	height: auto;
}
/*sidebar eyeos lab*/
.textwidget{
	margin-left: 16px;
	font-style: italic;
}
#piclist{ width:98%; float:left;}
#piclist ul li{ list-style:none; float:left; background:url(../res/images/probox_bg3.gif) 10px 6px no-repeat; width:195px; padding:20px 0 0 25px;}
#piclist ul li img{ width:172px; height:129px; float:left;}
#piclist ul li h5{ font-size:12px; font-family:"微软雅黑"; margin:25px 0 10px 10px; display:inline; float:left; width:100%;}
#piclist ul li a{ color:#666;}
#piclist ul li a:hover{ color:#03c;}
#home h3{ font-weight:normal; border-bottom:1px dashed #ccc; padding-bottom:10px;}


/*热销排行gong页面*/
.xgprlist{ width:100%; float:left; padding-top:15px; overflow:hidden; _height:250px;}
.xgprlist h3{ font-size:16px; font-weight:normal; padding:10px 0 0 15px; height:30px; /*background:#f0f0f0;*/ margin-bottom:10px;}
.xgprlist ul li{ width:146px; height:160px; float:left; margin:0 12px; display:inline;}
.xgprlist ul li a{ display:block; width:146px; height:111px; z-index:10;}
.xgprlist ul li img{ width:140px; height:105px; float:left; padding:2px; border:1px solid #ccc;}
.xgprlist ul li p{ width:146px; text-align:center; float:left;  height:49px; line-height:49px; font-size:12px;}

/*IE6下防止闪动*/
*html{
background-image:url(about:blank);
background-attachment:fixed;
}

/*广告*/
.ad{position:fixed; width:auto; height:240px; left:1px; top:200px; z-index:1000;_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:68px; }

.dtuweixin{position:fixed; width:auto; height:320px; right:1px;  top:200px; z-index:1000;_position:absolute;_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:68px;}