/******** General tags ********/
body{

	background:#ffffff url(background.gif) top center repeat-y;
	color:#404040;
	line-height:1.2em;
	margin:0 auto;
	padding:0;
	font: 14px "Georgia", "century gothic", tahoma, Verdana, arial;
}

a {

	display: inline;
	text-decoration:none;
	color: #fff;
	padding: .5em;
	margin: .25em;
	font: bold 15px "Georgia";
	font-weight:bold;
	text-shadow: 1px 1px 1px #949494;
}

a:hover{

	text-decoration:underline;
	
}

a img{

	border:0;

}


p{
	margin:0 0 18px 10px;
}



h1{
	font-size:4.2em;
	letter-spacing:-8px;
	margin:0 0 30px 25px;
	color:#016001;
}

h1 a{

	text-transform:none; color:#4088b8;
}

h2{

	font-size:1.4em;
	color:#4088b8;
	padding:0 2px 2px 5px;
	margin:0 0 10px 0;
	letter-spacing:-1px;
}

h3{
	
	color:#666;
	margin:10px 0 8px 0;
	padding:1px 0px 2px 3px;
	text-align:left;
	font: bold 15px Georgia, Inconsolata, tahoma;
	
	
}

blockquote{

	font-size:0.9em;
	border:1px solid #dadada;
	margin:20px 10px;
	padding:8px;
	
}

/******** Main wrap ********/
#wrap{

	color:#404040;
	width:970px;
	margin:20px auto;
	padding:0;
	
}

#header{

	margin:0;
	
}




/******** sidebar ********/
#sidebar{

	float:left;
	width:200px;
	margin:0 0 5px 0;
	padding:1px 0 0 0;
	background: darkorange;
	
}


#sidebar h2{
	
	margin:3px 0px 8px 0px;

}

/******** Content variations ********/
#content{
line-height:1.5em;
width:750px;
float:right;
text-align:left;
margin:0;
padding:0;
font-size:0.9em;
}

#contentalt{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#016001;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{ text-decoration:none; color:#016001; font-weight:bold;!important}

/******** Various classes ********/
.box{
color:#000;
font-size:1em;
background-color:#eee;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0; font: 15px Garamond, tahoma, Verdana, arial;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{
	
	clear:both;
}

.hide{	

	display:none;	
}
.fade{
	color:#c8c8c8;
}
.gray{

	color:#808080;
}

.photo{

	border:1px solid #bababa;
	padding:2px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
	
}



#menu {

	position: relative;
	width:720px;
	height:50px;

}

#menu ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {

	float: left;
}

#menu ul li a {

	display: block;
	text-decoration:none;
	padding: .5em;
	margin: .25em;
	border: 1px solid #eee;
	font: 15px  Georgia, Tahoma, Verdana, arial;
	letter-spacing:1px;
	background-color: #eee;
	border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-border-radius: 5px;
    	 color: #000;
    	text-shadow: 1px 1px 1px #949494;
}

#menu ul li a:hover { 

	border-bottom: 1px solid darkorange;
	color: orange; 

}

.menu-list {
	
	width:720px;
	height: 40px;
	margin-top: 25px;
}

.menu-list {
	
	width:960px;
	height: 30px;

}

#panel1 {
	
	float:left;
	width: 150px;
	height: 100px;
	background: #eee;
	margin-top: 20px;
	margin-left:20px;
}

#panel1 img {

	border: 5px solid #eee;
}

#panel2 {
	
	float:left;
	width: 150px;
	height: 100px;
	background: #eee;
	margin-top: 20px;
	margin-left:20px;
}

#panel2 img {

	border: 5px solid #eee;
}

#panel3 {
	
	float:left;
	width: 150px;
	height: 100px;
	background: #eee;
	margin-top: 20px;
	margin-left:20px;
}

#panel3 img {

	border: 5px solid #eee;
}

#panel4 {
	
	float:left;
	width: 150px;
	height: 100px;
	background: #eee;
	margin-top: 20px;
	margin-left:20px;
}

#panel4 img {

	border: 5px solid #eee;
}

#gallery {

	width: 720px;
	height: 150px;
	background: #fff;
	border: 1px solid #eee;
}


#nav-link {

	width:200px;
	height:30px;
	background: white;
	margin-top: 3px;
	font: 13px Inconsolata, "Georgia";
	letter-spacing: .5em;
	padding-top: 10px;
	border: 1px solid transparent;
	
}

#link-cont {

	width:215px;
	height:260px;
	background: #fff;
	border: 1px solid #eee;
	padding-top: 10px;
	letter-spacing: .01em;
	padding-top:5px;
	background: orange;
	border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-border-border-radius: 5px;
    	border: none;
	
}

#link-cont a {
	
	font: bold 11.5px Georgia, Inconsolata, Garamond, tahoma, Verdana, arial;
	text-decoration:none;
	
}

#link-cont a:hover {
	
	border-bottom: 1px solid darkorange;
	color: #000; 
}


#left {
	float:left;
	width: 230px;
	height: 230px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	font: 13px Inconsolata, "Century Gothic", tahoma, verdana;
}

#center {
	float:left;
	width: 230px;
	height: 210px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	font: 13px Inconsolata, "Century Gothic", tahoma, verdana;
}

#right {
	float:left;
	width: 230px;
	height: 600px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	font: 13px Inconsolata,"Century Gothic", tahoma, verdana;
}

#right_c {
	float:left;
	width: 250px;
	height: 670px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	background-color: #9DC45F;
	border:1px solid #c8c8c8;
	text-shadow: 1px 1px 1px #949494;
	color:white;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
	font: 13px Inconsolata,"Century Gothic", tahoma, verdana;
}

#l {
	float:left;
	width: 440px;
	height: 520px;
	margin-left: 0px;
	margin-bottom: 5px;
	font: 13px Inconsolata, "Century Gothic", tahoma, verdana;
}

ul.slideshow {

  list-style: none;
  width: 710px;
  height: 344px;
  overflow: hidden;
  position: relative;
  margin: 0;
  
}
  
ul.slideshow li {

  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  
}
 
ul.slideshow li.show {

  z-index: 500;
  
}
 
ul img {

  border: none;
  
}
 
#slideshow-caption {
  
  width: 710px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;
  
}
 

 
#slideshow-caption p {

  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;
 
}

.smart-green {
	
   max-width: 400px;
   
    padding: 30px 30px 0px 30px;
    font: 14px Inconsolata, Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea {
	color: #555;
	height: 35px;
	line-height:15px;
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin-top: 2px;
	border: 1px solid #E5E5E5;
	background: #FBFBFB;
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	font: normal 14px/14px Inconsolata, Arial, Helvetica, sans-serif;
}

.smart-green textarea{
    height:100px;
    padding-top: 10px;
}


.smart-green .button {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
	width: 120px;
}

.smart-green .button:hover {
    background-color:#80A24A;
}

#hiddenDiv {

		display: none;
		text-shadow: 1px 1px 1px #949494;
		COLOR: #000;
		font: bold 10px Georgia, Inconsolata, Garamond, tahoma, Verdana, arial;
		text-indent: 1.7em;
		text-decoration:none;
}

#hiddenDiv2 {

		display: none;
		text-shadow: 1px 1px 1px #949494;
		COLOR: #000;
		font: bold 10px Georgia, Inconsolata, Garamond, tahoma, Verdana, arial;
		text-indent: 1.7em;
		text-decoration:none;
}