/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/ 
*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* table{border-collapse:collapse;border-spacing:0;} */
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
    font-family: "Trebuchet MS",Arial;
}
@font-face {
    font-family: "Trebuchet MS",Arial;
}


html { 
  background: url(/customize/images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 body{
	font-family:"Trebuchet MS",Arial;
 }

.header_banner{
    background: url("/customize/images/banner-bg.jpg");
    color: #E0E0E0;
    font-weight: bold;
    opacity: 1;
    width: 100%;
    height: 178px;
}

.header_banner a {
    color: #FFFFFF;
}

.header_banner a:hover {
    color: #bf1e2e;
}

.content{
    margin-top: 175px;
    height: 100%;
    transition:all .2s linear;
    border:2px purple solid;
    border-radius:10px;
    box-shadow: 4px 12px 30px #ffffff;
    opacity:.9;
    background: #006699; /* For browsers that do not support gradients */
    -moz-transition:all .2s linear;/* firefox */
    -webkit-transition:all .2s linear; /* safari and chrome */
    -o-transition:all .2s linear; /* opera */
    -ms-transition:all .2s linear;
    background: -webkit-linear-gradient(left, #fff, #eac5fb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #eac5fb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #eac5fb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right, #fff, #eac5fb); /* Standard syntax */
}

.nav{
    width:90%;
    margin:0 auto;
    z-index: 999;
}
.nav-img {
    padding-top: 30%;
}

.nav-zone {
    float: left;
    display: block;
}


.sticky {
    position: fixed;
    top: 0;
    z-index: 999;
}


.wrap{
	width:95%;
	margin:0 auto;
	position:relative;
 }


.sectionH {
    display: block;
    width: 22%;
    height: 100%;
    float: left;
    padding-left:10px;
    padding-right:10px;
}

.bg01 {
    background-color: mintcream;
    min-height: 550px;
}



/**** Footer *****/
 .footer{
	background:#990000;
	clear:both;
	padding:25px 10px;
 }
  .footer h3{
	font-size:1.8em;
	color: #A8A8A8;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
 }

  .copy_right{
	text-align:center;
	padding:0px;
 }
  .copy_right p{
	line-height:20px;
 }
  .copy_right p a{
	color:#000099;
	text-decoration:underline;
 }
  .copy_right p a:hover{
	color:#990000;
	text-decoration:none;
 }


/*** Scroll top **/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:48px;
	height:48px;
	border:none;
	text-indent:100%;
	background:url(/images/arrow_up.png) no-repeat right top;
}
#toTopHover {
	width:48px;
	height:48px;
	display:block;
	overflow:hidden;
	float:right;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}





/**************** Media Quries ************************/
@media all and (min-width:1200px) {
    body {
        width: 1200px;
        margin:auto;
    }

    .header_banner {
        width: 1200px;
        margin:auto;
    }

}

@media all and (min-width:650px) and (max-width: 1000px) {

    .sectionH {
        width: 100%;
        padding: 10px;
    }
}


@media all and (min-width:200px) and (max-width: 650px) {
    body {
        width: 650px;
        margin:auto;
    }

    .header_banner {
        width: 650px;
        margin:auto;
    }

    .sectionH {
        width: 650px;
        padding: 10px;
    }


}