@import url("jstuff.css");

body {
width: 100%;
}

#content100 {float:left;}
#header_items {width: 100%;}
#header.block_holder, #slideshow.block_holder, #footermenu.block_holder {padding:0;}
.module_margin {margin:5px;}


.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {float: left;}

/*--Framework Classes--*/
.block_holder {
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}

.container {
	width:100%; 
}

.container_bg {
  width:100%; 
}

.wrapper960 {
	width:960px; 
	margin:0 auto; 
}

.clear {
	clear:both;
}
.menu{}

#content_full {
}

/*--Header Div--*/
#header {
	position:relative;
}

/* search  */
#search {
	height:20px;
	position:absolute;
	z-index:10;
}
#search form {
	margin:0;
}
#search .inputbox {
border:medium none;
height:19px;
margin:0;
padding:3px 5px 3px 4px;
width:165px;
}
#search form .search label{
	display: none;
}

/* Custom Module (located in the header) */
#custom {
    padding: 3px;
    position: absolute;
    z-index: 10;
    top:105px;
    right:0px;
}

#custom p, #custom .module_margin{
    margin:0px;
}


/*--Logo & Slogan Layout--*/
#logo {
	position:absolute;
}
.logo_container {
	margin: 0px; 
}
.logo {
	margin:0; 
	padding:0; 
}
.logo a {
	display:block; 
	position:relative; 
	z-index:0; 
	width:100%; 
	background: url(../images/logo.png) no-repeat; z-index:1;
}
.logo-text {
	padding:0; 
}
.logo-text a {
	white-space:nowrap; 
	outline:none; 
	position:relative; 
	text-decoration:none; 
	width:100%;
}
p.site-slogan {
	padding:0; 
	position:relative; 
	white-space:nowrap;
}

/*-----------------------------------------------------------------------------------*/
/* Social Media */
/*-----------------------------------------------------------------------------------*/
#social {
  padding:0;
  z-index: 1;
  position: absolute;
}
#social ul{
  list-style: none;
  margin: 0 0 0px 0;
  float: right;
}
#social ul li{
  display:block;
  float: left;
  margin:0;
  padding:0 0 0px 0;
}
#social ul li a{
  display:block;
  width:40px;
  height:40px;
  text-indent:-9999px;
  background-position: 0px -40px;
  background-repeat: no-repeat;
  opacity: 0.6;
  padding-bottom: 1px;
}
#social ul li a{
  opacity: 1;
  background-color: transparent;
}

