/* font */
@font-face	{
	font-family:quicksand;
	src: url(../font/Quicksand-Regular.otf);
}
@font-face	{
	font-family:quicksand-bold;
	src: url(../font/Quicksand-bold.otf);
}
/* ================================================================= */
/* reset */
*		{
	margin:0; 
	padding:0;
	font-family:quicksand, Verdana, Geneva, Tahoma, sans-serif;
}
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
/* end reset */
/* ================================================================= */
														/* globle */
h1	{
	text-align:center;
	font-weight:normal;
	font-size:290%;
	padding:;
	margin:7% auto 5px auto;
	color:#3366FF;
	text-shadow:1px 2px 5px black;
}
h2	{
	text-align:center;
	font-weight:normal;
	font-size:170%;
	padding:20px;
	margin:0;
}
h3	{
	text-align:center;
	font-weight:normal;
	font-size:140%;
	padding:20px;
	margin:0;
}
p	{
	color:#000;
	font-size:110%;
	padding:10px 10px;
	text-align:justify;
}
b	{
	font-family:quicksand-bold, Verdana, Geneva, Tahoma, sans-serif;
	font-size: 180%;
	text-align:center;
	margin:4%;
	padding:;
	color:#006C8D;
}
.bold	{
	font-size: 130%;
	text-align:left;
	margin:4% auto .5% auto;
	padding:;
	color:#006C8D;	
}
.title	{
	font-size: 180%;
	text-align:center;
	margin:5px auto 10% auto;
	padding:;
	color:#006C8D;	
}
img	{
	width:100%; 
	height:auto;
}
.text-left	{
	text-align:left;
}
.text-right	{
	text-align:right;
}
.text-center	{
	text-align:center;
}
.title	{
	text-align:center;
	font-weight:normal;
	font-size:140%;
	padding:20px;
	margin:0;
}
/* end globle */
/* ================================================================== */
															/* body */
html, body   {	
	min-height:100%;
}
#wrapper	{
	width:100%;
	height:auto;
}
/* end body */
/*===================================================================*/
/* background-banner */
#background-banner	{
width:100%;
height:100%;
position:fixed;
z-index:-1;
}
/* end background-banner */
/*===================================================================*/
/* sidebar */
#sidebar {
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
	width:20%; 
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
/* end-sidebar */
/*====================================================================*/
/* content*/
#content-wrapper	{
	position:absolute;
    top: 0;
    right: 0;
	width:80%;
	min-height:100%;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
