@charset "UTF-8";
/* CSS Document */

body {
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		background-color:#cccccc;
		background-image:url(../images/page_bk.gif);
		background-repeat:repeat-x;
		}
		
a {
	outline: none;
	}


a:link, a:visited {
	color:#0066CC;
	text-decoration:none;
	}
								
a:hover, a:active {
	color:#0066CC;
	text-decoration:underline;
	}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
	color:#333333;
	}
	
h1 em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#333333;
	font-style:italic;
	}


.hide {
	display:none;
	visibility:hidden;
	}

#page_container {
		margin-left:auto;
		margin-right:auto;
		width:840px;
		}
		

#header {
		width:840px;
		height:88px;
		background-image:url(../images/header_bk.gif);
		background-repeat:no-repeat;
		}
		
			#logo {
					width:275px;
					height:88px;
					padding:0 0 0 0;
					float:left;
					}
					
			#quicknav {
					width:545px;
					height:37px;
					padding:5px 0 0 0;
					float:left;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					line-height:16px;
					font-weight:normal;
					color:#808080;
					text-align:right;
					}	
					
					#quicknav ul{
							  position:relative;
							  margin: 0 auto;
							  list-style-type: none;
							  }
							  
					#quicknav li{
							  display: inline;
							  float: right;
							  padding: 0 5px 0 5px;
							  }
					
					#quicknav li a:link, #quicknav li a:visited {
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						line-height:16px;
						color:#808080;
						text-decoration:none;
						display: block;
						padding: 0 5px 0 5px;
						}
						
					#quicknav li a:hover, #quicknav li a:active {
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						line-height:16px;
						color:#000000;
						text-decoration:none;
						display: block;
						padding: 0 5px 0 5px;
						}		
					
			#nav {
					width:515px;
					height:21px;
					padding:18px 0 0 48px;
					float:left;
					font-family:Arial, Helvetica, Verdana, sans-serif;
					font-size:13px;
					line-height:18px;
					font-weight:normal;
					color:#666666;
					}	
					
					#nav ul{
							  padding:0;
							  margin: 0 auto;
							  list-style-type: none;
							  float:left;
							  }
							  
					#nav li{
							  display: inline;
							  float:left;
							  padding: 0 13px 0 13px;
							  }
					
					#nav li a:link, #nav li a:visited {
						color:#666666;
						text-decoration:none;
						display: block;
						}
						
					#nav li a:hover, #nav li a:active {
						color:#000000;
						text-decoration:none;
						display: block;
						}


#flash {
		clear:both;
		width:680px;
		height:295px;
		background-image:url(../images/flash_bk.gif);
		background-repeat:no-repeat;
		padding:22px 80px 33px 80px;
		}


#index_content {
				width:780px;
				height:130px;
				padding:0 30px 0 30px;
				}
				
				#index_left {
							width:450px;
							height:130px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:16px;
							line-height:22px;
							font-weight:bold;
							color:#ffffff;
							border-right: 1px solid #666666;
							float:left;
							}
							
							
	
				#index_right {
							width:329px;
							height:130px;
							font-family:Arial, Helvetica, sans-serif;
							visibility:visible;
							float:left;
							}

#content_top {
				clear:both;
				width:780px;
				height:40px;
				padding:0 30px 0 30px;
				background-image:url(../images/content_top.gif);
				background-repeat:no-repeat;
				}

#content {
				clear:both;
				width:750px;
				height:inherit;
				padding:0 30px 0 60px;
				background-image:url(../images/content_bk.gif);
				background-repeat:no-repeat;
				}
				
				#content_left {
							width:500px;
							padding:0 9px 0 0;
							height:inherit;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							line-height:18px;
							color:#333333;
							border-right: 1px solid #666666;
							float:left;
							}
							
				#content_right {
							width:190px;
							padding:10px 0 0 15px;
							height:inherit;
							font-family:Arial, Helvetica, sans-serif;
							float:left;
							background-image:url(../images/content_right_rocks.jpg);
							background-repeat:no-repeat;
							background-position:bottom;
							bottom:0px;
							}
							
							
								#content_right ul{
										  padding:0;
										  margin: 0 auto;
										  }
										  
								#content_right li{
										  list-style-type: none;
										  line-height:20px;
										  font-family:Arial, Helvetica, Verdana, sans-serif;
										  font-size:16px;
										  font-weight:normal;
										  color:#666666;
										  }
								
								#content_right li a:link, #content_right li a:visited {
									color:#cccccc;
									text-decoration:none;
									padding: 0;
									background-image: url(../images/content_right_bullet.gif);
									background-repeat: no-repeat;
									background-position: 0 2px;
									padding-left: 15px;
									}
									
									
								#content_right li a:hover, #content_right li a:active, .active {
									color:#666666;
									text-decoration:none;
									padding: 0;
									background-image: url(../images/content_right_bullet_over.gif);
									background-repeat: no-repeat;
									background-position: 0 2px;
									padding-left: 15px;
									}
							
							
							
#content_bottom {
				clear:both;
				width:780px;
				height:40px;
				padding:0 30px 0 30px;
				background-image:url(../images/content_bottom.gif);
				background-repeat:no-repeat;
				}

								
#footer {
		clear:both;
		width:780px;
		border-top:#666666 1px solid;
		height:30px;
		padding-top:10px;
		margin:10px 30px 0 30px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#666666;
		}
		
		#footer a:link, #footer a:visited {
			color:#666666;
			text-decoration:none;
			}
			
			
		#footer a:hover, #footer a:active, .active {
			color:#000000;
			text-decoration:none;
			}
			
			
			
#page-wrap						{ width: 490px; margin: 0 auto; 
								  padding: 0; }

#slider							{ width: 490px; height: auto; overflow: hidden;
								  position: relative; margin: 0px; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 470px; position: relative; }

.slide							{ padding: 10px 10px; width: 470px; float: left; position: relative; }
.slide p						{ color: #666666; font-size: 12px; line-height: 22px; width: 400px; }
.slide img						{ position: absolute; top: 20px; left: 400px; border:none; }
#slider-stopper					{ position: absolute; top: 145px; right: 10px; background: #666666; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }		
								  
/* Testimonial Videos *************************************************************************************************/

#videoBlock a { color:#777;}
.clipBlock {float:left; width:160px; height:140px; border:1px solid #FFCB05;}
.centerClipBlock {display:block; float:left; width:160px; height:140px; border:1px solid #FFCB05; margin:0 7px;}
.testimonialClipBlock {display:block; width:140px; height:70px; background-color:#FFCB05; margin:10px;}
.testimonialTextBlock {margin:10px; font-size:8pt;}