/* @override http://localhost/~steve/kupe/css/extras.css */

/* @group Setup */

body {
	background-color: #000000;
	color: #ffffff;
	font-family: optima, arial, sans-serif;;
}

p, div {
	color: #fdc9a0;
}

a, a:link {
	color: #fef589;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.smallLink {
	text-transform: uppercase;
	font-size: .8em;
}

.uppercase {
	text-transform: uppercase;
}
sup, small {
	font-size: .6em;
	color: #fdc9a0;
}
strong {
	font-weight: bold;
	color: #fff;
}

/* @end */

/* @group Form */

.enterForm {
	height: 413px;
	padding-top: 30px;
}
label {
	padding: 0px 20px 0px 10px;
	text-shadow: rgba(66,12,0,0.32) 2px 2px 3px;
}
.radio {
	margin-left: 15px;
	background-color: transparent;
	border: none;
}
input {
	background-color: #181818;
	border: none;
	padding: 1px 5px 1px 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 1.1em;
	border-bottom: 1px solid #f52c17;
}
.inputFull {
	width: 305px;
}
.inputHalf {
	width: 45%;
}
select {
	background-color: rgba(112,11,2,0.75);
	border: none;
	border-bottom: 1px solid #cb3632;
	border-right: 1px solid #cb3632;
	padding: 2px 5px 2px 5px;
	color: #fff;
	font-size: 1.1em;
	opacity: 0.8;
}
button {
	height: 27px;
	vertical-align: middle;
	border: none;
	background: url(../images/bg-button.gif) right 0;
	padding: 0px 15px 0px 10px;
	margin: 10px 0px 5px 0px;
	border-left: 1px solid maroon;
	color: #fefcaa;
	cursor: pointer;
	text-shadow: rgba(84,6,0,0.6) 1px 1px 1px;
}
button:hover {
	color: #ffffff;
	background: url(../images/bg-button.gif) right -29px;
}
.buttonRight {
	vertical-align: middle;
	border-top: 1px solid #db4b00;
	border-left: 1px solid #b33c01;
	border-bottom: 1px solid #9f3301;
	border-right: 1px solid #b33c01;
	padding: 5px 15px 5px 10px;
	margin: 10px 0px 5px 0px;
	color: #fefcaa;
	cursor: pointer;
	background: url(../images/bg-button2.gif) 0 center;
}
.formError {
	background: #fe2600 url(../images/form_error.gif) no-repeat 326px 19px;
}

/* @end */

/* @group Main */
h1 {
	color: #ff4200;
	padding-top: .5em;
	margin-bottom: .25em;
	font: normal normal 3.75em "Adobe Caslon Pro", Palatino, "Times New Roman", Times, serif;
	text-decoration: none;
	text-shadow: rgba(66,12,0,0.32) 2px 2px 3px;
}
h2 {
	color: #ffffff;
	font: normal normal 1.7em "Adobe Caslon Pro", Georgia, Palatino, "Times New Roman", Times, serif;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
.bigQuote{
	color: #555;
	margin: 10px 0px 0px 0px;
	padding: 20px 60px 15px 30px;
	font: normal normal 2.25em "Adobe Caslon Pro", Baskerville, Georgia, Palatino, "Times New Roman", Times, serif;
	border-left: 5px solid #333;
	border-right: 1px solid #111;
	background-color: #020202;
}
.unique {
	font-style: italic;
	font-size: .9em;
	color: #ffa361;
}
#main {
	background-color: #b80b00;
	
}


.panelIntro, .panelEnter {
	
}
.panelIntroA {
	background: url(../images/bg01.gif) no-repeat;
}
.panelIntroB {
	background: url(../images/bg01.gif) no-repeat -950px;
}
.panelEnterA {
	background: url(../images/bg02.gif) no-repeat;
}

.panelKupeA {
	background: url(../images/bg03.gif) no-repeat 0 0;
}

