@charset "utf-8";

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

body {
	background-color: #CCC;
}

a {
	font-size: 12px;
	color: #CC6600;
}

a:hover {
	color: #999;
}

#Container {
	height: 563px;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#ContainerIntro {
	height: 563px;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(images/IntroBackground.png);
}

#Container2 {
	height: 752px;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#Banner {
	height: 210px;
	width: 994px;
	background-image: url(images/ArchiveQuestBanner.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

#NavBar {
	height: 40px;
	width: 994px;
}

#NavBarButtons {
	float: left;
	height: 40px;
	width: 682px;
	clear: both;
	background-color: #333;
}
#StrapLine {
	height: 40px;
	width: 312px;
	background-image: url(images/StrapLine.png);
	background-repeat: no-repeat;
	float: right;
	clear: right;
}
.Button {
	float: left;
	height: 32px;
	width: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FC3;
	vertical-align: middle;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
}
.Button a {
	font-size: 18px;
	color: #FC3;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
.Button a:hover {
	color: #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

#MainContent {
	height: 283px;
	width: 418px;
	text-align: justify;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	padding-right: 20px;
}

#MainContentScroll {
	height: 283px;
	width: 418px;
	text-align: justify;
	float: left;
	clear: both;
}

#ParagraphHome {
	width: 526px;
	height: 306px;
	background-image: url(images/ParagraphHome.png);
	background-repeat: no-repeat;
	float: right;
}
#ParagraphServices {
	width: 526px;
	height: 306px;
	float: right;
	background-image: url(images/ParagraphServices.png);
	background-repeat: no-repeat;
}
#ParagraphPortfolio {
	width: 526px;
	height: 306px;
	float: right;
	background-image: url(images/ParagraphPortfolio.png);
	background-repeat: no-repeat;
}
#ParagraphProducts {
	width: 526px;
	height: 306px;
	float: right;
	background-image: url(images/ParagraphProducts.png);
	background-repeat: no-repeat;
}
#ParagraphAboutUs {
	width: 526px;
	height: 306px;
	float: right;
	background-image: url(images/ParagraphAboutUs.png);
	background-repeat: no-repeat;
}
#ParagraphContactUs {
	width: 526px;
	height: 306px;
	float: right;
	background-image: url(images/ParagraphContactUs.png);
	background-repeat: no-repeat;
}

#Footer {
	height: 21px;
	width: 984px;
	background-image: url(images/Footer.png);
	background-repeat: no-repeat;
	color: #FFF;
	text-align: right;
	padding-top: 7px;
	padding-right: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 283px; 
    width: 418px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	/* this time we have very large space for the height */ 
    height:954px;
}
#Spacer {
	height: 20px;
}