/* CSS Document */

/* !!!!!!!!!!!! Zeroing Styles !!!!!!!!!!!! */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all styles */

* {
margin:0;
padding:0;
border:0;
}

html {
min-height: 100%;
height: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
list-style-type:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}

/* !!!!!!!!!!!! Display Styles !!!!!!!!!!!! */

/* Styles that effect the display and not the structure of the site such as fonts, headers, HTML tag styles and 'a' styles should be defined here */

body {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

td {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

ul {
list-style:outside;
list-style-type:disc;
color:#000000;
margin-left:15px;
}

ol {
list-style:outside;
list-style-type:decimal;
color:#000000;
margin-left:25px;
}

li {
padding:.5em 10px 0px 0px;
}

h1 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
position:absolute;
left:99999px;
display:none;
}
/* h1 styles are for defining the structure of the site (mostly for screen readers) they will not be viewable or printable unless CSS is disabled such as with a mobile device*/

h2 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

h3 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

h4 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
}

h5 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:bold;
font-style:italic;
}

h6 {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

p {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding:.5em;
}

a {
color:#581b6f;
text-decoration:none;
}

a:link a:visited a:active {
color:#581b6f;
}

a:hover {
color:#a975b2;
}

.offpage {
position:absolute;
left:99999px;
display:none;
}

.headline {
font-size:1.5em;
font-weight:bold;
}

/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

#fontControls {
text-decoration:none;
color:#FFFFFF;
/*
height:100%;
width:100%;
*/
padding: 0px;
float:left;
}

/* !!!!!!!!!!!! Browser Hacks !!!!!!!!!!!! */

/* Browsers differ from each other and differ depending on which operating system they are on. It is inevetable that you will have to write "hacks" to deal with these issues */

* html[selectorname] {
}

/* IE6 Hack - Read by IE6 only */

html>body[selectorname] {
}

/* IE7 Hack - Read by IE7 only */

html>/**/body[selectorname] {
}

/* Firefox 2.0 Hack - Read by Firefox only */

/*\*/
html>body*[selectorname] {
}
/**/

/* Safari Hack (both PC & Mac) - Read by Safari only */

/* !!!!!!!!!!!! Layout Styles !!!!!!!!!!!! */

/* Layout styles are styles that control where and what assets are displayed. CSS in this section should follow the indenting format that HTML follows for ease-of-use. I only use classes because IDs cannot be overwritten for alt styles. */

html {
height:100%;
}

body {
background-color:#efdfca;
height:100%;
}

	.sitewrapper {
	background:url(images/home_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperProduct {
	background:url(images/product_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperStaff {
	background:url(images/staff_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperTour {
	background:url(images/tour_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperLocations {
	background:url(images/locations_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperContact {
	background:url(images/contact_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
	
	.sitewrapperGift {
	background:url(images/gift_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	}
		
		.sitebackground {
		} 

			.sitecontainer {
			text-align:left;
			position:absolute;
			left:50%;
			top:50%;
			margin-left:-450px;
			margin-top:-292px;
			width:940px;
			height:584px;
			overflow:hidden;
			}

				.skipnav {
				}
				
					.skipnav ul {
					margin:0;
					list-style:none;
					}
					
						.skipnav li {
						padding-right:1em;
						float:left;
						}
				
				/* !!!!!!!!!!!! Header Styles !!!!!!!!!!!! */
			
				.header {
				width:230px;
				height:464px;
				padding-top:120px;
				text-align:right;
				float:left;
				}	
				
				* html .header {
				height:584px;
				}
				
					.header ul {
					list-style:none;
					list-style-type:none;
					}
		
				/* !!!!!!!!!!!! Main Area Styles !!!!!!!!!!!! */
			
				.main {
				width:610px;
				height:224px;
				margin-left:68px;
				padding-top:360px;
				float:left;
				overflow:auto;
				line-height:2em;
				}
				
				* html .main {
				height:584px;
				}
				
				.mainTour {
				width:610px;
				height:484px;
				margin-left:68px;
				padding-top:100px;
				float:left;
				overflow:auto;
				line-height:2em;
				}
				
				.mainTour2 {
				width:601px;
				height:484px;
				margin-left:68px;
				padding-top:100px;
				float:left;
				overflow:auto;
				line-height:2em;
				}
				
				.mainTour2 p {
				color:#ffffff;
				font-size:.8em;
				}
				
				* html .mainTour {
				height:584px;
				}
				* html .mainTour2 {
				height:584px;
				}
				
				.mainTour p {
				color:#ffffff;
				font-size:.8em;
				}
						
					.main p, .newscaster {
					font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
					font-size:1em;
					padding:10px;
					margin:.5em 0 2em 0;
					background-color:#e8a5a5;
					line-height:2em;
					width:573px;
					}
					
					.services{
					padding:10px;
					padding-left: 20px;
					background-color:#e8a5a5;
					line-height:2em;
					width:573px;
					}
					.services ul li{
					font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
					font-size:1em;
					margin-left:10px;
					background-color:#e8a5a5;
					
					}
					

					
					.services li {
					color: #fff;
					}
					
					* html .main p, * html .newscaster {
					width:593px;
					}
					
                    .image
			        {
					margin-right:10px;
			        float:left;
			        }
					
				/* !!!!!!!!!!!! Footer Styles !!!!!!!!!!!! */
			
				.footer {
				clear:both;
				margin:20px 4px 0 0;
				text-align:right;
				color:#a975b2;
				line-height:1.8em;
				font-size:.8em;
				}
				
/* !!!!!!!!!!!! Alt Media Styles !!!!!!!!!!!! */

/* It is neccesary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different stylesheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */