/*-------------------------------- 
 * CSS override to change template.
---------------------------------*/

body {  background-image:url(../images/tile-background.jpg); background-repeat:repeat; font-family: 'Roboto', sans-serif;  color:#414141; font-size:15px; font-weight:normal; line-height:normal;}

.body-wrapper {
	background-color:#fff;  
	margin:0px auto; 
	max-width:960px; 
	margin-top:43px;
	-moz-box-shadow: 0px 1px 12px  /*{global-box-shadow-size}*/ #ccc /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 1px 12px  /*{global-box-shadow-size}*/ #ccc /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 12px  /*{global-box-shadow-size}*/ #ccc /*{global-box-shadow-color}*/;	position:relative; /* CSS PIE - IE CSS 3 Support Hack */
	z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
}

.page-header {
padding-top: 0;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: 0px solid #eee;
}

.img-right {float:right; margin-left:15px; margin-bottom:10px;}
.img-left {float:left; margin-right:15px; margin-bottom:10px;}

h1 {font-family: 'Cabin', sans-serif; font-size:21px; font-weight:normal; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none; padding-top:0px;}
h2 {font-family: 'Cabin', sans-serif; font-size:24px; font-weight:normal; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none; padding-bottom:5px;}
h3 {font-family: 'Cabin', sans-serif; font-size:16px; font-weight:bold; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none; padding-bottom:2px;}
h4 {font-family: 'Cabin', sans-serif; font-size:21px; font-weight:normal; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none;}
h5 {font-family: 'Cabin', sans-serif; font-size:16px; font-weight:normal; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none;}
h6 {font-family: 'Cabin', sans-serif; font-size:16px; font-weight:normal; line-height:normal; color:#012d52; margin:0px; padding:0px; text-transform:none;}

a {color:#9dce1b; text-decoration:none;}
a:hover {color:#9dce1b;}

div#featured p  {line-height:22px; font-size:16px; font-weight:normal;  margin:0px; padding:0px; padding-bottom:15px; } 

p {line-height:22px; font-size:15px; font-weight:normal;  margin:0px; padding:0px; padding-bottom:15px; font-family: 'Roboto', sans-serif;  color:#414141;} 

#content-area ul {margin:0px; padding:0px; margin-left:25px;  padding-bottom:15px; list-style:disc;}
#content-area ul li {margin-bottom:5px; font-size:15px; line-height:normal; font-weight:normal; list-style:disc;}
.module-content ul {margin:0px; padding:0px; margin-left:25px;  padding-bottom:15px; list-style:disc;}
.module-content ul li {margin-bottom:5px; font-size:15px; line-height:normal; font-weight:normal; list-style:disc;}
aside.sidebar-right ul {margin:0px; padding:0px; margin-left:25px;  padding-bottom:15px; list-style:disc;}
aside.sidebar-right ul li {margin-bottom:5px; font-size:15px; line-height:normal; font-weight:normal; list-style:disc;}
#menu .container-fluid ul {list-style:none !important}
#menu .container-fluid ul li {list-style:none !important}
ul li {margin-bottom:5px; font-size:15px; line-height:normal; font-weight:normal; list-style:disc;}
ol {margin:0px; padding:0px; margin-left:25px;  padding-bottom:15px;}
ol li {list-style:decimal; margin-bottom:5px; font-size:15px; line-height:normal; font-weight:normal; }

#header-wrapper {max-width:960px; margin:0px auto;  margin-top:43px; }


#header .container-fluid {
padding: 0px 20px; 
}

.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:16px;}

#header #top-toolbar {
padding: 0px 0px 0 0px; text-align:right; float:right; margin-top:27px;}

#top-toolbar p {color:#a1b830; font-family: 'Merriweather', serif; font-size:17px; font-style:italic;}

input.button {
background-image:url(../images/button-bg.jpg); 
background-repeat:repeat-x;  
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #182836;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */}

input.button:hover {background-image: none; background-color:#9dce1b; 
background-repeat:repeat-x;  
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #fabd4a;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */}

button.small {
background-color:#002f54;
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #182836;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
width:138px; padding-top:3px; padding-bottom:3px;
float:right;
}



button.small:hover {background-image: none; 
background-color:#9dce1b; 
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #8db918;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
width:138px; 
padding-top:3px; 
padding-bottom:3px;}



button.mybutton {
background-color:#002f54;
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #182836;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
width:138px; padding-top:3px; padding-bottom:3px;
float:right;
}



button.mybutton:hover {background-image: none; 
background-color:#9dce1b; 
font-family: 'Roboto', sans-serif; 
font-size:14px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #8db918;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
width:138px; 
padding-top:3px; 
padding-bottom:3px;}



button.big {
background-color:#002f54;
font-family: 'Roboto', sans-serif; 
font-size:16px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #182836;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
padding-left:28px; 
padding-right:30px; 
padding-top:9px; 
padding-bottom:9px;
float:right;
}


button.big:hover {background-image: none; background-color:#9dce1b; 
font-family: 'Roboto', sans-serif; 
font-size:16px; 
color:#fff; 
font-weight:400; 
text-transform:uppercase;
border:1px solid #8db918;
-moz-border-radius: 8px 8px 8px 8px !important; /*{global-radii-buttons}*/
-webkit-border-radius: 8px 8px 8px 8px  !important; /*{global-radii-buttons}*/
border-radius: 8px 8px 8px 8px !important;
-moz-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 8px  /*{global-box-shadow-size}*/ #cfcfcf /*{global-box-shadow-color}*/;
behavior: url(http://sunskirentals.powershifthosting.com/templates/pshift_25/js/PIE.php); /* CSS PIE - IE CSS 3 Support Hack */
position:relative; /* CSS PIE - IE CSS 3 Support Hack */
z-index:900; /* CSS PIE - IE CSS 3 Support Hack */
padding-left:28px; padding-right:30px; padding-top:9px; padding-bottom:9px;}



label {font-weight:normal !important}

.tool-tip {display:none;}
.tool-title {display:none;}
.tip{display:none;}
div.tooltip {display:none;}


/*Slideshow*/

#slider-wrapper {margin:0px auto; max-width:894px; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;  border-right:2px solid #e2e2e2; margin-left:20px; margin-right:20px; padding-left:13px; padding-right:13px; padding-top:9px; padding-bottom:9px; background-image:url(../images/slide-bg.jpg); background-position:bottom center; background-repeat:no-repeat;}

#slider {max-width:540px!important;}
#featured {max-width:328px; float:right; padding-top:9px; padding-left:7px; padding-right:5px;}

div.slide-text p {line-height: 22px;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
padding-bottom: 0px;}

/*End Slideshow*/

.module-content {
float: none;
overflow: hidden;
padding-top:0px;}

.container-fluid {max-width: 960px; margin:0px auto; background-color:#fff;}

#mainbody .container-fluid {
padding-left: 20px;
padding-right: 13px;
word-wrap: break-word;
padding-bottom: 20px; 
}

#above-content {padding-left:0px; padding-right:0px; max-width:30%; float:left; padding-right:30px;}
#above-content2 {padding-left:0px; padding-right:0px; max-width:30%; float:left; padding-right:30px;}
#above-content3 {padding-left:0px; padding-right:0px; max-width:30%; float:left; }

#content-area {
padding: 0px 0; padding-right:0px;
}

div#breadcrumbs div.container-fluid {margin: 0px;
padding: 0px;
padding-left: 20px; padding-right: 20px;
}

/*Menu*/

#menu .container-fluid {
padding: 0;
border-top:0px solid #002e52;
border-bottom: 0px solid #f2f2f2; 
background-color:#002f54;
margin-bottom:15px;
padding-left:25px; 
padding-right:15px;
}

.joostrapmenu > li span.separator {
display: block;
width: auto;
float: none;
padding: 0px 25px 0px;
line-height:normal;
height:auto;
color:#e2e5e7;
}

.joostrapmenu > li > a:hover, .joostrapmenu > li.active > a, .joostrapmenu > li.parent:hover > a, .joostrapmenu > li.active.parent > a {
background:url(../images/dog.png); 
background-repeat:no-repeat; 
background-position:left;
color:#9dce1b;
background-image:url(../images/dog.png);
}

.joostrapmenu > li.parent > a, .joostrapmenu > li.parent > span.separator {
padding: 15px 55px 15px;
}

span.caret {
position: absolute;
top: 48%;
right: 12px;
text-indent: -9999px;
background: transparent;
border-top: 3px solid #ccc;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
display:none;
}

.joostrapmenu > li > a {
display: block;
width: auto;
float: none;
padding: 15px 55px 15px;
line-height:normal;
height:auto;
color: #fff;
font-size:16px;
font-style:italic; 
text-transform:none;
font-family: 'Merriweather', serif; 
}


.joostrapmenu ul li {
float: none;
display: block;
border-bottom: 0px solid #f2f2f2;
width: auto;
font-weight: normal;
font-size:14px; 
white-space:nowrap;
font-family: 'Merriweather', serif;
}


.joostrapmenu ul li a {
font-size:14px; 
}


.joostrapmenu ul {
top: 45px;
margin: 0;
left: 0;
z-index: 9999;
border: 0px solid #e2e5e7;
margin-left:20px;
background-color:#002e52;
padding-left:10px; 
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
}

.joostrapmenu ul li a:hover, .joostrapmenu ul li.active > a, .joostrapmenu ul li.parent:hover > a, .joostrapmenu ul li.active.parent > a, .joostrapmenu ul li span.separator:hover, .joostrapmenu ul li.active > span.separator, .joostrapmenu ul li.parent:hover > span.separator, .joostrapmenu ul li.active.parent > span.separator {
color: #9dce1b;
background:none; 
font-size:14px; 
}

.joostrapmenu ul li a {color:#fff; padding-top:3px;
padding-bottom:3px;}



#header .btn-navbar .icon-bar {
width: 20px;
height: 3px;
float:right;
clear:both;
display:block;
margin-top: 0px;
margin-left:55px;
margin-right:10px;
background-color:#002f54; 
-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;

}

.btn-navbar {
display: block;
float: right;
padding: 10px 0px 10px 0px!important;
background: transparent;
color: #002f54;
-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;
}

#header .btn-navbar  {margin-right:15px; margin-top:10px; background-image:url(../images/mobile-menu-bg.png) !important; background-repeat:no-repeat; background-position:left;
}



