@charset "utf-8";
/*Global------------------------------------------------------------------------*/
* {	margin: 0;	padding: 0; }
html {width:100%; height:100%;}
body {font-family:"Verdana"; font-size:14px; color:#ffffff;
	height: 100%; width:100%; background:#000 url(/view/img/bg.jpg) top center no-repeat;

	 }
/*a { font-family:"Arial"; font-size:14px; color:#b1bf1a; text-decoration:underline}*/
a { font-family:"Verdana"; font-size:12px; color:#33ccff; text-decoration:underline;  outline:none}
img {border:none}
/*a:hover { color:#c1d20f; }*/
a:hover { color:#99ffff; }

#page {
/*min-width:990px;
max-width:1270px;*/
width:990px;
margin:0 auto;
min-height: 100%;	height: auto !important; height: 100%;
}
/*
* html #page, * html #pfoot .footer {
	width: expression(
	(document.compatMode && document.compatMode == 'CSS1Compat') ?
	(document.documentElement.clientWidth < 990 ? "990px" :
	(document.documentElement.clientWidth > 1270 ? "1270px" : "auto")) :
	(document.body.clientWidth > 992 ? "990px" :
	(document.body.clientWidth < 1272 ? "1270px" : "auto")));
}*/


/*Header------------------------------------------------------------------------*/
#phead {width:auto;}

#phead div.lvl1 {margin-left:255px; height:35px;padding-top:15px;}
#phead div.lvl1 a{display:block; text-transform:lowercase; float:right; padding:0 10px 0 20px}

#phead div.lvl2 {margin-left:255px; height:50px;}
#phead div.lvl2 div.langmenu {width:19px; height:38px; float:left; margin:-15px 15px 0 -35px}
#phead div.lvl2 div.langmenu a {display:block; width:19px; height:19px; font-size:10px; color:#999999; text-decoration:none; text-align:center; line-height:17px;}
#phead div.lvl2 div.langmenu a:hover {color:#fff; text-decoration:underline}
#phead div.lvl2 div.langmenu a.cur {background:url(/view/img/langmenu.png); color:#fff; text-decoration:none}
#phead div.lvl2 h1 {font-size:40px; font-weight:bolder; display:block; float:left; margin-top:-25px; position:relative; letter-spacing:-2px;}
#phead div.lvl2 a.di {display:block; float:left; height:21px; line-height:19px; font-size:12px; color:#000; text-transform:lowercase; background:url(/view/img/bg_di.gif) 100% 100% no-repeat; margin:-17px 0 0 8px; text-decoration:none; padding-right:11px}
#phead div.lvl2 a.di p {padding:0; margin:0; display:block; height:100%; background:url(/view/img/bg_di.gif) 0 0 no-repeat; padding-left:11px; text-transform::lowercase; }
#phead div.lvl2 a.about {display:block; float:right; font-family:"Trebuchet MS"; font-size:24px; color:#fff; line-height:50px; height:50px; padding-right:60px; background:url(/view/img/bg_xlam.gif) right no-repeat; margin-top:-7px;}
#phead div.lvl2 a.about:hover {color:#29a3cc}

#phead div.lvl3 { height:35px; position:relative;}

#phead div.lvl3i { height:320px; padding:30px 0 20px 0; position:relative;}
#phead div.lvl3i div.slider { height:320px;}
#phead div.lvl3i div.slider div.slider_left {width:141px; height:320px; float:left;}
#phead div.lvl3i div.slider div.slider_left a.arr {display:block; float:left; width:60px; height:60px; margin:130px 0 0 60px; background:url(/view/img/left.png) left top no-repeat; }
#phead div.lvl3i div.slider div.slider_left a.arr:hover {background-position:left -60px;}
#phead div.lvl3i div.slider div.slider_left a.arr:active {background-position:left bottom;}
#phead div.lvl3i div.slider div.slider_center {width:734px; height:320px; float:left; overflow:hidden;}
#phead div.lvl3i div.slider div.slider_center div.main {height:300px; background:#000; position:relative;  border:2px solid #333333}
#phead div.lvl3i div.slider div.slider_center div.main a.slide {display:block; width:730px; height:300px; float:left; position:relative; font-size:13px; text-decoration:none; color:#fff}
#phead div.lvl3i div.slider div.slider_center div.main a.slide div.hover  {position:absolute; width:100%; height:100%; background:#000; left:0; top:0; opacity:0; -moz-opacity: 0; filter:alpha(opacity=0); z-index:1;}
#phead div.lvl3i div.slider div.slider_center div.main a.slide div.title  {position:absolute; width:100%; background:url(/view/img/bg_slider_title.png); left:0; bottom:-20%; z-index:2;}
#phead div.lvl3i div.slider div.slider_center div.main a.slide div.title .inner {padding:10px 15px;}
#phead div.lvl3i div.slider div.slider_center div.main a.slide:hover div.hover  {opacity:0.1; -moz-opacity: 0.1; filter:alpha(opacity=10);}
#phead div.lvl3i div.slider div.slider_center div.main a.slide img {width:730px; height:300px;}
#phead div.lvl3i div.slider div.slider_center div.container {position:relative; left:50%; height:16px; float:left; text-align:center}
#phead div.lvl3i div.slider div.slider_center div.container div.inner {position:relative; left:-50%; height:16px; float:left;}
#phead div.lvl3i div.slider div.slider_center div.container div.inner a {display:block; float:left; width:10px; height:10px; text-indent:1000px; overflow:hidden; margin:3px 2px; background:url(/view/img/split.png) left top no-repeat}
#phead div.lvl3i div.slider div.slider_center div.container div.inner a.activeSlide {background-position:left bottom}
#phead div.lvl3i div.slider div.slider_right {width:115px; height:320px; float:left;}
#phead div.lvl3i div.slider div.slider_right a.arr {display:block; float:left; width:60px; height:60px; margin:130px 0 0 22px; background:url(/view/img/right.png) left top no-repeat; }
#phead div.lvl3i div.slider div.slider_right a.arr:hover {background-position:left -60px;}
#phead div.lvl3i div.slider div.slider_right a.arr:active {background-position:left bottom;}
#phead a.logo {display:block; width:145px; height:60px; left:38px; top:-50px; position:absolute; background:url(/view/img/logo.png) center no-repeat}


/*Body------------------------------------------------------------------------*/
#pbody {width:100%; padding: 15px 0 230px; height: 1%;}
.pbody-sec {padding-bottom:160px !important}
#pbody:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;}

#container {
	width: 100%;
	float: left;
	overflow: hidden;
	}