.social-facebook a { background: url(../images/social/facebook.png) no-repeat 50% 50%; background-color: #3b5998 }
.social-facebook a:hover { background-color: #595959 }

.social-twitter a { background: url(../images/social/twitter.png) no-repeat 50% 50%; background-color: #48c4d2 }
.social-twitter a:hover { background-color: #595959 }

.social-googleplus a { background: url(../images/social/googleplus.png) no-repeat 50% 50%; background-color: #d94a39 }
.social-googleplus a:hover { background-color: #595959 }

.social-youtube a { background: url(../images/social/youtube.png) no-repeat 50% 50%; background-color: #f45750 }
.social-youtube a:hover { background-color: #595959 }

.social-pinterest a { background: url(../images/social/pinterest.png) no-repeat 50% 50%; background-color: #cb2027 }
.social-pinterest a:hover { background-color: #595959 }

.social-dribbble a { background: url(../images/social/dribbble.png) no-repeat 50% 50%; background-color: #ef5b92 }
.social-dribbble a:hover { background-color: #595959 }

.social-flickr a { background: url(../images/social/flickr.png) no-repeat 50% 50%; background-color: #f1628b }
.social-flickr a:hover { background-color: #595959 }

.social-skype a { background: url(../images/social/skype.png) no-repeat 50% 50%; background-color: #18b7f1 }
.social-skype a:hover { background-color: #595959 }

.social-digg a { background: url(../images/social/digg.png) no-repeat 50% 50%; background-color: #2882c6 }
.social-digg a:hover { background-color: #595959 }

.social-linkedin a { background: url(../images/social/linkedin.png) no-repeat 50% 50%; background-color: #71b2d0 }
.social-linkedin a:hover { background-color: #595959 }

.social-vimeo a { background-color: #62a0ad; background: url(../images/social/vimeo.png) no-repeat 50% 50%; background-color: #62a0ad }
.social-vimeo a:hover { background-color: #595959 }

.social-yahoo a { background: url(../images/social/yahoo.png) no-repeat 50% 50%; background-color: #ab64bc }
.social-yahoo a:hover { background-color: #595959 }

.social-tumblr a { background: url(../images/social/tumblr.png) no-repeat 50% 50%; background-color: #3a5976 }
.social-tumblr a:hover { background-color: #595959 }

.social-deviantart a { background: url(../images/social/deviantart.png) no-repeat 50% 50%; background-color: #d0de21 }
.social-deviantart a:hover { background-color: #595959 }

.social-delicious a { background: url(../images/social/delicious.png) no-repeat 50% 50%; background-color: #3274d1  }
.social-delicious a:hover { background-color: #595959 }

.social-rss a { background: url(../images/social/rss.png) no-repeat 50% 50%; background-color: #fe9900 }
.social-rss a:hover { background-color: #595959 }

/*-----  End of Social Media  ------*/
	
/*--Breadcrumb Divs--*/	
#breadcrumb .module_padding {
	padding:0px;
}

/*--Main Content and Side Columns Divs--*/
#main {
}

#sidecol_a, #sidecol_b {
height:100%;
} 

/*--Bottom Modules Divs--*/
#bottom_modules {
 }

/*--Base Modules and footer Divs --*/	

 #copyright {
  text-align: center;
  clear: both;
 }
 
 #copyright a {
 color:#bbb;
 text-decoration:none;
 }
 
  #copyright.module_margin {
 	margin:0px !important;
 }

 div#footermenu.block_holder div.module_margin{margin:0px !important;}

/* Module Styling */
.module h3, .module_menu h3 {
	padding:0; 
	margin:0;
}

.module_padding {
	height:100%;
	padding:25px;
}
.module_content {
	padding:5px 0;
}
#sidecol .module {
	margin-bottom:10px;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {
	list-style-type: none;
}
.module ul a, .module_menu ul a {
	display:block;
	text-decoration: none;
}

#breadcrumb-1, #footer-1, #footer-2, #footer-3 {
	float: left; 
	width:100%;
}



/***************************************************************************/
/* Hornav Navigation */
/***************************************************************************/

#hornav {
    clear: both;
    position: absolute;
    right: 0;
    top: 62px;
    width: 100%;
    background: url(../images/hornav-overlay.png);
    background-repeat: repeat-x;
}

#hornav > ul {
  margin: 0;
  padding: 0px;
  text-align: center;
}

#hornav > ul > li {
  display: block;
  padding: 14px 14px;
  margin: 0;
  list-style: none outside none;
  line-height: 1.8em;
  font-weight: light;
  font-size: 14px;
}

#hornav > ul > li > a:hover{
  text-decoration: none;
}

#hornav ul li {
  display: inline-block;
  position: relative;
}

#hornav ul li ul {
}

#hornav ul ul {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  display: block;
  list-style: none;
  margin-top: 13px;
  padding: 5px 0 !important;
  min-width: 260px;
  z-index: 1000;
}

#hornav ul ul li {
  min-height: 22px;
  text-align: left; /*required to position li's when menu centered */
  width: 100%; /*required to position li's when menu centered */
}

#hornav ul ul li a {
  display: block;
  padding: 10px 15px;
}


#hornav ul ul li a:active,
#hornav ul ul li a:focus,
#hornav ul ul li a:hover {
  text-decoration: none;
}

#hornav ul ul li:first-child {
  border-top: none;
}

#hornav ul ul li:hover a {
  text-decoration: none;
}

#hornav ul ul ul:before {
  display: none;
}

#hornav ul ul:before {
  background: transparent url('../images/menu_arrow.png') no-repeat 0 0;
  content: "";
  display: block;
  height: 10px;
  left: 26px;
  position: absolute;
  top: -10px;
  width: 14px;
}

#hornav li ul,
#hornav li ul li ul {
  position: absolute;
  height: auto;
  min-width: 260px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  top: 96px;
  z-index: 1000;
}

#hornav li:hover > ul,
#hornav li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 40px;
}

#hornav li:hover > ul,
#hornav li ul li:hover > ul {
  -webkit-transition: opacity 300ms linear;
}

#hornav li ul li ul {
  left: 230px;
  top: 0;
}

#hornav li ul li:hover > ul {
  top: 0px;
  left: 260px;
}


/***************************************************************************/
/* End Hornav Navigation */
/***************************************************************************/


/***************************************************************************/
/* Off Canvas Sidebar Styling */
/***************************************************************************/

/* Container div for Off-Canvas Button*/
#off-canvas {
    position: absolute;
    z-index: 3000 !important;
}

.sidr {
  display:none;
  position:absolute;
  position:fixed;
  top:0;
  height:100%;
  z-index:999999;
  width:260px;
  overflow-x:none;
  overflow-y:auto;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  font-size:15px;
  background:#ffffff;
  border-right:3px solid #f4f4f4;
}

.sidr .sidr-inner {
  padding:0 0 15px;
}

.sidr .sidr-inner>p {
  margin-left:15px;
  margin-right:15px;
}

.sidr.right {
  left:auto;
  right:-260px;
}

.sidr.left {
  left:-260px;
  right:auto;
}


/* Off Canvas Menu Styling - Light Style */

/* Menu Button*/
.simple-menu-button{
  background: transparent url('../images/responsive-menu.png') no-repeat 0 0;
  content: "";
  display: block;
  float: left;
  margin-bottom: 10px;
  color: ffffff; 
  background-color: #666666; 
  padding:23px 24px;
}


/* Menu Title*/
.sidr-menu-title{
  text-align: center;
  font-weight: 100;
  font-size: 25px;
}

/* Menu*/
.sidr ul {
  display:block;
  margin:0 0 15px;
  padding:0;
}

.sidr ul li {
  display:block;
  margin:0;
  line-height:48px;
  border-bottom:1px solid #f4f4f4;
  background-color: #ffffff;
  position: relative;
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  line-height:48px;
  border-bottom:1px solid #f4f4f4;
}


.sidr ul li a, .sidr ul li span {
  padding:0 15px;
  display:block;
  text-decoration:none;
  color: #999999; /* same as link color */
  font-weight: bold;
}


.sidr ul li ul {
  border-bottom:none;
  margin:0;
}

.sidr ul li ul li {
  line-height:40px;
  font-size:13px;
  background-color: #ffffff;
}

.sidr ul li ul li a{
  font-weight: 100;
}

.sidr ul li ul li:last-child {
  border-bottom:none;
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  line-height:40px;
}

.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
  color: #999999; /*same as link color */
  background-color: transparent;
}


.sidr ul li ul li:first-child, .sidr ul li ul li span:first-child {
  border-top: 1px solid #f4f4f4;
}


.sidr ul li ul li a, .sidr ul li ul li span {
  color: #999999; /* same as link color */
  padding-left:30px;
}


.sidr ul li ul li ul a, .sidr ul li ul li ul li span {
  color: #999999; /* same as link color */
  padding-left:60px;
  background-image: url(../images/sidebar-menu-link.png);
  background-repeat: no-repeat;
  background-position: 45px center;
}


/***************************************************************************/
/* End Canvas Sidebar Styling */
/***************************************************************************/






/***************************************************************************/
/* Jumbotron Styling */
/***************************************************************************/

.jumbotron-btn {
    border: 3px solid;
    border-radius: 40px;
    font-size: 20px;
    padding: 15px 30px;
}

a.jumbotron-btn{
  cursor: pointer;
}

a:hover.jumbotron-btn{
}


.fade{
    opacity: 0.5;
}


.fade:hover{
   opacity: 0.8;
   transition: opacity .20s ease-in-out;
   -moz-transition: opacity .20s ease-in-out;
   -webkit-transition: opacity .20s ease-in-out;
}

/***************************************************************************/
/* End Jumbotron Styling */
/***************************************************************************/


/** Footer Menu **/
#footermenu {
}
#footermenu ul li{
    display: inline-block;
}
#footermenu ul li a {
    display: block;
	text-decoration: none;
}
#footermenu ul li:last-child a {
	border:none;
}

/** Scroll to Top **/
.scrollup{
    width:60px;
    height:60px;
    position:fixed;
    bottom:35px;
    right:25px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll.png) no-repeat;
    background-color: #000000;
    background-position: center center;
    z-index:1000;
    opacity:0.8;
    border-radius:60px;
}

/** Login Module **/
.userdata{margin-top: 10px;}