/* CSS Document */
body{
 margin:auto;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
.govde{ margin:auto;}
.style3 {color: #FFFFFF;  
padding-top:4px;
display:inline-block;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.style3 a:hover {
	color: #99FFFF;
	text-decoration: none;

	
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style5 {font-size: 10px}

.coda-slider-wrapper { border:0px solid #E0E0E0; padding: 0px 0 }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {  overflow: auto !important; padding-right: 0px }

/* Change the width of the entire slider (without dynamic arrows) font-family: 'Droid Serif', arial, serif;  */
.coda-slider, .coda-slider .panel { width: 710px;  height:520px; z-index:1; background-color:#FFF; background-image:url(../img/bg-slide.jpg); background-position:center; background-repeat:repeat-x ; background-position:bottom;  } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {  }
.coda-slider-wrapper.arrows .coda-slider { margin: 0px }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px ; padding-top:10px; margin:0px; }
.coda-slider .panel-wrapper p { padding: 0px; padding-top:10px; margin:0px; color:#FFF;    font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif; }
/* Preloader */
.coda-slider p.loading { padding: 0px; text-align: center }
.coda-slider p { padding: 10px;  }
.coda-slider .panel-wrapper img {}
.container p { padding: 5px; margin:5px; color:#666;   font-size:11px; line-height:18px; font-family:Arial, Helvetica, sans-serif; }
/* Preloader */
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.panel h2.title { margin-bottom: 2px; margin-top:-2px }
.panel-wrapper h1 { font-size:36px; color:#FFF; }
/* THE PAGE NAV */
.coda-nav{width:620px;   display:block; font-family:Tahoma, Geneva, sans-serif;     text-transform:uppercase;   position:absolute; bottom:20px; max-width:620px;  z-index:100; top:788px ; margin-left:312px;  height:12px; font-size:10px;  }
.coda-nav ul {width:622px; margin:8px;  }

.coda-nav ul li {display:block; float:left; margin-top:6px; }
.coda-nav ul li a {display:block; text-decoration:none; color:#f00; background-color:#FAFAFA; border:1px #DEDEDE solid; outline:0px; height:6px; width:6px; padding:2px;  margin-right:8px;       }
.coda-nav ul li a.current { background-color:#0066cc;  color:#FFF; }
.coda-nav ul a:hover  { background-color:#0066cc;   color:#FFF; }


#portfolio-slider {
	width:680px;
	overflow:hidden;
	position: relative;
	height:510px;
	margin:5px ;
}
 
#portfolio-slider .cover {
	width:15640px; /*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */
	position: absolute;
	height:570px;
}
 
#portfolio-slider .portfolio-img {
	width:680px;
	float:left;
	padding:20px 0;
}
 
.button1,.button2,.button3,.button4,.button5,.button6,.button7,.button8,.button9,.button10,.button11,.button12,.button13,.button14,.button15,.button16,.button17,.button18,.button19,.button20,.button21,.button22,.button23{
	margin: 4px 4px -10px 4px;
	display: block;
	float: left;
	padding: 2px 4px;
	line-height: 20px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #797979!important;
	
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}
.active {
	display: block;
	float: left;
	padding: 2px 4px;
	color: #1f75d1!important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));
	background: -moz-linear-gradient(0% 0% 90deg, #f7f8f9, #fff);
}
.clear {
	clear:both;
}