/*Footer*/

#footer, #footer .container {
background-color: #e2e5e7;
font-size: 16px;
color: #93989e;
overflow: hidden;
padding-left:20px; 
padding-right:20px;
display:none;
}

#bottom2 a {color:#93989e; text-decoration:none;}
#bottom2 a:hover {color:#93989e; text-decoration:none;}


#bottom2 {margin:0px auto; max-width:960px; background-color:#ebe6d7 }  
#bottom2 p {font-family: 'Cabin', sans-serif; font-size:16px; color:#93989e; text-align:center; font-weight:normal; line-height:22px;}

#pshift {margin:0px auto; max-width:960px; margin-bottom:100px; background-color:#002e52; padding-top:15px; padding-bottom:15px; margin-top:25px;}
#pshift p {text-align:center; color:#fff; font-family: 'Cabin', sans-serif; font-size:14px;  font-weight:normal; padding-left:20px; padding-right:20px;
}

#pshift a {color:#fff; 
}


#bottom2 {
padding-top: 0px;
font-size: 11px;
color: #93989e;
background: #ebe6d7;
}


/*Media Query Overrides Here*/

@media (max-width: 480px) {

#header #top-toolbar {display:none!important;}

.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:0px !important; max-width:75% !important}


.img-right {float:none !important; margin-left:0px !important; clear:both !important}


