@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;
}