/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }

/* COMMON */
html { background-color: #000; }
body { background: #000000 url(../img/background.jpg) repeat-x center 82px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 13px; }
:link, :visited { text-decoration: none; color: #ff7e00;  }
a:hover { color: #fff!important; }
h1, h2 { 
	font-size: 200%; 
	color: #fff;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 28px;
	font-weight:lighter;
	padding-bottom: 3px;
	margin:auto 0px;
	}
h3 { 
	color: #fff; 
	font-size: 155%;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal; 
	padding-bottom: 8px;
}
h4 { 
	color: #3399ff; 
	font-weight: normal; 
	background: url(img/icons.gif) no-repeat left -35px; 
	padding-left: 0px; 
	margin-bottom: 5px; 
	font-size: 11px; 
	line-height: 13px;
}
p, ul, ol { padding-bottom: 12px; }
span { color: #0099ff; }
.button { background: url(../img/background-button.gif); display: block; width: 120px; height: 19px; padding: 8px 0 0 15px; margin: 5px 4px 0 0; text-transform: uppercase; color: #fff; }
.button:hover { color: #0099FF!important; }
strong, em { color: #fff; font-weight: normal; }

/* LAYOUT */
#header-content, #footer { width: 960px; margin: 0 auto;}

#header {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/background_header.gif) repeat-x scroll 0 0;
	height:103px;
	z-index:5;	
}

#header-content { position: relative; z-index: 5; }
#footer-content { border-top: 1px solid #181818; width: 960px; padding-top: 11px; height: 29px; }
#logo { display: block; padding-top: 22px; width: 302px; }
#footer ul li { float: left; height: 10px; border-right: 1px solid #292929; padding-right: 7px; margin: 4px 7px 0 0; line-height:10px; }
#footer :link, #footer :visited { color: #666666; -webkit-text-size-adjust: none; }
/*Foot 图标*/
/*#footer p { 
	background: url(../img/icons.gif) no-repeat right 0; 
	padding: 2px 38px 4px 0; 
}*/
#footer p, #footer p span { -webkit-text-size-adjust: none;  }
#content { width: 960px; padding: 0 0px; margin: 0 auto; }

.row { width: 960px;}
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }
.col {
	width: 320px; 
	float: left;
	position: relative;
}
.col h1, .col h2 { position: absolute; top: 0; }
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }
.width610 { width: 610px; }
.width915 { width: 960px; }

/* NAVIGATION */
#nav {
	position: absolute; 
	width: 415px; 
	top: 18px; 
	right: 42px; 
	z-index: 10;
	
}
#nav ul {
	width: 500px; 
	padding-left: 0px;
}
#nav li { 
	position: relative;
	float: left; 
}

/*导航按钮*/
#header li :link, #header li :visited { 
	background: url(../img/navigation_index.gif) no-repeat; 
	height: 15px; 
	display: 
	block; 
	text-indent: -3000px; 
	overflow: hidden; 
	padding: 20px 0; 
}
/*导航设置*/
#header .b-value-1 :link, #header .b-value-1 :visited { width: 75px; background-position: 0px 0px; }
#header .b-value-2 :link, #header .b-value-2 :visited { width: 90px; background-position: -74px 0px; }
#header .b-value-3 :link, #header .b-value-3 :visited { width: 90px; background-position: -163px 0px; }
#header .b-value-4 :link, #header .b-value-4 :visited { width: 60px; background-position: -253px 0px; }
#header .b-value-5 :link, #header .b-value-5 :visited { width: 75px; background-position: -310px 0px; }
#header .b-value-6 :link, #header .b-value-6 :visited { width: 73px; background-position: -387px 0px; }
/*导航设置2*/
#header .b-value-1 :hover, #header .b-value-1.current_page_value :link, #header .b-value-1.current_page_value :visited, #header .b-value-1.current_page_parent :link, #header .b-value-1.current_page_parent :visited { background-position: 0px -36px; }
#header .b-value-2 :hover, #header .b-value-2.current_page_value :link, #header .b-value-2.current_page_value :visited, #header .b-value-2.current_page_parent :link, #header .b-value-2.current_page_parent :visited  { background-position: -74px -36px; }
#header .b-value-3 :hover, #header .b-value-3.current_page_value :link, #header .b-value-3.current_page_value :visited, #header .b-value-3.current_page_parent :link, #header .b-value-3.current_page_parent :visited, #header .b-value-3.current_page_ancestor :link, #header .b-value-3.current_page_ancestor :visited { background-position: -163px -36px; }
#header .b-value-4 :hover, #header .b-value-4.current_page_value :link, #header .b-value-4.current_page_value :visited, #header .b-value-4.current_page_parent :link, #header .b-value-4.current_page_parent :visited, #header .b-value-4.current_page_ancestor :link, #header .b-value-4.current_page_ancestor :visited { background-position: -253px -36px; }
#header .b-value-5 :hover, #header .b-value-5.current_page_value :link, #header .b-value-5.current_page_value :visited, #header .b-value-5.current_page_parent :link, #header .b-value-5.current_page_parent :visited, #header .b-value-5.current_page_ancestor :link, #header .b-value-5.current_page_ancestor :visited { background-position: -310px -36px; }
#header .b-value-6 :hover, #header .b-value-6.current_page_value :link, #header .b-value-6.current_page_value :visited { background-position: -387px -36px; }

#gutter { position: absolute; width: 505px; height: 62px; top: 17px; left: 0; overflow: hidden; }

/*导航按钮*/
#highlight { 
	/*background: url(../img/background-highlight.png);*/
	height: 62px;
	width: 124px; 
	display: block;
	position: absolute; 
	top: 0; 
	left: 0; 
}

