@font-face {
    font-family: 'aovel_sansregular';
    src: url('font/asansreg.eot');
    src: url('font/asansreg.eot?#iefix') format('embedded-opentype'),
         url('font/asansreg.woff') format('woff'),
         url('font/asansreg.ttf') format('truetype'),
         url('font/asansreg.svg#aovel_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', verdana, arial, serif;
	font-weight: normal;
	font-size:15px;
	color: #666666;
	background: #fff;
}

html{ 
	padding: 0;
	margin: 0;
	position: relative;
	height: 100%;
	color: #636363;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

.clear_left{
	clear: both;
}

.article_title_area {
	background: none !important;
}

/**HTML5 fix - do not touch**/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/**
* Common Element Specific
*/

* { -webkit-font-smoothing: antialiased; }

img {
	max-width: 100%;
	height: auto !Important;
	border: 0;
}

h1 {
	font-family: 'aovel_sansregular', serif;
	font-weight: bold;
	color: #557688;
	font-size: 30px;
}

h2{ 
	font: 175%;
	color: #959595;
}

h3{ 
	font-size: 15px;
  	color: #666;
	font-weight: 600;
	text-transform : uppercase;
	border-bottom: 1px solid #666;
	padding: 0 0 10px 0;
	margin: 0;
}

h4 { 
  	font-size: 18px;
  	color: #658a93;
	font-weight: 600;
	text-transform : uppercase;
	padding: 10px 0;
	margin: 0;
}

h5, h6{ 
	font: italic 95%;
  	color: #000;
}

a, a:hover { 
	outline: none;
  	text-decoration: none;
  	color: #000;
}

ul li, ol, ol li, ul, p { 
	list-style-type: square;
	padding: 0;
	margin: 0;
}

.aovel_sans {
	font-family: 'aovel_sansregular', serif;
}

.header {
	width: 98%;
	margin: 0 auto;
	padding:0 1%;
}

.logo {
	width: 30%;
	float: left;
	margin-right: 10%;
}

.navbar.navbar-inverse {
	width: 60%;
	float: right;
}

.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin-top: 20px;
  margin-bottom: -90px; 
}

.navbar .nav > li > a { padding: 15px 20px; }
.navbar .btn-navbar { margin-top: 10px; }

#content-container {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
}

#main {
	overflow:hidden;
	padding-bottom: 30px;
}  /* must be same height as the footer */

.banner {
	width: 1170px;
	margin: 0 auto;
	margin-top: 120px;
}

footer {
	background: #252525;
	color: #fff;
	min-width: 98%;
	padding: 0 1%;
	font-size:13px;
	position: relative;
	margin-top: -30px; 
	/* negative value of footer height */
	height: 30px;
	clear:both
}

footer p { padding: 6px 0 0 0; }
footer a { color:#fff; }
footer a:hover { color:#666; text-decoration: none; }

/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
/**.marketing .span4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px;
}**/

/* Component Article */
.featurette-divider { 
	border-top: 1px solid lightgrey;
	margin: 20px 0 5px 0;
}

.featurette {
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: 0px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
  display: block;
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 36px;
  color: #557688;
  font-family: 'aovel_sansregular', serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 3px;
}

.body_text {
	width: 60%;
	float: left;
	text-align: justify;
}

.col2 {
	width:44%;
	padding: 0 3%;
	float:left;
	text-align: justify;
}

.body_text  a {
	font-size: 13px;
	font-weight: 600;
	color: #a1a1a1;
}

.col2 label {
	width: 20%;
	float:left;
}

.col2 input,
input[type="email"],
.col2 textarea {
	width: 70%;
	display: block;
    border-radius: 20px;
    padding: 5px 8px;
    color: #333;
	border: 1px solid #efefef;
    box-shadow: 
        inset 0 1px 0 rgba(0,0,0,.2), 
        0 0 1px rgba(0,0,0,0.1);
}

.col2 textarea { min-height:100px; padding:10px; }

.col2 input:focus,
input[type="email"]:focus,
.col2 textarea:focus {
	outline: none;
    border: 1px solid #efefef;
    box-shadow: 
        inset 0 1px 0 rgba(0,0,0,.2), 
        0 0 1px rgba(0,0,0,0.1);
}

.col2 input[type="submit"] {
	background: #252525;
	padding:2px 10px;
	margin-top:15px;
	text-transform: uppercase;
	color: white;
	font-weight: 600;
	font-size:12px;
	float:right;
}

.body_img {
	width:30%;
	margin-left:10%;
	float:left;
}

/** OWNER'S LOGIN **/
#slideout {
  position: fixed;
  top: 120px;
  z-index:9999;
  right: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner {
  position: fixed;
  top: 120px;
  right: -254px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
  background: #252525;
  padding: 15px;
}
#slideout:hover {
  right: 250px;
}
#slideout:hover #slideout_inner {
  right: 0;
}

