/* 
 * This file (custom.css) is the css file that 
 * handles any overrides you want to do with
 * joomla or the bootstrap css files.
 
font-family:'SackersGothicW01-Heavy';
font-family:'SackersGothicW01-Medium';
font-family:'SackersGothicW01-Light';
font-family:'BauerBodoniBTW01-Roman';
font-family:'BauerBodoniBTW01-Bold';
font-family:'BauerBodoniBTW01-Italic';
font-family:'BauerBodoniBTW01-BoldIt';

VIBE Purple #472f91

 * ---------------------------------------- */

body {
background-color: #434149;
padding-top:0px;
padding-left: 10px;
padding-right: 10px;
color: #343339;
}
.wrapper-fluid {
background-color: #434149;
max-width:1270px; 
margin:0 auto; 
padding:0 20px 20px; 
}
.top-container-fluid {
background-color:transparent;
max-width:1210px; 
margin:0px auto 0px; 
padding:0px; 
}
.top-container-fluid .inner {
background-color: #9d9d9c;
padding:0 50px;
}
.top-container-fluid .inner-btm {
background-color:transparent;
min-height:20px;
}
.top-container-fluid .inner-btm .left, .top-container-fluid .inner-btm .right {
background: url(../images/vibe-ribbon.png) no-repeat left top;
height:20px;
width:20px;
float: left;
}
.top-container-fluid .inner-btm .right {
background: url(../images/vibe-ribbon.png) no-repeat left -20px;
float: right;
}

.top-spacer {
background-color: #fff;
max-width:1170px; 
margin: 0px auto; 
padding:10px 0; 	
}
.frontpage .container-fluid, .container-fluid { 
background-color: #fff;
max-width:1170px; 
margin:-20px auto; 
padding:0px 0px;  
}
.container-fluid { 
max-width:1070px; 
padding:0px 50px;  
}
h3,h2,h1 {
font-size: 20px;
line-height: 25px;
}
.footer {
padding:0px;
}
.btn-primary, 
.btn-primary:hover, 
.btn-warning, 
.btn-warning:hover, 
.btn-danger, 
.btn-danger:hover, 
.btn-success, 
.btn-success:hover, 
.btn-info, 
.btn-info:hover {
margin-bottom:1px;
}
div.span3 ul.the-icons {
list-style: none;
}
.page-header {
border-bottom:none !important;
padding-bottom:0px !important;
margin:0px !important;
}
.page-header h2, #userForm h2 {
font-size: 12px !important;
color: #423861;
}
#map_canvas img{
max-width:none;
}
#login-dropdown {
	width: 250px;
	padding: 10px;
}
#login-dropdown .input-prepend {
	margin-left: 10px;
}
div.login-remember {
	padding: 5px;
}
.navbar .nav.pull-right {
float: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top:2px;
}
div.moduletable.grey-border div.custom {
border: solid 1px #DDDDDD;
border-radius: 5px 5px 5px 5px;
padding:10px;
background:none;
}
div#below-content div.moduletable.span2.popular div.custom {
background:#5BB75B;
}
div#below-content div.moduletable.span2.popular2 div.custom {
background:#04C;
}
div.moduletable.no-bg div.custom {
background:none;
}
div.moduletable.no-bg {
background:none;
margin-bottom:5px;
}
div.moduletable.label.label-info h3 {
color:#fff;
}
div.moduletable.label.label-info div.custom {
background:none;
}
div.container div#content div#main.row div.search {
padding-left:0px;
}
div#top.row div.moduletable div.custom {
background:none;
/*padding:0 0 0 30px;*/
}
div.navbar-inner div.container div.search {
float: right;
height: 28px;
padding-top: 8px;
}
.brand > i {
	margin-top:5px;
	margin-right:5px;
}
.logo {
	margin:0;
	padding:0;
}
.logo-tagline {
	margin-left:10px;
	font-size:0.8em;
}
.image {
	margin:0;
}
.image > .brand {
	text-indent:-9999px;
	display:block;
	padding:0;
}
.navbar-fixed-top {
	z-index:9999;
}
#header {
	padding:20px 0;
	border-bottom:1px solid #ddd;
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}
.frontpage #main {
 padding-bottom:40px; 
}
#main {
 padding-bottom:70px; 
}
.subhead {

}
.frontpage #above{
	padding:20px 40px;
	border-bottom:0px solid #ddd;
}
#above{
	padding:20px 0 0 ;
}
#top{
}
#content,
#sidebar,
#sidebar-2 {

	padding:10px 0;
}
#below {

}
.footer {
	z-index:1;
  margin-top: 20px;	
}

