/* __________ Menu _________ 

/* __________ Fixed Menu Style __________
.fixed-menu {
	position:fixed;
	z-index:99999;
	left:0px;
	top:-58px;
	width: 100%;
	height:58px;
	background: #505050;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.fixed-menu.fixed_show {
	top:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.fixed-menu-wrapper {
	padding: 0;
}
.fixed-menu .navmenu {
	padding:0;
}

.fixed-menu.fixed_show .navmenu ul li a{
	margin: 0 10px -10px;
	padding:0 25px 10px;
}
.fixed-menu.fixed_show .navmenu ul li a:hover:before,
.fixed-menu.fixed_show .navmenu ul li.active a:before {
	top:auto;
	bottom:0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

/* _________ //Fixed Menu Style _________ 	
a.menu_toggler { display:none;
}
.navmenu{
	margin: 0;
	text-align:center;
}
.navmenu ul li {
	display: inline-block;	
}
.navmenu ul li a{
	position:relative;
	display:block;
	margin: -10px 10px 0;
	padding:10px 25px 0;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:58px;
	color: #fff;
	transition: none;
	-webkit-transition: none;
}
.navmenu ul li a:hover,
.navmenu ul li.active a {
	color:#505050;
	background:#add8c7;
}
.navmenu ul li a:hover:before,
.navmenu ul li.active a:before {
	content:'';
	position:absolute;
	left:-10px;
	top:0;
	width:10px;
	height:10px;
	background: url(../images/menu_act.png) no-repeat;
	
}

}

/* _________ //Menu _________ */

/* Main font */
@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);

/* 
	Main stylesheet

	1. Basics
	2. Spacings
	3. Top
	4. Header
	5. Call to action
	6. Content
	7. Footer
	
*/

/* 1. Basics */

body {
  font: 13px/1.5 'PT Sans', Arial, 'Liberation Sans', FreeSans, sans-serif;
 color:#7d7d7d;
  background: #efefef
}

a,a:visited {text-decoration:none;color:#ccc}
a:hover {text-decoration:underline;}
a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
    outline:0
}

.btn {color:#000!important}
.btn-inverse,.btn-danger,.btn-warning,.btn-success {color:#fff!important}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Merriweather', serif!important;
	color: #add8c7;

}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

blockquote, blockquote p { 
	font-size: 22px!important;
	line-height: 32px!important;
	color: #111;
	font-style: normal;
	margin-bottom:5px!important;
	font-family: 'Merriweather', serif
}
blockquote { 
	margin: 0;
	padding: 18px 0 15px 0;
	clear: both;
	text-align: center;
	border-left:0!important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	background:#e0e0e0 url(../images/diagonal_waves.png)
}
blockquote cite { display: block; font-size: 15px!important; color: #777; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #777; }

/* Preloader */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.loading-txt {
	font-size:10px;
	color:#222;
	margin-left:45px;
	margin-top:56px;
	float:left;
	text-transform:uppercase
}

.glow {
	height:169px;
	width:507px;
	position: absolute;
	background: url(../images/glow.png) no-repeat;
	top: 0;
	left: 37%;
	z-index: 0
}

section {
	margin:85px 0;
	min-height: 100px
}

.center {text-align:center}

#calltoaction {
	margin:0
}

.vertical-spacer {
	display:block;
	float:left;
	width:100%;
	height:30px
}

.border-break {
	width:100%;
	height:1px;
	float:left;
	display:block;
	margin:5px 0;
	background:#fff;
	box-shadow:0 1px 1px #aaa;
}

/* video page only */

#video {
	text-align: center;
	margin-top: 20px;
	position:relative;
	z-index:99;
	border: none;
}

#video iframe {
	max-width:100%!important;
}

/* Site search */

#sitesearch {
	position: absolute;
	right: 10px;
	z-index: 1;
	top: 9px
}

#sitesearch input {
	font-size: 11px;
	width: 140px;
	background-image: url(../images/icons/magnify.png);
	background-repeat: no-repeat;
	background-position: right 8px;
}

/* Main navigation */

#navigation {
	position: relative;
	z-index: 999;
	margin: 0 0 -57px 0;
	background: #333;
	min-height: auto;
	height: 65px
}

#main-navigation {
	list-style:none;
	margin:0;
	padding:0;
	background:#222;
	height: 65px;
	position: relative
}

#main-navigation li {
	float:left;
	margin-right:10px;
	line-height: 40px
}

#main-navigation li a {
	line-height: 65px;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
	color:#f9f9f9;
	display:block;
	padding:0 20px
}

