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

@font-face {
 font-family: Futura;
 src: url('fonts/FUTURAMC.TTF');
}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
body {
	background-image: url(images/gray_noise.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
a {
	color:#fff;
	text-decoration: none;
}


#container {
	background-image: url(images/header_bg_s1.jpg);
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 100%;
	background-repeat: repeat-x;
}
#container #header {
	width:720px;
	height:102px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#container #header img.grantloving {
	padding-bottom: 20px;
	padding-left: 20px;
}
#container #header #menu {
	list-style-type: none;
	float:right;
	margin-top:40px;
}
#container #header #menu li {
	float:left;
	height:33px;
	width:60px;
	background-color: #66CCFF;
	margin-left:20px;
	text-align:center;
	font-family: Futura;
	color: #FFF;
	font-size: 20px;
	padding-top: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	letter-spacing: 1px;
}
#display {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:360px;
	background-image: url(images/carousel_frame.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

h2 {
	padding-top:5px;
	padding-left:60px;
	font-size: 24px;
	font-family: Futura;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;

}

#slides {
	position:relative;	
}

#slides .slides_container {
	width:640px;
	display:none;
	padding:0;
	margin-top:30px;
	margin-right: auto;
	margin-left: 60px;
}


#display .prev {
	width:48px;
	position: absolute;
	top: 105px;
	z-index: 101;
	left: 0px;
}

#display .next {
	width:48px;
	position: absolute;
	right: 0px;
	top: 105px;
	z-index: 101;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
#slides .slides_container div.slide {
	width:640px;
	height:280px;
	display:block;
}

/*
	Set the size of your carousel items
*/
#slides .itemLeft {
	float:left;
	width:302px;
	height:285px;
	position:relative;
}

#slides .itemRight {
	float:right;
	width:302px;
	height:285px;
	position:relative;
}

#slides .caption {
	background-color: #66CCFF;
	margin: 2px;
	padding: 0px;
	height: 40px;
	width: 298px;
	position: absolute;
	top:169px;
	
}

.caption p {
	color: #fff;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

#slides .video {
	position: absolute;
	width:60px;
	height:31px;
	bottom: 3px;
	left:20px;
	
}

/*
	Optional:
	Reset list default style
*/
.pagination {
	list-style:none;
	margin:0;
	padding:0;
}

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination .current a {
	color:red;
}


#print {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:360px;
	background-image: url(images/carousel_frame.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#printSlides{
	position:relative;
}

#printSlides .slides_container {
	width:640px;
	display:none;
	padding:0;
	margin-top:25px;
	margin-right: auto;
	margin-left: 60px;
}


#print .prev {
	width:48px;
	position: absolute;
	top: 105px;
	z-index: 101;
	left: 0px;
}

#print .next {
	width:48px;
	position: absolute;
	right: 0px;
	top: 105px;
	z-index: 101;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
#printSlides .slides_container div.slide {
	width:640px;
	height:280px;
	display:block;
}

/*
	Set the size of your carousel items
*/
#printSlides .item{
	float:left;
	width:640px;
	height:280px;
	position:relative;
}

#printSlides .caption {
	background-color: #66CCFF;
	margin: 0px;
	padding-top:8px;
	padding-bottom:8px;
	width: 640px;
	position: absolute;
	top:169px;
}

#contact {
	margin-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:240px;
	background-image: url(images/contact_frame.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#infoBox{
	float:left;
	width:640px;
	height:160px;
	background-color:#FFF;
	margin-left:60px;
	margin-top:5px;
	
}

#infoBox p {
	color: #323232;
	margin: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
}

#infoBox p a{
	color: #323232;
}

#numbers{
	float:left;	
	width:180px;
	height:280px;
	background-color:#FFF;
	margin-top:5px;
	margin-left:20px;
}