@charset "utf-8";
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
html {
	font-size: 16px;
}
#logoLink {
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 94px;
	width: 134px;
	position: absolute;
	left: 0px;
	top: 50px;
}
#mainNav {
	position: absolute;
	height: 22px;
	width: 581px;
	left: 320px;
	top: 122px;
	background-repeat: no-repeat;
	background-position: left top;
}

.casper {
	display: none;
}

#col2 {
	width: 581px;
	position: absolute;
	left: 320px;
	top: 160px;
	font-size: 1.5em;
}
#col2 p {
	line-height: 2em;
}

#col1 {
	position: absolute;
	width: 292px;
	left: 0px;
	top: 160px;
	font-size: 1.2em;
}
#col1 #blueBox {
	background-image: url(../img/blueBlank.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 361px;
	width: 292px;
	padding: 5px;
}
#blueBox h5 {
	color:#FFFFFF;
}

#col2 #greenBox {
	background-image: url(../img/greenBlank.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 242px;
	width: 581px;
	position: relative;
	margin-bottom: 2em;
}

#ill a, #design a, #web a {

	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: absolute;
	width: 303px;
	left: 137px;
}

#greenBox #ill a {
	background-image: url(../img/illustration.jpg);
	height: 43px;
	top: 31px;
}

#greenBox #design a{
	background-image: url(../img/design.jpg);
	height: 52px;
	top: 96px;
}

#greenBox #web a{
	background-image: url(../img/web.jpg);
	height: 40px;
	top: 159px;
}

#greenBox #ill a:hover{
	background-position:left -43px;
}
#greenBox #design a:hover{
	background-position:left -52px;
}
#greenBox #web a:hover{
	background-position:left -40px;
}

body {
	font-size: 62.5%;
	color: #666666;
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3{
color: #0079C2;
}

a{
	color: #0079C2;
	text-decoration:none;
}
a:hover{
	color: #578336;
	text-decoration:underline;
}

h4, h5, h6{
	color: #578336;

}
#contactLine {
	position: absolute;
	left: 320px;
}
#contactLine a {
	background-image: url(../img/jeffGarczewski.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 135px;
	float: left;
	padding-right: 20px;
}
#mainNav ul {
margin: 0px;
padding: 0px;

}

#mainNav li {
list-style-type: none;
display: inline;

}

#mainNav li a{
text-decoration: none;
float:left;
height:22px;
display:inline;
background: url(../img/nav.gif) no-repeat left top;
}
#mainNav ul li#nav1 a {
	background-position:left top;
	width:54px;
}
#mainNav ul li#nav1 a:hover, #mainNav ul li#nav1 a.activeNav{
	background-position:left -22px;
}

#mainNav ul li#nav2 a {
	background-position:-54px top;
	width:86px;
}
#mainNav ul li#nav2 a:hover, #mainNav ul li#nav2 a.activeNav{
	background-position:-54px -22px;
}

#mainNav ul li#nav3 a {
	background-position:-140px top;
	width:96px;
}
#mainNav ul li#nav3 a:hover, #mainNav ul li#nav3 a.activeNav{
	background-position:-140px -22px;
}

#mainNav ul li#nav4 a {
	background-position:-236px top;
	width:61px;
}
#mainNav ul li#nav4 a:hover, #mainNav ul li#nav4 a.activeNav{
	background-position:-236px -22px;
}

#mainNav ul li#nav5 a {
	background-position:-297px top;
	width:102px;
}
#mainNav ul li#nav5 a:hover, #mainNav ul li#nav5 a.activeNav{
	background-position:-297px -22px;
}