#above-content {padding-left:0px; padding-right:0px; max-width:100% !important; float:none !important; padding-right:0px !important;}
#above-content2 {padding-left:0px; padding-right:0px; max-width:100%!important; float:none !important; padding-right:0px !important;}
#above-content3 {padding-left:0px; padding-right:0px; max-width:100% !important; float:none !important; padding-right:0px !important;}	

#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
margin-top:70px !important;
}


}

	
@media (max-width: 767px) {
	
#header #top-toolbar {
padding: 0px 0px 0 0px; text-align:right; float:right; margin-top:27px; display:none;}
	
.module-content {
float: none;
overflow: hidden;
padding-top: 0px;
padding-bottom:15px;
}	
	
#above-content {padding-left:0px; padding-right:0px; max-width:100% !important; float:none !important; padding-right:0px !important;}
#above-content2 {padding-left:0px; padding-right:0px; max-width:100%!important; float:none !important; padding-right:0px !important;}
#above-content3 {padding-left:0px; padding-right:0px; max-width:100% !important; float:none !important; padding-right:0px !important;}	


#slider {max-width:540px!important; display:none!important;}
#featured {max-width:100%!important; float:right;}

	
#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
margin-top:100px;
}


#header .container-fluid {
padding: 0px 20px;
}

#menu .container-fluid {
padding: 0;
border-top: 0px solid #f2f2f2;
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
float:none !important; margin-right:0px !important; 
}


	.joostrapmenu {
		margin-top:0px;
	}
	
	.joostrapmenu > li {
		float:none;
		border:0;
		background:none;
		padding:0;
		border-top:0px solid #8d8d8d;
	}
	
	.joostrapmenu > li > a,.joostrapmenu > li.parent > a,.joostrapmenu > li.parent > span.separator {
		float:none;
		margin:0;
		width:auto;
		border-top:1px solid #fff;
		padding:0 0 0 0px;
		padding-left:20px; 
		padding-bottom:12px; 
		padding-top:12px;
		line-height:normal;
		height:auto;
		font-size:17px;
		font-family: 'Cabin', sans-serif;
	}

	
	.joostrapmenu li.parent >  {
		margin-right:0px;
	}
	.joostrapmenu li.parent > a {
		margin-right:0px;
	}


