html{
	height: 100%;
	padding:0 !important;
	margin:0 !important;
	top:0;

}

body{
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	min-width:900px !important;
    background:#fafafc;
	
}

#head{

	height:160px;
	width:100%;
	position:relative;
	top:0;
	z-index:100;
	background-color:white;

}

#headfiller {
    height:10px;
    background-color:#7dcf32;
}

#headimage{
    height:170px;
    background-image:url(/images/rfbg.png);
    background-repeat:no-repeat;
    background-position:right;
    margin-bottom:-10px;
}


#wordmark{
	background-image:url(/images/rf_logo.png);
	background-repeat:no-repeat;
	background-position:left;
	height:160px;
    float:left;
    width:500px;


}
a {
	text-decoration:none;
	
}

a hover {
	text-decoration:none;	
}

a visited{
	
}

#nav{
	height:64px;
width:100%;

z-index:100;
background: #7dcf32; /* Old browsers */
background: -moz-linear-gradient(top, #7dcf32 0%, #5cb52d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dcf32), color-stop(100%,#5cb52d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7dcf32 0%,#5cb52d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7dcf32 0%,#5cb52d 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7dcf32 0%,#5cb52d 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCF32', endColorstr='#5CB52D',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7dcf32 0%,#5cb52d 100%); /* W3C */
/* border-top:1px solid black; */ 


}

.nav-fixed{
	margin-top:0px !important;
	border-top:none !important;
		height:30px;
position:fixed;
top:0px;
min-width:900px;
}

#nav-image{
	float:left;
	width:216px;
	margin-left:20px;
	background-image:url(/images/rf_grey.png);
background-repeat:no-repeat;
background-position:left;
	opacity:0;
	height:64px;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	-ms-transition: opacity .1s ease-in-out;	
	transition: opacity .1s ease-in-out;
}
.nav-show{
	opacity:1 !important;
}


#navcontainer {
	margin-top:10px;
	float:right;
	margin-right:85px;
}
#navcontainer ul{
	margin-top:20px;	
}

#navcontainer li {
	display:inline;	
	margin-top:10px;
}

#navcontainer li a{
	height:18px;

text-align:center;
background-color:#E0E0E0;
border-right:1px solid #555;
border-left:1px solid #555;
border-top:1px solid #555;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:5px;
padding-top:10px;
min-width:60px;
float:left;
text-align:center;
margin-right:5px;
color:#333;
}

#navcontainer ul li.selected a {

background-color:#fafafc;
height:30px;

	border-right:1px solid #fafafc;
	border-left:1px solid #fafafc;
	border-top:1px solid #fafafc;
	color:black;
}

#navcontainer li a:hover{
	background-color:#fafafc;

	
}

#magic{
	height:40px;
	width:100%;
	top:64px;
background: -webkit-gradient(linear, 50% 100%, 50% 0%, from(rgba(255,255, 255, 0.0)), color-stop(70%, white), to(rgba(255, 255, 255, 1.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255, 0));
	position:fixed;
	display:none;
	z-index:100;
	
}
#magic.show{
	display:block !important;	
	
}
#content{
	background-color:#fafafc;	
	margin-top:30px;
}

#content.hidden{
	 margin-top:80px;	
	
}
.container{
	padding:10px 60px 10px 60px;
	background-color:#4b6e91;
	width:auto;
	margin:0;

}
.special{
	margin:0 30px 20px 30px;
	padding:30px 20px 30px 20px;
	background-color:#EEE;
	box-shadow:0px 0px 10px #000;
		-webkit-border-radius: 5px;;
		-moz-border-radius: 5px;
		border-radius: 5px;
	
}

#featurecontainer{
	width:auto;
	margin:0;
	margin-top:120px;
}

#content.hidden #featurecontainer{
	margin-top:180px;
}

#feature{
	padding:0;
	background-color:#27364f;
	text-align:center;
    height:250px;
    
}

