@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: #171717 url(../assets/bg-tile.jpg) 50% 0% repeat-x; 
	color: #e4e4e4;
	text-align: center;
	margin: 0;
	font-size: 12px;
  }
	
a, a:visited {font-size: 12px; color: #c14c0d; text-decoration: underline; }
a:hover { font-size: 12px; color: #e4e4e4; text-decoration: underline; }
	
h1	{ color: #e4e4e4; font-size: 28px; margin: 0; font-weight: normal; text-transform: none; line-height: normal;}
h2	{ color: #c14c0d; font-size: 14px; margin: 0; font-weight: bold; text-transform: capitalize;}
h3	{ color: #e4e4e4; font-size: 18px; margin: 0; font-weight: bold; text-transform: none; line-height: normal; }
h4	{ color: #e4e4e4; font-size: 14px; margin: 0; font-weight: normal; }

/*heading styles*/	

#contentNest {
	position: relative;
	clear: both;
	margin: 35px auto 0px;
	width: 956px;
	text-align: left;
	}
	
#topper {
	position: relative;
	clear: both;
	margin-left: 15px;
	width: 229px;
	height: 10px;
	overflow: hidden;
	}	
	
#contentBox {
	position: relative;
	clear: both;
	float: left;
	width: 926px;
	border-right: 1px solid #141413;
	border-left: 1px solid #141413;
	background: #292929 url(../assets/content-bg-tile2.jpg) repeat-x 0% 0%;
	padding: 0 14px;
	}	
	
#sideBar {
	position: relative;
	clear: right;
	float: left;
	width: 229px;
	}

#logoContainer {
	position: relative;
	float: left;
	clear: both;
	width: 229px;
	height: 143px;
	}	
	
/*navigation*/

#navTopper {
	float: left;
	clear: both;
	width: 229px;
	height: 11px;
	}	
	
#navNest {
	float: left;
	clear: both;
	width: 228px;
	background: #1f1f1f url(../assets/nav-nest-tile2.jpg) repeat-y 0% 0%;
	padding-left: 1px;
	}	
	
#navNest .navItem {
	float: left;
	clear: both;
	width: 214px;
	border: 0;
	}
	
#navNest .utilityContainer { float: left; clear: both; padding: 0 0 10px 30px; width: 180px; }
#navNest a.utility, a.utility:visited, a.utility:hover { font-size: 10px; color: #818181; text-decoration: none; }	
#navNest .utilityContainer .LSBLinks { position: absolute; left: 30px; bottom: 10px; }
	
/*right content*/	

#rightNest {
	position: relative;
	float: right;
	clear: right;
	background: url(../assets/content-ground.gif) repeat-y 0% 0%;
	width: 686px;
	margin-top: 12px;
	}
	
#rightContent {
	position: relative;
	float: right;
	clear: right;
	background: url(../assets/content-ground-top2.jpg) no-repeat 0% 0%;
	width: 656px;
	padding: 40px 15px 5px 15px;
	}
	
#rightTopHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 26px;
	}	
	
#homeSplashCD {
	position: relative;
	float: left;
	clear: left;
	width: 214px;
	height: 189px;
	padding-bottom: 70px;
	}	
	
#homeSplashDescription {
	position: relative;
	display: inline;
	float: left;
	width: 425px;
	padding-top: 10px;
	}	
	
#homeSplashDescription .copy, .copyLink, .copyLink:visited, .copyLink:hover { font-size: 14px; font-weight: normal; margin-top: 23px; }

#rightBottomHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 35px;
	}
	
#rightBottomMoreNest {
	position: relative;
	float: left;
	clear: both;
	width: 650px;
	}

#rightBottomMoreNest .item { position: relative; float: left; clear: none; margin-left: 15px; padding-right: 20px; width: 290px; height: 125px;display: inline; line-height: 120%; }
#rightBottomMoreNest .img { padding: 3px 15px 0 0; float: left; }

#contentBottom {
	position: relative;
	float: right;
	clear: both;
	width: 686px;
	height: 30px;
	}

/*footer*/ 

#contentBottomCap {
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 956px;
	height: 11px;
	text-align: left;
	}
	
