/*
Theme Name: Alexendra Techinque
Theme URI: http://underscores.me/
Author: Anu
Author URI: http://www.sageit.co.nz
Description: Alexendra Techinque
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alexendra-techinque
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Alexendra Techinque is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300');
@import url('css/bootstrap.css');

html {
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	font-size: 14px !important;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;

}

a:active,
a:hover {
	outline: 0;
	
}
	a:visited {
	color: #78d8ed;
	text-decoration: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #04b4a1;
}

a:visited {
	color: #04b4a1;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #04b4a1;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 280px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 650px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#header-top{
	background: url(./images/header-top-bg.jpg) top left repeat-x;
	height: 30px;
	position: :relative;
}
#header-top #social{
	text-align: right;
	position: :relative;
	float: right;
}
#header-middle{
	background: url(./images/header-bg.jpg) top left repeat;
}
#header-middle #logo{
	text-align: center;
}
#header-middle #contact{
	text-align: right;
	padding-top: 40px;
}
#header-middle #contact p{
	margin-bottom: 0em;

}
#header-bottom{
	background: url(./images/header-bottom-bg.jpg) top left repeat-x;
	height: 50px;
}
#header.affix { position: fixed; top: 0; width: 100% ;z-index: 4; background: url(./images/header-bottom-bg.jpg) top left repeat-x;}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/*Strip the ul of padding and list styling*/
#primary-menu ul {
	list-style-type:none;
	margin-top: 29px;
	padding:0;
	position: absolute;
	font-size: 14px !important;
}

/*Create a horizontal list with spacing*/
#primary-menu ul li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:110px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #78d8ed url(./images/active-bg.png) top center no-repeat;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #78d8ed;
	color: #fff;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #fff;
	color: #78d8ed !important;

}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;

}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}
li ul li ul{
	margin-top: 0px !important;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #78d8ed;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
ul li.current-menu-item a{
	background: #78d8ed url(./images/active-bg.png) top center no-repeat;
	color: #fff;
}
ul li.current-menu-item ul li a{
    background: #78D8ED;
    color: #FFF;
}

#hometop .readmore {
    background: #1FBFAE none repeat scroll 0% 0%;
    padding: 10px;
    max-width: 100px;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #FFF !important;
    float: left;
    margin-bottom: 20px;
    border: medium none;
    box-shadow: none;
    border-radius: 0;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer{
	background: url(./images/footer-bg.jpg) top left repeat-x;
	color: #a7a8a8;
	padding: 20px 0;
}
.site-footer a{
	color: #a7a8a8;
	text-decoration: none;
	font-size:11px;
}
.site-footer #footer-left{
	font-size:11px;
	text-align:left;
}
.site-footer #footer-right{
	font-size:12px;
	text-align:right;
}
/*--------------------------------------------------------------
## Home Bottom
--------------------------------------------------------------*/
#homebottom{
	background: url(./images/home-bottom-bg.jpg) bottom left repeat-x;
	padding-top:20px;
}
#homebottom .readmore{
	background: #1fbfae;
	padding: 7px;
	max-width: 50px;
	padding: 7px;
	max-width: 87px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff !important;
	float: right;
	margin-bottom: 20px;
}
#homebottom .readmore a{
	color: #fff !important;
	text-decoration: none;
}
#homebottom p{
	color: #fff !important;
	margin-bottom: 0;
	text-decoration: none;
	line-height: 16px;
}

/*--------------------------------------------------------------
## Inner Page Left Side Bar
--------------------------------------------------------------*/
#leftsidepage{
	padding: 20px 0;
}
#leftsidepage li{
	list-style-type: none;
}
#leftsidepage li a {
	display:block;
	height: 30px;
	padding: 0 0px 0 0px;
	text-align: left;
	line-height: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #78d8ed;
	text-decoration: none;
}

/*Hover state for top level links*/
#leftsidepage li:hover a {
	color: #78d8ed !important;
	text-decoration: none;
	background: none !important;
}


#leftsidepage li.current_page_item a{
    text-decoration: none;
    color: #78d8ed !important;
} 
/*Style for dropdown links*/
#leftsidepage li:hover ul a {
	color: #78d8ed;
	line-height: 20px;
}

/*Hover state for dropdown links*/
#leftsidepage li:hover ul a:hover {
	background: #78d8ed;
}


/*Hide dropdown links until they are needed*/
#leftsidepage li ul {
	display: none;
}

/*Make dropdown links vertical*/
#leftsidepage li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#leftsidepage li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}

/*Display the dropdown on hover*/
#leftsidepage ul li a:hover + .hidden, .hidden:hover {
	display: block;
}
/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

