@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body{
	background:#fff url(../images/bg/bg.jpg) no-repeat center top;
	color:#7d7d7c;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	width:100%;
}

/* --------------------------------------------------- tag selector
------------------------------------------------------------------*/
h1{
	background: url(../images/logo.png) no-repeat;
	float:left;
	height:105px;
	text-indent:-9999px;
	width:441px;
	margin: 19px 0 0;
}
a{
	color:#7d7d7c;
	text-decoration:none;
}
ul, ol{
	list-style:none;
}
img, fieldset, input{
	border:0;
}
.clear{
	clear:both;
}
.hide{
	visibility:hidden;
}

/* --------------------------------------------------------- layout
------------------------------------------------------------------*/
div.container{
	margin:0 auto;
	width:1000px;
}
div.header{
	height:127px;
	width:1000px;
	padding: 0 0 0 38px;
}
div.header div{
	background: url(../images/bg/contact.png) no-repeat 0 0;
	float:right;
	margin:40px 0 0;
	min-height:47px;
	padding:3px 90px 0 55px;
}
div.intro{
	width:1000px;
	height: 95px;
    padding: 15px 0 0 55px;
}
div.content{
	/*background:url(../images/bg/bg-our-work.png) no-repeat;*/
	width:1010px;
}
div.our-work{
	margin:0 0 20px;
	padding:11px 0 0;
	position:relative;
	width:1000px;
}
div.our-service{
	padding:3px 0 0;
	width:1000px;
}
div.our-service-info{
	/*background:url(../images/bg/our-service-info.png) no-repeat 10px 44px;*/
	padding:0 0 0 53px;
	width:947px;
}
div.our-service div.left-info{
	float:left;
	font-family:"Tahoma", Geneva, sans-serif;
	font-size:12px;
	min-height:210px;
	padding:4px 20px 0 0;
	width:240px;
}
div.our-service div.right-info{
	background:url(../images/bg/our-service-border-center.png) no-repeat left center;
	float:left;
	font-family:"Tahoma", Geneva, sans-serif;
	font-size:11px;
	/*min-height:500px;*/
	width:655px;
}
div.our-service-bottom{
	background:url(../images/bg/our-service-bottom.png) no-repeat 8px 0;
	height:25px;
	width:1000px;
}
div.contact-us{
	margin:0 0 20px;
	min-height:260px;
	padding:4px 0 0 54px;
	width:946px;
}
div.contact-us div.left-info{
	/*float:left;*/
	min-height:210px;
	/*width:360px;*/
	width: 100%;
}
div.contact-us div.right-info{
	/*
	float:left;
	min-height:210px;
	width:560px;
	*/
	display: none;
}

div.contact-us div.left-info > p:nth-child(2) {
    margin-top: 15px;
}

/* --------------------------------------------------------- header
------------------------------------------------------------------*/
div.header div p{
	font-size:13px;
	font-weight:bold;
	margin:0;
}
div.header div ul{
	padding:5px 0 0 5px;
}
div.header div ul li{
	background:url(../images/bullet/bullet-list-contact.png) no-repeat 0 2px;
	float:left;
	font-weight:bold;
	padding:0 10px;
	text-transform:uppercase;
}
div.header div ul li a{
	/*text-shadow:#bdbdbc 1px 1px 1px; /* change color shadow here */
	/*-moz-text-shadow:#bdbdbc 1px 1px 1px; /* change color shadow here */
	/*-webkit-text-shadow:#bdbdbc 1px 1px 1px; /* change color shadow here */
	/*-o-text-shadow:#bdbdbc 1px 1px 1px; /* change color shadow here */
	
}

/* ------------------------------------------------------- our work
------------------------------------------------------------------*/
div.our-work h2{
	background:url(../images/head/our-work.png) no-repeat;
	height:54px;
	margin:0 0 0 53px;
	text-indent:-9999px;
	width:196px;
}
ul#portfolio-filter{
	position:absolute;
	top:14px;
	left:300px;
}
ul#portfolio-filter li{
	float:left;
}
ul#portfolio-filter li a{
	display:block;
	height:29px;
}
ul#portfolio-filter li.all-tab a{
	background:url(../images/tab/all.png) no-repeat;
	width:68px;
}
ul#portfolio-filter li.web-design-tab a{
	background:url(../images/tab/web-design.png) no-repeat;
	width:121px;
}
ul#portfolio-filter li.e-learning-tab a{
	background:url(../images/tab/e-learning.png) no-repeat;
	width:121px;
}
ul#portfolio-filter li.banner-tab a{
	background:url(../images/tab/banner.png) no-repeat;
	width:94px;
}
ul#portfolio-filter li.video-editing-tab a{
	background:url(../images/tab/vdo-editing.png) no-repeat;
	width:121px;
}
ul#portfolio-filter li.etc-tab a{
	background:url(../images/tab/etc.png) no-repeat;
	width:69px;
}
ul#portfolio-filter li.all-tab a:hover,
ul#portfolio-filter li.all-tab a.current{
	background:url(../images/tab/all-active.png) no-repeat;
}
ul#portfolio-filter li.web-design-tab a:hover,
ul#portfolio-filter li.web-design-tab a.current{
	background:url(../images/tab/web-design-active.png) no-repeat;
}
ul#portfolio-filter li.e-learning-tab a:hover,
ul#portfolio-filter li.e-learning-tab a.current{
	background:url(../images/tab/e-learning-active.png) no-repeat;
}
ul#portfolio-filter li.banner-tab a:hover,
ul#portfolio-filter li.banner-tab a.current{
	background:url(../images/tab/banner-active.png) no-repeat;
}
ul#portfolio-filter li.video-editing-tab a:hover,
ul#portfolio-filter li.video-editing-tab a.current{
	background:url(../images/tab/vdo-editing-active.png) no-repeat;
}
ul#portfolio-filter li.etc-tab a:hover,
ul#portfolio-filter li.etc-tab a.current{
	background:url(../images/tab/etc-active.png) no-repeat;
}
ul#portfolio-list{
	margin:4px 0 20px 38px;
	padding:0;
}
ul#portfolio-list li{
	float:left;
	height:195px;
	margin:0;
	width:320px;
}
ul#portfolio-list li a{
	/*background:url(../images/bg/bg-portfolio.png) no-repeat;*/
	 border: 1px solid #F3F3F3;
	display:block;
	height:155px;
	padding:5px 0 0 8px;
	width:274px;
		background:none\9;
}
ul#portfolio-list li h3{
	color:#585857;
	font-size:11px;
	padding:0 0 0 17px;
}
ul#portfolio-list li p{
	padding:0 0 0 17px;
}

