/* Design styles  */

html, body, p, h1, h2, h3, blockquote, ol, ul, li, form {
	margin: 0; padding: 0;
}

a img, fieldset { border: none; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.4;
	color: #ffffff;
	background: #000000;
}
td, input, select, textarea {
	font-size: 1em;
}
a { color: #ff9900; text-decoration: underline; }
a:hover { text-decoration: none; }

.invert { text-decoration: none; }
.invert:hover { text-decoration: underline; }

h1, .h1 {
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.67em; /* equals to 18px in block with font-size: 1.2em */
	/*letter-spacing: -1px;*/
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 .5em;
	}
	h1 a, .h1 a { color: #ffffff; text-decoration: none; }
	h1 a:hover, .h1 a:hover { text-decoration: none; }
h2, .h2 {
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.42em; /* equals to 12px in block with font-size: 1.1em */
	font-weight: normal;
	color: #ff9900;
	margin: 0 0 .5em;
	}
	h2 a, .h2 a { color: #ffffff; text-decoration: none; }
	h2 a:hover, .h2 a:hover { text-decoration: underline; }

p { margin-bottom: 1em; }
blockquote { padding-left: 4em; }

ol    { padding-left: 3.7em; margin-bottom: 1em; }
ol li { padding-left: 0.3em; }
ul    { padding-left: 3.2em; margin-bottom: 1em; }
ul li { padding-left: 0.8em; }

.h100 { height: 100%; }

#header {
	height: 170px;
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
	}
	.menu-top {
		list-style-type: none;
		padding: 0; margin: 0;
		color: #ff9900;
		font-size: 17px;
		padding-left: 5px;
		}
		.menu-top li { padding: 0 20px 0 0; display: inline; }
		.menu-top a { text-decoration: none; }
		.menu-top a:hover { text-decoration: underline; }
	#site-title {
		font-size: 80px;
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		line-height: 0.8;
		padding: 30px 0 0 0;
		margin-right: 20px;
		}
		#site-title a, #site-title a:hover { color: #ffffff; text-decoration: none; }
		#site-title span { color: #44c9f6; }
	#site-slogan {
		font-size: 18px;
		font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1.3;
		padding-top: 48px;
		}
	.menu-bot {
		list-style-type: none;
		padding: 0; margin: 0;
		text-align: right;
		clear: both;
		font-size: 1.7em;
		text-transform: lowercase;
		color: #ffffff;
		position: absolute;
		bottom: 0px; right: 186px;
		}
		.menu-bot li { display: inline; padding: 0 3px 0 17px; }
		.menu-bot a { text-decoration: none; color: #ffffff; }
		.menu-bot a:hover { text-decoration: underline; }

#right-col {
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}

#footer { background: url(../img/bg-footer.png) 0 0 repeat-x; font-size: 1.1em; padding-top: 6px; }
#footer a { color: #b36b00; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.main-img { padding-bottom: 22px; }
.inner .main-img { padding: 0; margin-bottom: 22px; height: 158px; overflow: hidden; }
#content { font-size: 1.2em; padding-bottom: 2em; }

.buttons {
	margin: 0 0 10px 0; padding: 0;
	list-style-type: none;
	overflow: hidden;
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	text-transform: lowercase;
	line-height: 1.1;
	}
	.buttons li {
		float: left; padding: 0; width: 174px;
		text-align: center;
		margin: 0 22px 0 0;
		}
		.buttons a { color: #ffffff; text-decoration: none; }
		.buttons a:hover { text-decoration: underline; }

* html .buttons { height: 0; overflow: visible; }
.inner .buttons { margin-bottom: 2em; }

.content-text { /*background: #fff; color: #000; padding: 5px 8px 8px;*/ }

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.f-label { text-align: right; padding-right: 10px; }
.input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #000000;
	border: 1px solid #704300;
	color: #fff;
	width: 210px;
}
.submit {
	background: #ba7000;
	border: none;
	color: #fff;
	font-family: "Myriad Pro Cond", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.42em;
	height: 22px;
	padding: 0 10px 3px;
	text-transform: lowercase;
}