/*

#666666 - Laces
#027BB5 - Hover Blue

*/

body {
  background-color: #eaeaea;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: top left; 
	margin: 0px;
	padding: 0;
}

/* Text Styles ################################################################ */
/* ############################################################################ */
body,p,td,li {
	color: #666666;
	font-family: Calibri, Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h1  {
    font-family: "Oswald",sans-serif;
  color: #233F7E;
  font-size: 50px;
  margin: 0px;
  text-shadow: 2px 2px #dddddd;  
  padding-bottom: 10px;
  }
	
h2  {
  font-family: "Oswald",sans-serif;
  color: #cc0000;
  font-size: 20px;
  margin: 0px;
  text-shadow: 1px 1px #dddddd;  
	}	
	
h3  {
	font-family: "Trebuchet MS",Arial,Verdana,Helvetica,Sans-serif;
  color: #20066A;
  font-size: 20px;
  margin-bottom: -15px;
  text-shadow: 2px 2px #dddddd;  
  }	

h4  {
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif;
	color: #C99516;
  font-size: 15px;
  margin-bottom: -5px;
  text-shadow: 2px 2px #eeeeee;  
	}	

h5 {
    font-family: "Oswald",sans-serif;
    font-size: 30px;
}

h6 {
    font-family: "Oswald",sans-serif;
    font-size: 18px;
    margin-bottom: 5px; 
}


a:link{
	color: #666666;
	text-decoration: none;
  }
  
a:visited{
	color: #666666;
	text-decoration: none;
	}
	
a:hover{
	color: #027BB5;
	text-decoration: underline;
  }
  
a:active{
	color: #FE2B11;
	text-decoration: underline;
}

a img {
  border: 0;
}


.columns ul{
  width:535px;
  margin-bottom:20px;
  margin-top:10px;  
  overflow:hidden;
  text-indent:-30px;
  }
  
.columns li{
  line-height:16px;
  color: #000000;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  float:left;
  display:inline;
  }
 
#double li  { width:50%;} 
#triple li  { width:33.333%; } 
#quad li    { width:25%; } 
#six li     { width:16.666%; } 

/* ############################################################################ */
/* ############################################################################ */


/* Topper/Navigation ########################################################## */
/* ############################################################################ */


#topper {
  height: 115px;
  z-index: 2;
}


#topper_nav {
  height: 30px;
  background: #cc0000;
  border-top: 2px #cc0000 solid;
  border-bottom: 1px #cc0000 solid;  
  z-index: 2;
}
 
#navigation {
  position: absolute;
  margin-top: 5px;
  }

#navigation ul{
  float:left;
  width: 958px;
  padding:0;
  margin:0;
  list-style-type:none;
  }
  
#navigation li {
  display:inline;
  }    

#navigation a{
  text-decoration:none;
  color:#ddd;
  padding: 3px 15px 3px 15px;
  font: 16px Calibri, Arial, Verdana, Arial, Helvetica, sans-serif; 
  text-transform: uppercase; 
  letter-spacing: 1px;
  font-weight: bold;
  text-shadow: 2px 2px #222222;
  transition: border-bottom .25s ease-in-out, color .45s ease-in-out;
  -moz-transition: border-bottom .25s ease-in-out, color .45s ease-in-out;
  -webkit-transition: border-bottom .25s ease-in-out, color .45s ease-in-out;
  }

#navigation a:hover {
  color:#FFFFFF; 
  border-bottom: 3px #000080 solid;
  }

/* ############################################################################ */
/* ############################################################################ */


/* Content #################################################################### */
/* ############################################################################ */

#site_container {
  width: 958px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 10px;
  border: 2px solid #cccccc;
 /* background-image: url(../images/background_container.jpg);
  background-repeat: repeat-x;
  background-position: bottom; */
  min-height:700px;
  height:auto !important;
  height:700px;      
  overflow:hidden;          
  }


.page {
    padding: 0px 0px;
    position: relative;
    background: none repeat scroll 0% 0% ;
    text-align: center;
    z-index: 6;
    overflow: hidden;
}

.container {
    position: relative;
    width: 956px;
    margin: 0px auto;
}

.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.container .four.columns      { width: 22%; }
.container .sixteen.columns   { width: 940px; }
.container .one-third.column  { width: 284px; }
.container .two-thirds.column { width: 590px; }
.container .styled-list       { padding: 0px 25px; }
.row                        { padding-left: 20px; }

/* ############################################################################ */
/* ############################################################################ */

 
 
 /* Footer ##################################################################### */
/* ############################################################################ */

#footer-container #footer { background:#dedede; border-top: 4px solid #cc0000;  overflow:hidden;}

#col1   {width: 575px; float: left; padding-top:10px;}

#col2  {
  width: 348px;
  margin-bottom: 10px;
  float: right;
  }
  
#col2 p  {
  color: #555555;
  font-size: 12px;
  line-height: 14px; 
  text-align: right;     
  padding-bottom: 10px;
  text-shadow: 1px 1px #ffffff;  
  }     
          

