/*body {font-family:Tahoma;font-size:11px;line-height: 20px;	font-weight: normal;font-variant: normal; text-align: left;margin:0px;height:100%;}*/

body {
	background-image: url(../images/bg-home-stretch.jpg);
	background-position: center top;
	background-repeat:repeat-x;
}

#homecontainer{
	position: relative;
	background-image: url(../images/bg-home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#homebody {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 30px;
}
/* Overview */

#overview {
	overflow: relative;
	width: 590px;
	height: 560px;
	margin: 0 auto;
}
#overview h1 {
	overflow: hidden;
	height: 0;
	margin-bottom: 15px;
	padding-top: 350px;
	background-image: url(../graphics/creepfest.gif);
	background-repeat: no-repeat;
}
#overview h2 {
	margin-bottom: 0;
	color: #ddcf9d;
	font-family: "Homemade Apple", Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	text-shadow: 0 0 4px #272221;
}
#overview p {
	font-size: 16px;
	text-align: center;
	text-shadow: 0 0 4px #272221;
}
/*Body Background
body#bodyhome {background-image: url(../images/bg-home.jpg);
    background-position: top center;
	background-repeat:no-repeat;
	background-position-horizontal: 50%;
	background-position-vertical: 50%;
	background-color: #ffffff;
	height:100%;
	background-attachment:inherit;}
body#bodyport {background-image: url(../images/bg-home.jpg); background-attachment:fixed;}
body#bodyabout {background-image: url(../images/bg-home.jpg); background-attachment:fixed;}
body#bodycontact {background-image: url(../images/bg-home.jpg); background-attachment:fixed;}
/*Body Background End*/

#containerhome {width:900px;margin: 0 auto; height: 100%; background-image: url(../images/bg-home.jpg);
    background-position: top center;
	background-repeat:no-repeat;
	background-position-horizontal: 50%;
	background-position-vertical: 50%;
	background-color: #ffffff
	background-attachment:inherit;;
	height:100%;}
#floaties { height:280px;margin-left:0px;margin-top:0px;position:absolute;width:900px;}
#viscontainer { height:200px;margin-left:0px;position:absolute;width:900px;}
#thumbscontainer { margin-left: 38px;margin-top:5px;width:900px;}
#topcontainer { height:120px;margin-left:0px;margin-top:0px;position:absolute;width:900px;}
#visuals { float:left; width:638px;}
#infos { margin-left:72%; width:200px;}
.infobox {
	background-position: left top;
	background-repeat: repeat;
	height: 120px;
	position: relative;
	top: 612px;
	width: 580px;
	z-index: 10;
	background-color:#fff;
	opacity:0.4;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
#rightfloatie {
	background-image: url("../images/homeflower1.png");
    background-position: left top;
    background-repeat: no-repeat;
	background-color:#0099FF;
	opacity:0.4;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    height: 509px;
    left: 679px;
    position: relative;
    width: 215px;
    z-index: 10;
}
.infobox p
  {
  margin:25px 25px;
  font-weight:normal;
  color:#000;
  }
#topright {
	margin-left:72%;
	width:200px;
	padding-top: 112px;
}
#infotext { width:200px;
    font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
	background-image: none;
	font-weight: bold;
	}
#mainContent {
	width:900px;
	position: relative;
	left: 0px;
	top: 0px;
}

#content {
	margin: 0 0 0 0;
	width: 900px;
	padding: 0 0 0 0;
	top: 0px;
	display:block;
	
	}

#pageContainer {
  margin:0 auto;
  width:981px;
}
#pageContainer h1 {
  display:block;
  width:981px;
  height:280px;
 text-indent: -10000px;
}
#footercontainer { height:200px;margin-left:0px;margin-top:0px;width:900px;clear:both; }
#footer {
	width: 900px;
	height: 250px;
	display:block;
	color: #b2b28b;
}
#footer p {
  margin:0px auto 6px auto;
  width:auto;
  height:40px;
  font-family: Geneva, Tahoma;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  
}
#nav {
	height: 85px;
    left: 0;
    width: 900px;
}
#homebody {
	left: 0;
    width: 900px;
    position: relative;
	height: 200px

}
#homethumbs {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid{
	width:100%;			/* width of page */
	position:relative;
}
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	margin-left: 34px;
}
.col1{
	float:left;
	position:relative;
	padding: 0 4px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	width: 650px;}
.col2{
	float:left;
	position:relative;
	padding: 0 4px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	width: 220px;}
.col3 {
	float:left;
	position:relative;
	padding: 0 4px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	width: 270px;
}

.titles {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
	background-image: none;
	font-weight: bold;


}
.bodybold {
    color: #17130f;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: bolder;
    line-height: 15px;
    text-transform: none;

}
.highlight {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	clear: none;
	float: none;
	width: 0px;
	height: 0px;
	}