/* ---------------------------------------------------- our service
------------------------------------------------------------------*/
div.our-service h2{
	background:url(../images/head/our-service.png) no-repeat;
	height:46px;
	margin:0 0 10px 0;
	text-indent:-9999px;
	width:220px;
}
div.our-service div.right-info ul{
	margin:4px 0 0 15px;
	padding:0;
}
div.our-service div.right-info ul li{
	float:left;
	height:80px;
	padding:0 0 0 60px;
	width:150px;
}
div.our-service div.right-info ul li.website{
	background:url(../images/bullet/bullet-website.jpg) no-repeat ;
}
div.our-service div.right-info ul li.flash{
	background:url(../images/bullet/bullet-flash.jpg) no-repeat ;
}
div.our-service div.right-info ul li.content{
	background:url(../images/bullet/bullet-content.jpg) no-repeat ;
}
div.our-service div.right-info ul li.graphic-design{
	background:url(../images/bullet/bullet-graphic-design.jpg) no-repeat ;
}
div.our-service div.right-info ul li.vdo{
	background:url(../images/bullet/bullet-vdo.jpg) no-repeat ;
}
div.our-service div.right-info ul li.other{
	background:url(../images/bullet/bullet-other.jpg) no-repeat ;
}
div.our-service div.right-info ul li h3{
	color:#c3c920;
	font-family:Arial;
	font-size:14px;
	margin:0 0 5px;
	text-transform:uppercase;
}

/* ----------------------------------------------------- contact us
------------------------------------------------------------------*/
div.contact-us h2{
	background:url(../images/head/contact-us.png) no-repeat;
	height:52px;
	text-indent:-9999px;
	width:208px;
}
div.contact-us div.left-info p{
	font-size:12px;
}
div.contact-us div.left-info ul{
	margin:25px 0 0 5px;
	padding:0;
}
div.contact-us div.left-info ul li{
	background:#fff;
	float:left;
	height:55px;
	padding:0 0 0 40px;
	width:115px;
}
div.contact-us div.left-info ul li.location{
	background:url(../images/bullet/bullet-location.jpg) no-repeat;
}
div.contact-us div.left-info ul li.email-address{
	background:url(../images/bullet/bullet-email-address.jpg) no-repeat;
}
div.contact-us div.left-info ul li.mobile{
	background:url(../images/bullet/bullet-mobile.jpg) no-repeat;
}
div.contact-us div.left-info ul li.link{
	background:url(../images/bullet/bullet-link.jpg) no-repeat;
}
div.contact-us div.left-info ul li h3{
	color:#c3c920;
	font-family:Arial;
	font-size:14px;
	margin:0 0 5px;
	text-transform:uppercase;
}
div.contact-us div.right-info form{
	margin:0;
	padding:0;
}
div.contact-us div.right-info form ul{
	position:relative;
}
div.contact-us div.right-info form label{
	display:block;
	margin:0 0 2px;
	padding:0 0 0 5px;
}
div.contact-us div.right-info form input{
	background:url(../images/bg/bg-input-box.jpg) no-repeat;
	font-size:11px;
	height:22px;
	margin:0 0 5px;
	padding:0 0 0 2px;
	width:176px;
}
div.contact-us div.right-info form textarea{
	border:#e3e3eb 1px solid;
	border-top:#aaadb4 1px solid;
	font-size:11px;
	height:148px;
	padding:2px 0 0 2px;
	width:348px;
}
div.contact-us div.right-info form li.message{
	position:absolute;
	top:0;
	left:200px;
}
div.contact-us div.right-info form p{
	margin:8px 10px 0 0;
	text-align:right;
}
div.contact-us div.right-info form p input{
	background:url(../images/button/send-message.jpg) no-repeat;
	cursor:pointer;
	font-size:0px;
	height:22px;
	text-indent:-9999px;
	width:110px;
}