@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background-image: url(WebImages/MainRep.png);
	background-repeat: repeat-x;
	font-size:small;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link {color: #8B8B8B;	text-decoration: none;}
a:visited {	color: #8B8B8B;	text-decoration: none;}
a:active {	text-decoration: none; color: #0055A5;}
a:hover {text-decoration: underline;	color: #0055A5;}

#mountains {background-image: url(WebImages/MtnMain.png); background-repeat: no-repeat; margin: 0px;}

.oneColFixCtrHdr #container {
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	padding: 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: none; 
	padding: 20px 0 20px 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
}
.oneColFixCtrHdr #footer {
	padding: 0px 10px 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height: 158px;
	background-image: url(WebImages/FooterMtn.png); background-repeat:no-repeat; background-position: bottom;
	text-align: center;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 100px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.col{
		float:left;
		display:inline;	
		width:299px;	
		margin-left:36px;
		padding:0 0 1em 0;
		}
	.full{
		clear:both;	
		padding:1em 36px;
		}	
		
		
#bluefoot { font-size: small; color: #D6D6D6;	}
#bluefoot a {text-decoration: none;	color: #D6D6D6;}
#bluefoot a:active {color: #ffffff;	text-decoration: underline;}
#bluefoot a:visited {color: #D6D6D6; text-decoration: none;}
#bluefoot a:hover {text-decoration: underline; color: #ffffff;}

#sidebar { background-color: #FFFFFF; background-image: url(WebImages/cellRep.png); background-repeat: repeat-x; border: thick; border-color: #FFFFFF;}

#slideshow {text-align:left; font-size: medium; }
#slideshow a {text-decoration: none; color: #8B8B8B;}	
#slideshow a:active { color: #0055A5; text-decoration: none;}
#slideshow a:visited {color: #8B8B8B; text-decoration: none;}	
#slideshow a:hover {text-decoration: none; color: #0055A5;}


img {border:none;}

#navbar {background-image: url(WebImages/NavBarGrad.png); background-repeat: repeat-x; }

#nav { text-transform: uppercase; }
#nav a { text-decoration: none; color: #8B8B8B; }
#nav a:active {  text-decoration: none; color: #0055A5; }
#nav a:visited { text-decoration: none; color: #8B8B8B; }
#nav a:hover { text-decoration: none; color: #0055A5; }

#webnav {text-transform: uppercase;}
#webnav a {text-decoration: none; color: #8B8B8B; }
#webnav a:active {text-decoration: none; color: #BE00BE; }
#webnav a:visited {text-decoration: none; color: #8B8B8B; }
#webnav a:hover {text-decoration: none; color: #BE00BE; }

#printnav {text-transform: uppercase;}
#printnav a {text-decoration: none; color: #8B8B8B; }
#printnav a:active {text-decoration: none; color: #FF7C00; }
#printnav a:visited {text-decoration: none; color: #8B8B8B; }
#printnav a:hover {text-decoration: none; color: #FF7C00; }

#designnav {text-transform: uppercase;}
#designnav a {text-decoration: none; color: #8B8B8B; }
#designnav a:active {text-decoration: none; color: #F00000; }
#designnav a:visited {text-decoration: none; color: #8B8B8B; }
#designnav a:hover {text-decoration: none; color: #F00000; }

#newsnav { text-transform: uppercase; }
#newsnav a { text-decoration: none; color: #8B8B8B; }
#newsnav a:active {  text-decoration: none; color: #0055A5; }
#newsnav a:visited { text-decoration: none; color: #8B8B8B; }
#newsnav a:hover { text-decoration: none; color: #0055A5; }

.webside { padding-left: 10px; text-transform: uppercase; padding-bottom: 5px;}
.webside a { text-decoration: none; color: #8B8B8B; }
.webside a:active { text-decoration: underline; color: #BE00BE; }
.webside a:visited { text-decoration: none; color: #8B8B8B; }
.webside a:hover { text-decoration: underline; color: #BE00BE; }

.printside { padding-left: 10px; text-transform: uppercase; padding-bottom: 5px;}
.printside a { text-decoration: none; color: #8B8B8B; }
.printside a:active { text-decoration: underline; color: #FF7C00; }
.printside a:visited { text-decoration: none; color: #8B8B8B; }
.printside a:hover { text-decoration: underline; color: #FF7C00; }

.designside { padding-left: 10px; text-transform: uppercase; padding-bottom: 5px;}
.designside a { text-decoration: none; color: #8B8B8B; }
.designside a:active { text-decoration: underline; color: #F00000; }
.designside a:visited { text-decoration: none; color: #8B8B8B; }
.designside a:hover { text-decoration: underline; color: #F00000; }

.sidenav { padding-left: 10px; text-transform: uppercase; padding-bottom: 5px;}
.sidenav a { text-decoration: none; color: #8B8B8B; }
.sidenav a:active {  text-decoration: underline; color: #0055A5; }
.sidenav a:visited { text-decoration: none; color: #8B8B8B; }
.sidenav a:hover { text-decoration: underline; color: #0055A5; }

.style1 { margin-top: 15px; margin-bottom: 15px; font-size: 18pt; color: #BE00BE; }
.style1 a { text-decoration: none; color: #BE00BE; }
.style1 a:active {  text-decoration: underline; color: #0055A5; }
.style1 a:visited { text-decoration: none; color: #BE00BE; }
.style1 a:hover { text-decoration: underline; color: #0055A5; }

.bluestyle1 { margin-top: 15px; margin-bottom: 15px; font-size: 18pt; color: #0055A5; }

.style3 {margin-top: 15px; margin-bottom: 15px;font-size: 18pt; color: #F00000;}
.style3 a { text-decoration: none; color: #F00000; }
.style3 a:active {  text-decoration: underline; color: #0055A5; }
.style3 a:visited { text-decoration: none; color: #F00000; }
.style3 a:hover { text-decoration: underline; color: #0055A5; }

.style5 {margin-top: 15px; margin-bottom: 15px;font-size: 18pt; color: #FF7C00; }
.style5 a { text-decoration: none; color: #FF7C00; }
.style5 a:active {  text-decoration: underline; color: #0055A5; }
.style5 a:visited { text-decoration: none; color: #FF7C00; }
.style5 a:hover { text-decoration: underline; color: #0055A5; }

.style7 {font-size: 18pt; color: #0055A5; }
.style8 {color: #BE00BE}

.hmlinks { color: #000000;}
.hmlinks a { text-decoration: none; color: #000000; }
.hmlinks a:active {  text-decoration: underline; color: #0055A5; }
.hmlinks a:visited { text-decoration: none; color: #000000; }
.hmlinks a:hover { text-decoration: underline; color: #0055A5; }

.hmlinksb { color: #000000;}
.hmlinksb a { text-decoration: none; color: #000000; }
.hmlinksb a:active {  text-decoration: underline; color: #0055A5; }
.hmlinksb a:visited { text-decoration: none; color: #000000; }
.hmlinksb a:hover { text-decoration: underline; color: #0055A5; }

.content { padding-left: 10px; padding-right: 10px;}

.portfolioimg{ padding:3px;
   border:1px solid #8b8b8b;
   background-color:#ffffff;
   margin-bottom: 40px;}
   
.portfoliolinks {
	font-family: "Times New Roman", Times, serif;
	font-size: large
}
 
    



hr {
height: 1px;
color: #8b8b8b;
	}
	
	
	#slider {
    width: 960px; /* important to be same as image width */
    height: 225px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}