/*
Template Name: Spartan Snowmobile Main CSS
Version: 1.0
Design: Dennis Helwig
*/

/* =LAYOUT
----------------------------------------------- */
html, body {
	background: #FFFFFF;
	background-size: 100% auto;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

.container {
	background: #FFFFFF;
	margin: 0 auto -280px;
	width: 1200px;
	min-height: 100%;
	position: relative;
}
	
.clearfix {
	height: 50px;
	clear: both;
}

/* =HEADER
----------------------------------------------- */
.header {
	background: #FFFFFF;
	width: 1200px;
	height: 346px;
	margin: 0px auto;
	position: fixed;
	z-index: 2;
	padding: 0px
}
	.pic {
		position: fixed;
		z-index: 8;
	}
	.slider {
		position: relative;
		top: 27px;
		z-index: 7;
	}	
	.image {
		position: absolute;
		top: 0px;
		left: 0px;
	}

/* =NAV
----------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
#cssmenu {
  position: relative;
  margin: 10px;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 180px;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #F8AE00; /* =Font Color Main*/
  text-transform: uppercase;
  display: block;
  padding: 10px 5px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #622433; /* =Menu Color Main*/
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: #A83E58; /* =Menu Color Main Hover*/
  color: #ffffff;
}
#cssmenu ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #151515;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 15.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1; /* =Menu Color Sub*/
  display: block;
  position: relative;
  font-size: 15px;
  padding: 5px 10px;
  border-bottom: 1px solid #dddddd;
  color: #777777; /* =Font Color Sub*/
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 10.5px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 10.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}

/* =CONTENT
----------------------------------------------- */
#content {
	margin-top: 320px;
	width: 1200px;
	position: relative;
	overflow: auto;
	background: url(../assets/styleimgs/contback.png) 0 0 repeat-y;
}

.column {
	float: left;
	border-radius: 10px;
}

.column.nav {
	background: #7F2F43; /*Menu Border*/
	width: 200px;
	border-style: none solid;
	border-width: 6px;
	border-color: #FFFFFF;
	position: fixed;
}

.column.wide {
	margin-left: 220px;
	width: 610px;
}

#wideContent {
	position: relative;
	margin: 10px;
	font-family: 'Roboto Condensed';
}

#wideContent h1 {
	color: #622433;
	font-size: 26px;
	margin-bottom: 15px;
	text-align: center; }

#wideContent h1 a {
	color: #A83E58;
	font-size: 26px;
	margin-bottom: 15px;
	text-decoration:none;
}

#wideContent h1 a:hover {
	color: #622433;
	font-size: 26px;
	margin-bottom: 15px;
}
	
#wideContent h2 {
	color: #A83E58;
	font-size: 26px;
	margin-bottom: 15px;
}

#wideContent h2 a {
	color: #A83E58;
	font-size: 26px;
	margin-bottom: 15px;
	text-decoration:none;
}

#wideContent h2 a:hover {
	color: #622433;
	font-size: 26px;
	margin-bottom: 15px;
}

#wideContent h3 {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

#wideContent p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
	color: #000000;
}

#wideContent a {
	border-bottom:1px dotted #000000;
	color:#000000;
	text-decoration:none;
}

#wideContent a:hover {
	border-bottom:1px solid #ccc;
}

.column.x-wide {
	background: #E7E9CE;
	width: 810px;
}

.column.right {
	background: #7F2F43;
	width: 350px;
	border-style: none solid;
	border-width: 6px;
	border-color: #FFFFFF;
}

#rightContent {
  position: relative;
  margin: 5px;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 180px;
}

#rightContent p {
	font:80% Verdana;
	color:#dddddd;
	line-height:15px;
	margin:10px 0;
}

#rightContent h2 {
	font:130% Arial;
	color:#dddddd;
	margin:10px 0;
	border:none;
}

#rightContent ul {
	font:70% Verdana;
	color:#dddddd;
}

#rightContent ul li {
	margin:2px 0;
}

#rightContent a {
	border-bottom:1px dotted #dddddd;
	color:#dddddd;
	text-decoration:none;
}

#rightContent a:hover {
	border-bottom:1px solid #ccc;
}

iframe{
  overflow-x:hidden;
  overflow-Y:hidden;
}


		#links-table { table-layout: fixed; width: 580px; text-align: left; border-collapse: collapse; }
		#links-table a { font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; }
		#links-table a:hover { font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; }
		#links-table th { width: 275px; font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 0px; background: #622433; border-top: 4px solid #7F2F43; border-bottom: 1px solid #FFF; text-align: center; }
		#links-table td { width: 275px; padding-right: 5px; padding-bottom: 5px; background: #FFFFFF; border-bottom: 10px solid #FFF; font-size: 14px; color: #000000; border-top: 1px solid transparent; vertical-align: top; }
		#links-table .descrip { padding-left: 15px; font-size: 12px; }
		#links-table tr:hover td { background: #A83E58; color: #FFF; }	

		
		#name-table { table-layout: fixed; width: 580px; text-align: left; border-collapse: collapse; }
		#name-table td { width: 140px; padding-right: 5px; padding-bottom: 5px; background: #FFFFFF; border-bottom: 10px solid #FFF; font-size: 12px; color: #000000; border-top: 1px solid transparent; vertical-align: top; }
		#name-table .descrip { padding-left: 15px; font-size: 12px; }
		#name-table tr:hover td { background: #A83E58; color: #FFF; }
		
/* =FOOTER
----------------------------------------------- */
.footer {
	position: relative;
	width: 100%;
}

.footer .push {
	height: 280px;
}

#footer,
#footer a {
	color: #632534;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	text-decoration: none;
}

#footer a span {
	font-weight: bold;
}

#footer a:hover {
	color: #632534;
	text-decoration: none;
}

#footer .footerTitle {
	color: #FFFB3A;
	font-family: "OpenSansBold", Arial, sans-serif;
	font-size: 18px;
}

#footer .footerBox {
	float: left;
	min-height: 100px;
	margin: 60px 0;
}

#footer .footerBox#width1 {
	background: transparent none;
	padding-left: 250px;
	width: 700px;
}

#footer .footerBox#width1 td {
	color: #EBECD5;
	vertical-align: top;
}

#footer .footerBox#width1 td.leftPadding {
	padding-left: 10px;
}

#footer #footerDivider {
	background: url(../styleimgs/footer_divider.png) 50% 0 no-repeat;
	height: 3px;
	margin: 28px 0 9px;
}

#footer #footerCenter {
	color: #444b51;
	float: center;
	font-family: "OpenSansSemibold", Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	margin: 18px 0 0 51px;
	width: 1034px;
}

.copyright {
	font-size: 9px;
	line-height: 9px;
}

	
/* =QUICKLINKS - FOOTER
----------------------------------------------- */
#quicklinks {
	float: center;
	margin: 16px 17px 25px 0;
}

#quicklinks ul {
	float: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#quicklinks ul li {
	float: center;
	display: inline;
	margin: 0;
	padding: 0;
}

#quicklinks ul li a {
	border-right: 1px solid #444b51;
	color: #000000;
	display: block;
	float: left;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0 15px;
	text-decoration: none;
}

#quicklinks ul li a:hover,
#quicklinks ul li a.selected {
	border-right: 1px solid #444b51;
	color: #632534;
	display: block;
	float: left;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0 15px;
	text-decoration: none;
}

#quicklinks ul li a#sitemap,
#quicklinks ul li a#sitemap:hover,
#quicklinks ul li a#sitemap.selected {
	border: 0;