#slideout input[type="submit"] {
	background: #557688;
	border-radius: 5px;
	padding: 3px 20px;
	border: 0;
	color: #fff;
}

/* RESPONSIVE CSS */

@media (max-width: 1170px) {
	.banner { width: 96%;}
}

@media (max-width: 979px) {
	
	.body_text {
		width: 100%;
	}
	
	.col2 {
		text-align: left;
	}
	
	.respcol2 {
		margin-top:15px;
	}
	
	.body_img {
		width:100%;
		margin: 0 auto;
	}
	
  .container.navbar-wrapper {
	margin-bottom: 0;
	width: auto;
  }
  
  .navbar-inner, .logo {
	border-radius: 0;
	margin: -10px 0;
  }
  
  .navbar-inverse .navbar-inner {
	background: #333;
	border-radius: 5px;
	width: 50%;
	float: right;
  }

  .featurette {
	height: auto;
	padding: 0;
  }
  .featurette-image.pull-left,
  .featurette-image.pull-right {
	display: block;
	float: none;
	max-width: 40%;
	margin: 0 auto 20px;
  }
}


@media (max-width: 767px) {

  .body_text { text-align: left; }
  
  .col2 { width:96%; padding: 0 2%; }
  
  .marketing .span4 + .span4 {
	margin-top: 40px;
  }

  .featurette-heading {
	font-size: 30px;
  }
  .featurette .lead {
	font-size: 15px;
	line-height: 1.5;
  }

}

/**GALLERY**/
/* Controls Bar----------------------------*/
#controls-wrapper {
margin:0 auto;
height:42px;
width:100%;
bottom:30px;
left:0;
z-index:4;
background:url(images/nav-bg.png) repeat-x;
position:fixed;
}

#controls {
overflow:hidden;
height:100%;
position:relative;
text-align:left;
z-index:5;
}

#slidecounter {
float:left;
color:#999;
font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow:#000 0 -1px 0;
margin:0 10px 0 15px;
line-height:42px;
}

#slidecaption {
overflow:hidden;
float:left;
color:#FFF;
font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow:#000 1px 1px 2px;
margin:0 20px 0 0;
line-height:42px;
}

#navigation {
float:right;
margin:0 20px 0 0;
}

#play-button {
float:left;
margin-top:1px;
border-right:1px solid #333;
background:url(images/bg-hover.png) repeat-x 0 44px;
}

#play-button:hover {
background-position:0 1px;
cursor:pointer;
}

#prevslide,#nextslide {
position:absolute;
height:43px;
width:43px;
top:50%;
margin-top:-21px;
opacity:0.6;
}

#prevslide {
left:10px;
background:url(images/back.png);
}

#nextslide {
right:10px;
background:url(images/forward.png);
}

#prevslide:active,#nextslide:active {
margin-top:-19px;
}

#prevslide:hover,#nextslide:hover {
cursor:pointer;
}

ul#slide-list {
padding:15px 0;
float:left;
position:absolute;
left:50%;
}

ul#slide-list li {
list-style:none;
width:12px;
height:12px;
float:left;
margin:0 5px 0 0;
}

ul#slide-list li.current-slide a,ul#slide-list li.current-slide a:hover {
background-position:0 0;
}

ul#slide-list li a {
display:block;
width:12px;
height:12px;
background:url(images/nav-dot.png) no-repeat 0 -24px;
}

ul#slide-list li a:hover {
background-position:0 -12px;
cursor:pointer;
}