#footer {
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 956px;
	text-align: center;
	padding: 35px 0;
	font-size: 10px; 
	color: #818181;
	}
	
/*artists*/	

#landingHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 11px;
	}	

#rightContent .artistImage {
	position: relative;
	float: left;
	clear: both;
	width: 651px;
/*	height: 197px;*/
	}
	
#rightContent .artistDescription {
	position: relative;
	float: left;
	clear: both;
	width: 605px;
	padding: 0 0 0 14px;
	line-height: 120%;
	}
	
#rightContent a.visitSiteLink, a.visitSiteLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/visit-site-off.jpg) no-repeat 0% 50%; }
#rightContent a.visitSiteLink:hover { color: #e4e4e4; background: url(../assets/visit-site-on.jpg) no-repeat 0% 50%; }
#rightContent a.myspaceLink, a.myspaceLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/myspace-off.jpg) no-repeat 0% 50%; }
#rightContent a.myspaceLink:hover { color: #e4e4e4; background: url(../assets/myspace-on.jpg) no-repeat 0% 50%; }
#rightContent a.facebookLink, a.facebookLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/facebook-off.jpg) no-repeat 0% 50%; }
#rightContent a.facebookLink:hover { color: #e4e4e4; background: url(../assets/facebook-on.jpg) no-repeat 0% 50%; }
#rightContent a.twitterLink, a.twitterLink:visited { padding-left: 18px; color: #c14c0d; background: transparent url(../assets/twitter-sprite.png) 0 2px no-repeat; }
#rightContent a.twitterLink:hover { color: #e4e4e4; background-position: 0 -18px }

#rightContent .separator {
	position: relative;
	float: left;
	clear: both;
	width: 621px;
	height: 1px;
	border-top: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	margin: 30px 17px 18px 13px;
	margin-bottom: 18px;
	}

	
.catalogItemsDescription {
	position: relative;
	display: inline;
	float: left;
	width: 415px;
	height: 179px;
	padding-top: 10px;
	}	
	
.catalogCD {
	position: relative;
	float: left;
	clear: left;
	width: 214px;
	height: 189px;
	}	
	
#mlHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding: 35px 0;
	}
	
.input {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #030100;
	width: 180px;
	height: 15px;
	}	
	
.inputML {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #030100;
	width: 480px;
	height: 80px;
	}	
	

/**/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

#navNest { min-height: 250px; }
#navNest .ns { position: relative; float: left; clear: both; width: 214px; height: 36px; background-color: transparent; background-image: url(../assets/nav/nav-sprite.png); background-repeat: no-repeat; }
#navNest .ns span { display: none; }
#navNest .about { background-position: 0 0; border-top: 1px solid #5b5b5b; }
#navNest .about:hover { background-position: 0 -36px; }
#navNest .abouton, #navNest .abouton:hover { background-position: 0 -72px; border-top: 1px solid #5b5b5b; }
#navNest .services { background-position: -214px 0; }
#navNest .services:hover { background-position: -214px -36px; }
#navNest .serviceson, #navNest .serviceson:hover { background-position: -214px -72px; }
#navNest .contact { background-position: -428px 0; }
#navNest .contact:hover { background-position: -428px -36px; }
#navNest .contacton, #navNest  .contacton:hover { background-position: -428px -72px; }
#navNest .utilityContainern { position: absolute; z-index: 1; bottom: 10px; left: 31px; }
#navNest .utilityContainern, #navNest .utilityContainern a { font-size: 12px }
#footer { font-size: 13px; opacity: 0.4; }

#rightContent article { margin: -20px 20px 120px; font-size: 14.6px; line-height: 150%; }
#contentBox { margin-bottom: -1px; }

#rightContent ul.services { position: relative; float: left; clear: both; margin: 0; padding: 0 0 30px; }
#rightContent ul.services li { position: relative; float: left; clear: both; margin: 0 0 15px 0; padding: 0 0 0 35px; list-style: none !important; background: transparent url(../assets/orb-bullet.png) 0 50% no-repeat; }
#rightContent ul.services li a.gallery { position: absolute; z-index: 1; top: -1px; right: -105px; padding: 1px 10px; background-color: trabsparent; border-radius: 4px; color: #a31a1a; text-decoration: none; font-size: 14.4px; transition: background-color 200ms ease-in-out; }
#rightContent ul.services li a.gallery:hover { color: #fff; box-shadow: 0 0 5px 2px #202020; background-color: #a31a1a;; }