/* Bottom ########## */
#footer-container #bottom { background:#233F7E; height: 45px; padding: 0px; }
#bottom .copyright { color: #999999; padding-right: 85px; font: 10px 'calibri'; font-weight: 400; letter-spacing: 1px; margin-bottom: 0px; text-transform: uppercase; text-align: right; float: right; }
#bottom .copyright img { position: absolute; transition: opacity .6s ease; }
#bottom .copyright img:hover { opacity: 0; }

#bottom a { color: #999999;}
#bottom a:hover { color: #00A651; text-decoration: none; }

/* ############################################################################ */
/* ############################################################################ */



/* ------------------------------------------------------------------------ */
/*  BACK TO TOP BUTTON
/* ------------------------------------------------------------------------ */
#back-to-top {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
	display: none;
}
#back-to-top a {
	display: block;
	width: 40px;
	height: 40px;
	background: #515A5F url(../images/backtotop.png) no-repeat center center;
	text-indent: -9999px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}
#back-to-top a:hover {
	background-color: #222222;
}

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



/*--------------------------------------------------------
/* PARALLAX STYLING
--------------------------------------------------------*/

#see_through_container {
        width: 956px;
        padding: 0;
        margin: 0;
        border: 1px solid #222222;
        overflow: hidden;     
}

.overlay {
	background: url(../images/pattern.png);
	width: 100%;
	position: absolute;
	overflow:hidden;
}



/*--------------------------------------------------------
/* PARALLAX SECTION Chris
--------------------------------------------------------*/

#parallax_index{
	background-image: url(../images/main_fs_iscc.jpg);  background-repeat:no-repeat; color: white;	height: 325px; width: 958px;	margin: 0 auto;	overflow: hidden;	padding: 0;
}
	
#parallax_index .floater{
	background: url(../images/parallax/floater_duncan.png); background-repeat:no-repeat; 	height: 800px; 	width: 350px;	margin: 0 auto;	padding-top: 0;	z-index: 500; float: right;    
}


#parallax_index2{
	background-image: url(../images/parallax/skate.jpg); background-repeat:repeat-y; color: white;	height: 175px; width: 958px; overflow: hidden;	padding-bottom: 0;
}

	
		
.story{
	margin: 0 auto;	width: 958px; min-width: 958px;	overflow: auto;	
}

p.quote {
	font-family: 'Oswald',arial;
	font-size: 40px;
  line-height: 1;
  padding-left: 50px;
  padding-top: 120px;
	margin-bottom: 20px;
	width: 475px;
	color: #666666;
	text-align: left;
	text-transform: uppercase;
	margin: 0 5%;
  text-shadow: 2px 2px #222222; 
   	
}


p.quote2 {
	font-family: 'Oswald',arial;
	font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  padding-left: 0px;
  padding-top: 50px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 830px;
	color: #FFFFFF;
	text-align: middle;
	text-transform: uppercase;
	margin: 0 5%;
  text-shadow: 2px 2px #222222; 
   	
}


.float-left{
	float: left;	
	margin: 0 0 0 20px;
		z-index: 900;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}


 
/* Mobile/Handheld ############################################################ */
/* ############################################################################ */  
#mobile {
  display: none;
  }
/* ############################################################################ */
/* ############################################################################ */



.clear {clear:both; background:none;}

#dasher-blue {
    width: 958px;
    height:320px;
    background-image: url('http://www.championsskatingcenter.com/images/dasher_blue_bg.jpg');
    }

#dasher1 {
    width: 384px;
    height: 122px;
    border: 1px #EAEAEA solid;
    position: absolute;
    margin-top: 116px;
    margin-left: 88px;
    }

#dasher2 {
    width: 384px;
    height: 122px;
    border: 1px #EAEAEA solid;
    position: absolute;
    margin-top: 116px;
    margin-left: 512px;
    }














/* THIS IS THE MAIN CONTENT AREA */
#faux {overflow: hidden; width:100%;}  

#bodytextsub {
  float:right; 
  display:inline; 
  width: 605px; 
  margin-top:25px;
  font-size:15px; 
  padding: 20px 0px 20px 0px; 
  line-height:1.6em; 
  color:#000;
  }
  
#bodytextsub a:link {color: #003d7d;}
#bodytextsub a:visited {color: #003d7d;}
#bodytextsub a:hover {color: #003d7d; text-decoration:underline;}


/* THIS IS THE SIDEBAR AREA */
#subimage {
  width:325px;
  float:left;
  font-size:12px;
  margin-top:5px;
  margin-bottom: 30px;
  display:inline;
  position:relative;
  }
  
#subimage h2{font-size:14px; font-weight:bold; color: #BC3732; line-height:0.1em; font-stretch:condensed;}



/* THIS IS THE SUBNAV AREA */
#subnav {position:absolute; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; top:6px; left: 90px; width:890px;}
#subnavhighlight {color:#2aa5dc;}
#subnav a {color:#8c8c8c; font-size:10px; text-decoration:none;}
#subnav a:hover {color: #cc0037; text-decoration:underline;}