.fronttext {
	color: #8F7133;
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}
.infotextwhite {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.teeinfotext {
	font-family: Tahoma;
	font-style: normal;
	line-height: 15px;
	color: #596269;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	font-size: 11px;
	font-weight: normal;

}
.infotextwhiteBIGGER {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color: #343d43;
	text-decoration: none;
	font-weight: bolder;
	background-position: center;
}
.fronttextcolour {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #BBBBBB;
}
a:link {
	color: #3F341F;
	text-decoration: underline;
	font-weight: bolder;
}
a:visited {
	color: #3F341F;
	text-decoration: none;
	text-decoration: underline;
	font-weight: bolder;
}
a:active {
	color: #3F341F;
	text-decoration: none;
	text-decoration: underline;
	font-weight: bolder;
}
a:hover {
	color: #9E720A;
	text-decoration: none;
	font-weight: bolder;
}

a.nav:link {
	color: #baa371;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-style: italic;

}
a.nav:visited {
	color: #baa371;
	font-weight: normal;
	font-family: Tahoma;
	text-decoration: none;
	font-size: 14px;
	font-style: italic;



}
a.nav:hover {
	color: #9E720A;
	text-decoration: none;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;

}
a.footer:link {
	color: #818150;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
}
a.footer:active {
	color: #818150;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
}
a.footer:visited {
	color: #818150;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
}
a.footer:hover {
	color: #8E8942;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
}

a.sublinks:link {
	color: #596269;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	line-height: 17px;
}
a.sublinks:visited {
	color: #596269;
	font-weight: bold;
	font-family: Tahoma;
	text-decoration: none;
	font-size: 11px;



}
a.sublinks:hover {
	color: #009933;
	text-decoration: none;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;

}

a.smalllinks:link {
	color: #423326;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
	line-height: 15px;

}
a.smalllinks:visited {
	color: #423326;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
	line-height: 15px;

}
a.smalllinks:hover {
	color: #669933;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: underline;
	line-height: 15px;

}

.fronttextGray {
font-family: Tahoma; font-size: 12px; font-style: normal; line-height: 16px; color: #BAAB98; text-decoration: none
}

.fronttextDARK {

	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.bodybold2 {

	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #636349;
	text-decoration: none;
	font-weight: bolder;
}
.fronttextsupaSmall {

	font-family: Tahoma;
	font-size: 9px;
	font-style: normal;
	line-height: 16px;
	color: #828282;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.headers {
    color: #2081a4;
    font-family: Tahoma;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 41px;
    text-transform: uppercase;
}
.priceHeaders {

	font-family: "Trebuchet MS";
	font-size: 24px;
	font-style: normal;
	line-height: 12px;
	color: #000000;
	font-weight: normal;
	
}
.fronttextwBG {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #343d43;
	text-decoration: none;
	font-weight: bolder;
	border: thin none #343d43;
	background-color: #232222;
}
.fronttextcolored {

	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.headersOrange {

	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #5f5f49;
	font-weight: normal;
}
.fronttextsmallItal {

	font-family: Tahoma;
	font-size: 9px;
	font-style: italic;
	line-height: 14px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.headersOrangeBold {

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #5f5f49;
	font-weight: bolder;
}
.fronttextOrange {

	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #FE2713;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.borders {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	color: #343d43;
	text-decoration: none;
	font-weight: normal;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #987B23;
	padding-bottom: 3px;
}
.smalltext {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.counter {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #5da2ff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #000000;
	padding: 2px;
}



.Quote {
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	color: #6C8C99;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	border-bottom-width: thin;
	border-bottom-style: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.hero1 {
	height: 200px;
    left: -40px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 115px;
    width: 650px;
}
.herosub {
	height: 200px;
    left: -40px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 131px;
    width: 650px;
}
.headerlinks {
	height: 50px;
    padding: 0;
    position: relative;
    top: 0px;
    width: 450px;
}

.highlights {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	clear: none;
	float: none;
	width: 0px;
	height: 0px;
	background-color: #FFFFFF;
	padding: 5px;
}
.headersWhite {

	background-color: #FFFFFF;
    color: #000000;
    font-family: Tahoma;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    line-height: 43px;
    margin-left: 0;
    padding: 5px;
    text-transform: uppercase;
}
.smalltextFooter {

	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	color: #948b84;
	text-decoration: none;
	font-weight: normal;
	border: thin none #343d43;
}
.fronttextTop {

	color: #b38009;
	font-family: Tahoma;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	line-height: 17px;

}
.fronttextTop2 {


	color: #755307;
	font-family: Tahoma;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	line-height: 17px;
}

#slideshow #slidesContainer {
  margin: 0;
  width:900px;
  height:650px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 0px;
  width:900px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:650px;
  padding-left:0px;
  
}
#slideshow {
    height: 650px;
    margin: 0 0px;
    position: static;
    width: 900px;
	margin: 27px 0 0 0;
	padding-bottom: 20px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:101px;
  height:200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 325px;
  left:-22px;
  z-index: 1;
  background:transparent url(../images/control_left.png) no-repeat 0 0;
}
#rightControl {
  right: -23px;
    top: 325px;
    width: 101px;
  background:transparent url(../images/control_right.png) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:981px;
}
#pageContainer h1 {
  display:block;
  width:981px;
  height:280px;
 text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:left;
  margin:0;


/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 36px;background: #666666 url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 25px;background: #ffffff url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 25px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Top */

#top {
	z-index: 3;
	position: fixed;
	right: 15px;
	bottom: 45px;
}
#top a {
	display: block;
	overflow: hidden;
	width: 60px;
	height: 0;
	padding-top: 60px;
	background-image: url(../graphics/top.png);
	background-repeat: no-repeat;
}
html.null #top,
html.overview #top {
	display: none;
}
/*
------------------------------------------------------------------------------
Media Queries
------------------------------------------------------------------------------
*/

@media only screen and (max-width: 980px) {
	#homecontainer {
		background-position: -110px 0;
	}
}

/* iPad, iPhone, iPhone 4 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) {
	#homecontainer {
		min-width: 1200px;
		background-position: center top;
	}
	#footer {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}
}