/******************BACKWARDS COMPATIBILITY FIXES & CLEARFIX******************/

* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
img a, a img, img {border-style: none; border: 0;} /* IE BORDERS */
b, strong { font-weight: bold;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/******************
GLOBAL DEFAULTS
******************/

body {font: 12px/1.4 Arial, Calibri, Verdana, Serif; color: #000;}
h1, h2, h3 {font-weight: normal; margin: 10px 0;}
ul, ol {margin: 10px 0;}
p {margin: 10px 0; font-size: 0.9em; line-height: 1.4em; font-size:inherit;}
a, a:link, a:visited { text-decoration: none;}
a:hover, a:active {}
a:focus {border: dotted 1px #CCC;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times, Serif;}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
input, textarea {cursor: text;}
code, pre, blockquote, .standout { font-family: Courier New, Courier, Arial, Monospace, Mono, Serif;} 
code, pre {display: block; white-space: pre-wrap; white-space: -moz-pre-wrap !important; 
white-space: -pre-wrap; -white-space: -o-pre-wrap; line-height: 20px; padding: 0 20px; margin-bottom: 20px;border: solid 1px;}
.standout, blockquote {border: 1px dotted #004F9E;background: #DDEDFF;margin-top: 5px;margin-bottom: 5px;}

/******************
GLOBAL CUSTOM CALLS
******************/

.alignLeft {float: left;}
.alignRight {float: right;}
.outerWrap {width: 100%; float: left;}
.innerWrap {width: 960px; margin: 0 auto;}
.container {position: relative;}
.clear {clear: both;}
.justify {text-align: justify;}
.forceCenter {display: block; margin: 0 auto;}
.alignCenter {margin: 0 auto;}
div.shell {width: 1060px;}
.spacer {margin: 15px 0;}
.shadowBox {border: solid 10px #000; box-shadow: 3px 3px 7px #666; -webkit-box-shadow: 3px 3px 7px #666; -moz-box-shadow: 3px 3px 7px #666; behavior: url(PIE/PIE.htc);}
.leftShade, .rightShade, .leftShade-slider, .rightShade-slider {width: 960px;}
.leftShade {background: url(images/bar-fade-left-light.png) left repeat-y; padding-left: 50px;}
.rightShade {background: url(images/bar-fade-right-light.png) right repeat-y; padding-right: 50px;}

/******************
HEADER
******************/

#headerWrap {}
#header {border-bottom: solid 4px; padding-top: 3px; padding-left: 3px; width: 957px;}
#logo {float: left; margin: 3px 10px 0 0;}
#siteTitle { text-align: left;}
#siteTitle h1 {width: 500px; margin-top: 0; margin-bottom: 5px;}
#siteTitle h2 {margin-top: 5px; margin-bottom: 5px; font-size: 18px; font-style: italic;}
#header hr {border: solid 2px; width: 50%;}
.lte-ie8 #header hr {float: left;}
.lte-ie8 #siteTitle h2 {float: left; width: 860px;}

#mobileNavButton {width: 92%; height: 120px; display: none; background: url(images/navButton.png) 20px 0px no-repeat; margin: 0px 4%;
	margin-top: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.35);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.35);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.35);
}
.mobileNavOn {
	-moz-box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
	-webkit-box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
	box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
}
#navWrap {position: relative; /*z-index: 999;*/}
.lte-ie8 #navWrap {z-index: 1001;}
#nav {margin: 0 auto; height: 50px; position: relative;}
#nav ul li { font-size: 14px;}
#nav ul li p {font-size: 12px; text-transform: none; margin: 3px 0px; font-weight: normal;}
#nav .subtitle {text-transform: uppercase; font-weight: bold;}
#nav .navGradient {position: absolute; top: -4px; left: 0; /*z-index: 1;*/}
.shadowfixLeft {position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background-image: url(images/bar-fade-left-light.png); background-repeat: no-repeat; z-index: 5; }
.shadowfixRight {position: absolute; right: 0; bottom: 0; width: 50px; height: 4px; background-image: url(images/bar-fade-right-light.png); background-repeat: no-repeat; z-index: 5;}

#slider {margin-top: -4px; width: 960px; max-width: 100%; overflow: hidden; height: 368px; z-index:1000; /*border-bottom: solid 2px;*/}
#slider img {width: inherit; height: inherit; overflow: hidden; position: relative; }
#slider .nivo-caption p {text-align: center;}

/******************
MAIN CONTENT SECTION
******************/

#mainContent {padding-bottom: 25px;}
#content li {margin-left: 30px;}
#content {float: left; word-wrap: break-word; width: 630px; padding: 15px;}

#promoBoxes {width: 100%; font-size: 12px;}
#promoBoxes ul {margin: 0;}
#promoBoxes li {position: relative; list-style: none; float: left;  padding-left: 1px; padding-right: 1px;}
#promoBoxes li .boxTopWrap {padding: 10px 12px 0 10px; position: absolute; top: -20px; left: -10px; height: 10px; background: url(images/theOpacity.png) repeat; z-index: 1000;}
#promoBoxes li .boxTops {height: 10px; background: url(images/theOpacity.png) repeat;}
#promoBoxes li .whiteFill {padding: 5px 10px; overflow: hidden;}

.pageSplitter {height: 1px; width: 100%; border-bottom: solid 2px; margin-top: 10px;}

#content hr.fancy, #sidebar hr.fancy {border: solid 4px; margin-bottom: 10px;}
#content, #sidebar {margin-top: 10px;}

/******************
SIDEBAR
******************/

#sidebar {float: right; margin-right: 15px; padding: 15px; min-height: 200px; word-wrap: break-word; width: 250px;}
#sidebar h2 {padding: 5px 8px; margin: 0; border-top: solid 3px;}

/******************
FOOTER
******************/

#footerWrap {}
#footer {min-height: 40px; margin: 0 auto; width: 930px; padding: 10px 15px 15px 15px; border-top: solid 1px;}
#footer ul {display: block; margin: 0;}
#footer p {margin: 0;}

#footer div.fancy {height: 3px; width: 100%; border-top: solid 1px; border-bottom: solid 1px; float: left; margin: 10px 0; }

/******************
PROMOTION BOXES (DEFAULT)
******************/

#promoBoxes ul.threeBoxes li .boxTopWrap, #promoBoxes ul.threeBoxes li .boxTops {width: 250px;}
#promoBoxes ul.threeBoxes li .whiteFill {width: 230px; height: 200px;}
#promoBoxes ul.threeBoxes li.boxOne {margin-right: 83px; margin-left: 19px;}
#promoBoxes ul.threeBoxes li.boxThree {margin-right: 19px; margin-left: 83px;}
#promoBoxes ul.threeBoxes li.boxFour {display: none;}

/******************
SOCIAL MEDIA
******************/

@font-face {
    font-family: 'JustVector';
    src: url('css/font/fonts/justVector/justvectorv2-webfont.eot');
    src: url('css/font/fonts/justVector/justvectorv2-webfont.eot?#iefix') format('eot'),
         url('css/font/fonts/justVector/justvectorv2-webfont.woff') format('woff'),
         url('css/font/fonts/justVector/justvectorv2-webfont.ttf') format('truetype'),
         url('css/font/fonts/justVector/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;
}

#socialMedia {font-family: JustVector; font-size: 24px;}
#socialMedia span {margin-right: 7px; font-style: normal !important;}
#header #socialMedia {float: right; width: 380px; overflow: hidden;}
#header #socialMedia span {float: right;}
#socialMedia a {-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;}
#socialMedia a:hover {-webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in;}

/******************
RW BUILT-IN COMMANDS
******************/

.image-left {margin: 3px; padding: 3px;float: left;}
.image-right {margin: 3px; padding: 3px;float: right;}
.imageStyle {max-width: 100%; height: auto;}

/* ================BLOG================ */

.blog-entry {margin-bottom: 10px; Border: solid 1px; padding: 15px;}
.blog-entry-title {text-align: left;font-weight: bold; text-transform: uppercase;}
.blog-entry-date {text-align: left; padding-bottom: 5px; font-size: 1.1em; font-style: normal; width: 100%; border-bottom: solid 1px; margin-bottom: 10px;}
.blog-entry-body {text-align: left;}
.blog-entry-body a {font-weight: bold;}
.blog-entry-tags {border-top: solid 1px; padding-top: 10px; }
.blog-entry-comments {padding-top: 5px;}
.blog-entry-category {}
.blog-category-link-disabled {}
.blog-category-link-enabled {}
.blog-archive-headings-wrapper {margin-bottom: 2em;}
.blog-archive-month {font-size: 1.8em;}
#blog-archives {margin-bottom: 10px;}/* SIDEBAR */
.blog-archive-link-enabled {}
.blog-archive-link-disabled {}
#blog-categories {margin-bottom: 10px;font-size: 1.1em;}/* SIDEBAR */
#blog-categories a, #blog-archives a, #blog-rss-feeds a {
	display: block; 
	padding: 5px 8px 5px 30px; 
	border-top: solid 1px; 
	background-image: url(images/squareTop.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#blog-categories a:hover, #blog-archives a:hover, #blog-rss-feeds a:hover {
	background-image: url(images/squareBottom.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#blog-categories a:last-child, #blog-archives a:last-child, #blog-rss-feeds a:last-child {border-bottom: solid 1px;}
.blog-category-link-enabled {}
.blog-category-link-disabled {}
#blog-rss-feeds {margin-bottom: 10px;}
.blog-rss-link {}
.blog-comments-rss-link {}

.blog-tag-cloud li {list-style: none; border-top: solid 1px;}
.blog-tag-cloud li:last-child {border-bottom: solid 1px;}
.blog-tag-cloud a {
	display: block; 
	padding: 5px 8px 5px 30px;
	background-image: url(images/squareTop.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.blog-tag-cloud a:hover {
	background-image: url(images/squareBottom.png);
	background-repeat: no-repeat;
	background-position: top left;
}

/* ================FILE SHARING================ */

.filesharing-description {padding: 10px 0; margin-bottom: 15px; border-bottom: solid 1px;}
.filesharing-item {width: 80px; height: 100px; border: solid 8px; padding: 10px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
.filesharing-item:hover {overflow: auto;}
.filesharing-item-title {margin-bottom: 8px; border-bottom: solid 1px;}
.filesharing-item-description { width: 95%; font-size: 11px; margin-left: -300px; 
-webkit-transition: all 0.20s ease-in 2s; -moz-transition: all 0.20s ease-in 2s; -o-transition: all 0.20s ease-in 2s;}
.filesharing-item:hover .filesharing-item-description {margin-left: 1px!important; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in;}

/* ================PHOTO ALBUM============== */

.album-title {padding: 5px; font-size: 2.5em;}
.album-description {padding: 5px; font-size: 1.4em; margin-bottom: 20px; border-bottom: double 3px; font-style: italic;}
.album-wrapper {display: block; /*width: 99%;*/ margin: 0 auto; position: relative;}

.thumbnail-wrap {
	text-align: center; 
	position: relative;
	float: left; 
	margin-bottom: 50px; 
	margin-right: 10px; 
	margin-left: 10px; 
	padding-bottom: 20px;
}
.thumbnail-frame {
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: -20px; 
	width: inherit; 
	height: inherit; 
	padding: 6px 6px 36px 6px; 
	border: solid 1px; 
	-webkit-transition: all 0.15s ease-in; 
	-moz-transition: all 0.15s ease-in;	 
	-o-transition: all 0.15s ease-in;
	z-index: 4;
}
.thumbnail-frame:hover {-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;}
.thumbnail-frame img {margin: auto;border: none;overflow: hidden;position: relative;display: block; }
.thumbnail-caption {
	margin: 0;
	padding: 5px 0;
	position: absolute;
	bottom: 6px;
	font-size: 12px; 
	width: 95%; 
	text-align: left;
	z-index: 5;
	overflow: hidden;
}

.photo-background {background: #ffffff;text-align: center;}
.photo-navigation {margin: 6px auto; background: #cdc9bf;text-align: center;padding: 4px;width: 640px;}
.photo-navigation a, .photo-navigation a:visited {text-decoration: none;font-size: 0.8em;}
.photo-navigation a:hover {text-decoration: underline;}
.photo-frame {padding: 4px;border: 1px solid #555555;margin: 6px;background: white;}
.photo-links {padding: 0px;}
.photo-title {padding: 0px;font-weight: bold;font-size: 1.4em;margin: 0;}
.photo-caption {padding: 0px;font-size: 1.2em;}

/* ================MOVIE ALBUM============== */

.movie-description {text-align: center;margin: 5px;}
.movie-page-title {font-weight: bold;font-size: 14px;}
.movie-page-description {margin-bottom: 20px;}
.movie-thumbnail-frame {float: left;margin-bottom: 20px;margin-right: 20px; text-align: center;width: 131px;}
.movie-thumbnail-frame img {opacity: 0.8;-webkit-transition: all 0.5s ease-in 0.1s; -moz-transition: all 0.5s ease-in 0.1s; -o-transition: all 0.5s ease-in 0.1s;}
.movie-thumbnail-frame:hover img {opacity: 1;-webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in;}
.movie-thumbnail-caption {text-align: center;margin-bottom: 3px;font-size: 11px;}
.movie-background {background: #FFF;margin-top: 5px;}
.movie-title {text-align: center;font-weight: bold;font-size: 14px;}
.movie-frame {text-align: center;margin-bottom: 10px;}
	
/* ================CONTACT FORM============== */	
	
.message-text {} 
.required-text {} 
input.form-input-field, textarea.form-input-field {border: solid 1px; width: 400px; padding: 5px;}
input.form-input-field:focus, textarea.form-input-field:focus {border: solid 1px; outline: solid 3px;}
input.form-input-field {font-size: 16px;}
input.form-input-button {background: #333; padding: 5px 15px; font-weight: bold; color: #FFF; border-radius: 15px; border-color: #CCC #999 #999 #CCC;}
input.form-input-button:hover {background: #111;color: #FFC;border-color: #999 #333 #333 #999; cursor:pointer!important;}

/* ================BREADCRUMBS============== */

.breadcrumbContainer {float: left; display: block; width: 100%; text-align: left;}
.breadcrumbContainer p {font-size: 10px; display: none;}
.breadcrumbContainer ul {padding: 0;}
.breadcrumbContainer li {list-style: none; float: left; margin-left: 0!important; margin-bottom: 5px;}
#breadcrumb {position: relative; top: 10px; margin: 0 auto; height: 20px; width: auto; z-index: 1000; text-align: center;}
.breadcrumbContainer a:hover {text-decoration: underline;}
/* ================LAPTOPS============== */
@media only screen 
and (max-width : 1199px) {
	.shadowfix {display: none;}
	.innerWrap, .leftShade-slider, .rightShade-slider, #slider, div.shell, #header, #footer {width: 100%; padding: 0;}
	#sliderWrap .leftShade, #sliderWrap .rightShade {
		box-shadow: 0 0 0px rgba(0,0,0, .4);
		-webkit-box-shadow: 0 0 0px rgba(0,0,0, .4);
		-moz-box-shadow: 0 0 0px rgba(0,0,0, .4);
	} 
	#slider { width: 960px;
		box-shadow: 0 0 8px rgba(0,0,0, .4);
		-webkit-box-shadow: 0 0 8px rgba(0,0,0, .4);
		-moz-box-shadow: 0 0 8px rgba(0,0,0, .4);
	}
	.leftShade, .rightShade {background: none !important; padding: 0!important; margin: 0!important; width: 100%;}
	.navGradient {display: none;}
	.sf-menu {left: 0 !important;}
	#nav {border-width: 0 0 !important;}
	nav {display: block;}
	
	#promoBoxes {font-size: inherit;}
	#promoBoxes li {padding: 0px; width: 33.333%;}
	#promoBoxes li .boxTopWrap {padding: 10px 0px 0px 0px !important; left: 0px !important; height: 10px; background: url(images/theOpacity.png) repeat; z-index: 10000;}
	#promoBoxes li .boxTops {height: 10px; border: 0px solid black !important; background: url(images/theOpacity.png) repeat;}	
	#promoBoxes li .whiteFill {padding: 0px !important; overflow: hidden;}
	#promoBoxes ul.threeBoxes li .boxTopWrap, #promoBoxes ul.threeBoxes li .boxTops {width: 100% !important; }
	#promoBoxes ul.threeBoxes li .whiteFill {width: 100% !important; height: auto !important;}
	#promoBoxes ul.threeBoxes li.boxOne {margin-right: 0px !important; margin-left: 0px !important}
	#promoBoxes ul.threeBoxes li.boxThree {margin-right: 0px !important; margin-left: 0px !important;}
	#promoBoxes ul.threeBoxes li.boxFour {display: none;}
	#extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 {padding: 0px 20px;}
	#footer {padding: 0% 4% !important; width: 92% !important;}
}
@media only screen 
and (max-width : 1060px) { 
	#nav, .rightShade, .leftShade {border-width: 0px 0px !important; 
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	}
}
@media only screen 
and (max-width : 860px) { 
	#mobileNavButton {width: 80px; height: 40px; background-size: 40px 40px; margin: 5px 4% 5px 4%; display: block; border-radius: 10px;}
	#siteTitle h1 {width: auto;}
	#slider {width: 100%; overflow: hidden;}
	.mobileNavOn {
	-moz-box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
	-webkit-box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
	box-shadow:
		inset 0px 1px 3px rgba(000,000,000,0.5),
		0px 0px 2px rgba(255,255,255,0.35) !important;
	}
	#nav, .rightShade, .leftShade {border-width: 0px 0px !important; 
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	}
	#nav {height: auto;}
	nav {display: none;}
	.sf-menu {width: 100% !important; position: relative !important;}
	.sf-menu li {width: 100% !important; }
	.sf-menu ul {position: relative !important;}
	.sf-menu ul {width: 100% !important; }
	.sf-menu ul li {width: 100% !important; }
	.sf-menu ul ul {width: 100% !important; }
	.sf-menu ul ul li {width: 100% !important; }
	.sf-shadow ul {background: none;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:0em !important;}
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 0em !important;}
	
	#sidebar {float: left !important; margin: 2% !important; padding: 2% !important; width: 92% !important;}
}
/* ================MOBILE============== */
/*MOBILE*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	h1 {font-size: 60px !important;}
	h2 {font-size: 52px !important;}
	h3 {font-size: 44px !important;}
	h4 {font-size: 36px !important;}
	h5 {font-size: 32px !important;}
	h6 {font-size: 24px !important;}
	body {font-size: 250%;}
	#logo {width: 25%;}
	#logo img {width: 100%; height: auto;}
	#siteTitle{width: 100%;}
	#siteTitle h1 {font-size: 68px; width: auto;}
	#siteTitle h2 {font-size: 38px !important;}
	#header #socialMedia span {}
	#socialMedia {font-size: 60px; width: 600px !important;}
	
	#promoBoxes {font-size: inherit;}
	#promoBoxes li {padding-left: 0px !important; padding-right: 0px !important; width: 100%;}
	#promoBoxes li .boxTopWrap {padding: 10px 0px 0px 0px !important; left: 0px !important; height: 10px; background: url(images/theOpacity.png) repeat; z-index: 10000;}
	#promoBoxes li .boxTops {height: 10px; border: 0px solid black !important; background: url(images/theOpacity.png) repeat;}	
	#promoBoxes li .whiteFill {padding: 0px !important; overflow: hidden;}
	#promoBoxes ul.threeBoxes li .boxTopWrap, #promoBoxes ul.threeBoxes li .boxTops {width: 100% !important;}
	#promoBoxes ul.threeBoxes li .whiteFill {width: 92% !important; height: auto !important; padding: 4% !important;}
	#promoBoxes ul.threeBoxes li.boxOne {margin-right: 0px !important; margin-left: 0px !important}
	#promoBoxes ul.threeBoxes li.boxThree {margin-right: 0px !important; margin-left: 0px !important;}
	#promoBoxes ul.threeBoxes li.boxFour {display: none;}
	
	
	#mobileNavButton {display: block !important;}
	#nav, .rightShade, .leftShade {border-width: 0px 0px !important; 
		-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
		-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
		box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	}
	nav {display: none;}
	.shadowfix {display: none;}
	.innerWrap, .leftShade-slider, .rightShade-slider, #slider, div.shell, #header, #footer {width: 100%; padding: 0;}
	#slider {height: 400px !important; width: 99%; margin-left: 1%;}
	.leftShade, .rightShade {background: none !important; padding: 0!important; margin: 0!important; width: 100%;}
	.navGradient {display: none;}
	.sf-menu {left: 0 !important;}
	#content {width: 92%; margin: 4%; }
	#sidebar {float: left; margin: 2%; padding: 2%; width: 92%;}
	#footer {padding: 0% 4% !important; width: 92% !important;}
	
	.sf-sub-indicator {
	right:			.75em !important;
	top:			1.05em !important; /* IE6 only */
	width:			50px !important;
	height:			50px !important;
	background-size: 150% !important;
	}
}
/*DEV DEMO AND TEST--------------------------------------------------------------------------------------------------------------------------------*/
@media only screen  
and (max-width : 600px) {
	#promoBoxes li {padding-left: 0px !important; padding-right: 0px !important; width: 100%;}
}
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	#headerWrap, #navWrap, #sliderWrap, #contentWrap, #footerWrap {overflow: hidden;}
	#logo {width: 25%;}
	#logo img {width: 100%; height: auto;}
	#siteTitle{width: 100%;}
	#siteTitle h1 {width: auto;}
	#siteTitle h2 {}
	#header #socialMedia span {}
	#socialMedia { left: 0; right: auto; margin-left: 25%; padding-left: 10px;}
	
	#promoBoxes {font-size: inherit;}
	#promoBoxes li {padding-left: 0px !important; padding-right: 0px !important; width: 100%;}
	#promoBoxes li .boxTopWrap {padding: 10px 0px 0px 0px !important; left: 0px !important; height: 10px; background: url(images/theOpacity.png) repeat; z-index: 10000;}
	#promoBoxes li .boxTops {height: 10px; border: 0px solid black !important; background: url(images/theOpacity.png) repeat;}	
	#promoBoxes li .whiteFill {padding: 0px !important; overflow: hidden;}
	#promoBoxes ul.threeBoxes li .boxTopWrap, #promoBoxes ul.threeBoxes li .boxTops {width: 100% !important;}
	#promoBoxes ul.threeBoxes li .whiteFill {width: 92% !important; height: auto !important; padding: 4% !important;}
	#promoBoxes ul.threeBoxes li.boxOne {margin-right: 0px !important; margin-left: 0px !important}
	#promoBoxes ul.threeBoxes li.boxThree {margin-right: 0px !important; margin-left: 0px !important;}
	#promoBoxes ul.threeBoxes li.boxFour {display: none;}
	
	#mobileNavButton {width: 92%; height: 60px; background-size: 60px 100%; margin: 5px 4% 5px 4%; display: block;}
	.mobileNavOn {
		-moz-box-shadow:
			inset 0px 1px 3px rgba(000,000,000,0.5),
			0px 0px 2px rgba(255,255,255,0.35) !important;
		-webkit-box-shadow:
			inset 0px 1px 3px rgba(000,000,000,0.5),
			0px 0px 2px rgba(255,255,255,0.35) !important;
		box-shadow:
			inset 0px 1px 3px rgba(000,000,000,0.5),
			0px 0px 2px rgba(255,255,255,0.35) !important;
	}
	#nav, .rightShade, .leftShade {border-width: 0px 0px !important; 
		-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
		-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
		box-shadow: 0px 0px 0px rgba(000,000,000,0.5) !important;
	}
	nav {display: none;}
	.shadowfix {display: none;}
	.innerWrap, .leftShade-slider, .rightShade-slider, #slider, div.shell, #header, #footer {width: 100%; padding: 0;}
	#slider {width: 100%;}
	.leftShade, .rightShade {background: none !important; padding: 0!important; margin: 0!important; width: 100%;}
	.navGradient {display: none;}
	.sf-menu {left: 0 !important;}
	#footer {padding: 0% 4% !important; width: 92% !important;}
	
}