/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

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; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
html, body, h1, h2, h3, h4 { margin:0px; padding:0px; }
html, body { height:100%; }
body { background-image:url(../img/ajradiobkgd_grad.jpg); background-repeat:repeat-x; background-position:left -15px; background-color:#0c0c0c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#A1B09E;}
#background { outline:0px solid RED; background-image:url(../img/ajradiobkgd.jpg); background-repeat:no-repeat; background-position:left -15px; width:100%; min-height:100%; min-width:850px; position:relative; }
#container { position:relative; position:relative; margin:0px 25px;}
header { position:relative; padding-top:80px; }
#logo { position:absolute; top:35px; z-index:5; outline:0px solid RED; left:64px;}
#main { position:relative; }

a, a:visited, a:active, a:focus { text-decoration:none; border-bottom:dotted 1px #bad388; color:#bad388; outline:0;}
.activeLink {  border-bottom:solid 0px #D3DCCB; color:#D3DCCB; outline:none; padding:0px 2px; }
a:hover { border-bottom:solid 1px #D3DCCB; color:#D3DCCB; outline:none; }
/*a img:hover {
	border:none;
	-moz-box-shadow:0 0 10px #98b460;
	-webkit-box-shadow:0 0 10px #98b460;
	box-shadow:0 0 10px #98b460;
}*/
a.noborder, a.noborder:visited, a.noborder:active, a.noborder:hover { border:none; outline:0; }

nav { position:absolute; right:0px; top:230px; padding-right:10px; font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:18px; text-align:right; color:#727B6F;}
nav ul li { display:inline; padding-left:10px; }

#subheader {
	position:absolute;
	right:25px;
	top:45px;
	width:320px;
	padding:12px 12px;
	font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	z-index:20;
	font-size:26px;
	line-height:24px;
	letter-spacing:-1px;
	color:#D3DCCB;	
	border:1px outset #D3DCCB;
	-webkit-border-radius: 15px;	
	-moz-border-radius: 15px;
	border-radius: 15px;
	display:none;
}
#subheader span { position:absolute; font-family:"Times New Roman", Times, serif; font-size:60px; font-weight:bold;  }

#subheader h2 {
}
#subheader h3 {  }

.roundBorder { 	border:1px outset #D3DCCB;
	-webkit-border-radius: 15px;	
	-moz-border-radius: 15px;
	border-radius: 15px; }

.roundCornerBottom {
overflow:hidden; -webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;	
}
.roundCornerTop {
-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;
}
	
#gettingStartedVideo { float:right; margin: 15px 0px 15px 25px; text-align:center; padding:10px;}	

#content { outline:0px solid RED; position:relative; padding:0px 0px 20px 0px; outline: 0px solid GREEN;  }
#content h1, #error h2 { font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica, sans-serif;	border-bottom: 1px solid #727B6F; color:#D3DCCB; font-size:30px; text-align:left; }
#content p { margin-right:25px; }
#content h1 span { font-weight:normal; float:right; font-size:18px; padding-top:11px; color:#727B6F; padding-right:10px;}

#about { margin:35px auto 25px auto; }
#about span.keyword {  padding:0px 8px 0px 0px; font-size:25px; font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica; outline:0px solid RED; margin:0px; letter-spacing:-1px; width:170px; text-align:right; border-right: 1px solid #727B6F; height:100%; display:table-cell; vertical-align:middle; }
#about div { margin-bottom:10px; position:relative; height:auto; display:table; }
#about div p { margin:0px; padding:5px 0px 5px 10px; text-align:justify }

#bannerlinks { padding-top:10px; padding-left:50px; text-align:center; }
#bannerlinks a span { display:block; margin-bottom:0px;}

#addr, #skype { font-size:32px; font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica; letter-spacing:2px; }

footer ul { padding:0px; margin:0px; }
footer ul li { display:inline; padding-left:5px;  }
footer { border-top: 1px solid #727B6F; clear:both; margin:0px 0px 0px 0px; padding-bottom:410px; font-size:12px; text-align:center; }
#submenu { padding-top:10px;  }
#copyright { color:#727B6F; font-size:10px; padding:0px 0px 5px 0px;  }

.tooltip { position: relative; cursor:help; z-index:250;}
.tooltipIMG { background:url(../img/question.png) no-repeat center top; height:16px; width:16px; float:left;  }
.tooltip span { position: absolute; bottom: 5px; left:7px; text-align:center; border: 1px solid #98b460;  white-space:nowrap; padding:5px 10px; background:url(../img/digitaldark.jpg) repeat center top; display:none; color:#D3DCCB; font-size:10px; -moz-border-radius: 10px; border-radius: 10px;  -webkit-border-radius: 10px; line-height:13px; z-index:1000;} 
.tooltip:hover span { display:block; } 

#loadingContainer { position:absolute; left:50px; bottom:6px; display:none;}
#currentTrackInfo { margin:0px 0px 0px 0px; border:0px solid #98b460; border-bottom:none; border-top:none; padding:0px; position:relative; background:url(../img/digitaldark.jpg) repeat center top; }
#topbar { background:url(../img/digitalgreysmallgrad.jpg) repeat-x center top; padding:4px 0px 3px 5px; text-align:left; color:#000; height:25px; }
#jp-playlist-wrapper { 	background-color:#EEE; }
#playlistControls { background:url(../img/digitalgreysmallgrad.jpg) repeat-x center top; padding:3px 20px 3px 5px; text-align:left; height:20px; font-size:11px; min-width:750px; border-bottom:1px solid #BBB; }
#posterThumb { float:left; margin-right:15px; border:none; outline:none; }
#closeLoading { position:absolute;top:2px;right:10px; }
#jp-playlistdisplay { position:absolute; left:80px; bottom:6px; width:28px; height:28px; border:none; outline:0; }
#jp-playlistdisplay.jp-showplaylist { background: url("../img/playlistbutton.png") 0px 0px no-repeat; }
#jp-playlistdisplay.jp-showplaylist:hover { background: url("../img/playlistbutton.png") -29px 0px no-repeat; }
#jp-playlistdisplay.jp-hideplaylist { background: url("../img/playlistbutton.png") -58px 0px no-repeat; }
#jp-playlistdisplay.jp-hideplaylist:hover { background: url("../img/playlistbutton.png") -87px 0px no-repeat; }
#jp-infodisplay { float:left; width:27px; height:25px; border:none; outline:0; margin-right:10px;}
#jp-infodisplay.jp-showinfo { background: url("../img/infobutton.png") 0px 0px no-repeat; }
#jp-infodisplay.jp-showinfo:hover { background: url("../img/infobutton.png") -28px 0px no-repeat; }
#jp-infodisplay.jp-hideinfo { background: url("../img/infobutton.png") -56px 0px no-repeat; }
#jp-infodisplay.jp-hideinfo:hover { background: url("../img/infobutton.png") -84px 0px no-repeat; }
div.jp-extracontrols-holder {
	clear: both;
	width:600px;
	margin:0 auto;
	position: relative;
}

.errorInfo { font-style:italic; font-size:13px; line-height:15px; background:url(../img/error.png) no-repeat top left; padding-left:30px; padding-top:1px; margin-top:3px; height:21px; float:left; }
.buyTrack,.downloadTrack,.followUser,.tweetIt { height:42px; width:42px; float:right; margin-top:-15px; border:none; outline:none; z-index:100; position:relative; }
.buyTrack { background: url("../img/sidebuttonsprite.png") 0px 0px no-repeat; }
.buyTrack:hover { background: url("../img/sidebuttonsprite.png") -42px 0px no-repeat; }
.downloadTrack { background: url("../img/sidebuttonsprite.png") 0px -42px no-repeat; }
.downloadTrack:hover { background: url("../img/sidebuttonsprite.png") -42px -42px no-repeat; }
.followUser { background: url("../img/sidebuttonsprite.png") 0px -84px no-repeat; }
.followUser:hover { background: url("../img/sidebuttonsprite.png") -42px -84px no-repeat; }
.tweetIt { background: url("../img/sidebuttonsprite.png") 0px -126px no-repeat; margin-right:5px; }
.tweetIt:hover { background: url("../img/sidebuttonsprite.png") -42px -126px no-repeat; }

#playerContainer { width:100%; position:fixed; bottom:0px; left:0px; z-index:10000; min-width:850px; }
#jp_container_1 { margin:0px auto; width:100%;}
a.tweet { background-image:url(../img/tweetsprite.png); background-repeat:no-repeat; background-position:0px 0px; height:15px; width:15px; border:none; outline:none; display:inline-block; float:right; margin-right:5px; margin-top:5px; text-decoration:none; }
a.tweet:hover { background-position:0px -15px; border:none; outline:none; text-decoration:none; }
a.tweet img { border:none; outline:none; text-decoration:none; }

#collectionBanners, #marketplaceLinks { text-align:center; padding-top:10px; }
#collectionBanners div { width:19%; padding:0 0.5%; float:left; }
#collectionBanners div a img { width:100%; max-width:260px; }
#marketplaceLinks a img { width:19%; max-width:260px; padding:0 0.5%; float:left;}

#playlistBuilder { position:relative; }
.tab {  background:url(../img/digitaldark.jpg) repeat-x center bottom; position:relative; width:100%; padding:4px 25px 5px 25px; text-align:center; height:22px; line-height:20px; z-index:10; }
div.tabs { position:absolute; top:-30px; left:5px; }
div.tabs a { font-size:20px; font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica; letter-spacing:-1px; border: 2px solid #333; float:left; height:25px; border-bottom:none; padding:5px 6px 0px 6px; margin-right:1px; background-color:#222;  z-index:1; position:relative; color:#A1B09E;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
div.tabs a:hover { background-color:#111; }
div.tabs a.active { background:url(../img/digitaldark.jpg) repeat-x center bottom; z-index:9; color:#bad388; border-color:#A7B9A3; }

#embedGen, #linkGen, #bookmarklet { text-align:left; margin:10px auto; line-height:25px; position:relative; height:auto; display:table;  width:700px; outline:0px solid RED; }
#embedGen form, #linkGen form, #bookmarkletCode, div#embedCode { padding:15px; margin:5px 0px 5px 10px; background:url(../img/digitalgreysmalltallgrad.jpg) repeat-x center top; color:#727B6F; text-align:left; display:block;  width:475px; }
#embedGen span.keyword, #linkGen span.keyword, #bookmarklet span.keyword {  padding:5px 8px 5px 0px; margin:0px; font-size:25px; font-family:'Josefin Slab',"Trebuchet MS", Arial, Helvetica; outline:0px solid RED; letter-spacing:-1px; text-align:left; border-right: 1px solid #727B6F; height:100%; display:table-cell; vertical-align:middle; width:150px; text-align:right; }
#embedPlaceholder, #linkPlaceholder, #bookmarkletPlaceholder { width:375px; text-align:left;padding:5px 0px 0px 10px; white-space:nowrap; overflow:hidden; }

button {
	background: #81ae18 url(../img/button_36px_blended.png) repeat-x;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border:none;
	padding:0px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;	
	height:24px;
}
button:hover {
	background-color:#b5e652;
}



/*  Generic Styling */
.centered { text-align:center; }
.green { color:#98b460; }
.lightergreen { color:#D3DCCB; }
.lightgreen { color:#bad388; }
.grey { color:#727B6F; }
.lightergrey { color:#A1B09E; }
.greengrey { color:#A7B9A3; }
.bigger { font-size:120%; }
.smaller { font-size:80%; }
.tight { margin-bottom:0px; }
.loose { margin-bottom:20px; }
.floatL { float:left; }
.floatR { float:right; }
.clearL { clear:left; }
.smallcaps { font-variant: small-caps; font-size:110%; }
.shadow {
	 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);	
}
.unfocused { font-style:italic; color:#999; }
a.surf_active { color:#98b460 !important; font-style:italic; }
a.surf_button { color:#555; }
a.surf_button:hover { color:#777; }

.clear { padding:0px; margin:0px; height:1px; clear:both; width:100%; }
.subtext{ text-align:right; font-size: 80%; display: inline; }

/* Project Styles */
body.cb { background-position:left -200px; font-size:12px; }
#cb_container { position: relative; }
#cb_content { clear:both; margin-bottom: 0px; padding: 15px 15px 5px 15px; }
#cb_content p { margin:0px 0px 10px 0px; }
#cb_sidecontent { position:relative; float:right; padding-right: 0px; }
.cb_sidebox{ position:relative; width: 290px; margin:0px 10px 15px 0px; border:solid 2px #A7B9A3; z-index:1; }
.cb_sidebox_transp{ position:absolute; width: 290px; margin:8px 10px 15px 15px; z-index:5; color:#fff; }
#cb_content .cb_sidebox p, #cb_content .pf_sidebox_transp p { padding:5px; margin-bottom:0px; }
#cb_content .cb_sidebox p.header{ color:BLACK; display:block; padding:1px 3px 3px 3px; background-color:#A7B9A3; font-weight:bold; z-index:1; margin:0px; }

/* End Project Styles */

/* Expand Styles */
.top{ font-size:.9em; text-align:right; padding-right:10px; }
#switch, .switch { margin-bottom:5px; text-align:center; padding-right:10px; }
#updatenotes .collapse { padding:10px; }
/* 
a:link, a:visited { border:1px dotted #ccc; border-width:0 0 1px; text-decoration:none; color:blue }
a:hover, a:active, a:focus { border-style:solid; background-color:#f0f0f0; outline:0 none }
a:active, a:focus { color:red; }
*/
.expand a { display:block; border:none; outline:0; text-decoration:none; }
#updatenotes .expand a { background-color:#E4EFFC; padding:10px; padding-bottom:5px; }
.expand a:hover, .expand a:active { }
.expand a:link, .expand a:visited { background-image:url(../img/expand/arrow-down.gif); background-repeat:no-repeat; background-position:98% 50%; }
.expand a.open:link, .expand a.open:visited { background: url(../img/expand/arrow-up.gif) no-repeat 98% 50%; }
#updatenotes .expand a.open:link, #updatenotes .expand a.open:visited { background-color:#E4EFFC; }
#update .expand a { background-color:#9CF;width:646px; margin:0px auto 0px auto; padding:2px; }
.inactive a { background-color:#86AFD2 !important; }
.expand a.open span.closedInfo { display:none; }
.expand a.open span.openInfo { display:inline;	}
.expand a span.openInfo { display:none; }
/* End Expand Styles */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/bkgd.png) repeat;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-17px; left:0; color:#D3DCCB; width:90%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
        #cboxCurrent{position:absolute; top:-15px; right:68px; color:#333; font-size:80%; font-style:italic;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/colorbox/controls2.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* End ColorBox Styles */

/* Slider Styles */

.bx-wrapper { margin: 0 auto; }
.bx-wrapper a { outline:none; border:none; }
.bx-prev { position: absolute; top: 90px; left: -55px; width: 31px; height: 31px; text-indent: -999999px; background: url(../img/slider/icon_arrow_left_green.png) no-repeat 0 -31px; }
.bx-next { position: absolute; top: 90px; right: -50px; width: 31px; height: 31px; text-indent: -999999px; background: url(../img/slider/icon_arrow_right_green.png) no-repeat 0 -31px; }
.bx-next:hover, .bx-prev:hover { background-position: 0 0; }.bx-auto { text-align: center; }
.bx-start { color: #f1eee7; font-size: 14px; background: #838383; padding: 4px 7px; border-radius: 3px; text-transform: capitalize; }
.bx-start:hover { background: #525044; text-decoration: none; }
/*pager*/
.bx-pager { text-align: center; padding-top:15px; }
.bx-pager a { font-size: 16px; color: #838383; padding: 0 10px;}
.bx-pager .pager-active, .bx-pager a:hover { color: #98b460; text-decoration: none; }

/* End Slider Styles */

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}