#main-navigation li a:hover {
	text-decoration:none;
	color:#999
}

#main-navigation li li a {
	line-height:40px;
	font-size:11px;
	color:#fff;
	text-align:left;
	padding-left:0
}

#main-navigation li.current_menu_item a, #main-navigation li.current_menu_item li a:hover, #main-navigation li li.current_menu_item a {
	color:#777
}

#main-navigation li.current_menu_item li a {
	color:#fff
}

ul#main-navigation > li ul.drop {
    margin:0;
    padding:0;
    width:auto;
    position:absolute;
    display:none
}

ul#main-navigation > li ul {
	background-color:#222;
	z-index:999;
	padding:10px 20px 20px 20px!important;
	width: 200px!important
}

ul#main-navigation > li ul li {
	margin: 0;
	height: 25px
}
ul#main-navigation > li ul.drop ul {
    margin:0;
    padding:0;
    width:120px;
    position:absolute;
    display:none;
    left:120px;
    top:0
}

ul#main-navigation > li ul li {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
    position:relative;
    width:100%
}’Äã

ul#main-navigation li .btn {margin-top:-5px}

.page #tagline h1 {
	text-align: left;
	margin-bottom: 25px;
	float: left
}

#page-heading {
	float: left;
	text-align: left;
	margin-left: 25px;
	margin-top: 35px
}

.page header {
	min-height: 210px
}

.page  #tagline {
	margin-top: 35px
}

.break-title {
	font-size: 12px;
	text-transform: uppercase;
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	margin: 50px 0;
	letter-spacing: 4px;
	padding-bottom: 5px
}

/* to top button */

#totop {
	position: fixed;
	visibility:hidden;
	z-index:99;
	bottom:15px;
	right:35px
}

#totop a {
	font-weight: normal;
	font-size: 23px;
	padding-top: 12px;
	color: #fff!important;
	background: #151515;
	border: 0!important;
	background-image: none!important;
	text-decoration:none;
}

/* 2. Spacings */

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

.spacer {
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin:20px 0
}

.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0
}


.last {margin-right:0!important}

/* 3. Top */

#top {
	height:75px;
	background:#111;
	position:relative
}

#logo {
	float:left;
	margin-top:5px
}

#tagline h1 img {
	width: 135px;
	height: auto
}

#site-desc {
	float:right;
	margin-top:28px
}

#topbar {
	height:42px;
	background:#111;
	line-height:42px;
	text-align:center;
	font-size:13px;
	letter-spacing:0;
	margin-top: -35px;
	width:100%;
	position: fixed;
	z-index:999;
	margin-bottom:50px;
}

#topbar p {
	position:relative;
	z-index:3
}

#openCloseWrap {
	margin-top:-35px;
	float: right
}

/* 4. Header */

header {
	min-height:760px;
	position:relative
}

#tagline {
	text-align:center;
	margin-top: 65px;
	color: #111;
	position:relative;
	z-index:1
}

#tagline h1 {
	text-align:center;
	margin-bottom: 25px
}

#tagline h2 {
	font-size: 35px;
	letter-spacing: -1px;
	margin-bottom: 5px;
	font-weight: bold;
	color: white;
	line-height: 43px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
	margin-top: 0
}

#tagline p {
	font-size: 12px;
	color: add8c7;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: 'PT Sans', Arial, sans-serif
}

#slider {
	margin-top: 15px;
	position:relative;
	z-index:1
}

.texture {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block
}

/* 5. Call to action */

#calltoaction {
	min-height: 60px;
	padding: 30px 0 5px 0;
	background: #111  url(../images/dark_leather.png) repeat;
	overflow: hidden;
	text-align: center
}

#calltoaction h3 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	color:#fff;
	margin:0;
	font-size: 21px
}

#calltoaction .btn {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:-8px 0 0 15px;
	font-weight:bold;
}

/* 6. Content */

#content-boxes {
	text-align:center
}

.content-box {
	color: #666;
	font-size: 13px;
	line-height: 24px
}

.content-box h3 {
	margin-bottom:3px
}

.content-box p {
	color: #666;
	font-size: 15px;
	line-height: 24px
}

.content-icon {
	width:64px;
	height:64px;
	margin-bottom: -5px
}

.content-image {
	width:auto;
	height:auto
}

.content-image-left {
	width:auto;
	height:auto;
	float:left
}

.content-image-right {
	width:auto;
	height:auto;
	float:right
}