/* Module Spacing */
#content .moduletable,
#sidebar .moduletable,
#sidebar-2 .moduletable {
	margin-bottom:18px;
}


/* Enhanced typography */
dt {
	font-size: 105%;
	margin-bottom: .5em;
}
dd {
	margin-left: 2em;
	margin-bottom: 1em;
}
/* Template Demo */
.custom {
	background:transparent;
	padding:0px;
	margin-bottom: 10px;
	border:0px dotted #ccc;

}
body.item-524 .navbar .custom {
	display:inline-block;
	padding:5px;
	margin:5px 0 0 10px;
}
body.item-524 .navbar .custom p {
	margin:0;
}
body.item-524 #header .custom {
	margin-bottom:10px;
}
body.item-524 #header .custom p {
	margin:0;
}
body.item-524 #breadcrumbs .custom ul {
	margin-bottom:0;
}
body.item-525 #below .custom {
	background:#eee;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Used for responsive page */
.resize {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: url(../images/resize.png); 
}
/* added to manually remove span left margin */
.row-fluid .first {
	margin-left: 0 !important;
}
.nav-pills > li > a {
	color:#fff
}
#top .custom {
	border:0px;
	margin:0px;
	padding:18px 0 10px 0;
}
#top h1 {
 font-family:'SackersGothicW01-Heavy';
 font-size: 8px;
}
#top  .top-cta {
margin:20px 10px 0 0px;
text-align: right;
}
#top  .top-cta img {
	float: right;
	margin:0 0px 0 10px;
}
#menu li {
 font-family:'SackersGothicW01-Heavy';
text-transform: uppercase;
font-size: 11px;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
color: #fff;
background-color: #929290;
margin-left: 5px;
}
.nav-pills > li > a:hover {
color: #423861;
background-color: #ddd;
}
.topmenu .module-block {
float:right;
margin-top: 20px;
}

.intro {
margin:0px 0 10px 0;
padding:10px 10px;
font-family:'SackersGothicW01-light';
text-transform: uppercase;
color:#9d9d9c;
border-bottom: 1px solid #ddd;
}
.intro h2 {
margin: 10px 10px 0 5px;
font-size: 18px;
line-height: 28px;
letter-spacing: 1px;
}
.module-title {
font-family:'SackersGothicW01-light';
text-transform: uppercase;
font-size: 12px;
line-height: 28px;
color:#423861;
letter-spacing: 1px;
}
.design-credit {
padding:5px 0px 0 0px;
margin-right: 0px;
}
.design-credit a, .design-credit p{
color:#fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;

}
.footer {
border-top: 1px solid #666 !important;
padding: 10px 0 0 0px;
margin-top: 40px;
font-size: 11px;
color:#fff;
}
.footer1, #sidebar-2 h3, .page-header, #userForm h2  {
font-family:'SackersGothicW01-light';
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px !important;
}
.footer2 {
clear:both;
}
#above .container-fluid {
padding:0px;
}
.item-page {
float: left;
padding:20px 0px 0 20px;
}
#sidebar-2 {
padding:40px 0px 0 0px;
}
.item-page p, h2, h3, h4, h5 {
margin-right: 40px;
}

.image-header-wrapper {
position: relative;
}
.custom .main-head {
color: black;
font-size: 24px!important;
line-height: 120%;
z-index: 2;
display: block!important;
width: auto;
background: #222;
color: #fff!important;
padding: 0.5em 1em;
text-indent: 0!important;
position: absolute;
top:170px;
left:30px;
background: rgb(38, 37, 42);
background: rgba(38, 37, 42, 0.4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6626252A,endColorstr=#6626252A)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6626252A,endColorstr=#6626252A);   /* IE6 & 7 */
      zoom: 1;
}
.custom img.main-head-img  {
margin-top:0px;
}
.custom .main-head-img  {
left: 0;
opacity: 1;
height: auto !important;
border-radius: 0px;
z-index: 1;
position: relative;
}
#content h3 {
font-weight: normal;
font-size: 30px;
color: #423861;
padding:10px 0 0 0;
}
.custom h4 {
font-weight: normal;
color: #423861;
padding:0px 0 0px 0;
font-size: 26px;
line-height: 24px;
}
#sidebar-2 .services .custom h2 {
font-family:'SackersGothicW01-light';
text-transform: uppercase;
font-size: 10px !important;
font-weight: normal;
letter-spacing: 1px;
}

#sidebar-2 .services .custom h3 {
font-family: 'Mr Dafoe', cursive;
text-transform: none;
font-size: 20px !important;
font-weight: normal;
line-height: 160%;
}