/* HOMEPAGE */
#homeb-banner { width: 960px; padding: 8px 40px 0; margin: 0 auto 10px; background: url(../img/background_js.png) top no-repeat; height: 447px; position: relative;!important;}
#home-img { width: 911px; height: 457px;  }

/*首页JS图片展示 缓冲图片*/
#home-rollover { 
	width: 911px; 
	height: 457px; 
	background: url(../img/flash_loader.gif) 50% 50% no-repeat; 
}
#home-nav { position: absolute; top: 465px; left: 40px; padding: 0; }
#home-nav li { float: left; margin-right: 1px; }

/*JS文本*/
#home-nav :link, #home-nav :visited { 
	width: 151px; 
	height: 27px; 
	color:#999; 
	font-size:16px; 
	overflow: hidden; 
	text-align:center;
	display: block; 
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:5px;
}

/*JS文本 END*/
#home-nav .hn-2 :link, #home-nav .hn-2 :visited { background-position: -152px 0; }
#home-nav .hn-3 :link, #home-nav .hn-3 :visited { background-position: -304px 0; }
#home-nav .hn-4 :link, #home-nav .hn-4 :visited { background-position: -456px 0; }
#home-nav .hn-5 :link, #home-nav .hn-5 :visited { background-position: -608px 0; }
#home-nav .hn-6 :link, #home-nav .hn-6 :visited { background-position: -760px 0; }
#home-nav .hn-1 :hover, #home-nav .hn-1 .hn-active:link, #home-nav .hn-1 .hn-active:visited { background-position: 0 -28px; }
#home-nav .hn-2 :hover, #home-nav .hn-2 .hn-active:link, #home-nav .hn-2 .hn-active:visited { background-position: -152px -28px; }
#home-nav .hn-3 :hover, #home-nav .hn-3 .hn-active:link, #home-nav .hn-3 .hn-active:visited { background-position: -304px -28px; }
#home-nav .hn-4 :hover, #home-nav .hn-4 .hn-active:link, #home-nav .hn-4 .hn-active:visited { background-position: -456px -28px; }
#home-nav .hn-5 :hover, #home-nav .hn-5 .hn-active:link, #home-nav .hn-5 .hn-active:visited { background-position: -608px -28px; }
#home-nav .hn-6 :hover, #home-nav .hn-6 .hn-active:link, #home-nav .hn-6 .hn-active:visited { background-position: -760px -28px; }
#home-gutter { 
	position: absolute; 
	height: 52px; 
	width: 911px; 
	top: 300px;
	left: 0; 
	left: 40px; 
	top: 465px;
}

/*首页JS图片展示*/
#home-highlight { 
	background: url(../img/highight_button.png); 
	width: 151px; 
	height: 52px; 
	display: block; 
	position: absolute; 
	left: 0; 
	top: 0; 
}
#home-link { background: url(../img/background-home-link.jpg); height: 153px; width: 152px; display: block; position: absolute; top: 160px; right: 40px; }
.sneak li { float: left; margin: 0 1px 1px 0; }
.sneak li :link, .sneak li :visited { display: block; height: 31px; width: 88px; overflow: hidden; position: relative; }
.sneak li img, .late-link img, .fav-link img { position: absolute;}
.sneak li a:hover img { top: 0px; left: 0; }
.home-blog { min-height: 116px; }
.late-link, .fav-link { display: block; height: 150px; width: 304px; overflow: hidden; position: relative; margin-left: 10px;}

.design_link { display: block; height: 96px; width: 310px; overflow: hidden; position: relative; margin-bottom: 12px; }
.design_link img { 
	position: absolute; 
	border:3px solid #FFF;
}
.design_link img:hover{ 
	position: absolute; 
	border:3px solid #ffb400;
}