#pleft { 
	float: left;
	width: 250px;
	margin-left: -100%;
	padding-bottom:30px;
	}


#pleft div.leftmenu {padding:45px 0 20px 20px}
#pleft div.leftmenu_i {padding-top:0px;}
#pleft div.leftmenu a{display:block; width:187px; height:21px; margin-bottom:15px; background-position::left top; background-repeat:no-repeat; overflow:hidden}
#pleft div.leftmenu a:hover{background-position:left bottom;}
#pleft div.leftmenu a.current{background-position:left bottom;}

#pleft div.leftquote {padding:65px 0 20px 0; text-align:right; font-size:11px; color:#666}
#pleft div.leftquote img {margin:0 50px 20px 0}
#pleft div.leftquote .quote {background:url(/view/img/quote-left.gif) left top no-repeat; padding:5px 50px 5px 40px; line-height:16px;}
#pleft div.leftquote .author {background:url(/view/img/quote-right.gif) right top no-repeat; padding:20px 50px 0 0}

#pleft div.lefttags {padding:65px 10px 20px 0px; text-align:center; line-height:24px; text-transform:lowercase}
#pleft div.lefttags a {color:#fff; text-decoration:underline; font-size:12px;}
#pleft div.lefttags a.s1 {font-size:14px; padding:3px;}
#pleft div.lefttags a.s2 {font-size:18px; padding:5px}
#pleft div.lefttags a.s3 {font-size:22px; padding:7px}
#pleft div.lefttags a.s4 {font-size:24px; padding:10px}
#pleft div.lefttags a.blue {color:#33ccff}
#pleft div.lefttags a.blue2 {color:#99ffff}


#pmain {
/*max-width:846px;*/
/*max-width:780px;*/
/*width:100%;
float:left;*/
	padding: 0px 0px 0px 280px;
}

#pmain h2 {color:#fff; font-size:18px; display:block; margin-bottom:16px; font-weight:normal}

#pmain div.text {color:#999; font-size:12px; line-height:18px; width:500px; margin-left:70px; padding-bottom:30px}
#pmain div.text ul li {list-style-type:none; padding:0px; padding-left:20px; background:url(/view/img/bg_li.gif) left 7px no-repeat; line-height:19px; }
#pmain div.text strong.blue {display:block; color:#33ccff}

#pmain div.reviews {color:#999; font-size:12px; line-height:18px; width:585px; margin-left:70px; padding-bottom:30px}
#pmain div.reviews div.review div.cont {width:100%; float:left; overflow:hidden;}
#pmain div.reviews div.review div.cont div.review-text {padding: 0px 0px 60px 120px;}
#pmain div.reviews div.review div.review-head {color:#fff; line-height:20px; margin-top:-2px}
#pmain div.reviews div.review div.review-head a {display:block; float:left; text-decoration:none; font-size:18px; color:#fff;}
#pmain div.reviews div.review div.review-head a:hover {text-decoration:underline}
#pmain div.reviews div.review div.review-head b {display:block; float:left; color:#00ccff; padding:0 5px; font-size:18px}
#pmain div.reviews div.review div.review-author {clear:both; font-weight:bold; color:#33ccff; padding-bottom:11px}
#pmain div.reviews div.review a.go {color:#fff;}
#pmain div.reviews div.review a.go:hover {text-decoration:none}
#pmain div.reviews div.review div.review-pic {float: left; width: 100px; margin-left: -100%;}

