/*-----------------------------------------------------------------------------------

	Theme Name: Rockytown Webgen
	Theme URI: 
	Description: Rockytown Webgen   
	Author: Samir Alley @samiralley http://www.revize.com
	Author URI: http://www.revize.com/

	Version: 1 / July 16, 2013

	#Header
	#Nav
	#Slider Area
	#Main Content + Buttons
	#Footer
	#Inner Page
	#Media Queries
	#Revize bts
	#Document Center


-----------------------------------------------------------------------------------*/

/* -----------------------------------------

#Header

-----------------------------------------*/
a img{border:none}
body{background:#385c8c url(../_images_/body-old.jpg) top center no-repeat;background-size: cover;}
#header{padding-top:20px}
.logo{max-width:80%!important;margin-left:10px;float:left}
.top-bar{background:url(../_images_/top-bar.png) no-repeat right bottom;position:relative;min-height:32px;padding-top:48px}
.social{float:left;margin-left:120px;color:#fff}
.social span,.social img{vertical-align:middle;display:inline-block}
.top-bar form{margin:0}
.search{float:right}
.search input{border:none;padding:4px;width:150px;display:inline;margin:0 5px 3px  }

/* -----------------------------------------

#Nav

-----------------------------------------*/
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.sf-menu >li{float:left}
.sf-menu li:hover >ul, 
.sf-menu li.sfHover >ul{display:block}
.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}
.sf-menu{float:left;margin:0;background:#0D203E url(../_images_/nav.jpg) no-repeat;width:100%;box-shadow:inset 0 0 0 3px #000}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);width:15em;*width:15em}
.sf-menu a{border-right:1px solid #7e91ac;padding:1.2em 1em;text-decoration:none;zoom:1}
.sf-menu a{color:#fff;text-transform:uppercase}
.sf-menu li li{background:#BDD2FF;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s}
.sf-menu li li a{padding:.5em 1em;text-transform:none;font-size:13px;border-right:none;border-top:1px solid #000}
.sf-menu li li{background:#BDD2FF}
.sf-menu ul li{background:#0D203E}
.sf-menu li:hover, 
.sf-menu li.sfHover{background:#000;-webkit-transition:none;-moz-transition:none;transition:none}
.sf-menu li.active{background:#000}
#home-page a#li-7{background:#000}
.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#fff;border-top-color:#fff}
.sf-arrows >li >.sf-with-ul:focus:after,.sf-arrows >li:hover >.sf-with-ul:after,.sf-arrows >.sfHover >.sf-with-ul:after{border-top-color:#fff}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#fff;border-left-color:#fff}
.sf-arrows ul li >.sf-with-ul:focus:after,.sf-arrows ul li:hover >.sf-with-ul:after,.sf-arrows ul .sfHover >.sf-with-ul:after{border-left-color:#fff}
.sf-vertical ul{left:100%;top:0}
.sf-vertical >li{ float:none}
.sf-vertical li{ width:100%}
.sf-vertical li a{border:none;border-top:1px solid #7e91ac;font-size:12px}
.sf-vertical li:first-child a{border-top:none}
.sf-vertical.sf-arrows >li >.sf-with-ul:after{ margin-top:-5px; margin-right:-3px; border-color:transparent; border-left-color:#fff; border-left-color:#fff}
.sf-vertical.sf-arrows li >.sf-with-ul:focus:after,.sf-vertical.sf-arrows li:hover >.sf-with-ul:after,.sf-vertical.sf-arrows .sfHover >.sf-with-ul:after{ border-left-color:#fff}
#menu-icon{display:none;color:#fff;line-height:1;font:0/0 a;background:#0D203E;padding:15px 15px;overflow:hidden;cursor:pointer}
#menu-icon span{display:block;height:2px;width:30px;background:#fff;margin-bottom:2px;float:left;clear:both;margin-right:10px;margin-top:1px}

/* -----------------------------------------

#Slider Area

-----------------------------------------*/
.slider-area{background:#7e96bc url(../_images_/spotlight-bg.jpg) no-repeat;overflow:hidden}
.spotlight{padding-top:20px}
.spotlight .title{width:137px;height 56px;display:block;margin:0 0 10px}
.spotlight .inner{padding:0 20px}
.flexslider *{margin:0;padding:0}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider .slides >li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides >li:first-child{display:block}
.flexslider{width:660px;float:right;max-width:100%;margin:0 0 0 0;position:relative;zoom:1;z-index:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(../_images_/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:0.8;right:5px}
.flexslider:hover .flex-prev{opacity:0.8;left:5px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:0;text-align:center}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .active{opacity:1;cursor:default}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1;left: 0}
  .flex-direction-nav .flex-next {opacity: 1;right: 0}
}

/* -----------------------------------------

#Main Content + Buttons

-----------------------------------------*/
.main-content{background:#c7c1b2 url(../_images_/content-bg.png) no-repeat top center;padding:10px 0 30px}
.welcome{padding:20px 0 0}
.welcome .inner p:last-child{margin:0}
.welcome .title{max-width:60%!important}
.left-col{background:#DCBC6F url(../_images_/btns-bg.jpg) no-repeat}
.btn{display:table;width:100%;position:relative;border-bottom:1px solid #e3c98d}
.btn a{display:block;font-size:19px;border-bottom:1px solid #c1a667;padding:20px 20px 20px 75px;text-decoration:none}
.btn:last-child,.btn:last-child a{border:none}
.btn img{position:absolute;left:20px;top:50%;margin-top:-20px}

/* -----------------------------------------

#Footer

-----------------------------------------*/
.footer{background:#0c203e;color:#fff;font-size:80%;text-align:center;padding:20px 0;margin-bottom:20px}
.footer a{color:#fff}
.footer p{margin:0;padding:0 20px}

/* -----------------------------------------

#Inner Page

-----------------------------------------*/
.breadcrumb {font-size:12px;padding:0 0 10px}
.breadcrumb p{display:inline;margin:0}
.page-title{border-bottom:1px solid #302603;margin-bottom:0px}
.printsection{padding:10px 0 20px}
.entry .inner{padding:10px 20px 0 0}
.fullwidth .inner{padding:10px 20px 0 20px!important}
#freeform-page .left-col{background:none}

/* -----------------------------------------

#Media Queries

-----------------------------------------*/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.flexslider,.spotlight.five {width:100%;float:none}
		.spotlight .inner{padding:20px 20px 0}	
		.slider-area{background:#7e96bc}	
		.social{margin-left:40px}
		.top-bar{background-position:left bottom}
		
		#menu-icon{display:block}
		nav{display:none}
		.sf-menu ul{position:static}
		.sf-menu >li{float:none}
		.sf-menu li:hover >ul, 
		.sf-menu li.sfHover >ul{display:block}
		.sf-menu{background:#0D203E;box-shadow:none}
		.sf-menu ul{box-shadow:none; display:block!Important;width:100%;opacity:1!important}
		.sf-menu a{border-right:none;padding:.6em 1em!important;font-size:13px}
		.sf-menu a{text-transform:none}
		.sf-menu li li{-webkit-transition:background .0s;-moz-transition:background .0s;transition:background .0s}
		.sf-menu li.sfHover{background:none}
		.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em}
		.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:transparent;border-top-color:transparent}
		.sf-arrows >li >.sf-with-ul:focus:after, 
		.sf-arrows >li:hover >.sf-with-ul:after, 
		.sf-arrows >.sfHover >.sf-with-ul:after{border-top-color:transparent}
		.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:transparent;border-left-color:transparent}
		.sf-arrows ul li >.sf-with-ul:focus:after, 
		.sf-arrows ul li:hover >.sf-with-ul:after, 
		.sf-arrows ul .sfHover >.sf-with-ul:after{border-left-color:transparent}
		.main-content{background:#fff;;padding-top:0}
		.main-content .inner{padding:20px}
		.main{position:relative}
		.top-bar{padding:5px 0 3px;background:#0D203E;border-radius:3px 3px 0 0;margin:24px 0 0 }
		.social{margin:0 10px 0 10px}
		.flex-direction-nav, .flex-control-nav{display:none}
		.logo{margin:0 auto;max-width:100%}
		.container{position:static}
		.main-nav{width:100%!important;position:absolute;top:0;left:-10px;right:0;z-index:99999}
		#header{padding-top:50px}
		.btns{background:#DCBC6F}
		.welcome .title{max-width:100%} 
		.sf-vertical li a{border-top:1px solid #000!important}
		.sf-vertical.sf-arrows >li >.sf-with-ul:after{border:none}
				
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
.main-nav{left:0}	
/*
		#menu-icon{display:block}
		nav{display:none}
		.sf-menu ul{position:static}
		.sf-menu >li{float:none}
		.sf-menu li:hover >ul, 
		.sf-menu li.sfHover >ul{display:block}
		.sf-menu{background:#0D203E;box-shadow:none}
		.sf-menu ul{box-shadow:none; display:block!Important;width:100%;opacity:1!important}
		.sf-menu a{border-right:none;padding:.6em 1em!important;font-size:13px}
		.sf-menu a{text-transform:none}
		.sf-menu li li{-webkit-transition:background .0s;-moz-transition:background .0s;transition:background .0s}
		.sf-menu li.sfHover{background:none}
		.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em}
		.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:transparent;border-top-color:transparent}
		.sf-arrows >li >.sf-with-ul:focus:after, 
		.sf-arrows >li:hover >.sf-with-ul:after, 
		.sf-arrows >.sfHover >.sf-with-ul:after{border-top-color:transparent}
		.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:transparent;border-left-color:transparent}
		.sf-arrows ul li >.sf-with-ul:focus:after, 
		.sf-arrows ul li:hover >.sf-with-ul:after, 
		.sf-arrows ul .sfHover >.sf-with-ul:after{border-left-color:transparent}
		.main-content{background:#fff;;padding-top:0}
		.main-content .inner{padding:20px}
		.main{position:relative}
		.top-bar{padding:1px 0 3px;background:#0D203E;border-radius:3px 3px 0 0}
		.social{margin:0 10px 0 10px}
		.flex-direction-nav, .flex-control-nav{display:none}
		.logo{margin:0 auto;max-width:100%}
		.container{position:static}
		.main-nav{width:100%!important;position:absolute;top:0;left:0;right:0;z-index:99999}
		#header{padding-top:50px}
		.btns{background:#DCBC6F}
		.welcome .title{max-width:100%} 
		.sf-vertical li a{border-top:1px solid #000!important}
		.sf-vertical.sf-arrows >li >.sf-with-ul:after{border:none}
*/
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}

	/* Make sure nav shows up*/
	@media only screen and (min-width: 960px) {
		nav{display:block!important}
	}
/* -----------------------------------------

#Revize btns

-----------------------------------------*/
.spotbtn,.socialbtn{position:absolute}

/* -----------------------------------------

#Document Center

-----------------------------------------*/
.document-center-page .file_row{background:#E7EBF3;border:1px solid #fff;border-top:1px solid #ddd;border-bottom:1px solid #fff;margin-bottom:1px;padding:7px 8px;width:97%;margin:0 auto;float:right}
.document-center-page .file_row a{color:#333!Important;font: 14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;}
#file_name a{font-size:14px;font-weight:normal!Important}
.document-center-page #msg{background:#FCF8E3;border:1px solid #fbeed5;display:block;padding:8px 35px 8px 14px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);color:#c09853}
.document-center-page table h3 {width:98%!Important;display:block;overflow:hidden;padding:7px 7px;border:1px solid #fff;background:#E7EBF3;margin:0!important}
.document-center-page table  h3 a{color:#333!important;font-size:16px!important}
#RZdocument_center table {padding:0;margin-bottom:10px}
#RZdocument_center form,#RZdocument_center input,#RZdocument_center select,#RZdocument_center button{margin:0!important;width:auto;min-width:inherit}
#isotope-container .isotop-element{max-width:280px!important}