* {
	padding:0px;
	margin:0px;
}

html {
	text-align:center;
}

body {
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:16px;
	color:#882f05;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}

p {
	margin-bottom:15px;
}

ul {
	padding-left:25px;
	padding-bottom:10px;
}

a {
	color:#882f05;
	text-decoration:underline;
}

/* IDs */

#container {
	text-align:center;
}

#main {
	width:800px;
	margin:auto;
	text-align:left;
}

#content {
	float:left;
	width:475px;
	padding-left:25px;
	padding-top:15px;
}

/* Navigation */
#navigation {
	height:123px;
	/*width:800px;
	display:block;*/
}

#small-logo {
	background-image:url(../images/dyton_learning_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:98px;
	/* might be this */
	border-bottom: thin solid #999999;
}

.nav-button {
	padding-top:5px;
	padding-right:20px;
	float:left;
}

.nav-button a{
	height:10px;
	top:20px;
	display:block;
}

.nav-button a {
	background-position:0px -1px;
	background-repeat:no-repeat;
}

.nav-button a:hover {
	background-position: 0px -21px;
}

#home-button a {
	background-image:url(../images/nav/home.jpg);
	width:36px;
}

#services-button a {
	background-image:url(../images/nav/services.jpg);
	width:96px;
	/*might be this */
}

#portfolio-button a {
	background-image:url(../images/nav/portfolio.jpg);	
	width:53px;
}

#contact-button a {
	background-image:url(../images/nav/contact.jpg);
	width:46px;
}

/* Page Images */

.left-image {
	width:300px;
	height:315px;
		float:left;
	background-repeat:no-repeat;
	background-position:0px 15px;
	
}

#main-image {
	background-image:url(../images/meeting2.jpg);
}

#services-image {
	background-image:url(../images/moodle_tech.jpg);
}

#contact-image {
	background-image:url(../images/comm.jpg);
}