@charset "UTF-8";
/* CSS Document */

body IMG {
	border:0px;
}

.advertisingBox {
	position:relative;
	width:373px;
	height:329px;
	background-image:url(../images/homeImages/advertisingBox.png);
	float:left;
	left:65px;
}

.advertisingBox:hover {
	background-image:url(../images/homeImages/advertisingBox_o.png);
}

.aboutUsBox {
	position:relative;
	width:394px;
	height:419px;
	background-image:url(../images/homeImages/aboutUsBox.png);
	float:left;
	left:95px;
	top:-50px;
}

.aboutUsBox p {
	padding-top:20px;
	padding-left:20px;
	padding-right:15px;
	text-align:left;
	line-height:20px;

}

.aboutUsImage {
	position:relative;
	float:left;
	top:5px;
	margin-right:5px;
}

.interactiveBox {
	position:relative;
	width:335px;
	height:268px;
	background-image:url(../images/homeImages/interactiveBox.png);
	float:left;
	left:85px;
	top:-70px;
}

.interactiveBox:hover {
	background-image:url(../images/homeImages/interactiveBox_o.png)
}

.designBox {
	position:relative;
	width:236px;
	height:175px;
	background-image:url(../images/homeImages/designBox.png);
	float:left;
	left:125px;
	top:-101px;
}

.designBox:hover {
	background-image:url(../images/homeImages/designBox_o.png);
}

.illustrationBox {
	position:relative;
	width:181px;
	height:227px;
	background-image:url(../images/homeImages/illustrationBox.png);
	float:left;
	left:117px;
	top:-5;
}

.illustrationBox:hover {
	background-image:url(../images/homeImages/illustrationBox_o.png);
}
.twitterBox {
	position:relative;
	width:381px;
	height:345px;
	background-image:url(../images/homeImages/twitterBox.png);
	float:left;
	left:115px;
	top:-25px;
}

#tweet ul {
	color:#4b3407;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	padding-top:70px;
	position:relative;
	left:-13px;
	width:300px;
	list-style-type:none;
	
}

#tweet p {
	padding-top:70px;
}

.elsewhereBox{
	position:relative;
	width:272px;
	height:206px;
	background-image:url(../images/homeImages/elsewhereBox.png);
	float:left;
	left:155px;
	top:-131px;
}

.elsewherelinks {
	position:relative;
	left:-35px;
	top:50px;
}

.elsewhereBox a:link {
	text-decoration:none;
	color:#363636;
}

.elsewhereBox a:hover {
	text-decoration:none;
	color:#000;
}

.contactBox {
	position:relative;
	width:297px;
	height:130px;
	float:left;
	background-image:url(../images/homeImages/contactBox.png);
	left: 30px;
	top:-131px;
}

.contactLine {
	position:relative;
	top:50px;
	left:-322px;
}

.contactBox p {
	text-align:left;
	padding-top:38px;
	padding-left:20px;
	line-height:12px;
	color:#555555;
}

.contactBox a:link {
	color:#555555;
	text-decoration:none;
}

.contactBox a:hover {
	color:#000;
	text-decoration:none;
}

.clientBox {
	position:relative;
	width:226px;
	height:160px;
	float:left;
	background-image:url(../images/homeImages/clientsBox.png);
	left: 65px;
	top:-131px;
}

.clientBox:hover {
	background-image:url(../images/homeImages/clientsBox_o.png);
}

#resume {
	position:absolute;
	left:0px;
	top:190px;
}

<!--Slideshow CSS-->

#advertising-slides img {
height:245px;
width: 353px;
}

#advertising-slides img {
position:absolute;
top:61px;
left:4px;
}

#interactive-slides {
height:187px;
width: 315px;
position:absolute;
top:61px;
left:3px;
}

#interactive-slides img{
height:187px;
width: 315px;
}

#design-slides {
height:95px;
width: 216px;
position:absolute;
top:61px;
left:3px;
}

#design-slides img{
height:95px;
width: 216px;
}

#illustration-slides {
height:144px;
width: 161px;
position:absolute;
top:61px;
left:3px;
}

#illustration-slides img{
height:144px;
width: 161px;
}

#clients-slides {
height:105px;
width: 206px;
position:absolute;
top:41px;
left:3px;
}

#clients-slides img{
height:105px;
width: 206px;
}

.slide-show {
margin-left: 6px;
margin-right: 6px;
padding: 1px;
position: relative;
}
.slide-show img {
position:absolute;
top:1px;
left:1px;
z-index:8;
opacity:0.0;
}
.slide-show img.active {
z-index:10;
opacity:1.0;
}
.slide-show img.last-active {
z-index:9;
}