@charset "UTF-8";
body {
	overflow:hidden;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #008710;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	margin-top: 20px;
	margin-left: 20px;
}

	#mask {
	width:479%;
	height:100%;
	}

	.item {
	width:960px;
	height:100%;
	float:left;
	}
	
	
	.content {
	width:961px;
	height:650px;
	position:relative;
	background-image: url(images/HomePage.jpg);
	background-repeat: no-repeat;
	}
.content2 {
	width:961px;
	height:649px;
	position:absolute;
	background-image: url(images/WebsitePage.jpg);
	background-repeat: no-repeat;
}
.content3 {
	width:961px;
	height:651px;
	position:absolute;
	background-image: url(images/AnimationPage.jpg);
	background-repeat: no-repeat;
}
.content4 {
	width:961px;
	height:651px;
	position:absolute;
	background-image: url(images/PhotographyPage.jpg);
	background-repeat: no-repeat;
}
.content5 {
	width:961px;
	height:651px;
	position:absolute;
	background-image: url(images/ContactPage.jpg);
	background-repeat: no-repeat;
}
	
.selected {
	font-weight:700;
}

.clear {
		clear:both;
}
.HomePageContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-image: url(images/HomeInfoBox.png);
	background-repeat: no-repeat;
	height: 385px;
	width: 608px;
	margin-top: 55px;
	margin-left: 340px;
	position: absolute;
	padding-left: 9px;
}
.HomePagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	height: 385px;
	width: 580px;
	margin-left: 0px;
	position: absolute;
	line-height: 1.3em;
	padding-right: 20px;
}
.verticalnav1 {
	height: 38px;
	margin-left: 36px;
	margin-top: 13px;
}
#horizontal {
	width: 273px;
	margin-top: 65px;
	margin-left: 30px;
	position: absolute;
}
.webimg1 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 6px;
	margin-left: 39px;
	padding-left: 8px;
	padding-top: 8px;
}
.webimg2 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 15px;
	margin-left: 39px;
	padding-top: 8px;
	padding-left: 8px;
}.webimg3 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-left: 280px;
	margin-top: -396px;
	padding-top: 8px;
	padding-left: 8px;
}
.webimg4 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 15px;
	margin-left: 280px;
	padding-top: 8px;
	padding-left: 8px;
}
.webpagecontent {
	background-image: url(images/WebsiteInfoBox.png);
	background-repeat: no-repeat;
	height: 383px;
	width: 384px;
	margin-top: -398px;
	margin-left: 540px;
	position: absolute;
}
.webpagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-repeat: no-repeat;
	height: 383px;
	width: 356px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 9px;
}
.animationvideo {
	background-image: url(images/AnimationVideoContent.png);
	background-repeat: no-repeat;
	height: 386px;
	width: 522px;
	margin-left: 38px;
	margin-top: 2px;
	padding-top: 20px;
	padding-left: 10px;
}
.animationcontent {
	background-image: url(images/WebsiteInfoBox.png);
	background-repeat: no-repeat;
	height: 383px;
	width: 384px;
	margin-top: -405px;
	margin-left: 570px;
	position: absolute;
}
.animationtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-repeat: no-repeat;
	height: 370px;
	width: 356px;
	margin-top: 5px;
	padding-left: 9px;
	overflow: auto;
}
a:link {
	color: #0E680C;
}
a:visited {
	color: #0E680C;
}
.graphicimg1 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 6px;
	margin-left: 39px;
	padding-top: 8px;
	padding-left: 8px;
}
.graphicimg2 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 15px;
	margin-left: 39px;
	padding-top: 8px;
	padding-left: 8px;
}
.graphicimg3 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-left: 280px;
	margin-top: -396px;
	padding-top: 8px;
	padding-left: 8px;
}
.graphicimg4 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 15px;
	margin-left: 280px;
	padding-top: 8px;
	padding-left: 8px;
}
.graphicimg5 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: 15px;
	margin-left: 39px;
	padding-top: 8px;
	padding-left: 8px;
}
.graphicimg6 {
	background-image: url(images/WebsiteMiniFour.png);
	background-repeat: no-repeat;
	height: 183px;
	width: 231px;
	margin-top: -191px;
	margin-left: 280px;
	padding-top: 8px;
	padding-left: 8px;
}
.designcontent {
	background-image: url(images/WebsiteInfoBox.png);
	background-repeat: no-repeat;
	height: 383px;
	width: 384px;
	margin-top: -598px;
	margin-left: 540px;
	position: absolute;
}
.designtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-repeat: no-repeat;
	height: 383px;
	width: 356px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 9px;
}
.contactbox {
	background-image: url(images/ContactBox.png);
	background-repeat: no-repeat;
	height: 387px;
	width: 901px;
	margin-top: 4px;
	margin-left: 38px;
	position: absolute;
}
.contactboxtext {
	height: 387px;
	width: 873px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	padding-left: 9px;
}
#ytvideo,
#ytvideo2 {
	float: none;
	margin-left: 20px;
}


.yt_holder {
    background: #f3f3f3;
    padding: 10px;
    float: left;
    border: 1px solid #e3e3e3;
	margin-bottom:15px;
}


ul {
	margin: 0;
	padding: 0;
	width: 300px;
}

ul li {
	list-style-type: none;
	display:block;
	width: 300px;
	margin-bottom: 5px;
	padding:2px;
}

ul li img {
	width: 120px;
	margin-right: 5px;
	border: 1px solid #999;
}

ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-size: 14px;
}

.currentvideo {
}