@charset "utf-8";
/* CSS Document */

/*  Homepage-Specific Style  */

#design_box, #devel_box, #consulting_box, #hosting_box {
width: 25%;
float: left;
height: 200px;
display: block;
padding: 0;
margin: 0;
position: relative;
top: 0;
}

#hosting_box {
width: 24.9%;
}

<!--[if !IE]>-->
#hosting_box {
width: 25%;
}
<!--<![endif]-->

	#plane, #crane, #wrench, #server {
	width: 100%;
	height: 200px;
	display: block;
	padding: 0;
	margin: 0;
	}
	
		.what_we_do {
		height: 145px;
		padding: 10px 15px 0 0;
		text-align: right;
		font-size: 1.1em;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #fff;
		}
		
			.what_we_do ul {
			list-style-type: none;
			list-style: none;
			padding: 0;
			margin: 0;
			}
			
			.what_we_do li {
			margin-bottom: 10px;
			}
		
		.what_we_do a, .what_we_do a:active, .what_we_do a:visited, .what_we_do_title a, .what_we_do_title a:active, .what_we_do_title a:visited {
		color: #fff;
		text-decoration: none;
		}
				
		a.wwd_design:hover {
		  color: #002043;
		}
		
		a.wwd_development:hover {
		  color: #362101;
		}
		
		a.wwd_consulting:hover {
		  color: #01254b;
		}
		
		a.wwd_hosting:hover {
		  color: #000;
		}
		
		.what_we_do_title a:hover {
		  color: #fff;
		}

		
		
			
		
		.what_we_do_title {
		height: 39px;
		width: 100%;
		display: block;
		background: 0;
		text-align: right;
		padding: 0;
		margin: 0;
		color: #fff;
		padding: 6px 4% 0 0;
		text-align: right;
		display: block;
		width: 96%;
		font-size: 2.7em;
		text-transform: uppercase;
		font-family: 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode';
		letter-spacing: 0.1em;
		}
		
		  .what_we_do_title img {
		  padding: 0;
		  margin: 0;
		  text-align: right;
		  }

#design_box {
background: url(../img/banner/design_2.png) repeat-x top;
}

	#plane {
	background: url(../img/bg/plane_sm.png) left top no-repeat;
	}

#devel_box {
background: url(../img/banner/devel_2.png) repeat-x top;
}
	#crane {
	background: url(../img/bg/crane_sm.png) left bottom no-repeat;
	}

#consulting_box {
background: url(../img/banner/consulting_2.png) repeat-x top;
}

	#wrench {
	background: url(../img/bg/wrench_sm.png) left bottom no-repeat;
	}

#hosting_box {
background: url(../img/banner/hosting_2.png) repeat-x top;
}

	#server {
	background: url(../img/bg/server_sm.png) left bottom no-repeat;
	}