* {
    margin:0;
	padding:0;
}

html, body {    
   height: 100%;
   
   }


body {
	background-color: #FFF;
	font-size:76%;
	font-family: Helvetica, Arial, SunSans-Regular, Sans-Serif;

	
}


a {color: #000; text-decoration: none;}
a:visited {color:#000;}
a:hover {color: #ed1c24;}
a:active {color:#000;}


.panel_item a {color: #737763; text-decoration: none;}
.panel_item a:visited {color:#737763;}
.panel_item a:hover {color: #08bef3;}
.panel_item a:active {color:#737763;}


p {
	padding-bottom: 10px;
	font-size:11px;
	letter-spacing:.1em;
	color:#333;
	line-height:16px;
	font-weight:normal;
	
}

h1 {
	font-size:22px;
	font-weight: normal;
	margin:0px;
	color: #ed1c24;
	padding-bottom:3px;
}

h2 {
	font-size:12px;
	font-weight: normal;
	margin:0;
	color: #000;
	padding-bottom:35px;
}


h3 {
	font-size:16px;
	font-weight: normal;
	margin:0px;
	color: #ed1c24;
	padding-bottom:36px;

}
h4 {
	font-size:12px;
	font-weight: normal;
	margin:0;
	color: #000;
	padding-bottom:1px;

}
h5 {
	font-size:11px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	padding-bottom:25px;
	color: #666666;
}

h6 {
	font-size:12px;
	font-weight: normal;
	margin:0;
	color: #000;
	padding-bottom:5px;
}

h7{
	font-size:10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666666;
	}
	


.clear {
	clear: both;
	}

#wrap{
	width: 100%;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -101px;

   }
   
.container{
	width:860px;
	margin:0 auto;
	}
   
   
   
/*----------------------------------------------------------- blog */


#blog_container{
	
	position:absolute;
	top:136px;
	left:563px;
	width:760px;
	float:center;
	background-color:transparent;
	
}



   
   
   /*----------------------------------------------------------- header */

	
#header{
	width:100%;
	height:115px;
	background-image:url(../images/bg_header.jpg);
	}


#header_container{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	padding:0 10px;
	}


	
#header_nav{
	
	width:75%;
	padding-top:85px;
	float:left;
	text-align:right;
	color:#999;
	float:right;
	}
	
#header_nav a{
	font-size:10px;
	padding:0 7px;
	
				}
	
#logo{
	float:left;
	}
	
/*----------------------------------------------------------- main */

#main{
	width:100%;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
}

#main_pic{
	width:560px;
	height:406px;
	background-image:url(../images/bg_snowcat.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	}


#content{
	width:260px;
	padding-right:40px;
	padding-top:125px;
	float:right;
	}


/*----------------------------------------------------------- panel */

#panel{
	width:860px;
	margin:0 auto;
	background-image: url(../images/feature_penny.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}
	
#panel_decals{
	width:860px;
	margin:0 auto;
	background-image: url(../images/feature_decals.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}
	
#panel_snowflakes{
	width:860px;
	margin:0 auto;
	background-image: url(../images/feature_snowflakes.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}
	
#panel_kkd{
	width:860px;
	margin:0 auto;
	background-image: url(../images/feature_snowshoe.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}
	
#panel_snowshoe{
	width:860px;
	margin:0 auto;
	background-image: url(../images/feature_snowshoe.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}

	
#project{
	width:260px;
	float:left;
	padding-left:20px;
	padding-top:38px;
	}
	
#project h3{
	padding-bottom:38px;
	}
	
#panel_link{
	width:300px;
	padding-right:7px;
	padding-top:78px;
	float:right;
	text-align: right;
	}


	
#panel_link a {color: #000; text-decoration: none;}
#panel_link a:visited {color:#000;}
#panel_link a:hover {color: #ed1c24;}
#panel_link a:active {color:#000;}


.red{
	color:#ed1c24;
	font-size:14px;
	font-weight:bold;}
	
/*----------------------------------------------------------- footer */

	
.footer{
	height:142px;
	width:100%;
	background-color:#000;		
	}
	
#footer_pic{
	padding-top:0;
	width:163px;
	height:100px;
	float:right;
	}
	
#footer_nav{
	font-size:10px;
	line-height:1.5em;
	width:400px;
	float:right;
	padding-top:-10px;
	text-align:right;
	}
	