.joostrapmenu > li > a:hover, .joostrapmenu > li.active > a, .joostrapmenu > li.parent:hover > a, .joostrapmenu > li.active.parent > a, .joostrapmenu > li > span.separator:hover, .joostrapmenu > li.active > span.separator, .joostrapmenu > li.parent:hover > span.separator, .joostrapmenu > li.active.parent > span.separator {
background: #002f54;
color: #9dce1b;
}

.joostrapmenu > li span.separator {display:none;}

.joostrapmenu ul {
display: block;
background: #002F54;
border: 0px solid #8d8d8d;
top: 0px;
margin: 0;
left: 0;
bottom:0;
margin-bottom:0px; 
padding-bottom:0px;
z-index: 9999;
list-style-type: none;
line-height: normal;
}

.joostrapmenu ul li:first-child {
		margin-top: 0px !important;
	}
.joostrapmenu ul li:last-child {
		margin-bottom: 0px !important;
	}

.nav-collapse .nav {
		float: none;
		margin: 0 0 0px;
	}
	
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}

.joostrapmenu ul li {
border-bottom:0px solid #8d8d8d; 
margin-bottom:0px; 
padding-bottom:0px; 
background-color:#002f54}

.joostrapmenu ul li a {
border-bottom:0px solid #8d8d8d; 
padding-left:30px; 
color:#fff; 
border-top:0px dotted #fff; 
font-size:15px;}

.joostrapmenu ul li a:hover {
border-bottom:0px solid #8d8d8d; 
background-color:#002f54;
float: none;
display: block;
width: auto;
height: auto;
cursor: pointer;
color: #9dce1b;
font-size:15px; 
text-transform:none;
font-family: 'Cabin', sans-serif;
font-weight:normal;
background:#002f54;
}

.nav-collapse {
float: none;
width: 100%;
}

ul.in.collapse {margin-bottom:0px; padding-bottom:-10px !important; margin:0px; padding:0px;} 

.collapse.in  {margin-bottom:0px; padding-bottom:0px; margin:0px; padding:0px;}

.joostrapmenu li.parent > span.caret, .joostrapmenu ul li.parent > span.caret {
display: block;
margin: 0;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
border: 0;
background-color: transparent;
background-image: url(../images/mobile-menu-arrow.png);
background-repeat: no-repeat;
background-position: 75% 55%;
}

#header .logo {
margin: 0px 0;
}

.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:0px !important; max-width:75%}
}



@media (min-width: 481px) and (max-width: 515px) {
#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
margin-top:90px !important;
}

	}


