/* CSS Document */
/* ==================================================
					RESET STYLE
 ==================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    font-weight:inherit;
	font-style:inherit;
    margin: 0;
}
/* ==========================================
				FONT FACE
=========================================== */
/*@font-face {
    font-family: 'allerregular';
    src: url('file://///192.168.1.200/B2%27s/Designhub_web/fonts/aller_rg-webfont.eot');
    src: url('file://///192.168.1.200/B2%27s/Designhub_web/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('file://///192.168.1.200/B2%27s/Designhub_web/fonts/aller_rg-webfont.woff') format('woff'),
url('file://///192.168.1.200/B2%27s/Designhub_web/fonts/aller_rg-webfont.ttf') format('truetype'),
url('file://///192.168.1.200/B2%27s/Designhub_web/fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.jpg) no-repeat top center;
}
#wrapper{
	width:100%;
}
#layout{
	width:940px;
	margin:0px auto;
	position:relative;
}
.clear{ 
	clear:both;
}
.header{
	padding: 60px 0 0 0;
	width:385px;
	float:left;
	min-height:450px;
}
.logo{
	display:block;
	height:97px;
	width:385px;
	padding-bottom:32px;
	background:url(../images/logo.png) no-repeat top center;
}
.flash{
	width:62px;
	height:87px;
	margin: 6px 0 0 0;
}
.contant{
	padding-bottom:10px;
}
.contant h2{
	text-transform:uppercase;
	color:#d70023;
	padding-bottom:2px;
	line-height:28px;
	font-size:22px;
	font-weight:bold;
}
.contant label{ 
	background:url(../images/email.png) no-repeat 0 0px;
	padding-left:20px;
	font-size:12px;
	text-transform:lowercase;
	color:#CCC;
	font-weight:normal;
	margin:8px 0 0 15px;
	float:left;
	display:block;
	text-decoration:none;
}
.mouse
{
	text-decoration:none;
}


.mouse:hover
{ color:#CC0000;}



p{
	color:#999;
	line-height:20px;
	text-align:justify;
}


.nav{
	width:270px;
	height:332px;
	float:right;
	margin: 0 80px 0 0;
}
.home{
	width:82px;
	height:74px;
	display:block;
	background:url(../images/home.png) no-repeat 0px 0px;
	text-indent:-9999px;
	margin: 5px 0 0 5px;
}

.container{
	
	height:300px;
	float:left;
}

.left_container{
	position:relative; 
	margin:0 0 0 0px; 
	 width:240px; 
	   padding:0 10px;
	   float:left;
	   }

.right_container{
	position:relative; 
	margin:0 0 0 0px; 
	 width:200px; 
	  padding:0 20px;
	   float:left;
	  
	   }

.right_container h2{
	text-transform:uppercase;
	color:#d70023;
	padding-bottom:2px;
	line-height:28px;
	font-size:22px;
	font-weight:bold;
}


.right_container ul{
	margin:0;
	padding:0 10px 0 28px;
}
.right_container li{
	line-height:22px;
	color:#999;
	font-size:12px;
}
.right_container h3{
	color:#FFF;
	padding: 5px 0 0 0;
	line-height:24px;
	font-size:13px;
	font-weight:bold;
	padding-top:34px;
}
.slide
{
	width:163px;
	height:107px;
	position:absolute;
	background:url(../images/tv.png) no-repeat;
	right:-111px;
	top:191px;
}
.slide img{width:145px; height:80px;}

.slider {
float:left;
padding:8px;
width:171px;
height:93px;
position:relative;
}

.sliderContent {
float:left;
width:179px;
height:101px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;

width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:171px;
height:93px;
background:#fff;
}

.sliderContent .item img{
width:179px;
height:101px;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;

}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}




.home:hover{
	background:url(../images/home.png) no-repeat 0px -74px;
}
.about{
	width:118px;
	height:68px;
	display:block;
	background:url(../images/about.png) no-repeat 0px 0px;
	text-indent:-9999px;
	margin: 0 0 0 40px;
}
.about:hover{
	background:url(../images/about.png) no-repeat 0px -68px;
}
.career{
	width:144px;
	height:51px;
	display:block;
	background:url(../images/career.png) no-repeat 0px 0px;
	text-indent:-9999px;
	margin: 18px 0 0 75px;
}
.career:hover{
	background:url(../images/career.png) no-repeat 0px -51px;
}
.contact{
	width:152px;
	height:45px;
	display:block;
	background:url(../images/contact.png) no-repeat 0px 0px;
	text-indent:-9999px;
	margin: 60px 0 0 108px;
}
.contact:hover{
	background:url(../images/contact.png) no-repeat 0px -45px;
}

.contant ul{
	margin:0;
	padding:0 10px 0 25px;
}
.contant li{
	line-height:22px;
	color:#999;
	font-size:12px;
}
.contant h3{
	color:#FFF;
	padding: 5px 0 0 0;
	line-height:24px;
	font-size:13px;
	font-weight:bold;
}
.contant p a{
	color:#C30;
	text-decoration:none;
}
.address{
	line-height:20px;
}
.address b{
	font-size:14px;
	color:#FFF;
}
.photos{
	margin:0;
	padding: 15px 0 0 0;
}
.photos ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.photos li{
	float:left;
	margin: 0 10px 10px 0;
	width:110px;
	padding:2px;
	background:url(../images/dot.png) repeat;
	display:block;
	list-style:none;
}
.photos li img{
	-moz-transition: 1s;
	-a-transition: 1s;
	-webkit-transition: 1s;
	width:110px;
}
/*.photos li img:hover{
	opacity: 0.30;
}
*/
.scroll_img{
	width:52%;
	padding-top:40px;
}
.scroll_img marquee{
	height:55px;
}

.scroll_img img{
	padding-right:30px;
}





.footer{
	position:fixed;
	bottom:0px;
	width:100%;
}
.footer p{
	float:right;
	color:#FFF;
	padding: 0 20px 10px 0;
}






ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:none;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}





pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h2{
	font-size: 48px;
}

pre + h2{
	margin-top: 80px;
}

#container{
	max-width:145px;
	margin:9px auto 0 auto;
	max-height:101px;
}

#banner-fade,
#banner-slide{
}

ul.bjqs-controls.v-centered li a{
	display:none;
	padding:10px;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}