@import 'baseline.css';
@import 'navigation.css';

/* Styles Applied To Entire Site */

body{
	margin: 0;
	padding: 0;
	background: #2E2A21 url(../images/gradient.jpg) repeat-x;
}

#grid{
	margin: 0;
	padding-top: 60px;
	width: 100%;
	height: 100%;
	background: transparent url(../images/grid.jpg) no-repeat center top;
}

#wrapper{
	margin: 0 auto;
	padding: 0 33px;
	width: 760px;
}

span{
	display: none;
}

h2 {
	font-size: 130%;
	font-weight: bold;
}

h3 {
	font-size: 120%;
	font-weight: bold;
}

#header{
	width: 100%;
	height: 125px;
	background: #fff url(../images/logo.jpg) no-repeat 0 40px;
}

#animation{
	margin: 2px 0 0 0;
	padding: 0;
	width: 100%;
	height: 198px;
	background: transparent url(../images/animation.jpg) no-repeat 0 0;
}

#spacer{
	margin: 3px 0 0 0;
	width: 100%;
	height: 6px;
	background: #fff;
	font-size: 1px;
}

#content{
	margin: 3px 0 0 0;
	padding: 50px 0 0 0;
	width: 100%;
	background: #fff;
}

#leftcol{
	margin: 0;
	padding: 0;
	width: 340px;
	float: left;
	
}

#leftcol img, #leftcol p{
	margin: 0;
	padding: 0 20px;
	border: 0;
}

#rightcol{
	margin: 0;
	padding: 0 50px 50px 0;
	width: 360px;
	float: right;
}

.clear{
	clear: both;
}

#footer{
	margin: 0;
	padding: 12px 0 0 0;
	width: 100%;
	height: 53px;
	background: transparent url(../images/footerbg.png) repeat-x;
}

#footer p{
	color: #877C61;
	text-align: center;
	font-weight: bold;
	font-size: 75%;
}

#footer a{
	color: #877C61;
}

/****** PRODUCTS PAGE *******/

.category {
	background: url(../images/linecard/categorybg.png) no-repeat;
	width: 437px;
	height: 26px;
	color: #fff;
	padding: 3px 0 0 3px;
}


/******      PAGE HEADLINES       *******/

#rightcol h2 {
	background-repeat: no-repeat;
	height: 53px;
	margin: 0 0 20px 0;
}

#welcome {
	background: url(../images/h2_home.jpg);
}

#services {
	background: url(../images/h2_services.jpg);
}

#products {
	background: url(../images/h2_products.jpg);
}

#resources {
	background: url(../images/h2_resources.jpg);
}

#contact {
	background: url(../images/h2_contact.jpg);
}