/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);


body{
	font-family: 'Oxygen', sans-serif;
	background-color: #1dafd4;
	 }

a {
color: #8CB823;
text-decoration: none;
}
	 
	 
a:visited {
color: #8CB823;
text-decoration: none;
}

a:link {
color: #8CB823;
text-decoration: none;
}

a:hover{
color: #8CB823;
text-decoration: none;
}


.block .menu {
	margin: 0px;
}

.block h2 {
	color: #1972cd;
}

#bg {
background: url(../images/background.jpg) #1dafd4 no-repeat;
background-size: 100%;
margin: auto;
width: 100%;
height: 1000px;
position: absolute;
overflow: visible;
z-index: -4000;
top: 0;
left: 0;
}


#top-horizontal-lines {
position: absolute;
width: 100%;
margin-top: 30px;
height: 100px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}

#page {
	background-color: white;
	border-left: 1px solid white;
	border-right:1px solid white;
}

#social-bar {
vertical-align: middle;
margin: auto;
height: 30px;
background-color: #1159d9;
}

#phone-number {
display: inline-block;
float:left;
margin-left: 30px;
margin-top:2px;
color: white;
font-size: 14px;
}

#social-icons{
	display: inline-block;
	float:right;
	margin-top: 4px;
    margin-right: 10px;
}

#header {
	background-color: #1159d9;
	color: white;
	border-bottom: 1px solid white;
	padding:8px;
}


/**
 * Branding header.
 */

/* Wrapping link for logo. */
.header__logo {
  position: relative;
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

/* Logo image. */
.header__logo-image {
  vertical-align: bottom;
}

/* Wrapper for website name and slogan. */
.header__name-and-slogan {
  width:100%;
  margin:auto;
  text-align: center;
  }

/* The name of the website. */
.header__site-name {
  position: relative;
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}


/**
 * Navigation bar.
 */

#navigation {
  width: 100%;
  height: 47px;
  margin-top:-1px;
  margin-bottom:1px;
  background-color: #1159d9;
  font-size:.9em;


  /* Sometimes you want to prevent overlapping with main div. */
  /* overflow: hidden; */
}


/* Main menu and secondary menu links and menu block links. */

#navigation .menu {
  margin: 0;
  padding: 0;
  text-transform: uppercase;}

  #navigation .menu li {
     width: 132px;
     margin-top:-1px;
     height: 49px;
	   }


   #navigation a {
	width: 130px;
	height: 46px;
	}
  
#navigation .menu li {
  /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 0 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.responsive-menus.responsified .responsive-menus-simple li {
	width:100% !important;
	border-bottom:1px solid white;
}

.responsive-menus.responsified .responsive-menus-simple li a{
	width:100%;
	border-bottom:none !important;
}

#navigation .menu li:hover{
	border-top:#8CB823 1px solid;
	border-bottom:#8CB823 1px solid;
	}

#navigation a {
	display: table-cell;
	/*vertical-align: middle;*/
	padding-top: 17px;
	text-align: center;
	color:white;
	line-height: 1em;
	text-decoration:none;
}

#navigation a:hover{
	color:#8CB823;
}


/*responsive menu*/
.responsified{
	padding-top: 11px;
}

.responsive-menus.responsified span.toggler {
   background: #1dafd4 !important;
   box-shadow: none !important;
   }
   
   
 .responsive-menus.responsified .responsive-menus-simple {
   background: #1dafd4 !important;
   box-shadow: none !important;
   }



#slideshow{
	position: relative;
}


#page-title{
color: #1dafd4;
text-align: center;
font-size: 30px;
font-weight: 100;
line-height: 1em;
}

article{
	color: #1972cd;
	font-size: 1em;
}



/*content*/
#content{
	min-height: 300px;
	margin-bottom: 10px;
}



/*Bottom Social Links*/



#bottom-horizontal-lines{
	height: 35px;
	border-top: 1px solid white;
    /*border-bottom: 1px solid white;*/
}

#bottom-social-links{
    width:100%;
    max-width:960px;
	height: 35px;
	border-right: 1px solid white;
    border-left: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    background-color: #1DAFD4;
}

#interact-links {
	display: inline;
	float: left;
	padding-top: 5px;
	height:20px;
	margin-left: 20px;
	margin-right: 5px;
	color: #fff;
	/*font-family: Helvetica,Arial,"Helvetica Neue",  Geneva, sans-serif;*/
	font-weight: 100;
}

#bottom-social-links a {
	color: #fff;
	font-family: Helvetica,Arial,"Helvetica Neue",  Geneva, sans-serif;
	font-weight: 100;
	font-size: 14px;
	margin-right: 7px;
	text-decoration: none;
}

#bottom-social-links a:hover{
	text-decoration:underline;
}

#bottom-social-icons{
	float: right;
	margin-left:5px;
	margin-right: 0px;
	padding-top:5px;
}





/*Bottom Footer*/





#bottom-footer {
	display:table;
    height: auto;
    width: 100%;
    max-width: 960px;
    background-color: #1972cd;
	font-size: 13px;
	font-weight: 100;
	color:white;
	border-right: 1px solid white;
    border-left: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    overflow: overlay;
}

#footer-horizontal-line{
	border-bottom: 1px solid white;
	width: 100%;
	z-index:100000;
}

#bottom-footer h2{
	text-align: justify;
	font-size: 16px;
	color:white;
	padding-top: 15px;
	padding-bottom: 10px;
}

#footer-first {
	display:inline-block;
   	min-width:33.2%;
	float:left;
}
#footer-second {
	display:inline-block;
	min-height:150px;
	min-width:33.2%;
	float:left;
}
#footer-third {
	display:inline-block;
	min-width:33.2%;
	float:left;
}

div.footer-padding{
	padding:2px 5px 5px 20px;
}


#copyright-horizontal-lines{
	border-top:1px solid white;
	border-bottom: 1px solid white;
	height: 20px;
}


#very-bottom {
   	
    margin-left: auto;
    margin-right: auto;
}

#copyright{
	max-width: 960px;
	margin:auto;
    vertical-align: middle;
	height: 20px;
	background-color: #1972cd;
    font-size: 10px;
	font-weight: 100;
	text-align: center;
	color:white;
	border-left: 1px solid white;
	border-right:1px solid white;
}

#bottom-links a{
	color:white;
	text-decoration: none;
}





.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}