#homecenter{
        width:600px;
        margin-right:auto;
        margin-left:auto;
        
}


#home{

	padding:0px;
	background-color:#E8E6D9;
	box-shadow:0px 0px 5px #000;
/*		-webkit-border-radius: 5px;;
		-moz-border-radius: 5px;
		border-radius: 5px;
        */
		float:left;
		margin-top:-90px;
        width:620px;
        height:430px;
        overflow:hidden;
}


.project {
	float:left;
	clear:both;
}


#body_content_title {
	font-size:1.7em;
	padding-bottom:10px;
	border-bottom:2px solid #DDD;
}

#body_content {
	padding:20px;
}

#body_content a{
	color:black;
}

#body_content a:hover{
	text-decoration:underline;
}

#body_content_left {
	margin-top:-10px;
	float:left;
	width:70%;

}

#body_content_right {
	float:right;
	width:22%;

}

#show_blog_post {
}

#blog_posts {
	margin-top:-20px;
}

#blog_post {
	margin-top:-10px;
}

#comments {
}

.inner h1 { font-size:1.4em;}

#footcontainer{
	background-color:#fafafc;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-15px;
	clear:both;
}
#footmagic{
background-color:#7dcf32 !important;

width:100%;
	height:5px;
	margin-top:30px;
	float:left;
	clear:both;
}
#foot{
	background-color:#fafafc;	
	margin-right:auto;
	margin-left:auto;
//	margin-top:20px;
	padding:10px;
	clear:both;
	width:88%;
}

#foot .left{
	padding-left:2%;
	margin:auto;
	float:left;
	width:22%;
	color:#666;
}

#foot a {
	color:black;
}

#foot a:hover {
	text-decoration:underline;
}

#bottomcontainer{
    margin-left:auto;
    margin-right:auto;
    width:880px;
    margin-top:10px; 
    padding-left:30px;
}

#bottomcontent{
}

#bottomcontent .left{
	float:left;
	padding-left:40px;
	width:250px;
	
}

#bottomcontent a {
	color:black;
}

#bottomcontent h4 {
	display:inline;
}

#bottomcontent a:hover {
	text-decoration:underline;
}


#legal{
	clear:both;
	text-align:center;
	font-size:70%;
	padding:10px;
	color:#999;
	
}

#page-container {
	padding:0 20px 10px 20px ;
}




/* Slideshow Stuff */
#slides {
	position:absolute;
	width:410;
	height:600;
	margin-top:-80px;
}

.slides_container {
	width:600px;
	height:410px;
	overflow:hidden;
	position:relative;
	margin-top:90px;
	margin-left:10px;
	box-shadow:0px 0px 5px #000;
	display:none;
}

.slides_container div {
	width:600px;
	height:410px;
	display:block;
}


.slides_container div.slide {
	display:block;
	overflow:hidden;
	        z-index:450;
        top:90px;
        left:10px;
        height:400px;
        width:590px;
        overflow:hidden;
        border:5px solid #222;
        position:absolute;
}

.slide img {
	margin-left:-5px;
	margin-top:-5px;
}
.caption {
	z-index:500;
	position:absolute;
	bottom:-100px;
	margin-top:-10px;
	background:#000;
	background:rgba(0,0,0,.5);
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	overflow:hidden;
	height:100px !important;
	width:600px !important;
	font-size:small;
}

.caption a {
	color:#ddd;
}

.caption h2 {
	float:left;
	clear:both;
	margin:5px;
}

.caption small {
	float:right;
	margin:10px;
	padding-right:5px;
}

.caption p {
	clear:both;
	text-align:left;
	margin-left:5px;
	padding-right:10px;
}

.pagination {
	margin:20px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#slides .next,#slides .prev {
	position:absolute;
	top:270px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:10;
}

#slides .next {
	left:620px;
}

#slides a {
	border:none;
	text-decoration:none;
}