/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* HOME
----------------------------------------------------------------------------- */

.content{ width:950px;}

.flash{
	width:950px;
	height:403px;
	background:url(images/flash.jpg); 
}
.box{
	float:left;
	position:relative;
}
.box img{
	display:block;
}
.box .links{
	position:absolute;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.box1{
	width:560px;
}
.box1 p{
	position:absolute;
	top:59px;
	left:174px;
	width:338px;
}

.box2{
	width:390px;
}
.box2 ul{
	position:absolute;
	top:48px;
	left:34px;
	width:247px;
}
.box2 li{ padding:0 0 12px;}
.box2 .links{
	top:253px;
	left:34px;
	width:247px;
}

.box3{
	width:950px;
	background:url(images/home_box3_bg.gif) repeat-y;
	padding:0 0 5px;
	margin:0 0 10px;
}
.box3 li{float:left; padding:0 10px;}
.box3 li img{ height:23px;}
.box3 li .in{height:240px;}
.box3 li .in p{ padding:5px 0;}
.box3 li a{ font-size:14px; font-weight:bold;}

.box4{
	width:309px;
}
.box4 .case1{ position:absolute; top:84px; left:27px; width:264px;}
.box4 .case2{ position:absolute; top:164px; left:109px; width:180px;}
.box4 .case3{ position:absolute; top:260px; left:109px; width:181px;}
.box4 a{ font-size:13px; font-weight:bold;}

.box5{
	width:641px;
	padding:0 0 20px;
}

.box5 .links{
	bottom:32px;
	right:50px;
}
.box5 ul{padding:15px;}
.box5 li{padding:5px 0;}
.box5 h4{font-size:12px; color:#FFFFFF;}


.flex{
	width:950px;
}

.flex ul{ position:absolute; top:70px; left:20px;}

.flex ul img{border:1px solid #333;}

.flex li{ float:left; position:relative; width:160px; padding:0 10px;}

.flex li span{ display:block; position:absolute; top:190px; left:10px; width:160px; text-align:center; font-size:15px; font-family:"trebuchet MS", Helvetica, sans-serif;}
.flex li span strong{color:#FFFFFF;}



.ourtop{
	width:950px;
	position: relative;
	height: 216px;
}

.ourtop h3{
	position: absolute;
	top: 20px;
	left: 30px;
}

.ourtop .list {
	position: absolute;
	top: 55px;
	left: 30px;
}

.ourtop .list ul {
	float: left;
	width: 116px;
}

.ourtop .list li {
	display: block;
	background: url(images/home_ourtop_list.gif) no-repeat 0 7px;
	height: 18px;
}

.ourtop .list li a { font-weight: bold; color: #FFFFFF; padding: 0 0 0 10px; text-decoration:none; font-size:10px}
.ourtop .list li a:hover { text-decoration: underline; color: #2FBCE6; font-size:10px}