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

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	line-height:16px;
	background:url(images/texturebg.jpg);
}

/* Homepage */

#homecontainer {
	width:800px;
	height:600px;
	margin:0 auto;
	background:url(images/homepage_bg.jpg) no-repeat;
	position:relative;
	border:1px solid #333;
}

#slideshow {
	width:525px;
	height:236px;
	position:absolute;
	top:157px;
	left:139px;
	background:url(images/slideshow1.jpg) no-repeat;
}

.sayyesheader {
	width:100%;
	padding:40px 0 30px 0;
	height:44px;
	text-align:center;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#333;
}

.footer a {
	color:#333;
}

.footer a:hover {
	color:#666;
}

	
.bottomposition {   /* container for bottom homepage elements */
	position:absolute;
	top:450px;
	text-align:center;
	width:100%;
}

/* Navigation */

#homenav, #pagenav {
	width:100%;
	height:25px;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
	overflow:hidden;
}

	#pagenav {
		background:url(images/bg_nav.gif) no-repeat;
	}
	
	
	#homenav ul, #pagenav ul {           /* floated center menu UL and LI code thanks to matthewjamestaylor.com */
		clear:left;
   		float:left;
   		list-style:none;
   		margin:0;
   		padding:0;
   		position:relative;
   		left:50%;
   		text-align:center;
	}
	
	#homenav ul li, #pagenav ul li {
		display:block;
   		float:left;
   		list-style:none;
   		margin:0;
   		padding:0;
   		position:relative;
  		right:50%;
	}
	
	#homenav ul li a, #pagenav ul li a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
		display:block;
		float:left;
		margin-right:40px;
		height:20px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
		.nomargin {
			margin:0!important;
		}
	
	#homenav ul li a {
		color:#fff;
	}

	#homenav ul li a:hover {
		background:url(images/arrow.png) bottom center no-repeat;
	}
	
	#pagenav ul li a {
		color:#111;
	}
	
	#pagenav ul li a:hover, #land {
		background:url(images/arrowblk.png) bottom center no-repeat;
		color:#6a1a15;
	}
	
	#landwhite {
		background:url(images/arrow.png) bottom center no-repeat;
		color:#FFF;
	}

.clear {
	clear:both;
}
	

/* Pages */

#pagecontainer {
	width:800px;
	margin:0 auto;
	border:1px solid #333;
	position:relative;
	background:#fff url(images/bg_nav.gif) repeat-y;
}

#pageheader {
	width:800px;
	height:150px;
	background:url(images/innerpage_header.jpg) no-repeat;
	position:relative;
}

.innerheader {
	padding:30px 10px 10px 60px;
}

#content {
	width:100%;
	float:left;
}

#leftcol {
	width:405px;  /* 460 - 30 padding */
	float:left;
	padding:5px 15px 15px 40px;
}

#rightcol {
	width:305px;
	float:left;
	padding:10px 20px 0 0;
}

#pagefooter {
	width:800px;
	height:65px;
	background:url(images/innerpage_bottom.jpg) no-repeat;
}

#pagefooter h3 {
	padding-top:15px;
}

a {
	color:#6a1a15;
}

a:hover {
	color:#999;
}

/* Headers */

div > h1.inline {   /* page header - all browsers except IE7 and IE8 */
	display:inline-block;
	font-family:Garamond, "Adobe Garamond Pro", Georgia, serif;
	font-size:18px;
	color:#fff;
	position:absolute;
	top:41px;
	left:435px;
	}
	
	*:first-child+html h1.inline {		/* IE7 fix */
	display:inline-block;
	font-family:Garamond, "Adobe Garamond Pro", Georgia, serif;
	font-size:18px;
	color:#fff;
	position:absolute;
	top:55px;
	left:435px;
	}

	
div > .smaller {    /* all browsers */
		font-size:15px!important;
		top:44px!important;
	}
	
		*:first-child+html .smaller {  /* IE 7 fix */
		font-size:15px!important;
		top:55px!important;
		}
	

h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333;
	line-height:15px;
	font-weight:400;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:17px;
	font-weight:400;
}

h2.white {
	font-family:Garamond, "Adobe Garamond Pro", "Adobe Garamond", Georgia, serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

h3.white {
	font-family: Garamond, "Adobe Garamond Pro",  "Adobe Garamond", Georgia, serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}


/* PDF link icon */

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(images/pdf.png) center left no-repeat;
font-size:smaller;
}


/* Miva */

.prod-image {
	width:250px;
	float:left;
	padding:0;
	border:1px solid black;
}

.prod-desc {
	width:100px;
	float:left;
	padding:10px;
	border:1px solid blue;
}

/* FORMS */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,verdana,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 460px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding: 5px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.small {
font-size:smaller;
}