@import url( fonts.css );

body {
	background: #1c4176 url( ../images/body-background.jpg) repeat top center;
	color: #fff;
	font: 12pt 'MyriadProRegular', sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*--- MAIN WRAPPER ---*/

#wrapper {
	background: #fff;
	-moz-box-shadow: 0 0 57px #020303;
	box-shadow: 0 0 57px #020303;
	margin: 0px auto;
	text-align: left;
	width: 977px;
}

/*--- HEADER ---*/

#header {
	background: url( ../images/header-background.jpg ) no-repeat top left;
	height: 165px;
	position: relative;
	width: 977px;
}

#header #logo {
	position: absolute;
	right: 0;
	top: 0;
}

#header #logo img {
	border: none;
}

#slideshow-container {
	height: 285px;
	overflow: hidden;
	position: absolute;
	width: 555px;
}

/*--- CONTENT ---*/

#contentContainer {
	min-height: 575px;
	overflow: auto;
}

#content {
	color: #000;
	padding: 119px 12px 12px 12px;
	position: relative;
	width: 668px;
}

h1 {
	background: url( ../images/h1-background.png ) no-repeat top left;
	color: #fff;
	font-size: 24pt;
	font-weight: 400;
	height: 43px;
	line-height: 43px;
	margin-left: -12px;
	margin-bottom: 0px;
	padding-left: 20px;
}

#content p a {
	color: #003399;
	font-style: italic;
	text-decoration: none;
}

#home-page #content p {
	color: #1c4176;
	font-weight: bold;
	text-align: center;
}

body#home-page #content p.alt {
	color: #2467c9;
}

.banner {
	float: left;
	margin: 0 12px 26px 0px;
}

body#projects-page .banner {
	margin-right: 30px;
}

body#about-page .banner {
	margin-right: 30px;
	width: 175px;
}

body#projects-page.Safari_Windows .banner {
	margin-right: 25px;
}

body#projects-page .banner p {
	color: #1f4378;
	margin-top: 2px;
}

body#projects-page .banner p a {
	color: #548ee1;
	font-size: 10pt;
	font-style: normal;
}

body#projects-page .banner p span {
	color: #091931;
	font-size: 11pt;
}

.banner.last,
body#projects-page .banner.last,
body#about-page .banner.last {
	margin-right: 0px;
}

.banner img {
	border: none;
}

.banner h4 {
	color: #091931;
	font-size: 11pt;
}

div#icon {
	position: absolute;
	right: 7px;
	top: 228px;
}

body#outdoor-page div#icon {
	text-align: center;
}

.brochure-link {
	margin-top: 40px;
}

.subheading {
	font-style: italic;
	margin-top: 2px;
	margin-left: 15px;
}

ul#cart-options {
	font-size: 10pt;
	line-height: 1.4em;
	margin-left: 0px;
	padding-left: 22px;
}

body#beverage-page ul#cart-options {
	float: left;
	width: 161px;
}

#contact-information {
	float: right;
	padding-left: 10px;
	width: 240px;
}

#in-memory {
	margin-top: 60px;
}

#in-memory img {
	display: block;
	float: left;
	margin-right: 10px;
}

#in-memory p {
	font-style: italic;
}

#in-memory p span {
	font-style: normal;
}


/*--- NAVIGATION ---*/

#navigation {
	color: #257dfd;
	font: 12pt/19pt 'MyriadProRegular', sans-serif;
	float: right;
	margin-right: 15px;
	padding-top: 50px;
	width: 270px;
	z-index: 1000;
}

.facebook-wrapper {
	margin: 0 auto;
	width: 300px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#menu,
ul#download-menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#download-menu,
ul#download-menu li a {
	color: #1c4176;
	text-decoration: none;
}

ul#menu li,
ul#download-menu li {
	margin: 0px;
	padding: 0px;
  text-align: right;
}

ul#menu li.first {
	
}

ul#download-menu li {
	line-height: 18pt;
}

ul#menu li a {
	color: #257dfd;
	text-decoration: none;
}

ul#menu li a:hover {
	color: #0c2344;
}

ul#download-menu li a:hover {
	color: #257dfd;
}

ul#download-menu li.heading {
	font-weight: bold;
	padding-top: 25px;
}

/*--- FOOTER ---*/

#footer {
	color: #fff;
	font-size: 9pt;
	line-height: 21px;
	padding: 14px 0;
	text-align: center;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer div.symetric,
#footer div.symetric a {
	color: #8eaeda;
}

/*--- OTHER ---*/

.clearFix {
	clear: both;
}

.sale a {
	padding: 3px 3px 3px 18px;
	text-shadow: 0px 0px 1px rgba(255, 176, 7, 0.75);
	background: url(../images/star.png) no-repeat 0 -3px;
}

.sale a:hover {
	text-shadow: none;
	background-position: 0 -31px;
}