/* end content*/
/*====================================================================*/
/* content */
#content	{
	width:800px;
	float:left;
}
/* end content */
/*====================================================================*/
/* navigation */
a	{
	text-decoration:none;
	color:inherit;
}
nav	ul {
	font-size: 100%;
	overflow:hidden;
	color:#FFFFFF;
	padding:0;
	text-align:center;
	margin:0;
	-webkit-transition:max-height 0.4s;
	-ms-transition:max-height 0.4s;
	-moz-transition:max-height 0.4s;
	-o-transition:max-height 0.4s;
	transition:max-height 0.4s;
}
nav ul li	{
	display:block;
	padding:10px;	
}
nav ul li:hover			{color:#F4B63F;}
nav ul li:active		{color:#F8D087; }
.handle	{
	width:100%;
	text-align:left;
	box-sizing:border-box;
	padding:15px 10px;
	cursor:pointer;
	color:#FFFFFF;
	display:none;
	background-color:#3366FF;
}
#handle 	{
	float:right;
	padding:0;
	margin:auto 5px;
	max-height:100%;
	width:auto;	
}
/* end main nav */
/*====================================================================*/
/* contact info */
#sidebar-info	{
	width:100%;
	height:auto;
}
.phone 	{
	padding:0;
	margin:auto 5px;
	max-height:auto;
	width:20px;		
}
.contact	{
	width:100%;
	height:40px;
	padding:0;
	margin:20px auto;
	text-align:center;
	overflow:hidden;
}
.contact p	{
	display:inline-block;
	color:#800000;
}
.contact-form .contact	{
	margin:5px auto;
}
.contact-form	{
	background-color:#f5f5f5;
	width:95%;
	margin:10px auto;
}
.contact-form .left	{
	width:33%;
	margin:auto .5% auto .5%;
}
.contact-form .right	{
	width:65%;
	margin:auto .5% auto .5%;
}
/* end contact info */
/* ================================================================== */
/* images */
#logo img	{
	display:block;
	width:75%;
	height:auto;
	margin:20px auto;
}
#portrait	{
	display:block;
	width:60%;
	height:auto;
	padding:3%;
	background-color:#FFFFFF;
	margin:10px auto;
}
#contact-image	{
	display:block;
	float:left;
	width:20%;
	height:auto;
	padding:1%;
	background-color:#FFFFFF;
	margin:2%;
}
/* images */
/* ================================================================= */
/* gallery */
.gallery	{
	width:100%;
	height:auto;
	overflow:hiddeen;
	padding:0;
	margin:0;
}
.gallery tr td img	{
	display:block;
	width:98%;
	height:auto;
	margin:1%;
	border:1px solid #C0C0C0;	
}
.gallery img:hover{
	border:1px solid #808080;	
}
/* end gallery */
/*======================================================================*/
/* form */
#form-wrap	{
	width:95%;
	background-color:#f5f5f5;
	margin:50px auto;
	padding:20px 0 ;
}
form	{
	width:90%;
	margin:0 auto;
}
label	{
	display:block;
	margin:5px 0 5px 20px;
	color:#800000;
}
input	{
	width:60%;
	margin:0 0 0 20px;
}
textarea	{
	width:60%;
	margin:0 0 0 20px;
}
fieldset	{
	border:none;
	background-color:;
	padding:0 0 20px 0;
}
.labelone	{
	margin-top:10px;
}
.btn	{
	width:125px;
	height:50px;
	border-radius:15px;
	color:#ffffff;
	background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
form h4	{
	margin:20px 0 0 30px;
	font-weight:bold;
	color:;
}
/* end form */
/*======================================================================*/
/* footer */

#footer	{
	width:100%;
	overflow:hidden;
}
#footer-inner	{
	width:1200px;
	margin:20px auto;
}
#footer-links ul ul	{
	display:none;
}
#footer-links ul li:hover > ul	{
	display:block;
}
#footer-links ul {
	list-style-type: none;
	width: 100%;
	margin: 2% auto;
	padding: 0;
}
#footer-links a {
	margin: 0 2%;
	padding:2% 2%;
	display: block;
	border:1px #FFFFFF solid;
	text-decoration: none;
	color:#FFFFFF;
	background-color:#C0C0C0;
}
#footer-links a:link		{color:#FFFFFF;}
#footer-links a:visited		{color:#FFFFFF;}
#footer-links a:active		{color:#FFFFFF; background-color:#999999; box-shadow:3px 3px 5px #000 inset; webkit-box-shadow:3px 3px 5px #000 inset;}
#footer-links a:hover		{color:#FFFFFF; background-color:#999999;}
#footer-links a:focus		{color:#FFFFFF;}

#footer-links {
	width: 100%; 
	height: 10%;
	margin:0;
	padding:10px 0;
	text-align:center;
}
#footer-links td {
	width:20%;
	height:5%;
}	
/* end footer */
/*=================================================================*/
/* responsive */
/*=================================================================*/
/* max-width 1100px styles */
@media screen and (max-width: 1100px){


.contact p	{
	font-size:80%;
}

nav ul li	{
	padding:5px;	
}
#sidebar {
	width:30%; 
}
#content-wrapper	{
	width:70%;
}

#content	{
	width:100%;
}
/*-------------------------------------*/
/* gallery */
.gallery li	{
	margin:10px 0;
	width:25%;
}
.gallery img	{
	width:95%;
	padding:.5%;
}
/*--------------------------------------*/

#footer-inner	{
	width:100%;
}

/*end header*/


}/* end max-width 900px */				
/*=========================================================================================*/				
/* max-width 500px styles */				
@media screen and (max-width: 580px){


.hide-mobile	{
	display:none;
}
.fullwidth-mobile	{
	width:100%;
	display:block;
	clear:both;
}
#sidebar	{
	position:initial;
	width:100%;
	height:auto;
}
#content-wrapper	{
	position:initial;
	width:100%;
	height:auto;
}
/*-------------------------*/
/* nav */
.showing	{
	max-height:30em;
}
nav ul	{
	max-height:0px;
	background:#5B84FF;
}
nav ul li	{
	box-sizing:border-box;
	width:100%;
	padding:10px;
	text-align:left;
}
.handle	{
	display:block;
}
/*-------------------------*/	
/* gallery */
.gallery td	{
	width:50%;
}
/*-------------------------*/
.contact-form .left	{
	width:25%;
}
.contact-form p	{
	font-size:11px;
}
}
/* end media query */


	
}/* end max-width 580px */
/*=========================================================================================*/