@media (min-width: 768px) and (max-width: 825px) {
#slider {max-width:63% !important;}
#featured {max-width:35% !important; float:right; padding-top: 0px;
padding-left: 7px;
}	

#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
}


#menu .container-fluid {
padding: 0;
border-top: 0px solid #f2f2f2;
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
float:none !important; 
margin-right:0px !important;
}


	.joostrapmenu {
		margin-top:0px;
	}
	
	.joostrapmenu > li {
		float:none;
		border:0;
		background:none;
		padding:0;
		border-top:0px solid #8d8d8d;
	}
	
	.joostrapmenu > li > a,.joostrapmenu > li.parent > a,.joostrapmenu > li.parent > span.separator {
		float:none;
		margin:0;
		width:auto;
		border-top:1px solid #fff;
		padding:0 0 0 0px;
		padding-left:20px; 
		padding-bottom:12px; 
		padding-top:12px;
		line-height:normal;
		height:auto;
		font-size:17px;
		font-family: 'Cabin', sans-serif;
	}

	
	.joostrapmenu li.parent >  {
		margin-right:0px;
	}
	.joostrapmenu li.parent > a {
		margin-right:0px;
	}


.joostrapmenu > li > a:hover, .joostrapmenu > li.active > a, .joostrapmenu > li.parent:hover > a, .joostrapmenu > li.active.parent > a, .joostrapmenu > li > span.separator:hover, .joostrapmenu > li.active > span.separator, .joostrapmenu > li.parent:hover > span.separator, .joostrapmenu > li.active.parent > span.separator {
background: #002f54;
color: #9dce1b;
}

.joostrapmenu > li span.separator {display:none;}

.joostrapmenu ul {
display: block;
background: #002F54;
border: 0px solid #8d8d8d;
top: 0px;
margin: 0;
left: 0;
bottom:0;
margin-bottom:0px; 
padding-bottom:0px;
z-index: 9999;
list-style-type: none;
line-height: normal;
}

.joostrapmenu ul li:first-child {
		margin-top: 0px !important;
	}
.joostrapmenu ul li:last-child {
		margin-bottom: 0px !important;
	}

.nav-collapse .nav {
		float: none;
		margin: 0 0 0px;
	}
	
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}

.joostrapmenu ul li {
border-bottom:0px solid #8d8d8d; 
margin-bottom:0px; 
padding-bottom:0px; 
background-color:#002f54}

.joostrapmenu ul li a {
border-bottom:0px solid #8d8d8d; 
padding-left:30px; 
color:#fff; 
border-top:0px dotted #fff; 
font-size:15px;}

.joostrapmenu ul li a:hover {
border-bottom:0px solid #8d8d8d; 
background-color:#002f54;
float: none;
display: block;
width: auto;
height: auto;
cursor: pointer;
color: #9dce1b;
font-size:15px; 
text-transform:none;
font-family: 'Cabin', sans-serif;
font-weight:normal;
background:#002f54;
}

.nav-collapse {
float: none;
width: 100%;
}

ul.in.collapse {margin-bottom:0px; padding-bottom:-10px !important; margin:0px; padding:0px;} 

.collapse.in  {margin-bottom:0px; padding-bottom:0px; margin:0px; padding:0px;}

.joostrapmenu li.parent > span.caret, .joostrapmenu ul li.parent > span.caret {
display: block;
margin: 0;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
border: 0;
background-color: transparent;
background-image: url(../images/mobile-menu-arrow.png);
background-repeat: no-repeat;
background-position: 75% 55%;
}

#header .logo {
margin: 0px 0;
}

}


@media (min-width: 826px) and (max-width: 979px) {
	
.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:0px !important;}	

#header .logo {
margin: 0px 0;
}
	
#slider {max-width:60% !important;}
#featured {max-width:37% !important; float:right;}		
	
#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
}


