html{overflow-x : hidden ;}
body{
	margin:0;
	padding:0;
	line-height:18px;
	font-family:Arial;
	color:#1e1e1e;
	font-size:12px;
	background:url(images/bg.gif) top left repeat-x #cecece;
	
}
a img{border:none;}
a{color:#af2a2a; text-decoration:underline;}
a:hover{color:#c15050; text-decoration:none; cursor:pointer;}
p{margin:0; padding:17px 0 0 0;}

h1,h2,h3{margin:0; padding:0; width:0px; overflow:hidden;}
h1{height:36px;}
h2{height:32px;}
h3{height:28px;}

form{margin:0; padding:0;}
.input{width:190px; height:23px; padding:2px 5px 6px 5px; background:url(images/input.png) top left no-repeat;}
.input_field{width:190px; border:none; background:none; font-family:Arial; font-size:12px;}

.comment{width:280px; height:115px; padding:2px 5px 6px 5px; background:url(images/comment.png) top left no-repeat;}
.comment_field{width:280px; height:110px; background:none; border:none; font-family:Arial; font-size:12px;}

a.button{ display:block; width:108px; height:29px; line-height:25px; color:#fff; text-align:center; text-decoration:none; font-weight:bold; background:url(images/send.png) top left no-repeat;}
a.button:hover{color:#999;}

#top{
	width:940px;
	height:46px;
	margin:0 auto;
	padding:28px 0 0 0;
	border-bottom:1px #747474 solid;
}
#light{
	position:absolute;	
	margin:0px 0 0 -80px;
}
#logo{
	width:300px;
	float:left;
}
#menu{
	padding:18px 0 0 0;
	float:right;
}
#menu ul{margin:0; padding:0; list-style:none;}
#menu li{margin:0; padding:0 0 0 15px; list-style:none; float:left;}
#menu li a{display:block; height:20px;}
a.home{	width:45px;	background:url(images/nav.gif) 0px 0px no-repeat;}
a.home:hover{background:url(images/nav.gif) 0px -20px no-repeat;}
a.home_active{width:45px; background:url(images/nav.gif) 0px -20px no-repeat;}

a.about{width:78px; background:url(images/nav.gif) 0px -40px no-repeat; }
a.about:hover{background:url(images/nav.gif) 0px -60px no-repeat;}
a.about_active{width:78px; background:url(images/nav.gif) 0px -60px no-repeat;}

a.portfolio{width:80px;	background:url(images/nav.gif) 0px -80px no-repeat;}
a.portfolio:hover{background:url(images/nav.gif) 0px -100px no-repeat;}
a.portfolio_active{width:80px; background:url(images/nav.gif) 0px -100px no-repeat;}

a.blog{	width:42px;	background:url(images/nav.gif) 0px -120px no-repeat;}
a.blog:hover{background:url(images/nav.gif) 0px -140px no-repeat;}
a.blog_active{width:42px;	background:url(images/nav.gif) 0px -140px no-repeat;}
	
#main_banner{
	padding:25px 0 0 0;
	width:100%;
	height:235px;
	overflow:hidden;
}
#b1{width:100%; height:235px; overflow:hidden; position:relative; }
#b2{width:100%; height:235px; overflow:hidden; position:relative;  left:-10000px;}
#b3{width:100%; height:235px; overflow:hidden; position:relative; left:-10000px;}
#b4{width:100%; height:235px; overflow:hidden; position:relative; left:-10000px;}
#banner{
	width:940px;
	margin:0px auto 0 auto;
}
#banner p{padding:0;}
.banner_left{
	width:620px;
	float:left;
}
.banner_right{
	width:290px;
	padding:40px 0 0 0;
	float:right;
	color:#8e8e8e;
}
.banner_right img{margin-top:10px;}
#control{
	width:940px;
	height:35px;
	margin:0 auto;
}
#button{
	float:right;
}
#button ul{margin:0; padding:0; list-style:none;}
#button li{margin:0; padding:0 0 0 10px; list-style:none; float:left;}
#button a{
	width:24px;
	height:24px;
	display:block;
	float:left;
	color:#fff;
	background:url(images/control.jpg) top no-repeat;
	text-align:center;
	text-decoration:none;
	float:left;
	line-height:24px;
	font-weight:bold;
	cursor:pointer;
}
#button a:hover{
	color:#000;
	background:url(images/control.jpg) bottom no-repeat;
}
#button a.active{
	color:#000;
	background:url(images/control.jpg) bottom no-repeat;
}

#main{
	width:940px;
	margin:0px auto;
}
#main_top{
	width:940px;
	padding:30px 0 30px 0;
	background:url(images/line.jpg) bottom repeat-x;
	float:left;
}
#main_top_about{
	width:940px;
	padding:30px 0 35px 0;
	background:url(images/phone.jpg) right top no-repeat;
	float:left;
}
.left{
	width:585px;
	padding:0px 0 0 35px;
	float:left;
	background:url(images/logo1-trans.png) left top no-repeat;	
}
.right{
	width:290px;
	float:right;
}

.blog_left{
	width:675px;
	padding:0px 0 0 35px;
	float:left;
	background:url(images/logo1-trans.png) left top no-repeat;	
}
.blog_right{
	width:200px;
	float:right;
}