#tray-button {
float:right;
margin-top:1px;
border-left:1px solid #333;
background:url(images/bg-hover.png) repeat-x 0 44px;
}

#tray-button:hover {
background-position:0 1px;
cursor:pointer;
}

/* Progress Bar----------------------------*/
#progress-back {
z-index:5;
position:fixed;
bottom:72px;
left:0;
height:8px;
width:100%;
background:url(images/progress-back.png) repeat-x;
}

#progress-bar {
position:relative;
height:8px;
width:100%;
background:url(images/progress-bar.png) repeat-x;
}

/* Thumbnail Navigation----------------------------*/
#nextthumb,#prevthumb {
z-index:2;
display:none;
background:url(images/thumb-back.png) no-repeat center center;
position:fixed;
bottom:72px;
height:75px;
width:100px;
overflow:hidden;
background:#ddd;
border:1px solid #fff;
-webkit-box-shadow:0 0 5px #000;
}

#nextthumb {
right:12px;
}

#prevthumb {
left:12px;
}

#nextthumb img,#prevthumb img {
width:150px;
height:auto;
}

#nextthumb:active,#prevthumb:active {
bottom:59px;
}

#nextthumb:hover,#prevthumb:hover {
cursor:pointer;
}

/* Thumbnail Tray----------------------------*/
#thumb-tray {
position:fixed;
z-index:3;
bottom:0;
left:0;
background:url(images/bg-black.png);
height:180px;
width:100%;
overflow:hidden;
text-align:center;
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow:0 0 4px #000;
box-shadow:0 0 4px #000;
}

#thumb-back,#thumb-forward {
position:absolute;
z-index:5;
bottom:62px;
height:108px;
width:40px;
}

#thumb-back {
left:0;
background:url(images/thumb-back.png) no-repeat center center;
}

#thumb-forward {
right:0;
background:url(images/thumb-forward.png) no-repeat center center;
}

#thumb-back:hover,#thumb-forward:hover {
cursor:pointer;
background-color:rgba(256,256,256,0.1);
}

#thumb-back:hover {
border-right:1px solid rgba(256,256,256,0.2);
}

#thumb-forward:hover {
border-left:1px solid rgba(256,256,256,0.2);
}

ul#thumb-list {
display:inline-block;
list-style:none;
position:relative;
left:0;
padding:0;
}

ul#thumb-list li {
background:#111;
list-style:none;
display:inline;
width:150px;
height:108px;
overflow:hidden;
float:left;
margin:0;
}

ul#thumb-list li img {
width:200px;
height:auto;
opacity:0.5;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
filter:alpha(opacity=60);
-webkit-transition:all 100ms ease-in-out;
-moz-transition:all 100ms ease-in-out;
-o-transition:all 100ms ease-in-out;
-ms-transition:all 100ms ease-in-out;
transition:all 100ms ease-in-out;
}

ul#thumb-list li.current-thumb img,ul#thumb-list li:hover img {
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter:alpha(opacity=100);
}

ul#thumb-list li:hover {
cursor:pointer;
}

#supersized-loader {
position:absolute;
top:50%;
left:50%;
z-index:0;
width:60px;
height:60px;
text-indent:-999em;
background:url(images/progress.gif) no-repeat center center;
margin:-30px 0 0 -30px;
}

#supersized {
display:block;
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
top: 120px;
}

#supersized img {
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
top: 120px;
}

#supersized.speed img {
-ms-interpolation-mode:nearest-neighbor;
image-rendering:0;
}

#supersized.quality img {
-ms-interpolation-mode:bicubic;
image-rendering:optimizeQuality;
}

#supersized li {
display:block;
list-style:none;
z-index:-30;
position:fixed;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
margin-top:120px;
border-top:3px solid #333;
}

#supersized a {
width:100%;
height:100%;
display:block;
}

#supersized li.prevslide {
z-index:-20;
}

#supersized li.activeslide {
z-index:-10;
}

#supersized li.image-loading {
background:#111 url(images/progress.gif) no-repeat center center;
width:100%;
height:100%;
}

#supersized li.image-loading img {
visibility:hidden;
}

#supersized li.prevslide img,#supersized li.activeslide img {
display:inline;
}