#facebook{
	padding-top:5px;
	padding-left: 15px;
	border:none;
}

#footer_nav p {
	
	font-size:11px;
	letter-spacing:.1em;
	line-height:.5em;
	color:#333;
	font-weight:normal;
	text-align:right;
	
}
	
.footer a {color: #666666; text-decoration: none;}
.footer a:visited {color:#666666;}
.footer a:hover {color: #fff;}
.footer a:active {color:#666666;}
	
	
/*----------------------------------------------------------- misc */	
	
	
.push {
    height:101px;
	margin:0 auto;
	width:100%;
	
	
	}
	

.copyright{
	width:250px;
	padding-top:80px;
	padding-left:20px;
	font-weight:normal;
	color:#666666;
	font-size:10px;
	float:left;
	}
	
	
.comingsoon{
	float:left;
	width:300px;
	min-height:300px;
	height:100%;
	}

	
	
#rule{	
	width:860px;
	background-image:url(../images/bg_menu.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin:0 auto;
	}

/*----------------------------------------------------------- form box */
	
	.formbox {
	width:260px;
	padding-top:60px;
	padding-right:40px;
	float:right;
}
.formbox input.gray {background-color: #e8e8e8; font-size: 10px;}
.formbox form 
{
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 260px;
}
.formbox  textarea.gray {background-color: #e8e8e8; font-size: 10px;}
form {
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
}
.formbox input {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-color: #e8e8e8;
	width: 200px;
}
.formbox label{
	float: left;
	width: 100px;
	display: block;
	text-align: left;
	font-size:11px;
	letter-spacing:.1em;
	color:#333;
	
	font-weight:normal;
}
#formbox input img {
	padding-top: 2px;
}
.formbox textarea {

	width: 200px;
	background: #e8e8e8;
}
.formbox #submitbutton {
	width: 100px;
}


/*----------------------------------------------------------- portfolio */

#portfolio_box{
	padding:0;
	width:100%;
	background-image: url(../images/bg_portfolio.jpg);
	background-repeat: repeat-x;
	
}


#portfolio_box a {color: #000; text-decoration: none;}
#portfolio_box a:visited {color:#000;}
#portfolio_box a:hover {color: #ed1c24;}
#portfolio_box a:active {color:#000;}

#portfolio_pic{
	width:560px;
	float:left;
	}
	
#portfolio_content{
	width:260px;
	padding-right:40px;
	padding-top:60px;
	padding-bottom:40px;
	float:right;
	overflow:auto;
	}
	
#portfolio h2{
	padding-top:25px;
	}
	
#portfolio_nav{
	
	float:left;
	padding-top:40px;
	padding-bottom:10px;
	padding-left:20px;
	}
	
	
	#portfolio_nav a{
	font-size:10px;
	font-weight: bold;
	color: #000;
	}
	
#portfolio_nav a:visited {color:#000;}
#portfolio_nav a:hover {color: #f00;}
#portfolio_nav a:active {color:#000;}
	
	
#portfolio_box a{
	padding-right:7px;
	font-weight:bold;
	}
	
#thumb_box{
	width:100%;
	float:left;
	padding-top:30px;
	}

.thumb{
	width:47px;
	height:60px;
	float:left;
	padding-right:15px;
	padding-top:5px;
	}



	
#portfolio_box h6{
color: #666;
font-size:10px;
}	

	
	/*----------------------------------------------------------- services */
	
.services_box_first{
	width:800px;
	padding: 25px 25px 0px 25px;
	float:left;
	text-align:center;
	}
	
	.services_text{
	width:680px;
	float:left;
	padding-top:7px;
	}
	
.services_box{
	width:800px;
	padding: 5px 25px 0px 25px;
	float:left;
	text-align:center;
	}
	
.services_box_g{

	width:800px;
	padding: 10px 10px 0px 25px;
	float:left;
	text-align:center;
	background-image: url(../images/divider.gif);
	background-position: left 30%;
	background-repeat: no-repeat;
	}
	
.services-box, .services_box_first, p{
	text-align:left;
	}
	
.services-img{
margin-top:-7px;
	
	padding-right:10px;
	float:left;
	}
	

.services_box, .services_box_first, h3{
	font-size:16px;
	font-weight: normal;
	margin:0px;
	color: #ed1c24;
	padding-bottom:10px;