.panelKupeB {
	background: url(../images/bg03.gif) no-repeat -950px 0;
}

.panelKupeC {
	background: url(../images/bg03.gif) no-repeat -1900px 0;
}

.panelAbout {
	background-color: #111;
	background: url(../images/bg04.gif) no-repeat;
}
#toolTip {
	color: #fef589;
}
a.credit span {
	color: #111;
	display: none;
}
.listPlain {
	padding: 0px 0px 20px 20px;
	list-style-type: circle;
	list-style-position: outside;
}
.listPlain li {
	padding: 0px 0px 5px 0px;
}

/* @end */

/* @group Header */
#header {
	height: 145px;
}
.container {
	overflow: hidden;
}

/* @end */

/* @group Footer */
#footer {
	border-top: 1px solid #520500;
	background: url(../images/footer.gif) no-repeat;
	padding: 10px 0px 0px 446px;
}
#footer a {
	display: block;
	height: 60px;
	width: 55px;
}
#footer span {
	display: none;
}
#footer a {
	background: url(../images/magrette_logo.png) no-repeat 0px 0px;
}
#footer a:hover {
	background: url(../images/magrette_logo.png) no-repeat 0px -60px;
}

/* @end */

/* @group TopNav */
#topNav {
	height:40px;
	background: #6f0a00 url(../images/topnav.gif) no-repeat center top;
}
#topNav li {
	float: left;
	list-style-type: none;
	margin: 0px;
}
#topNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 60px;
}

#topNav a {
	display: block;
	height: 40px;
	margin: 0px 0px 0px 0px;
}
#topNav span {
	display: none;
}
.topNavIntro a {
	width: 184px;
	background: url(../images/topnav.gif) no-repeat -67px -42px;
}
li.topNavEnter a {
	width: 202px;
	background: url(../images/topnav.gif) no-repeat -243px -42px;
}
li.topNavLegend a {
	width: 236px;
	background: url(../images/topnav.gif) no-repeat -445px -42px;
}
li.topNavMagrette a {
	width: 208px;
	background: url(../images/topnav.gif) no-repeat -677px -42px;
}
li.topNavIntro a:hover, li.topNavIntro.navCurrent a {
	background: url(../images/topnav.gif) no-repeat -67px -84px;
}
li.topNavEnter a:hover, li.topNavEnter.navCurrent a {
	background: url(../images/topnav.gif) no-repeat -243px -84px;
}
li.topNavLegend a:hover, li.topNavLegend.navCurrent a {
	background: url(../images/topnav.gif) no-repeat -445px -84px;
}
li.topNavMagrette a:hover, li.topNavMagrette.navCurrent a {
	background: url(../images/topnav.gif) no-repeat -677px -84px;
}

/* @end */

/* @group CodaScroller */
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
			noscript a { color: #a00; text-decoration: underline }
			noscript ol { margin-left: 25px; }

			a:focus { outline:none }


			.stripViewer .panelContainer .panel ul {
				text-align: left;
				margin: 0 0 0 0;
			}

			.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
				margin: 0;
				position: relative;
				width: 100%;
				
			}

			/* These 2 lines specify style applied while slider is loading */
			.csw {width: 100%; height: 413px; background: #b80b00; overflow: hidden;
			}
			.csw .loading {margin: 200px 0 300px 0; text-align: center}

			.stripViewer { /* This is the viewing window */
				position: relative;
				overflow: hidden; 
				margin: auto;
				width: 950px; /* Also specified in  .stripViewer .panelContainer .panel  below */
				height: 413px;
				clear: both;
			}

			.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
				position: relative;
				left: 0; top: 0;
				width: 100%;
				list-style-type: none;
				
				/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
			}

			.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
				float:left;
				height: 413px;
				position: relative;
				width: 950px; /* Also specified in  .stripViewer  above */
			}

			.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			}
			.stripNav, .stripNavL, .stripNavR  {
	display: none;
}



/* @end */