.special-title {
	font-size: 36px;
	letter-spacing: -2px;
	margin-bottom: 20px;
	color:add8c7
}

h1 special-title {
	font-size: 36px;
	letter-spacing: -2px;
	margin-bottom: 20px;
	color: add8c7
}


.special-text {
	font-size: 16px;
	line-height: 26px
}

.price {
	font-size: 42px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #AAA;
	margin-top:-5px;
	text-transform:uppercase;
	float:left
}

.button-placeholder {
	margin: 13px 0 0 0
}

.button-placeholder .btn {
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #333!important;
	padding: 5px 15px
}

/*  portfolio  */

#filters {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 12px 0;
}

#filters li {
	display: inline-block; zoom: 1; *display: inline;
	margin:0 20px 0 0
}

#filters li a {
	text-transform: uppercase;
	color: #888;
	padding: 3px 10px;
	font-size: 13px;
	text-decoration: none
}

#filters li a:hover {
	color:#999
}

#filters li a.current {
	color: #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	background:#111 url(../images/dark_leather.png) repeat;
}

#portfolio-gallery  {
	float: left;
	width: 100%;
	margin-top:30px
}

#portfolio-gallery img {
	width: 264px;
	height: auto;
	border: 3px solid #f9f9f9;
	box-shadow:0 0 3px rgba(0,0,0,.25);
	padding: 0
}

#portfolio-gallery a {
	float: left
}

#portfolio-gallery div {
	position:relative;
	margin-bottom:30px
}

#portfolio-gallery a {
	float: left;
	display: block;
	width: 100%;
	height: 100%
}

span.over {
	background: rgba(0, 0, 0, .8);
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 10;
	cursor: pointer
}

.zoom-icon {
	width: 32px!important;
	height: 32px!important;
	position: absolute;
	top: 44%;
	left: 44%;
	border:0!important;
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
	-ms-box-shadow:none!important;
	-o-box-shadow:none!important;
	border:0!important
}

.alter {
	background:#e0e0e0 url(../images/diagonal_waves.png);
	padding:50px 0;
	text-shadow:1px 1px 1px #fff;
}

/*  contact  */

#contact_form {margin-top: 45px;text-align:left}

#contact_form label {
	cursor:pointer;
	text-transform:uppercase;
	font-size:11px;
	color:#111
}

#contact_form input {
	width:95%;
	height:41px;
	margin-bottom:15px
}

#contact_form textarea {
	width:95%;
	height:130px
}

input.error, textarea.error {
	background: #FF8A8A!important;
	border: 1px solid #FF4F4F!important;
	color: white!important
}

.captcha-container {
  margin:16px 0 10px 0;
  float:left;
  display:block;
  width:59%
}

#contact_form label.error {
	font-size: 11px;
	font-style:italic;
	color:red;
}

.captcha-container span {
  display: block;
  font-size: 12px;
  margin: 0 0 3px;
  float:left;
  line-height:36px
}

#captcha {
	width:45px!important;
	margin-top: -4px;
	margin-left: 8px
}

.captcha-input-field {
	height:30px!important
}

/*  main content  */

#main-content {

}

#main-content .inner {
	border-right:1px dotted #ccc;
	padding-right:25px;
}

/*  sidebar  */

#sidebar .widget {
	margin-bottom: 50px;
	display: block;
	clear: both
}

#sidebar h4 {
	font-size: 17px;
	margin-bottom: 20px
}

#searchform2 input {
	width:170px
}

#searchform2 .btn {
	margin-top: -9px;
	width: 55px;
	font-size: 13px;
	padding-left: 5px
}

#sidebar ul {
	list-style:none;
	margin:0;
	padding:0
}

#sidebar ul li {
	margin:0 0 -1px 0;
	padding:0
}

#sidebar ul li a {
	color:#aaa;
	text-transform:uppercase;
	font-size:12px
}

.tagcloud a {
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px!important;
	margin-bottom:10px
}

.tagcloud a {
	margin-left:15px;
	margin-right:10px;
	padding:0 10px 0 12px;
	color:#fff!important;
	background:#555;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
} 

.tagcloud a:before {
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #555 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
}

.tagcloud a:after {
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #111;
	-webkit-box-shadow:-1px -1px 2px #111;
	box-shadow:-1px -1px 2px #111;
}