#rightContent .contactWrapper { position: relative; float: left; clear: both; margin-top: 20px; width: 90%; padding: 0 0 0 15px; font-size: 14.6px; }
#rightContent .contactWrapper label { position: relative; float: left; clear: none; width: 75px; margin: 0 25px 0 0; text-transform: capitalize; }
#rightContent .contactWrapper label:after { content: ':'; }
#rightContent .contactWrapper input.ti { height: 20px; }
#rightContent .contactWrapper input.ti, 
#rightContent .contactWrapper textarea.ti { position: relative; float: left; margin: 0 auto 25px; padding: 0 30px 2px 5px; width: 235px; background-color: transparent; border: 1px solid #c7c7c7; border-width: 0 0 1px; font: 0.9em 'Open Sans', "Lucida Sans Unicode", "Lucida Grande"; text-align: left; color: #fff; }
#rightContent .contactWrapper textarea.ti { width: 430px; height: 100px; resize: none; vertical-align: bottom; background-color: transparent; }
#rightContent .contactWrapper input.rti,
#rightContent .contactWrapper textarea.rti { color: #c7c7c7; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#rightContent .contactWrapper input.error, #rightContent .contactWrapper textarea.error { background: transparent url(../assets/contact/label-error.png) 100% 0 no-repeat; }
#rightContent .contactWrapper input.btn { margin: 10px 0 0 95px; }
#rightContent .contactWrapper label.error { position: relative; float: left; clear: none; margin: 0 0 0 -20px; width: 20px; height: 20px; background: transparent url(../assets/label-error.png) 100% 0 no-repeat; }
#rightContent .contactWrapper label.error:after { content: none; }

.ajaxOverlay { position: absolute; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; display: none; background: transparent url(../assets/80wspacer.png) 0 0 repeat; }
.ajaxOverlay img { position: absolute; z-index: 1; top: 50%; left: 50%; margin: -16px 0 0 -16px; }
	
span.toolong { position: absolute; z-index: 10; top: 50%; margin-left: -95px; color: #000; font-size: 14.6px; }
span.toolong a { font-size: inherit !important; color: #a31a1a !important; }

.pwformResponse { padding-bottom: 250px; }
.pwformResponse a { font-size: 14.6px!important; color: #a31a1a !important; }
	
/*masternav2014*/
.masthead { position: relative; clear: both; width: 100%; height: 35px; background: transparent url(../assets/mnav/mhground.png) 0 0 repeat; display: block; overflow: hidden; }
.masthead .iWrapper { position: relative; clear: both; margin: 0 auto; width: 956px; height: 35px; font: 1.3em "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #757575; display: table; text-align: left; }
.masthead .iWrapper .mi { position: relative; clear: none; margin: 0; padding: 0 27px 0 27px; width: 140px; height: 35px; display: inline-block; line-height: 35px; background: transparent url(../assets/mnav/fos-mh-logo.png) 0 50% no-repeat;}
.masthead .iWrapper .link { position: relative; clear: none; margin: 0 0 0 -4px; padding: 0 20px 0 17px; height: 35px; display: inline-block; line-height: 35px; color: #757575; text-decoration: none; text-shadow: 1px 1px #000; font-size: 1em }
.masthead .iWrapper .link:hover { color: #a31a1a; }
.masthead .iWrapper .link:last-child { border-right: none; }
.masthead .iWrapper .current { margin: 0 0 0 -4px; height: 55px; color: #fff; background: transparent url(../assets/bg-tile.jpg) 0 -60px no-repeat; box-shadow: inset 0 4px 6px #333; }
.masthead .iWrapper .current:hover { color: #fff; }
.masthead .iWrapper .music { background-position: -260px -60px; }
.masthead .iWrapper .design { background-position: -238px -60px; }
.masthead .iWrapper .pr { background-position: -108px -60px; }