/* Responsive slider 
=====================================*/
#responsivebannerslider {
margin: 0 auto;
position: relative;
overflow: hidden;
max-width: 1170px;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none ;
box-shadow: none;
border-radius: 0px !important;
}
.next, .prev {
top:50% !important;
}
.prev {
left:0%!important;
}
.next {
right:0%!important;
}
.model{
	border-radius: 0px;
}
.seqtitle a{
font-family: 'Mr Dafoe', cursive;
font-weight: normal;
}

 .seqtitle a, .subseqtitle {
background: rgb(38, 37, 42)!important;
background: rgba(38, 37, 42, 0.4)!important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6626252A,endColorstr=#6626252A)"!important; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6626252A,endColorstr=#6626252A)!important;   /* IE6 & 7 */
      zoom: 1!important;
}
a { 
color: #48415e;
}

#above a img:hover{
opacity: .7;
}

#userForm h2 {
padding-bottom: 20px;
}
.formResponsive {
font-family: 'Source Sans Pro' !important;
padding:20px 0px 0 50px;
}
/*Media Query Overrides Here*/
/*MObiles*/
@media (max-width: 480px){
body {padding-top: 0px;padding-left: 0px;padding-right: 0px;margin:-5px -10px 0 -10px}
.frontpage .container-fluid, .container-fluid, .top-spacer {max-width: 670px!important;}
.top-container-fluid .inner {padding: 0 10px;}
.top-spacer {padding:0;}
.container-fluid {padding:0 15px; }
.frontpage #above {padding: 20px 15px 10px 15px;}
#top .top-cta {color: #fff;float: left;margin:-30px 20px -7px 10px !important;text-align: left;}
#top .top-cta img {float: left;margin: 0 10px 0 0px;}
#top h1 {width: 71%;float: left;font-size: 7px;line-height: 9px;}
#top h1 a {color: #fff}
.intro h2 {margin: 10px 0px 0px 0px;font-size: 12px;line-height: 16px;padding:0;}
.custom .main-head {font-size: 22px!important;position:inherit;top:0px;left:0px;}
.footer a {color: #fff}
#responsivebannerslider {height: 200px!important;}
.formResponsive {padding: 20px 0px 0 0px;}
.seqtitle {bottom:40%;}
.seqtitle a {font-size: 24px!important;}
.subseqtitle {top:100%;}
footer.footer .row-fluid { height:80px;}
}


/*Ipad portrait*/
@media (min-width: 768px) and (max-width: 979px) {
.frontpage .container-fluid, .container-fluid, .top-spacer {max-width: 668px!important;}
.top-spacer {padding:5px 0;}
.container-fluid {padding:0 30px;max-width:608px!important; }
.frontpage #above {padding: 20px 30px;}
.custom .main-head {font-size: 25px!important;position:inherit;top:0px;left:0px;}
.formResponsive {padding: 20px 0px 0 0px;}
.module-title {font-size: 8px;line-height: 10px;}
.intro h2 {margin: 10px 10px 0 5px;font-size: 12px;line-height: 18px;}
#top .top-cta {margin:0px 0 -10px 0px;}
#top .topmenu {clear: both;width: 510px;margin-top:-30px}
#responsivebannerslider {height: 300px!important;}
img.model {width:610px!important;}
.seqtitle {bottom:30%;}
.seqtitle a {font-size: 38px!important;}
.subseqtitle {top:95%;}
.footer a {color: #fff}
footer.footer.row-fluid .span6 .span10 {margin-left: -30px;}
.design-credit .span2 {width:0px;}
.design-credit .span6 {width:300px}
}
/*Ipad Landscape*/
@media (min-width:980px) and (max-width: 1024px) {
.frontpage .container-fluid, .container-fluid {max-width: 921px;}
.container-fluid {max-width: 820px;}
.top-spacer {padding: 10px 50px;max-width: 820px;}
.footer a {color: #fff}
footer.footer.row-fluid .span6 .span10 {margin-left: -40px;width:400px}
.design-credit .span6 {width:280px}
}

@media (min-width:1025px) and (max-width: 1279px) {
.top-spacer {padding: 10px 50px;}
.frontpage .container-fluid {max-width: 1165px;}
.container-fluid, .top-spacer {max-width: 1065px;}

}

/* IE Classes  */
.ie8 .wrapper-fluid {float:left}
.ie8 .moduletable.module-column.mod-97.span6, .ie8 .moduletable.module-column.mod-96.span6 {margin-top:50px;color:#fff;}
.ie8 .moduletable.module-column.mod-96.span6 {width:350px}
.ie8 footer .span10 { background:#ff9900; margin-top: 159px!important;position:relative;}
.ie8 .custom h4 {padding-left:10px;}