#pmain div.port-el {color:#999; font-size:12px;}
#pmain div.port-el div.head {width:530px;}
#pmain div.port-el div.head a.date {width:50px; height:39px; padding-top:11px; float:left; background:url(/view/img/bg_date2.gif) left no-repeat; text-align:center; color:#666666; font-size:11px; margin:0px 12px 0 20px; text-decoration:none}
#pmain div.port-el div.head a.date b {font-size:16px; font-weight:bold; display:block; line-height:14px}
#pmain div.port-el div.head a.date-ar {width:50px; height:50px; line-height:45px; float:left; background:url(/view/img/bg_date2.gif) left no-repeat; text-align:center; color:#666666; font-size:10px; margin:0px 12px 0 20px; text-decoration:none}
#pmain div.port-el div.head a {display:block; color:#666666; font-size:12px; height:14px; float:left; margin:5px 15px 0 0;}
#pmain div.port-el div.head a:hover {color:#29a3cc;}
#pmain div.port-el div.info {width:400px; padding:0 0 30px 120px;  line-height:18px;}
#pmain div.port-el a.goto {display:blcok; width:140px; height:33px; float:right; background:url(/view/img/goto.gif) left 0 no-repeat; margin-right:-180px;}
#pmain div.port-el a.goto:hover {background-position:left 100%}
#pmain div.port-el div.el-img {width:640px; height:auto; padding-left:60px; position:relative; margin-bottom:40px} 
#pmain div.port-el div.el-img a.monkey {display:block;  width:98px; height:114px; position:absolute; left:15px; top:-30px; background:url(/view/img/monkey.png) left top no-repeat;  }

#pmain div.port-list {padding-left:30px;}
#pmain div.port-list div.holder{width:322px; height:215px; float:left; margin-bottom:10px; padding:0 16px 0 0}
#pmain div.port-list .pic {display:block; position:relative; height:89px; width:258px; padding:30px; border:2px solid #333; background:url(/view/img/adver.jpg); background-repeat:no-repeat; background-position:left top; margin:0 0 4px 0; text-decoration:none}
#pmain div.port-list .pic div.hover {position:absolute; width:100%; height:100%; background:#000; left:0; top:0; opacity:0; -moz-opacity: 0; filter:alpha(opacity=0);}
#pmain div.port-list .pic:hover div.hover {opacity:0.2; -moz-opacity: 0.2; filter:alpha(opacity=20);}

#pmain div.port-list a.date {width:50px; height:39px; padding-top:11px; float:left; background:url(/view/img/bg_date.gif) left no-repeat; text-align:center; color:#666666; font-size:11px; margin:0px 10px 0 7px; text-decoration:none}
#pmain div.port-list a.date-ar {width:50px; height:50px; line-height:45px; float:left; background:url(/view/img/bg_date.gif) left no-repeat; text-align:center; color:#666666; font-size:10px; margin:0px 10px 0 7px; text-decoration:none}
#pmain div.port-list a.date b {font-size:16px; font-weight:bold; display:block; line-height:14px}
#pmain div.port-list a {display:block; color:#666666; font-size:12px; height:14px; float:left; margin:5px 15px 0 0; white-space:nowrap}
#pmain div.port-list a:hover {color:#29a3cc;}

#pmain a.white {font-size:12px; color:#fff; text-decoration:underline}
#pmain a.white:hover {text-decoration:none}

/*Footer------------------------------------------------------------------------*/
#pfoot {
	margin: -150px auto 0;
	width: 100%;
	height: 150px;
	overflow:hidden;
	}
.pfoot-sec {margin-top:-70px !important; height:70px !important}
#pfoot .footer {height:75px; margin:auto; width:990px;}
#pfoot .container {	width: 100%;
	float: left;
	overflow: hidden;}
	
#pfoot .copyright {	float: left;
	padding-left:10px;
	width: 240px;
	margin-left: -100%;
	font-size:11px;
	color:#333333;
	 line-height:36px;
	}
	
#pfoot .content {padding: 0px 0px 0px 288px; height:26px; line-height:34px;}
#pfoot .content span.link {display:block; float:left; text-align:center; width:13%; text-transform:lowercase}
#pfoot .content span.link2x {display:block; float:left; text-align:center; width:18%; text-transform:lowercase}
#pfoot .content span.phone {display:block; float:right; background:url(/view/img/phone.gif) left no-repeat; width:190px; height:30px;}
#pfoot .content a {color:#333333; font-size:12px}
#pfoot .content a:hover {color:#999}

#pfoot .lvl2 { margin:auto; font-size:10px; font-style:italic; text-align:center; color:#1d1d1d; padding-top:30px; clear:both }