@import 'reset.css';
@import 'typography.css';
@import 'display.css';

/* Masthead: Logo & Navigation */

#masthead {
	background: transparent url("../images/tagline.gif") left top no-repeat;
	width: 940px;
	height: 240px;
	margin-top: 10px;
}

#masthead ul {
	float: left;
	clear: both;
	border-bottom: 1px solid #C6C6C6;
}

#masthead ul li {
	width: 140px;
	height: 41px;
	float: left;
}

#masthead ul li:first-child {
	float: left;
	margin-left: 380px;
}

#masthead ul li img:hover {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha (opacity=0);
}

#home {
	background: transparent url("../images/home_hover.gif") left top no-repeat;
}

#whatwedo {
	background: transparent url("../images/whatwedo_hover.gif") left top no-repeat;
}

#ourwork {
	background: transparent url("../images/ourwork_hover.gif") left top no-repeat;
}

#contactus {
	background: transparent url("../images/contactus_hover.gif") left top no-repeat;
}

#logo {
	float: left;
	background: transparent url("../images/logo.gif") -33px top no-repeat;
	width: 240px;
	height: 52px;
}

/*  Header  */

#header_home {
	margin-top: -135px;
	width: 965px;
	margin-left: -25px;
	height: 140px;
	float: left;
	clear: both;
	position: relative;
	z-index: 100;
	background: transparent url("../images/paint.png") left top no-repeat;
}

#header_default {
	margin-top: -135px;
	width: 965px;
	margin-left: -25px;
	height: 140px;
	background: transparent url("../images/header_default.png") left top no-repeat;
}

#header_services {
	width: 965px;
	margin-left: -25px;
	margin-top: -80px;
	height: 140px;
	background: transparent url("../images/header_default.png") left top no-repeat;
}

/* Content Container */

#contentcontainer {
	margin-top: -15px;
	position: relative;
	z-index: 20;	
}

/*  Home Page  */


/*  Our Work  */

.thumb {
	background-color: #CCC;
	width: 155px;
	height: 155px;
}

.thumb img {
	background-color: transparent;
	padding: 4px 3px 3px 3px;
	position: relative;
	top: -11px;
	right: -5px;
}

/* What We Do  */

.servicesList li:first-child {
	margin-top: 3px;
}

.servicesList li {
	margin-bottom: 8px;
}

/* What We Do  */

#sentcontainer {
	width: 290px;
	height: 45px;
	background: transparent url("../images/emailSent.gif") no-repeat 5px top;	
}

#gearsLarge {
	float: right;
	margin-top: -214px;
	width: 289px;
	height: 178px;
	background: transparent url("../images/gearsLarge.jpg") no-repeat left top;	
}

/* Content Bottom Images */

#paint_bottom {
	height: 99px;
	border-top: 1px solid #C6C6C6;
	background: transparent url("../images/paint_bottom.gif") left top no-repeat;
}

/*  Other  */

#bottomspacing {
	width: 100px;
	height: 50px;
	float: left;
}

.spacer {
	width: 940px;
	margin-top: 25px;
	height: 10px;
	float: left;
}

.clear {
	width: 940px;
	margin-top: 20px;
	height: 10px;
	float: left;
}