/*hover效果*/
.late-link:hover img { top:0px;  left: 0px; } 
.fav-link { height: 150px; }
.fav-link:hover img { top:0px; left: 0px; }

/* CONTACTPAGE */
#contact-banner { width: 960px; height: 390px; margin: 8px 0 28px; background: #000;position: relative; }
.contact-form { width: 580px; position: relative; }
#contact-banner img { position: absolute; right:-70px; top:-35px; }
.cf-ol input { width: 176px; height: 21px; background: #1d1c1c; border: 1px solid #1d1c1c; margin-bottom: 10px; float: left; color: #999999; padding: 4px 4px 0; }
.cf-ol label { width: 85px; display: block; padding-top: 5px; float: left; }
.cf-ol label span { font-size: 14px; color: #fff; }
.cf-ol li { float: left; width: 290px; }
.cf-ol textarea { background: #1d1c1c; border: 1px solid #1d1c1c; width: 482px; height: 168px; float: left; color: #999999; padding: 4px 4px 0; }
li#li--5 { width: 580px; }
#li--4 label, #li--2 label { width: 101px; }
.cf_hidden { display: none; }
.cf-sb input { float: right; background: url(img/background-button-submit.gif); width: 135px; height: 27px; border: 0 none; color: #000; text-align: center; margin: 15px 4px 0 0; font-size: 0px; text-indent: -400px; overflow: hidden; cursor: pointer; }
.cf-sb input:hover { background-position: 0 -37px; }
.cf_li_err input, .cf_li_err textarea { border-color: #0099ff; }
#usermessageb { position: absolute; left: 86px; top: 362px; color: #0099ff; }
#contact-banner .success { left:0; top:100px; }
#contact-banner .success img { position: relative; top: 0; left: 0; }
/*Contact 图片*/
.contact-email { 
	background: url(../img/i-dont-like-web-forms.jpg) left top no-repeat; 
	height: 150px; 
	padding-left: 151px; 
}
.thanks-p { padding-right: 30px; min-height: 104px; }

/* BLOG */
#blog-banner { background: url(img/background-blog.png); width: 980px; height: 337px; margin: 0 auto 12px; position: relative; } 
#blog-banner img { width: 370px; height: 157px; display: block; position: absolute; top:172px; left: 255px; }
.post { background: url(img/background-post.gif) bottom no-repeat; padding-bottom: 20px; margin-bottom: 15px; }
.post h1 :link, .post h1 :visited { color: #fff; background: transparent; }
.post h1 :hover { display: inline-block; }
.sidebar { float: right; width: 285px; }
.side-post { background: url(img/background-post-small.gif) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 15px; width: 264px; }
.side-post h2 { font-size: 30px; line-height: 30px; }
.side-post li { color: #0099ff; background: url(img/icons.gif) no-repeat left -35px;  padding-left: 18px; margin-bottom: 2px; }
.post li { background: url(img/background-post-icon.gif) no-repeat left 4px;  padding-left: 18px; margin-bottom: 2px; }
.news-top { position: relative; width: 264px; }
#news-open { position: absolute; top: 10px; right: 0px; }
.rss-icon { display: block; padding-left: 45px; background: url(img/button-rss-over.gif) no-repeat left 0 ; color: #fff; height: 31px; }
.twit-icon { display: block; background: url(img/twitter-over.gif) no-repeat left 0 ; color: #fff; height: 26px; padding: 14px 0 10px 65px; }
.rss-icon:hover { background-position: left -31px; }
.twit-icon:hover { background-position: left -52px; }
.games-icon, .search-icon { background: url(img/icons.gif) no-repeat left -67px; padding-left: 45px; }
.games-icon { background-position: left -119px; padding-top: 7px; }
#news-hidden ul { padding: 0; }
.search-post label { display: none; }
.search-post div { background: url(img/background-search.gif); width: 265px; height: 35px; }
.search-post #s { border: none; background: transparent; height: 15px; width: 140px; padding: 10px 15px; color: #fff; }
.search-post #searchsubmit { border: none; background: transparent; text-indent: -300px; width: 90px; height: 35px; cursor: pointer; font-size: 0px; }
#pag p { padding: 0; }
#pag :link, #pag :visited { font-size: 24px; line-height: 24px; color: #fff; background: url(img/button-pag-left.gif) left no-repeat; padding-left: 70px; display: block; }
#pag .right :link, #pag .right :visited { padding-right: 70px; background-position: right; }
.wp-caption-text { font-style:italic; color: #444; }

/* ABOUT */
#sub-header { background: url(img/background-sub-nav.png) top no-repeat; width: 100%; height: 48px; position: relative; top: -23px; }
#sub-nav { width: 775px; margin: 0 auto;  position: relative; overflow: hidden; height:58px; z-index: 30; }
#sub-nav ul { padding: 0 20px; position: relative; z-index: 30; }
#sub-nav li { float: left; position: relative; }
#sub-nav li :link, #sub-nav li :visited { height: 15px; display: block; overflow: hidden; padding: 15px 14px 10px 12px; color: #999; font-size: 12px; font-weight: bold; background: url(img/background-sub-nav-divider.gif) left no-repeat; }
#sub-nav li a:hover, #sub-nav ul .current_page_value :link, #sub-nav ul .current_page_value :visited, #sub-nav ul .current_page_parent :link, #sub-nav ul .current_page_parent :visited { color: #fff; }
#sub-highlight { background: url(img/background-sub-highlight.png); display:block; height:58px; left:0; position:absolute; top:0; width:124px; }
#sub-gutter { height:58px; left:0; position:absolute; top:0; width: 730px; overflow: hidden; }
.about-page h2 { font-size: 24px; line-height: 24px; }
.about-page .col { padding-top: 0px; }
.about-page .width915 { padding-top: 46px; }
.about-page .row-b { padding-bottom:16px; }
.about-pag { padding-top: 12px; border-top: 1px solid #181818; font-size: 24px; line-height: 24px; }
.about-pag :link, .about-pag :visited { color: #fff; }
.about-pag a:hover { color: #0099FF!important; }
.about-pag em { color: #666!important; }
.about-next { background: url(img/icons.gif) no-repeat right -224px; padding-right: 20px; float: right; }
.about-previous { background: url(img/icons.gif) no-repeat 0px -251px; padding-left: 20px; float: left; }
.about-page .about-col { width: 600px; padding: 45px 315px 0 0; position: relative; }
.about-col h2 { position: static; }
.about-col img { position: absolute; top: -25px; right: 30px; }
.services-page .favs .col { min-height: 0; }
.services-page .col .button { position: absolute; right: 0; bottom: 0; }
.award-row { margin-bottom: 0; }
.award-row .col { margin-bottom: 0px;  }
.awards-imgs img { padding-bottom: 12px; }
.awards-imgs :link, .awards-imgs :visited, .award-row :link, .award-row :visited { color: #666; }

/* PORTFOLIO */
.p-img { width: 769px; position: relative; }
.p-info { width: 124px; }
.p-info strong { display: block; }
.p-title { width: 100%; font-size: 24px; margin-top: 20px; padding-bottom: 20px; }
.p-breif { width: 305px; } 
.p-sol { width: 585px; }
.p-footer { float: left; width: 960px; border-top: 1px solid #181818; border-bottom: 1px solid #181818; padding: 11px 0 11px 0; text-align: right; margin-top: 10px; }
.p-footer :link, .p-footer :visited { background: url(img/icons.gif) no-repeat 20px -276px; padding-right: 20px; -webkit-text-size-adjust: none; }
.p-info :link, .p-info :visited { color: #666; }
.profile-nav #sub-highlight { left: -0.5px; }
.profile-nav #sub-nav { width: 660px; }
.videoFront { position: relative; }
.videoBack { position: absolute; left: 0; top: 0; }

/* LANDING */
.p-col { float: left; width: 183px; overflow: hidden; }
.p-col .p-img-link { width: 182px; height: 339px; display: block; overflow: hidden; position:relative; }
.p-col .p-img-link img { position: absolute; top: 0; }
.p-col .p-img-link:hover img { left: -182px; top: 0; }
.p-col h2 { text-transform: uppercase; padding: 0; font-size: 24px; height: 24px; overflow: hidden; margin-top: 12px; position:relative; }

/* BRANDING */
.brand-info { width: 446px; }
.brand-info .right { width: 216px; }
.brand-col { float: left; width: 446px; margin-right: 20px; }
.even { margin-right: 0; }
.p-footer-pad { margin-bottom: 20px; }

/* DOWNLOAD */
.download-page h2 { font-size: 24px; line-height: 24px; }
.download-page .col { padding-top: 0; }
.download-row .col { padding-top: 0px; }
.download-page .col :link, .download-page .col :visited { color: #666; }
.download-row .col :link, .download-row .col :visited { color: #fff; }
.row-down { margin-bottom: 10px; }

.contact_info{
	padding:30px;
}
.contact_info h2{
	margin-bottom:20px;
}
.design_st{
	text-align:center;
	width:960px;
}
.t_color h3{
	color:#FF7E00;
	}


/* 404 */
.error-page h1 { background: url(img/ERROR-404.jpg); height: 406px; width: 911px; overflow: hidden; text-indent: -9999px; }

.about_info ul li{
	width:500px;
	line-height:25px;
	text-align:left;
}
.about_info ul li b{
	width:140px;
	text-align:right;
}
.about_info ul li strong{
	color:#F09
}