/* import common libraries */

@import url("reset.css");
@import url("clearfloats.css");
/*@import url("moostyles.css");*/
@import url("forms.css");

/* import finished */

html, body { height: 100%; }

body {
	background: #ffffff url('../gfx/orc_bg.jpg') no-repeat fixed top center;
	text-align: center;
	margin: 0;
	font-family: arial;
	color: #454545;
	font-size: 14px;
	line-height: 17px;
}

h1, h2, h3, h4, h5, h6, h7 { color: #357f23; line-height: 1em; margin-bottom: 0.5em; }
a { color: #13662f; }

h1 { font-size: 2.4em; }
h2 { font-size: 2.1em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }

p { margin-bottom: 1em; }
strong { color: #000; }

hr { border: 0; height: 1px; border-top: 1px solid #96c401; }

.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	position: relative;
}

.header { margin: 0; width: 100%; height: 184px;
	text-align: center;
	background: transparent url('../gfx/header_bg.png') no-repeat top center; }

.header2 { width: 800px !important; height: 184px !important; margin: 0 auto; overflow: hidden; position: relative; }

.header2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	left: 285px;
	top: 65px;
	height: 33px;
	overflow: hidden;
}

.header2 ul li {
	padding: 2px;
	float: left;
	height: 27px;
	position: relative;
}

.header2 h1 {
	height: 35px;
	position: relative;
	left: 216px;
	top: 120px;
}

.header2 h1 span { display: none; }

.header2 h1.epg { width: 379px; background: transparent url('../gfx/hdr_epg.png') no-repeat top left; }
.header2 h1.pricelist { width: 174px; background: transparent url('../gfx/hdr_pricelist.png') no-repeat top left; }
.header2 h1.gallery { width: 142px; background: transparent url('../gfx/hdr_gallery.png') no-repeat top left; }
.header2 h1.aboutus { width: 167px; background: transparent url('../gfx/hdr_aboutus.png') no-repeat top left; }
.header2 h1.contactus { width: 199px; background: transparent url('../gfx/hdr_contactus.png') no-repeat top left; }
.header2 h1.policy { width: 118px; background: transparent url('../gfx/hdr_policy.png') no-repeat top left; }

.content { margin: 24px; margin-bottom: 0; min-height: 400px; }
.footer { margin: 24px; border-top: 1px solid #96c401; padding-top: 12px; text-align: center; font-size: 0.9em; }

.fadepic_box { width: 305px; height: 302px;
	background: transparent url('../gfx/fading_pics_bg2.png') no-repeat top left;
	float: right; margin: 0 0 24px 24px;
}
#fadepic { margin: 8px 0 0 8px; }

/***********************

gallery stuff

***********************/

/*.media_gallery_item {}*/
/* below used in squeezebox_gallery */
.sg_container, .sg_container p, .sg_container div { margin: 0; padding: 0; }
.sg_container p { text-align: center; }
p.icons { width: 460px; margin: 0 auto; }
p.icons img { display: inline; /*width: 60px; height: 60px;*/ margin: 0 12px 12px 0; float: left; border: 1px solid black; }

/***********************

table styles

***********************/

table { width: 100%; margin-bottom: 1em; }
table, table td, table th {
	border-collapse: collapse;
	border: 1px solid #fff;
	padding: 4px;
	font-size: 1em;
}
table th { background-color: #96c401; color: #fff; }
table th.label { background-color: #6a8a01; color: #fff; font-size: 1.2em; }
table th.empty { background-color: #fff; border: 0; }
/*table td { color: #fff; }*/
table tr, table tr td { background-color: #dfdfdf; }
/*table tr:hover { background-color: #fff; }*/

.pricelist_menu { float: left; width: 140px; margin-right: 2em; }
.pricelist_menu a { display: block; border: 1px solid black; color: #fff; padding: 4px; text-transform: uppercase; font-size: 10px;
	text-decoration: none; margin-bottom: 4px; background: transparent url('../gfx/pricelist_link_bg.gif') repeat-x; }
.pricelist_menu a:hover { color: #f4931e; }

.pricelist_detail { float: left; width: 580px; }
.pricelist_detail table { width: 320px; }

.pricelist_thumb, .pricelist_thumb_left { float: left; max-width: 140px; text-align: left; font-style: italic; font-size: 0.9em; color: #6a8a01; padding: 12px; border: 1px solid #bfbfbf; background-color: #efefef; margin-bottom: 12px; margin-right: 12px; }
.pricelist_thumb { clear: right; float: right; text-align: right; margin-right: 0; }
.pricelist_thumb img, .pricelist_thumb_left img { display: block; }
.pricelist_thumb a, .pricelist_thumb_left a { text-decoration: none; color: #696969; }

.pricelist_thumb p, .pricelist_thumb_left p { margin-bottom: 0; }

.contact_info {
	float: right;
	border: 1px solid #afafaf;
	background-color: #efefef;
	font-size: 1.2em;
	padding: 8px;
	width: 260px;
	margin: 0 0 48px 24px;
	font-size: 12px;
}

/***********************

miscellaneous

***********************/

/* need to do something better than this...: */
.bigger, .bigger p { font-size: 1.3em; line-height: 1.2em; }
.err { color: #ff0000; }

.main_col h2, .main_col h2.break { font-size: 18px; }
/* header style <h*> */
.break { padding: 8px; text-transform: uppercase; background-color: #fff; border: 1px solid #b4d3e1; text-align: center; margin-bottom: 12px; }

ul.basic_list {
	list-style: disc outside;
}

ul.basic_list li {
	display: block;
	padding: 0 0 8px 20px;
	line-height: 1.3em;
	font-size: 1em;
}

.pagination { border: 1px solid #3baee0; background-color: #fff; padding: 8px; font-size: 10px; margin-bottom: 12px; }

.hdrlink { background: transparent url('../gfx/null.gif') no-repeat top left; }
.hdrlink:hover { background-position: bottom left; }

.clickable { cursor: pointer; }
.boldish { font-weight: 700; font-size: 1.2em; }
.alert { color: #ff0000; }
.alertok { color: #8dc63f; }
.hidden { display: none; } /* used in various places throughout the site via JS */

span.alert {
	background: transparent url('../gfx/delete.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0;
}
span.alertok {
	background: transparent url('../gfx/accept.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0;
}
.msg { font-size: 9px; font-style: italic; }