/*---------------------------------------------

			styling for Stedwell site

---------------------------------------------*/

body {
	margin: auto;
	padding: 0;
	font: normal 62.5% georgia, times, "times new roman", serif;
	background: #000000;
	color: #ffffff;
	}
	
#container {
	position:relative;
	width:1200px;
	background: black url(../images/stripe.png);
	margin: auto;
	padding:0;
	}

p {
	font-size: 1.3em;
	}

h1 {
	font-size:2em;
	margin:0;
	}

h2 {
	font-size: 1.7em;
	}

img {
	border: 0;
	}

li {
	font-size: 1.2em;
	}

/*---------------------------------------------

			Header Styling

---------------------------------------------*/
	
#header {
	margin: 0;
	padding: 0;
	height:165px;
	width:1200px;
	background:url(../images/header-open.png);
	}

#header h1 img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
/*---------------------------------------------

			Navigation Styling

---------------------------------------------*/

#nav {
	margin:17px 0px 0px 252px;
	}

#nav ul {
	margin:0;
	padding:0;
	list-style: none;
	}
	
#nav li {
	font: 2em arial, verdana, sans-serif;
	margin:0;
	padding:0;
	}
	
#nav a {
	text-decoration:none;
	color:white;
	}

#print {
	position:absolute;
	top:112px;
	left:238px;
	}
	
#print a {
	padding:20px 25px 30px 150px;
	background:url(../images/nav-print.png) no-repeat right bottom;
	}
	
#print a:hover {
	background:url(../images/nav-mouseover-print.png) no-repeat right bottom;
	}
	
#print a:active {
	background:url(../images/nav-active-print.png) no-repeat right bottom;
	}
		
#home {
	position:absolute;
	top:112px;
	left:467px;
	}
	
#home a {
	padding:25px 35px 30px 38px;
	background:url(../images/nav-home.png) no-repeat right bottom;
	}
	
#home a:hover {
	background:url(../images/nav-mouseover-home.png) no-repeat right bottom;
	}
	
#home a:active {
	background:url(../images/nav-active-home.png) no-repeat right bottom;
	}
	
	#about {
	position:absolute;
	top:112px;
	left:600px;
	}
	
#about a {
	padding:25px 28px 30px 25px;
	background:url(../images/nav-about.png) no-repeat right bottom;
	}
	
#about a:hover {
	background:url(../images/nav-mouseover-about.png) no-repeat right bottom;
	}
	
#about a:active {
	background:url(../images/nav-active-about.png) no-repeat right bottom;
	}

#web {
	position:absolute;
	top:112px;
	left:722px;
	}
	
#web a {
	padding:20px 150px 30px 30px;
	background:url(../images/nav-web.png) no-repeat right bottom;
	}
	
#web a:hover {
	background:url(../images/nav-mouseover-web.png) no-repeat right bottom;
	}
	
#web a:active {
	background:url(../images/nav-active-web.png) no-repeat right bottom;
	}
	
/*---------------------------------------------

			content

---------------------------------------------*/

#content {
	width:960px;
	height:400px;
	margin:20px auto 20px;
	padding:20px;
	background:#000000;
	}
	
#column1 {
	padding:20px;
	float:left;
	width:20%;
	}
	
#column2 {
	padding:20px;
	float:left;
	width:30%;
	}

#column3 {
	padding:20px;
	float:left;
	width:30%;
	}
	
/*---------------------------------------------

			footer

---------------------------------------------*/

#footer {
	clear:both;
	width:1200px;
	height:111px;
	background:url(../images/footer.png) no-repeat;
	}

#footer h3 {
	padding-top:50px;
	text-align:center;
	}