*
{margin:0; padding:0;}
body
{font-family: Verdana, sans-serif;}
a
{text-decoration:none;}
#content .cube h2, #logo
{color: #DB553E;}
#nav li a:hover
{ 
	color:#FFFFFF;
	background-color:#DB553E ;
}
#wrapper
{
	max-width: 1100px;
	margin: 10px auto 0;
}
#header
{
	height: 40px;
	border-bottom: 1px solid #E3E3E3	
}
#logo
{
	width: 100px;
	padding:4px 10px 0 10px;
	margin-left: 50px;
	font-size: 24px;
	font-weight: normal;
	text-align:center;
	float:left;	
}
#nav
{
	height: 100%;
	margin-right: 50px;
	list-style:none;
	float:right;	
	overflow:hidden;
}
#nav li
{
	height: 100%;
	float: left;
}
#nav li a
{
	height: 100%;
	padding: 9px 10px 0;
	display:block;	
	color: #565656;
	font-size: 15px;
}
#slider
{	
	max-width: 1100px;
	max-height: 519px;
	margin: 20px auto;
	clear:both;
}
#cctv_img
{	
	width: 100%;
	height: auto;
	display:block;
}
#content
{
	max-width: 900px;
	min-height: 200px; 
	padding: 5px;	
	margin: 40px auto 0 auto;
	text-align:center;	
}
.cube
{	
	width:28%;
	padding: 0 10px;
	text-align:center;
	vertical-align: top;
	display: inline-block;
}
#security_img
{
	width: 70px;
	height: 46px;
}
#service_img
{
	width: 46px;
	height: 46px;
}
#drill_img
{
	width: 60px;
	height: 46px;
}
#middle_cube
{
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}
#content .cube h2
{
	margin: 10px 0 5px 0;
	font-size: 15px;
}
#content .cube p
{
	font-size: 14px;
	color: #626262;
}
@media screen and (max-width:1300px), handheld and (max-width:1300px){
	#wrapper{
		max-width: 900px;
		padding:0 10px;		
	}
	#slider{max-width: 700px;}
}
@media screen and (max-width:900px), handheld and (max-width:900px)
{
	#wrapper{max-width: 700px;}
	#nav
	{margin-right: 10px;}
}
@media screen and (max-width:740px), handheld and (max-width:740px)
{	
	#header
	{margin-bottom:20px;	
	text-align:center;
	height:auto;
	}	
	#logo{
		margin-left: 0;
		margin-bottom: 10px;
		display: inline-block;
		float: none;
	}	
	#nav{
		margin-right: 0;
		width:100%;	
		float:none;
	}
	#nav li{
		width:100%;
		float: none;
	}	
	#nav li a{
		height: 100%;
		padding: 4px 0 5px; 
	}	
	#slider
	{display:none;}		
	#content
	{
		width:auto;
		margin: 0;
	}
	.cube
	{
		margin-bottom: 20px;
		min-height: auto;
		width:auto;	
		display: block;			
	}	
	#middle_cube
	{border-style: none;}
}