/*-------  initial general styles ---------*/

@charset "UTF-8";

html
{
font-size: 125%;
    font-family: arial;
height: 100%;
}

body
{
background-color: #15110e;
background-image: url(images/bg.jpg);
	background-repeat: repeat-x;

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
z-index: 1;
font-size: 12px;
color: #000;

}


img
{
border: 0px;
}

.spacer
{
clear: left;
margin-top: 10px;

}


input.text
{
padding: 5px;
background-color: #e7e1e1;
border: 1px solid #898585;
font-size: 12px;
width: 200px;

}

textarea

{
padding: 5px;
background-color: #e7e1e1;
border: 1px solid #898585;
font-size: 12px;
width: 200px;

}



/*-------  end initial general styles ---------*/

/*-------  main containers and footer ---------*/


#container

{
position: relative;
width: 990px;
height: auto;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
border: 0px;
padding: 0px 0px 40px 0px;
z-index: 1;

}

#inner

{
position: relative;
height: auto;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px 0px 0px 0px;
z-index: 2;

}








/*-------  end main containers and footer ---------*/




/*-------  main ---------*/

#header
{
position: relative;
float: left;
width: 990px;
height: 164px;


}



#navbar
{
width: 980px;
position: relative;
height: 40px;
padding: 5px;
background-color: #000;
float: left;
border: 1px solid #333;
top: 10px;
}


#main
{
position: relative;
float: left;
width: 990px;
height: 376px;
background-image: url(images/backmain.png);
	background-repeat: no repeat;
	top: -10px;

}


#contactmain
{
position: relative;
float: left;
width: 990px;
height: 415px;
background-image: url(images/contactmain.png);
	background-repeat: no repeat;
	top: -10px;

}

#nav
{
position: relative;
float: left;
top: 9px;
left: 14px;
text-transform: uppercase;

}

.aboutlink
{
margin-left: 10px;
}

.erosionlink
{
margin-left: 88px;
}

.snowlink
{
margin-left: 91px;
}


.contactlink
{
margin-left: 93px;
}

#hometext
{
position: absolute;
top: 319px;
left: 50px;
width: 440px;
font-size: 14px;
line-height: 1.5em;
font-family: arial;


}


#phone
{
position: absolute;
top: 493px;
left: 78px;
font-family: arial;
font-size: 20px;
font-weight: bold;
color: #fff;

}

#titlebar
{
width: 355px;
height: 39px;
position: absolute;
float: left;
z-index: 3;
top: 280px;
left: 40px;

}



#contentblock
{
position: relative;
float: left;
top: 30px;
width: 990px;
height: auto;
margin-bottom: 50px;
margin-top: 20px;



}


.activelink
{
color: #fff;
}

#erosionpic
{
position: relative;
float: left;
top: -30px;


}

#erosiontext
{
position: relative;
float: left;
color: #fff;
top: 70px;
left: 0px;
line-height: 1.7em;
width: 700px;
font-family: arial;
font-size: 17px;
font-weight: bold;
 text-shadow: 1px 1px 3px #000; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	 /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');

padding: 10px;


}


#footer
{
position: relative;
text-align: center;
background-color: #000;


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #000000,  #333333); /* for firefox 3.6+ */ 

margin-left: auto;
margin-right: auto;
margin-top: 70px;
margin-bottom: 0px;

color: #ffff66;
width: 100%px;
height: 107px;
font-size: 16px;
font-weight: bold;
padding-top: 20px;
line-height: 1.5em;
min-height: 200px;
border-top: 1px solid #333;
}


.footerother
{
font-size: 14px;
color: #fff;
}

#footer a
{
color: #fff;
text-decoration: underline;
font-size: 14px;
}

/*-------  end main ---------*/


/*-------  link styles ---------*/

a:link
{
color: #067850;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
}

a:visited
{
color: #067850;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
}


a:hover
{
color: #067850;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}


a:active
{
color: #067850;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
}




a.mainlink:link
{
color: #ffff66;
text-decoration: none;
font-size: 17px;
font-weight: bold;
}

a.mainlink:visited
{
color: #ffff66;
text-decoration: none;
font-weight: bold;
}


a.mainlink:hover
{
color: #fff;
text-decoration: none;
font-weight: bold;
}


a.mainlink:active
{
color: #ffff66;
text-decoration: none;
font-weight: bold;
}

.subtitle
{
color: #029662;
font-size: 18px;
font-weight: bold;
font-family: arial;
}






.yellowtext
{
color: #ffff66;

}


a.sublink:link
{
color: #ffff66;

text-decoration: underline;
font-size: 14px;
font-weight: bold;
font-family: arial;

}

a.sublink:visited
{
color: #ffff66;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
font-family: arial;
}


a.sublink:hover
{
color: #fff;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
font-family: arial;
}


a.sublink:active
{
color: #ffff66;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
font-family: arial;
}







a.footerlinkblue:link 
{
font-size: 10px;
text-decoration: underline;
color: #176fca;

}
a.footerlinkblue:visited
{
font-size: 10px;
text-decoration: underline;
color: #666;

}
a.footerlinkblue:hover
{
font-size: 10px;
text-decoration: none;
color: #176fca;

}
a.footerlinkblue:active
{
font-size: 10px;
text-decoration: underline;
color: #176fca;

}






/*-------  end font and link styles ---------*/


.clear 
{
clear:both;
height:1px;
overflow:hidden;
}