/*Global Responsive CSS*/
img {max-width: 100% !important;} 
form{margin:0px !important;}
#mobile_search form .search label{display: none !important;}

/* Joomla3 Fix */
#selectnav2{display:none; !important;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Default Settings */	
.wrapper960 {width:768px !important;}

/* Items re-positioned */
body {background-image: none !important;}

#container_header {height:220px !important; background-color:#F9F9F9 !important;}

/* Search */
#search {top:182px !important; left: 5px;}
#search .inputbox{border-radius:5px !important; background-color:#FFFFFF !important;}

/* Social Media */
#socialmedia {top:180px !important; right:0px !important;}

/* Logo */
#logo {left:80px !important;}

/* Slideshow Bottom Shadow */
.box_skitter, .container_skitter {width:768px !important; height:100%;}
#container_slideshow img {max-width:none !important;}
#container_slideshow_bottom{display:none !important; height:0px;}
.box_skitter img, .container_skitter img{width:768px !important; max-width: 100% !important;}

}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

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

/* Default Settings */
.wrapper960 {width:440px !important;}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#sidecol_a, #sidecol_b{width:97.5% !important;}
#content_remainder {width:97% !important;}
#container_header {display:none !important;}
#hornav{display:none !important;}
#container_slideshow{display:none !important; height:0px;}
#footermenu {float: left;}

/* Joomla Specific Stuff */
#jform_contact_message, #jform_contact_emailmsg{max-width:360px !important;}


/*------ Mobile Containers Styling------ */
/* Show mobile logo */
#container_logo_mobile{display:block;}

/* Show mobile social icons and search */
#container_social_mobile{display:block;}
#social_mobile{height:auto;}
#socialmedia_mobile{
    margin:2px;
	z-index:11;
	float:right;
	}

/* Search */
#mobile_search {
    margin:5px;
	z-index:10;
	float:left;
}

#mobile_search form .search label{
	display: none !important;
}

#mobile_search .inputbox {
    border:medium;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #000000 inset;
	-webkit-box-shadow: 1px 1px 2px #000000 inset;
	color: #5B5B5B;
	font: 14px Arial,Helvetica,sans-serif;
	height: 25px;
	width:150px !important;
	padding:2px !important;
	text-align:center;
}


/* Show mobile hornav menu */
#container_hornav_mobile{display:block;}

.js #mobile { display: none; }
.js .selectnav { 
display: block; 
-webkit-appearance: listbox;
width:100%; 
padding:10px;  
margin-top:3px; 
margin-bottom:5px;
-webkit-box-shadow: 0 5px 6px -6px b1b1b1;
-moz-box-shadow: 0 5px 6px -6px black;
box-shadow: 0 5px 6px -6px black;
border:1px solid #ffffff;
color:#888888;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

/* Show Mobile Splash Image */
#container_splash_mobile{display:block; !important;}
#splashimage_mobile{display:block; !important; margin-bottom:20px;}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 440px) {

/* Default Settings */
.wrapper960 {width:300px !important;}
p img {max-width: 94% !important;}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#sidecol_a, #sidecol_b{width:97.5% !important;}
#content_remainder {width:97% !important;}
#container_header {display:none !important;}
#hornav{display:none !important;}
#container_slideshow{display:none !important; height:0px;}
#container_slideshow_bottom{background-image:none !important; height:0px;}
#footermenu {float: left;}

/* Joomla Stuff */
#jform_contact_message, #jform_contact_emailmsg{max-width:220px !important;}


/*------ Mobile Containers Styling------ */
/* Show mobile logo */
#container_logo_mobile{display:block;}

/* Show mobile social icons and search */
#container_social_mobile{display:block;}
#social_mobile{height:auto;}
#socialmedia_mobile{
    margin:2px;
	z-index:11;
	float:right;
	}

/* Search */
#mobile_search {
    margin:5px;
	z-index:10;
	float:left;
}

#mobile_search form .search label{
	display: none !important;
}

#mobile_search .inputbox {
    border:medium;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #000000 inset;
	-webkit-box-shadow: 1px 1px 2px #000000 inset;
	color: #5B5B5B;
	font: 14px Arial,Helvetica,sans-serif;
	height: 25px;
	width:285px !important;
	padding:2px !important;
	text-align:center;
}


/* Show mobile hornav menu */
#container_hornav_mobile{display:block;}

.js #mobile { display: none; }
.js .selectnav { 
display: block; 
-webkit-appearance: listbox;
width:100%; 
padding:10px;  
margin-top:3px; 
margin-bottom:5px;
-webkit-box-shadow: 0 5px 6px -6px b1b1b1;
-moz-box-shadow: 0 5px 6px -6px black;
box-shadow: 0 5px 6px -6px black;
border:1px solid #ffffff;
color:#888888;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

/* Show Mobile Splash Image */
#container_splash_mobile{display:block; !important;}
#splashimage_mobile{display:block; !important; margin-bottom:20px;}
}