.tagcloud a:hover{background:#666;}	
.tagcloud a:hover:before{border-color:transparent #666 transparent transparent;}

/*--Wp calendar--*/

#wp-calendar {
  border: 1px solid #ddd;
  empty-cells: show;
  font-size: 14px;
  margin: 0;
  width: 100%;
  border-bottom:15px solid #ddd;
  padding-bottom:15px;
} 

#wp-calendar thead tr {
  background:#ddd
} 

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  padding:3px;
  text-align:center
} 

#wp-calendar td {
  color: #aaa;
  font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: normal;
  padding: 2px 0;
  text-align: center;
}

#wp-calendar #today {
  background: #ddd;
  color: #111;
}

#wp-calendar caption {
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:0;
  background: #F0F0F0;
  border: 1px solid #DDDDDD;
  border-bottom:0;
  padding:5px;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  text-align:center
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:400px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}



/*  gmap  */

.gmap-location {
	border: 5px solid white;
	box-shadow: 0 0 10px #AAA;
	-o-box-shadow: 0 0 10px #AAA;
	-moz-box-shadow: 0 0 10px #AAA;
	-ms-box-shadow: 0 0 10px #AAA;
	-webkit-box-shadow: 0 0 10px #AAA;
	display: block;
	padding: 0;
	margin: 42px 0 0 0;
	width: 96%
}

.gmap-location img, .gmap {
	width: 100%
}

.form-btn {
	width:140px!important;
	font-weight:bold;
	margin-top:12px;
	padding: 1px 0 0 0!important;
	font-size: 13px!important;
	float: right;
	margin-right: 14px
}

/*  pre-footer  */

#pre-footer {
	background:#111;
	border-bottom:1px solid #000;
	margin:0;
	min-height: 230px;
	padding: 50px 0;
	font-size: 14px
}

.tweet_list, .tweet_list li {
	margin:0;
}

.tweet_list li {
	margin:0 0 35px 0;
}

#newsletter-form label {
	font-size:11px;
}

.tweet_even {margin-bottom:0!important}

#newsletter-name, #newsletter-email {
	background:#222;
	border-color:#252525;
	width: 90%
}

#newsletter-email {
	margin-bottom:20px
}

.footer-title {
	font-size:21px;
	color:#fff
}

/*  7. Footer  */

footer {
	width:100%;
	height:40px;
	font-size: 12px;
	background: #111  url(../images/dark_leather.png) repeat;
	padding: 10px 0 19px 0;
	position:relative
}

#copyright {
	margin: 2px 0 0 0;
	float: left;
	line-height: 50px;
	font-size: 14px
}

#copyright a:hover {
	color:#888
}

#footer-navigation {
	margin:15px 0 0 0;
	padding:0;
	float:right
}

#footer-navigation li.current_menu_item a {
	color:#fff
}

#footer-navigation li {
	margin:0 7px 0 0;
	padding:0;
	list-style:none;
	float:left
}

#footer-navigation li a {
	color:#add8c7
}

#footer-navigation li a img {
	width:24px;
	height:24px
}

#footer-navigation li a:hover {
	color:#add8c7;
	text-decoration:none
}

.last {margin-right:0!important;}




/* __________ Menu _________ */

/* __________ Fixed Menu Style __________ */
.fixed-menu {
	position:fixed;
	z-index:99999;
	left:0px;
	top:-58px;
	width: 100%;
	height:58px;
	background: #505050;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.fixed-menu.fixed_show {
	top:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.fixed-menu-wrapper {
	padding: 0;
}
.fixed-menu .navmenu {
	padding:0;
}

.fixed-menu.fixed_show .navmenu ul li a{
	margin: 0 10px -10px;
	padding:0 25px 10px;
}
.fixed-menu.fixed_show .navmenu ul li a:hover:before,
.fixed-menu.fixed_show .navmenu ul li.active a:before {
	top:auto;
	bottom:0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

/* _________ //Fixed Menu Style _________ */
a.menu_toggler { display:none;
}
.navmenu{
	margin: 0;
	text-align:center;
}
.navmenu ul li {
	display: inline-block;	
}
.navmenu ul li a{
	position:relative;
	display:block;
	margin: -10px 10px 0;
	padding:10px 25px 0;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:58px;
	color: #fff;
	transition: none;
	-webkit-transition: none;
}
.navmenu ul li a:hover,
.navmenu ul li.active a {
	color:#505050;
	background:#add8c7;
}
.navmenu ul li a:hover:before,
.navmenu ul li.active a:before {
	content:'';
	position:absolute;
	left:-10px;
	top:0;
	width:10px;
	height:10px;
	background: url(../images/menu_act.png) no-repeat;
}

/* _________ //Menu _________ */
