/* Author: Daniel Campbell

Color Palette
white: #ffffff

*/

/*General Settings*/
* {margin: 0; padding: 0;}

body {
	background: #ffffff;
	}

/*Styling*/
	
#container {
	width: 100%;
	height: 557px;
	margin: 2% auto 0 auto;
	position: absolute;
	background: url(../images/backline.jpg) repeat-x;
	}

#content1 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background1.jpg) no-repeat;
	}
#content2 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background2.jpg) no-repeat;
	}
	
#content3 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background3.jpg) no-repeat;
	}
	
#content4 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background4.jpg) no-repeat;
	}
	
#content5 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background5.jpg) no-repeat;
	}
	
#content6 {
	width: 900px;
	height: 557px;
	margin: 0 auto 0 auto;
	position: relative;
	background: url(../images/background6.jpg) no-repeat;
	}
	
#nav {
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 4;
	}
	
#nav li{
	float: left;
	padding-left: 20px;
	}
	
#nav .about{
	width: 24px;
	height: 147px;
	background: url(../images/about.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#nav .services{
	width: 25px;
	height: 146px;
	background: url(../images/services.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#nav .portfolio{
	width: 24px;
	height: 144px;
	background: url(../images/portfolio.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#nav .contact{
	width: 25px;
	height: 142px;
	background: url(../images/contact.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
h1 {
	text-indent: -9999px;
	}
	
.who {
	text-indent: -9999px;
	width: 176px;
	height: 26px;
	background: url(../images/who.png) no-repeat;
	margin-bottom: 8px;
	}
	
.what {
	text-indent: -9999px;
	width: 176px;
	height: 27px;
	background: url(../images/what.png) no-repeat;
	margin-bottom: 8px;
	}
	
.thanks {
	text-indent: -9999px;
	width: 122px;
	height: 28px;
	background: url(../images/thanks.png) no-repeat;
	margin-bottom: 8px;
	}

.contactus {
	text-indent: -9999px;
	width: 123px;
	height: 27px;
	background: url(../images/contactus.png) no-repeat;
	margin-bottom: 8px;
	}
	
dl {
	margin-top: 10px;
	}
	
dt {
	float:left;
	padding-right: 8px;
	}
	
dd {
	margin-bottom: 10px;
	}
	
#gallerynav {
	position: absolute;
	top: 0px;
	left: 2px;
	z-index: 5;
	}
	
#gallerynav li{
	float: left;
	padding-right: 48px;
	}
	
#gallerynav .web{
	width: 20px;
	height: 199px;
	background: url(../images/web.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#gallerynav .print{
	width: 20px;
	height: 199px;
	background: url(../images/print.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#gallerynav .illustration{
	width: 20px;
	height: 199px;
	background: url(../images/illustration.png) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#logo {
	width: 239px;
	height: 46px;
	background: url(../images/logo.png) no-repeat;
	position: relative;
	float: left;
	left: 650px;
	top: 475px;
	z-index: 5;
	}

.slogan {
	width: 389px;
	height: 102px;
	background: url(../images/slogan.png) no-repeat;
	position: relative;
	left: 460px;
	top: 150px;
	z-index: 4;
	text-indent: -9999px;
	}

#recent {
	width: 300px;
	height: 529px;
	position: absolute;
	top: 0px;
	left: 100px;
	}

#recent .s01 {
	width: 37px;
	height: 528px;
	background: url(../images/01.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	padding-right: 8px;
	}
	
#recent .s02 {
	width: 37px;
	height: 528px;
	background: url(../images/02.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	padding-right: 8px;
	}
	
#recent .s03 {
	width: 37px;
	height: 528px;
	background: url(../images/03.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	padding-right: 8px;
	}
	
#recent .s04 {
	width: 37px;
	height: 528px;
	background: url(../images/04.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	padding-right: 8px;
	}
	
#recent .s05 {
	width: 37px;
	height: 528px;
	background: url(../images/05.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	padding-right: 8px;
	}
	
		
#categories {
	width: 610px;
	height: 529px;
	position: absolute;
	top: 0px;
	left: 115px;
	}
	
#categories .web{
	width: 111px;
	height: 528px;
	background: url(../images/web.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}

#categories .print{
	width: 111px;
	height: 528px;
	background: url(../images/print.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#categories .illustration{
	width: 111px;
	height: 528px;
	background: url(../images/illustration.jpg) no-repeat;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
#categories li {
	float: left;
	padding-right: 15px;
	}
	
#para {
	width: 405px;
	margin: 0 auto;
	position: absolute;
	left: 100px;
	top: 20px;
	}
	
.inform {
	width: 500px;
	height: 355px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 5px;
	}

#para fieldset {
	position: absolute;
	}

.inform fieldset ol li label {
	top: -5px;
	position: relative;
	}
	
.inform fieldset ol li input {
	left: 75px;
	position: absolute;
	}
	
.inform fieldset ol li {
	padding-top:7px;
	}

#footer {
	position: fixed;
	z-index: 5;
	bottom: 5px;
	right: 5px;
	}


/*Typography*/

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #952d01;
	}

h1, h2, h3, h4, h5, h6 {
	line-height: 2em;
	color: #952d01;
	}
	
p, li, dt, dd, a{
	font-size: 1em;
	line-height: 1.3em;
	color: #952d01;
	}

dt {
	font-weight: bold;
	}
	
a {
	color: #c95515;
	text-decoration: none;
	}
	
#para legend {
	color: #c95515;
	font-weight: bold;
	}
	
#footer{
	font-size:.8em;
	}