/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
body{ background-image: url(../images/bg.png); background-repeat:no-repeat; background-position:top center;}
h1,h2,h3,h4,h5,h6,p,body,a{font-family: 'Open Sans', sans-serif;  }
h1,h2,h3,h4,h5,h6, a {color:#123D74; }


/* -----------------------------------------
   UL Nav
----------------------------------------- */
ul#nav { margin-bottom:0px; }
ul#nav li { float:left; list-style:none; margin:10px 32px 10px 0; display:block; text-transform:uppercase; font-weight:bold; }
ul#nav li a { display:block; color:#F3F2ED; font-size:15px;  text-align: center; }
ul#nav li a:hover, a.active { color:#CE2B26 !important;}
#nav-container{ background-color:#123D74;}
.quote { font-family: 'Bad Script', cursive; font-size:25px; margin-top:25px; padding:50px 20px;background-image:url(../images/bg.png);border: solid 1px #e6e6e6; }
.box { text-transform:lowercase; text-align:center; height:250px; }
.box p { font-size:20px; line-height:1; font-weight:300;}
.box img { padding:25px 0px; }
.panel{background-image:url(../images/bg.png); background-color:transparent;}
#content-home { margin-top:12%; position:relative;}
.box-text, .box-text p{font-size:14px;line-height:1.2;}
.box-text { height:250px; }
h1{ font-size:30px; font-weight:normal;}

.quote { height:200px; text-align:center;}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */

.vegas-overlay {
 background: none;
 display:none;
}

#footer { position:fixed; bottom:0px; background-image:url(../images/bg.png); padding:10px 0;}

#tabox { position:absolute; top:-95px; }
.tabox{background-image:url(../images/bg.png);padding:15px 40px; height:70px; text-align:center; text-transform:lowercase; position:relative; }
.tabox img { margin-right:5px; position:absolute; left:15px; top:15px;}


.tabox.center { border-left:1px solid #999; border-right:1px solid #999;}

.arrow { width:45px; height:23px; background-image:url(../images/arrow.png); left:43%; top:-22px; position:absolute;}

.clearing { clear:both; width:100%;}

.brand .four { padding:0px; }
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
#portfolio-grid { margin-bottom:30px;}

#portfolio-grid [class*="column"]+[class*="column"]:last-child {
float: left;
}

@media screen and (max-width: 860px) {
.box p {
	font-size: 17px;
}
.box {
	height:auto;
}	
}

@media screen and (max-width: 767px) {	
}

@media screen and (max-width: 1660px) {	
#content-home { margin-top:16%;}
}

@media screen and (max-height: 767px) {	
#content-home { margin-top:5%;}
#footer { position: static; margin-top:20px;}
}





@media screen and (max-width: 767px) {	
#content-home { margin-top:2%;}
.quote { display:none;}
#footer { position: static; margin-top:20px;}
.quote{ height:auto;}
#tabox { position: static; margin-bottom:20px; }
.tabox.center { border-left:0; border-right:0; border-top:1px solid #999;border-bottom:1px solid #999;}
.arrow { display:none; }
.box-text { height:auto;}

}

.item-gallery { padding:15px;}
.item-gallery img { border: 5px solid #F1F1EC;}
.item-gallery img:hover { border: 5px solid #CCC;}
.slicknav_menu {
	display:none;
}
@media screen and (max-width: 980px) {
.slicknav_menu {
	display:block;
}
#nav { display:none;}
}

@media screen and (device-aspect-ratio: 4/3) {
#content-home { margin-top:3%; background-color:#F00;}
}