#breadcrumbs{
	background: url(./images/header-bg.jpg) top left repeat;
	padding: 30px 0;
	font-size:12px;
}
#breadcrumbs .breadcrumbs{
	color: #636363;
}
#breadcrumbs .breadcrumbs a{
	color: #636363;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.acf-map {
    width: 100%;
    height: 400px;
    border:none;
    margin: 20px 0;
}
#contactpage a{
	text-decoration: none;
	color: #636363;
}
/*--------------------------------------------------------------
## Side Menu
--------------------------------------------------------------*/

/*Strip the ul of padding and list styling*/
#leftsidemenu ul {
	list-style-type:none;
	padding:0;
	position: absolute;
	font-size: 14px !important;
	margin: 0px;
}


/*Style for menu links*/
#leftsidemenu li a {
	display:block;
	height: 50px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #1FBFAE;
	text-decoration: none;
	font-size: 13px !important;
}

/*Hover state for top level links*/
#leftsidemenu li:hover a {
	background: #78d8ed !important;
	color: #ffffff !important;
	text-decoration: none;
}


#leftsidemenu li.current_page_item a{
    text-decoration: none;
    background: #78d8ed;
    color: #ffffff !important;
} 
/*Style for dropdown links*/
#leftsidemenu li:hover ul a {
	background: #78d8ed;
	color: #fff;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
#leftsidemenu li:hover ul a:hover {
	background: #fff;
	color: #78d8ed;

}


/*Hide dropdown links until they are needed*/
#leftsidemenu li ul {
	display: none;
}

/*Make dropdown links vertical*/
#leftsidemenu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#leftsidemenu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}

/*Display the dropdown on hover*/
#leftsidemenu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #78d8ed;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
#leftsidemenu ul li.current-menu-item a{
	background: #78d8ed url(./images/active-bg.png) top center no-repeat;
	color: #fff;
}

#fullpage{
	padding: 20px 0 0;
}
#fullpage li{
	list-style-type: none;
}
#fullpage li a {
	display:block;
	height: 30px;
	padding: 0 0px 0 0px;
	text-align: left;
	line-height: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #78d8ed;
	text-decoration: none;
}

/*Hover state for top level links*/
#fullpage li:hover a {
	color: #78d8ed !important;
	text-decoration: none;
	background: none !important;
}


#fullpage li.current_page_item a{
    text-decoration: none;
    color: #78d8ed !important;
} 
/*Style for dropdown links*/
#fullpage li:hover ul a {
	color: #78d8ed;
	line-height: 20px;
}

/*Hover state for dropdown links*/
#fullpage li:hover ul a:hover {
	background: #78d8ed;
}


/*Hide dropdown links until they are needed*/
#fullpage li ul {
	display: none;
}

/*Make dropdown links vertical*/
#fullpage li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#fullpage li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}

/*Display the dropdown on hover*/
#fullpage ul li a:hover + .hidden, .hidden:hover {
	display: block;
}




/*Responsive Styles*/
@media screen and (max-width : 1199px){
	#homebottom {
    	background: url(./images/home-bottom-bg.jpg) bottom left repeat;
    	padding-top: 20px;
    	margin-top: 20px;
	}
	#homebottom  h3{
		color: #fff;
	}	
}
@media screen and (max-width : 990px){
	.site-footer {
	    background: url(./images/footer-bg.jpg) top left repeat;
	    color: #a7a8a8;
	    padding: 20px 0;
	}
	.site-footer .site-info {
		text-align:left;
	}
	#header-middle #contact p {
    	text-align: center;
	}
	#header-top #social {
    	text-align: center;
    	float: none !important;
	}	
	#leftsidemenu{
		display: none;
	}
	#homebox{
		margin: 60px 0;
	}
	#header-middle #logo {
    	text-align: center;
    	padding-top: 30px;
	}
	#header-middle #contact {
    	text-align: center;
    	padding-top: 20px;
	}
}	
@media screen and (max-width : 760px){
/*Make dropdown links appear inline*/
	#header-menu li a {
		display:block;
		min-width:100px;
	}
	ul {
		position: static;
		display: none;
	}
	li ul li a {
		width: auto;	
		padding: 0 10px;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {

		
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}
@media screen and (max-width : 650px){
	#header-menu li a {
		display:inline-block;
		min-width:100%;
	}
	#header-bottom {
	    background: url(./images/header-bottom-bg.jpg) top left repeat;
	    min-height: 50px;
	    height: auto !important; 
	}
	ul li, li a {
		width:100%;
		
	}
	#header-menu li ul li {
    	text-align: center !important;
	}
	#header-menu .sub-menu li a {
    	text-align: center !important;
	}
	.menu-toggle{
		padding: 20px;
		float: right;
	}
	#header-middle #logo {
    	text-align: center;
    	padding-top: 20px; 
    }
    #header-middle #contact {
    	text-align: center;
     	padding-top: 00px; 
 	}
 	#header-middle #contact p {
    	text-align: center;
	}
 	#header-top #social {
    	text-align: center !important;
    	position: :relative;
    	float: none !important;
	}

}