@charset "UTF-8";
/* CSS Document */
/*******************************
********************************
Class Selectors
********************************
*******************************/


.alignleft{float:left;}
.alignright{float:right;}
.center{margin:0pt auto;/*width:980px;*//*Set it at width 980 px to get fixed layout optimized for 1024 X 768 Pixel Resolution*/}
.clear{clear:both;}
.float-left{float:left;padding:20px;}
.float-right{float:right;padding:20px;}
.details p a{color:#666;}
.input{float:left;width:49%;position:relative;} /* Used for comment form */
.input input{border:1px solid #c8a767;margin-bottom:5px;padding:2px;width:99%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;position:relative;display:block;}/*opera cries without the display being block!*/
.wp-smiley{margin:0px !important; padding-bottom:0px !important; } /* Control margin and padding with smileys */
.avatar {float:left !important ;margin:5px 0px !important;padding:0px 10px 5px 0px !important;} /*Gravatar display with comments*/


/*****************************************
Style declarations for header Block
*****************************************/

/*******************************
********************************
Global element selectors
********************************
*******************************/

html{color:#999;background-color:#FFFFFF;}
a{color:#999999;text-decoration:none; border:none;}
a:hover{color:#a2a2a2};
abbr,acronym{border-bottom:1px dotted #666666;font-variant:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
blockquote{border:1px solid #a2a2a2;background: 5px 5px url(images/quotes.jpg) #252525 no-repeat;}
body{font:16px 'century gothic', 'trebuchet ms',arial,helvetica,clean,sans-serif;}
body{color:#999999;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
caption,th{text-align:left;}
code{border:1px solid #cccccc;padding:10px;margin:10px 0px;display:block;background:#252525;}
div{position:relative;}
div.message{float:left;width:49%;padding:2px;text-align:center;position:relative;}
div.message textarea{border:1px solid #C8A767;width:90%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;}
em{font-style:italic;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{color:#d2d2d2;font-size:18px;}
h2{color:#c9c9c9;font-size:16px;}
h3{color:#c4c4c4;font-size:13px;}
h1.logo a { margin-left:19px;}

.logo img {width:300px; height:auto;
@media screen and (max-width:600px) { 
	width:220px!important; 
	height:auto;}
}
	
img.alignright,img.alignleft{margin:10px 20px;padding:4px;display:inline;}
input,textarea,select{font:inherit inherit inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
li{list-style:none;}
ol.comments a{color:#E13768;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;*font-size:108%;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse;border-spacing:0;}
table{font-size:inherit;font:100%;}


.main-navigation a {
	color:#ffffff;
}

/*******************************
********************************
Class Selectors
********************************
*******************************/

header{
	background-color:#ffffff;
	height:100px;
}

#headerTop{
	color:#999999;font-family:'arial narrow',arial,sans-serif;
	/*position:absolute;
	top:35px;left:30px;*/
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}

#headerTop h1{
	font-size:27px;
	color:#777777;
}

#headerTop h1 a{
	color:#666666;
}
#headerTop h1 a:hover{
	color:#666666;
}

#headerTop h2{
	padding-left:0px;
	color:#b4b4b4;
	font-size:16px;
}


/*****************************************
Style declarations for navigation Block
*****************************************/

nav {
	font-size:16px;
	float: right;
	height: 48px;
	line-height: 96px;
	

}

nav li a{
	padding:15px 30px 11px;
	color:#444444;
	text-decoration:none;
	text-transform:none;
}

nav li.selected{
	padding:15px 30px 11px;
	color:#000000;
	font-weight:900;
	text-decoration:none;
}

nav li a:hover{
	padding:15px 30px 11px;
	color:#a2a2a2;
	text-decoration:none;
}

nav ul li{
	display:inline;
}

/***********************************************
Social icons Styles
***********************************************/

.instagram{
	background: url('../image/instagram.svg') no-repeat 0 0;
	width:auto;
	height:2px;
	display:inline-block;
	text-indent:-12000px;
	background-size:contain;
	vertical-align: middle;
	}

.flickr{
	background: url("../image/flickr.svg") no-repeat 0 0;
	width:auto;
	height:2px;
	display:inline-block;
	text-indent:-12000px;
	background-size:contain;
	vertical-align: middle;
}

/***********************************************
iFrame Styles
***********************************************/

#main_slider .slider_frame {
	overflow-y: hidden;
}

/*****************************************
Style declarations for main_slider Block (slider_pages)
*****************************************/

#main_slider h1,#main_slider h2,#main_slider h3,#main_slider h4,#main_slider h5,#main_slider h6,#main_slider ul,#main_slider ol,#main_slider dl,#main_slider blockquote{margin:15px 30px;} /*main global styles*/
#main_slider {margin:0px 0px 0px 0px;padding:20px;}
#main_slider .commentlist p{margin:0pt;padding:5px 0pt;}
#main_slider .details{border:1px solid #2d2d2d;padding:2px 5px;margin:10px 10px 50px 25px;color:#ccc;background:#dddddd;clear:left;}
#main_slider .nocomments{border:1px solid #2d2d2d;padding:2px 5px;margin:10px 10px 50px 25px;color:#ccc;background:#dddddd;}
#main_slider a{color:#666666;font-weight:bold;text-decoration:underline;}
#main_slider a:hover{color:#a2a2a2;}
#main_slider div.date{margin:15px 20px 15px 0px;padding:0pt;font-size:10px;font-weight:bold;}
#main_slider .author{font-weight:bold;}
#main_slider dl dd{padding:10px 0px 10px 10px;}
#main_slider dl dt{padding:10px 0px;font-weight:bold;}
#main_slider h1{font-size:48px; color:#000;}
#main_slider h1 a{border-bottom:2px solid #222;}
#main_slider h1 a:hover{border-bottom:2px solid #daa520;color:#a2a2a2;}
#main_slider h2{margin:15px 20px 15px 0px;color:#666666;font-size:14px;}
#main_slider h3{color:#a2a2a2;font:13px "Trebuchet MS";}
#main_slider .hilight{background:#313131 none repeat scroll 0 0;color:#CCCCCC;border:1px solid #AAAAAA;padding:10px;}
#main_slider ol li{margin:10px 0 10px 25px;list-style-type:decimal;font-family:"Trebuchet MS","Sans Serif";line-height:22px;}
#main_slider ol.comments{margin:10px 0 10px 25px;}
#main_slider p{margin:15px 30px;padding:5px 5px;/*font-size:100%;*/line-height:2.2em;}
/* #main_slider p img{margin:10px 20px;} */
#main_slider p.user{border-bottom:1px solid #2a2a2a;padding-left:10px;background:#303030;}
#main_slider pre{margin:15px 30px;padding:10px;background:#393939;}
#main_slider strong{color:#aaaaaa;font-weight:bold;}
#main_slider table{margin:30px 30px;}
#main_slider ul li,#main_slider ol ul li{margin:10px 10px 10px 15px;padding:0 0 0 20px;list-style-type:disc;}
#main_slider img{margin:15px 30px; padding:5px;}
#main_slider a img{border:1px solid #000000;}
#main_slider .wp-caption {border: 1px solid #666666; text-align: center;color:#000000; background-color: #dddddd; padding-top: 4px; margin-top: 10px; margin-bottom:10px; margin-left:30px; margin-right: 20px;
		/* optional rounded corners for browsers that support it */
   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#main_slider .wp-caption img {margin: 0; padding: 0; border: 0 none;}
#main_slider .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#main_slider .aligncenter,#main_slider div.aligncenter {display: block; margin-left: auto; margin-right: auto;} /*It should come after .wp-caption */

#main_slider h1 {margin:24px 300px 24px;}

#main_slider .info p{font-size:18px; line-height:36px; color:#333333; margin:0 300px 24px;}

footer {
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:40px;
	margin:20px auto 20px;
	text-align:center;
	width:100%;
}

/* tablet screen */
/*
@media screen and (max-width:768px) {
	}		
*/

/* mobile screen */
/* @media screen and (max-width:600px) { */
/*
/* mobile navigation 
/* mobile Hamburger menu 
			.hamburger {position:absolute;top:29px; right:16px; display:block; width:30px;height:30px;}
			.hamburger span {position: absolute;left:0; display: block; width: 100%;height: 4px; border-radius: 0px;
				background: #e57931; opacity: 1;
			  -webkit-transition: .25s ease-in-out;
			  -moz-transition: .25s ease-in-out;
			  -o-transition: .25s ease-in-out;
			  transition: .25s ease-in-out;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
		  }
		  
			.hamburger {margin: 0; padding: 0;}
			.hamburger span:nth-child(1) {top: 2px;}
			.hamburger span:nth-child(2),.hamburger span:nth-child(3) {top: 12px;}
			.hamburger span:nth-child(4) {top: 22px;}
			.hamburger.open span:nth-child(1) {top: 10px; left: 50%; width: 0%;}
			.hamburger.open span:nth-child(2) {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
			.hamburger.open span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			
			.hamburger.open span:nth-child(4) {top: 8px; left: 50%; width: 0%;}