#services{ width:270px; height:210px; margin:10px 0 0 0; padding:20px 10px 0 10px; background:url(images/services-trans.png);}
#services ul{margin:0; padding:0; list-style:none; float:left; width:270px;}
#services li{margin:0; padding:0; list-style:none; width:90px; height:97px; text-align:center; float:left; color:#fff; line-height:14px;}
#services a{width:67px; height:85px; margin:0 auto; display:block; background-position:top; cursor:pointer;}
#services a:hover{background-position:bottom;}
a#icon_webiste{ background-image:url(images/icon_website-trans.png);}
a#icon_program{ background-image:url(images/icon_program-trans.png);}
a#icon_gui{ background-image:url(images/icon_gui-trans.png);}
a#icon_logo{ background-image:url(images/icon_logo-trans.png);}
a#icon_brochure{ background-image:url(images/icon_borchure-trans.png);}
a#icon_illustration{ background-image:url(images/icon_illustration-trans.png);}

#contact{ width:290px;margin:10px 0 0 0;}

#main_second{
	clear:both;
	width:940px;
	padding:25px 0 35px 0;
	float:left;
}
#last_left{
	width:300px;
	padding:10px 0 0 0;
	float:left;
}
#last_right{
	width:260px;
	padding:10px 0 0 0 ;
	float:right;
}

#last_portfolio{
	width:300px;
	margin:17px 0 0 0;
	background:url(images/line.jpg) top repeat-x;
	float:left;
}
#last_portfolio ul{margin:0; padding:0; list-style:none;}
#last_portfolio li{margin:0; padding:15px 0 0 0; list-style:none; float:left; width:100px; height:95px; text-align:center;}

#last_portfolio_title{
	background:url(images/portfolio_title_center.jpg);
	height:36px;
}

#last_portfolio_title_l{
	padding:0 0 0 15px;
	background:url(images/portfolio_title_left.jpg) left no-repeat;
	font-weight:bold;
	color:#e7e7e7;
	line-height:36px;
	float:left;
}
#last_portfolio_title_r{
	float:right;
	width:15px;
	height:36px;
	float:right;
	background:url(images/portfolio_title_right.jpg);	
}
#preview{width:260px; height:278px;}

#testimonials_title{
	margin-top:10px;
	background:url(images/testimonials_title_center.jpg);
	height:36px;
}
#testimonials_title_l{
	padding:0 0 0 15px;
	background:url(images/testimonials_title_left.jpg) left no-repeat;
	font-weight:bold;
	color:#e7e7e7;
	line-height:36px;
	float:left;	
}
#testimonials_title_r{
	float:right;
	width:15px;
	height:36px;
	float:right;
	background:url(images/testimonials_title_right.jpg);	
}
.testimonials_box{
	width:260px;
	padding:10px 15px;
	background:url(images/said_bg.jpg) top repeat-x #c3c3c3;
	border-bottom:1px #a2a2a2 solid;
}
.testimonials_box_last{
	border:none;
}
.testimonials_box div{
	padding:0 0 0 45px;
	background:url(images/hand.jpg) left top no-repeat;
	font-size:11px;
	line-height:16px;
}
#testimonials_bottom{
	width:290px;
	height:6px;
	background:url(images/testimonials_bottom.jpg) top no-repeat;
	overflow:hidden;
}
.client_name{font-weight:bold; font-size:12px; color:#; line-height:17px;}


#bottom{
	clear:both;
	width:100%;
	background:url(images/bg_bottom.jpg) top repeat-x;
	float:left;
}
#bottom_text{
	width:940px;
	margin:0 auto;
	color:#c0c0c0;
}
#bottom_text_box{float:left; width:940px; padding:20px 0 30px 0;}
#copyright{
	width:400px;
	float:left;
}
#copyright img{padding-bottom:5px;}
#link{
	width:400px;
	text-align:right;
	float:right;
}
#link a{
	color:#c0c0c0;
	padding:0 0 0 10px;
	text-decoration:underline;
}
#link a:hover{
	color:#f5f5f5;
	text-decoration:none;
}
#script{position:absolute; left:-10000px;}
	
.blog_title{
	padding:20px 0 0 0;
}
.blog_title a{
	font-size:18px;
	color:#333;
	font-family:Century Gothic;
	font-weight:bold;
}
.blog_title a:hover{color:#c30;}
.sendtime{color:#4b7d4a;}

.blog_content{
	padding:10px 0 0 0;
}
.blog_content p{
	padding:0 0 18px 0;
}
.blog_tag{
	padding:10px 0 20px 0;
	border-bottom:1px dotted #666;
	color:#555;
	clear:both;
}
.blog_tag a{
	color:#777;
	text-decoration:none;
}
.blog_tag a:hover{
	color:#c00;
}

a.back{
	background:#fff;
	padding:2px 10px;
	display:block;
	float:left;
	color:#c00;
	border:1px solid #ccc;
	text-decoration:none;
}
a.back:hover{
	background:#c00;
	border:1px solid #900;
	color:#fff;
}

.r_content{
	padding:10px 0 20px 0;
	border-top:1px dotted #666;
}
.r_content ul{margin:0; padding:0; list-style:none;}
.r_content li{margin:0; padding:0 0 0 10px; background:url(images/li.gif) left no-repeat; list-style:none; line-height:20px;}

.page{ clear:both; padding:10px 0px 0 0; margin:10px 0px; width:100%;}
.page a{ display:block; float:left; white-space: nowrap; padding:2px 5px; line-height:13px; margin:0 6px 0 0;  background:#f5f5f5; color:#000; border:1px #ccc solid; text-decoration:none; height:13px;}
.page a:hover{background:#fff; color:red; border:1px #999 solid;}
.page b{ display:block; float:left;white-space: nowrap; padding:2px 5px; line-height:13px; margin:0 6px 0 0;background:#c30; color:#fff; border:1px #c30 solid; height:13px;}	
.page strong{ display:block; float:left;white-space: nowrap; padding:2px 5px; line-height:13px; margin:0 6px 0 0;background:#c30; color:#fff; border:1px #c30 solid; height:13px;}