/* CSS Document */

body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* container */
#container{
	width:740px;

}

#container h1{
	background-image:url(images/slices/header.jpg);
	background-repeat:no-repeat;
	height:105px;
	margin:0;
	}

#content{
	background-image:url(images/slices/bg-tile.jpg);
	background-repeat:repeat-y;
}	

#content h2{
	height:45px;
	margin:0;
	background-repeat:no-repeat;
}

/* anchors */ 
a img{border: 0;}


/* page titles */
#content #home-title{
	background-image:url(images/slices/title-header.jpg);
}
#content #about-title{background-image: url(images/slices/title-about.jpg);}
#content #services-title{background-image: url(images/slices/title-services.jpg);}
#content #contact-title{background-image: url(images/slices/title-contact.jpg);}

#content #nav{
	background-image:url(images/slices/left-side.jpg);
	background-repeat:no-repeat;
	width:109px;
	height:303px;
	padding-top:60px;
	float:left;
	}
	
#content #area{
	padding:20px 60px 20px 20px;
	min-height:302px;
	}
	
/* add in elements that will belong in the content area here */ 	

#content #area p, #content #area ul, #content #area h3, #content #area h4{
	margin-left: 100px;
}	

.ie #content #area{
	height:302px;
}	

.red-text{
	color: red;
}

#footer{	
	padding:40px 100px;
	background-repeat:no-repeat;
	background-image:url(images/slices/footer.jpg);
	}