/*
                  _               _                          _   
  ___  ___  _ __ | |_  __ _  __ _(_) ___  _ __    _ __   ___| |_ 
 / __|/ _ \| '_ \| __|/ _` |/ _` | |/ _ \| '_ \  | '_ \ / _ \ __|
| (__| (_) | | | | |_| (_| | (_| | | (_) | | | |_| | | |  __/ |_ 
 \___|\___/|_| |_|\__|\__,_|\__, |_|\___/|_| |_(_)_| |_|\___|\__|
                            |___/                                
*/
/* SUMMIT SNOW SPORTS CSS */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- GLOBAL STYLES <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height:100%;
}

body {
	font-family: arial, serif;
}

img {border: none;}

blockquote {
	border-left: 5px solid #ddd;
	background-image: url(../images/backg-blockquote.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
	padding-left: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 16px;
	padding-right: 10px;
	color: #000000;
}

a, a:link, a:visited, a:hover, a:focus, a:active {cursor: pointer;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- CONTAINERS <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.container {width: 100%; float:left;}
.rap {
	width: 924px;
	margin: 0px auto 0px auto;
	padding: 0px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- BACKGROUNDS <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.black {background-color: #000;}
.grey {background-color: #e3dfde;}

.stripes {
	background-color: #FFFFFF;
}
.mountains {
	background-image: url(../images/backg-content.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.bdrBtm {border-bottom: solid 8px #B3B3B3;}
.bdrTop {
	border-top: dotted 1px #CCCCCC;
}
.bdrLeft {border-left: solid 1px #CCCCCC;}
.bdrRight {border-right: solid 1px #CCCCCC;}
.bdrSides {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- TOP LINKS CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#topLinks {
	height: 30px;
	overflow: hidden;
}
#topLinks ul {
	color: #fff;
	margin-left: 150px;
}
#topLinks ul li {
	list-style-type: none;
	display: inline;
	font-size: 16px;
	line-height: 34px;
}

#topLinks ul li a, #topLinks ul li a:link, #topLinks ul li a:visited {
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 50px;
	margin-left: 50px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
}
#topLinks ul li a:hover, #topLinks ul li a:focus, #topLinks ul li a:active {
	color: #FF0005;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- HEADER CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#header {
	height: 269px;
}
.nav {}
.logo {
	height: 225px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- INTRO CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.intro-cont {float: left; padding: 38px;}
.intro {
	width: 846px;
	height:105px;
	background-image: url(../images/backg-intro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.intro h1 {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 25px;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 0px;
	font-weight: normal;
	text-shadow: #333 0 1px 0;
}

.icons-cont {
	float: left;
	padding: 38px 38px 18px 38px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.icons {
	width: 846px;
	height:105px;
	float: left;
}
.icons img {
	margin-right:40px;
	margin-left: 0px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- CONTENT CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#content-cont {
	float: left;
	width: 924px;
	padding-bottom: 200px;
}

#content {
	float: left;
	width: 924px;
	padding-top: 20px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- COLUMNS <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.column-cont {width: 307px; float: left;}
.column-cont2 {width: 614px; float: left;}
.column-cont3 {width: 924px; float: left;}

/* .prices td {border-right: dotted 1px #000; border-bottom: dotted 1px #000;} */

.column-image {
	padding: 0px 37px 20px 37px;
}

.f1 {
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.f1 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #C1272D;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
.f1 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.f1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333;
}
.f1 h6 {
	text-shadow: #CCC 0 1px 0;
	font-size: 28px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 40px;
}
.f1 a, .f1 a:link, .f1 a:visited {
	color: #FF0005;
	text-decoration: none;
}
.f1 a:hover, .f1 a:focus, .f1 a:active {
	color: #000000;
	text-decoration: none;
} 

.f1 ul {
	margin-bottom: 30px;
	margin-top: 24px;
}
.f1 ul li {
	list-style-type: none;
	font-size: 14px;
}
.f1 ul li a, .f1 ul li a:link, .f1 ul li a:visited {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	margin-right: 4px;
	color:#999;
}
.f1 ul li a:hover, .f1 ul li a:active, .f1 ul li a:focus {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	margin-right: 4px;
	color: #FF0005;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- LINKS CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#links {
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 48px;
	margin-left: 28px;
}
#links table {}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FOOTER CLASSES & ID's <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#footer {
	float: left;
	padding-bottom: 10px;
}

#footer ul {
	margin-top: 10px;
	padding-left: 20px;
}
#footer ul li {
	color: #FFFFFF;
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
	color: #666666;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FORM STYLING <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* form table */
#contactTable {
}
#contactTable td {
	padding:5px 0px 5px 0px;
}

/*form styling */
form {margin:0px; padding:0px;}
label {
	margin: 0px;
	padding: 0px;
}
label p {
	margin: 0px;
	padding: 0px;
}
fieldset {border:none;}
input, textarea {
	background-color: #FFFFFF;
	background-image: url(http://www.contagion.net.au/site/images/backgrounds/backg-form.png);
	background-repeat: repeat-x;
	background-position: left center;
	font-size:16px;
	font-weight: normal;
	padding:5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.equalWidth {
	width: 425px;
	color: #000000;
}
.equalWidthS {
	width: 215px;
	color: #000000;
}
.formError {
	color: #cc0000;
}
.focusField{
	border:2px solid #73A6FF;
	color:#000000;
	background-color: #F0F0F0;
}
.idleField{
	background:#EEE;
	color: #6F6F6F;
	border: solid 2px #DFDFDF;
}	

/* form send button styling */
.sendBttn {
	display: block;
	cursor:pointer;
	background-image: url(../images/bttn-send.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	color: #FFFFFF;
	border: none;
	background-color: transparent;
}
.sendBttn:hover {
	display: block;
	cursor:pointer;
	background-image: url(../images/bttn-send_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	color: #FFFFFF;
	border: none;
	background-color: transparent;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- UNIQUE ELEMENTS <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.stretcher {
	width:100%;
	height:1px;
	clear:both;
	overflow:hidden;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- DIV SWITCHER <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.switcherMain {visibility:visible; z-index:100; float:left;}
.switcherSub {display:none; z-index:100; float:left;}
.swHeader {}
.swContent {
	border: 5px solid #999;
}