#menu .container-fluid {
padding: 0;
border-top: 0px solid #f2f2f2;
border-bottom: 0px solid #f2f2f2;
margin-left:0px;
float:none !important; margin-right:0px !important;
}


	.joostrapmenu {
		margin-top:0px;
	}
	
	.joostrapmenu > li {
		float:none;
		border:0;
		background:none;
		padding:0;
		border-top:0px solid #8d8d8d;
	}
	
	.joostrapmenu > li > a,.joostrapmenu > li.parent > a,.joostrapmenu > li.parent > span.separator {
		float:none;
		margin:0;
		width:auto;
		border-top:1px solid #fff;
		padding:0 0 0 0px;
		padding-left:20px; 
		padding-bottom:12px; 
		padding-top:12px;
		line-height:normal;
		height:auto;
		font-size:17px;
		font-family: 'Cabin', sans-serif;
	}

	
	.joostrapmenu li.parent >  {
		margin-right:0px;
	}
	.joostrapmenu li.parent > a {
		margin-right:0px;
	}


.joostrapmenu > li > a:hover, .joostrapmenu > li.active > a, .joostrapmenu > li.parent:hover > a, .joostrapmenu > li.active.parent > a, .joostrapmenu > li > span.separator:hover, .joostrapmenu > li.active > span.separator, .joostrapmenu > li.parent:hover > span.separator, .joostrapmenu > li.active.parent > span.separator {
background: #002f54;
color: #9dce1b;
}

.joostrapmenu > li span.separator {display:none;}

.joostrapmenu ul {
display: block;
background: #002F54;
border: 0px solid #8d8d8d;
top: 0px;
margin: 0;
left: 0;
bottom:0;
margin-bottom:0px; 
padding-bottom:0px;
z-index: 9999;
list-style-type: none;
line-height: normal;
}

.joostrapmenu ul li:first-child {
		margin-top: 0px !important;
	}
.joostrapmenu ul li:last-child {
		margin-bottom: 0px !important;
	}

.nav-collapse .nav {
		float: none;
		margin: 0 0 0px;
	}
	
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}

.joostrapmenu ul li {
border-bottom:0px solid #8d8d8d; 
margin-bottom:0px; 
padding-bottom:0px; 
background-color:#002f54}

.joostrapmenu ul li a {
border-bottom:0px solid #8d8d8d; 
padding-left:30px; 
color:#fff; 
border-top:0px dotted #fff; 
font-size:15px;}

.joostrapmenu ul li a:hover {
border-bottom:0px solid #8d8d8d; 
background-color:#002f54;
float: none;
display: block;
width: auto;
height: auto;
cursor: pointer;
color: #9dce1b;
font-size:15px; 
text-transform:none;
font-family: 'Cabin', sans-serif;
font-weight:normal;
background:#002f54;
}

.nav-collapse {
float: none;
width: 100%;
}

ul.in.collapse {margin-bottom:0px; padding-bottom:-10px !important; margin:0px; padding:0px;} 

.collapse.in  {margin-bottom:0px; padding-bottom:0px; margin:0px; padding:0px;}

.joostrapmenu li.parent > span.caret, .joostrapmenu ul li.parent > span.caret {
display: block;
margin: 0;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
border: 0;
background-color: transparent;
background-image: url(../images/mobile-menu-arrow.png);
background-repeat: no-repeat;
background-position: 75% 55%;
}


}

@media (min-width: 300px) and (max-width: 400px) {

#header #top-toolbar {display:none!important;}

.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:0px !important; max-width:65% !important}

#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
margin-top:50px !important;
}

#header .btn-navbar  {margin-right:0px !important; margin-top:10px; background-image: none !important; background-repeat:no-repeat; background-position:left;
}


}

@media (min-width: 0px) and (max-width: 299px) {

#header #top-toolbar {display:none!important;}

.logo {float:left; padding-left:0px; margin:0px; padding-top:16px; padding-bottom:0px !important; max-width:75% !important}

#header .btn-navbar {
display: block;
float:right; 
clear:right;
padding: 0px 0px 0px 0;
background: transparent;
color: #fff;
border: 0;
margin-top:30px !important;
}

#header .btn-navbar  {margin-right:0px !important;  background-image: none !important; background-repeat:no-repeat; background-position:left;
}

#header .btn-navbar .icon-bar {
width: 20px;
height: 3px;
float:right;
clear:both;
display:block;
margin-top: 0px;
margin-left:0px !important; 
margin-right:10px;
background-color:#002f54; 
-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;

}


}