/*-----------------------------------------------------------------------------

The Ski Base

Floated 2 Column Fixed Width 860px (Main Content Left)

version:   1.0
date: May 10, 2009
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
  background: #f5f0e2 url(../images/branding_bg.gif) repeat-x;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 3.2em;
  font-weight: normal;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  margin-bottom: .3em;
}

h2 {
  font-size: 2.2em;
  font-weight: normal; 
  font-family: "Times New Roman", Times, serif;   
  color: #000; 
  margin-bottom: .2em;   
}

h3 {
  font-size: 1.6em;
  font-weight: normal; 
  font-family: "Times New Roman", Times, serif;    
  color: #000; 
  margin-bottom: .4em;       
}

h4 {
  font-size: 1.8em;
  font-weight: normal; 
  font-family: "Times New Roman", Times, serif;   
  color: #fff; 
}

h5 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic; 
  font-family: "Times New Roman", Times, serif;    
  color: #000; 
  margin-bottom: .4em;       
}

.emphasisred {
color: #7a2a24;
}

.rentals {
  font-size: 1.6em;
  font-weight: normal; 
  font-family: "Times New Roman", Times, serif;   
  color: #000; 
}

#primaryContent a, #secondaryContent a {
color: #222f5c;
color: #808285;
color: #6b2b46;
}

ul {
list-style: square;
}

.displayblock {
display: block;
}

.imagespace {
margin-bottom: 10px;
}

.imageborder {
margin: 0;
padding: 0;
padding: 2px;
border: 1px solid #cccccc;
}

p img.left {
	float:left;
	margin:.3em 1.5em .5em 0;
	padding:0;
}

#wrapper {
	/* background-color: #fff; */
}

#branding {
	position: relative;
 	height: 125px;
	/* background-color: #000; */
}

.positionlogo {
position: absolute;
top: 35px;
left: 20px;
margin: 0;
padding: 0;
}

.positioncallus {
position: absolute;
top: 25px;
left: 560px;
}

/* Start Thick Underline Menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
position: absolute;
top: 70px;
left: 0px;
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0 0 0 0;
text-align: right; /* //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #ffffff;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}

/* End Thick Underline Menu */

#mainMessage {
position: relative;
height: 350px;
/* background-color: #e3decb; */
background: url(../images/mainmessage-bg.gif) no-repeat;
margin-top: 20px;
margin-bottom: 20px;
}

.positionskier {
position: absolute;
top: 18px;
left: 480px;
padding: 3px;
}

.mainmessage {
position: absolute;
top: 50px;
left: 35px;
}

.signup {
position: absolute;
top: 190px;
left: 125px;
}

.techniques {
position: absolute;
top: 290px;
left: 118px;
}

.container {
width: 860px;
background: url(../images/primary-content-bg.gif) repeat-y;
display: block; /* removes gap between primary content/secondary content and footer in IE */
}

#primaryContent {
  	/* background-color: green; */
}

#primaryContent ol li {
padding-top: 4px;
padding-bottom: 4px;
}

#primaryContent ul li {
padding-top: 4px;
padding-bottom: 4px;
}

/* Start Rental Rates Table */

#primaryContent table {
  	width: 520px;
	margin-left: 30px;
  	border: 1px solid #808285;
}

#primaryContent th  {
  	padding: 10px;
  	background-color: #000;
  	color: #fff;  
}

#primaryContent td  {
	padding: 10px;
}

.odd {
	background-color: #e3decb;
}

#primaryContent .categorywidth {
width: 90px;
}

/* End Rental Rates Table */

/* Start jQuery accordian on Services page */

#main h3 {
	background: url(../images/open.png) no-repeat 0% 10%;
	padding-left: 20px;
	cursor: pointer;
	margin-left: 30px;
}

#main h3.close {
	background-image: url(../images/close.png);
}

#main .answer {
  background-color: white;
}

#main h3 a {
color: #d4a832; 
}

/* End jQuery accordian on Services page */

/* Start Map on Location page */

#map {
	width: 800px;
	height: 520px;
	margin-bottom: 20px;
	margin-left: 30px;
}

/* End Map on Location page */

#contentWrap {
margin-bottom: 20px;
}

#secondaryContent {
  	/* background-color: yellow; */
}

#primaryContent a, #secondaryContent a {
color: #6b2b46;
}

#primaryContent a:hover, #secondaryContent a:hover {
text-decoration: none;
}

#primaryContent h2 .no-link {
	text-decoration: none;
}

#footer {
position: relative;
height: 190px;
background: #000;
color: #fff;
}

#footer p {
font-size: 95%;
margin: 0;
padding: 10px 0 10px 30px;
}

#footer ul {
font-size: 95%;
	margin: 0;
	padding: 10px 0 10px 30px;
	list-style-type: none;
}

#footer a {
color: #fff;
}

/* Start positioning of action footer content */

.positionsmallprint {
position: absolute;
top: 30px;
left: 0px;
}


.positionstorelocation {
position: absolute;
top: 30px;
left: 210px;
}

.positionstorehours {
position: absolute;
top: 30px;
left: 470px;
}

.positioncontactus {
position: absolute;
top: 30px;
left: 655px;
}

/* End positioning of action footer content */

/* Start positioning icons in action footer */

.snowflakered {
position: absolute;
top: 32px;
left: 140px;
}

.snowflakegreen {
position: absolute;
top: 32px;
left: 370px;
}

.snowflakeorange {
position: absolute;
top: 32px;
left: 575px;
}

.snowflakeblue {
position: absolute;
top: 32px;
left: 805px;
}

/* End positioning icons in action footer */

/* Layout Core Technique
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
	width: 550px;
  	float: left; 

}

#secondaryContent { 
  	width: 235px; 
  	float: right;

} 

#footer { 
  	clear: both;
} 

#oneColLayout #primaryContent {
width: 860px;
background: #ffffff;
}

#oneColLayout #primaryContent p {
padding-right: 30px;
}

/* Layout Padding 
================================== */

#primaryContent {
  	padding-top: 20px;
	padding-bottom: 0em;
}

#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent h4, #primaryContent p, #primaryContent ul, #primaryContent ol, #primaryContent img {
padding-left: 30px;
padding-right: 0px;
}

#primaryContent img {
padding-bottom: 15px;
}

#secondaryContent {
  	padding-top: 20px;
		padding-bottom: 0em;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p, #secondaryContent img {
padding-left: 0px; 
padding-right: 30px;
}

#secondaryContent img {
padding-bottom: 10px;
}

#footer {
  	padding-top: 5px;
  	padding-bottom: 5px;
}

#footer h4 {
padding-left: 30px;
margin-bottom: 0px;
}