<!--
body	    					{padding:0;margin:0;height:100%;}
html, body 						{overflow-x:hidden;}
a:active
{
  outline: none;
}
/** body **/
:focus
{
  -moz-outline-style: none;
}

/* slightly enhanced, universal clearfix hack */
.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 */

/*****
Basic Set up
******/
a										{text-decoration:none;color:#00afef;}
a:hover									{text-decoration:underline;}
th, td 									{border:none;text-align:left;}

html 									{background:#111111 url(../i/repeat-background-highlighted.gif) fixed center center;}
body 									{}
body.scroll								{height:9000px;width:9000px;}

/*****
Basic Set up
******/

#main-container  						{height:768px;width:1024px;overflow:scroll;overflow-x:hidden;overflow-y:hidden;}

		  #container  					{height:9000px;width:9000px;position:relative;overflow:hidden;opacity:0;filter: alpha(opacity = 0);}
#main-page-container					{width:100%;height:100%;}

#pause									{position:absolute;top:0;left:0;opacity:0;filter: alpha(opacity = 0);}

.bg										{position:absolute;top:0;left:0;background:url(../i/layout.png) no-repeat 800px 800px;height:9000px;width:9000px;}
#affiliates								{position:absolute;top:739px;left:2384px;width:950px;background:url(../i/bg-30.png);}
#home									{position:absolute;top:954px;left:956px;width:950px;background:url(../i/bg-30.png);}
#contact								{position:absolute;top:1781px;left:4797px;width:950px;background:url(../i/bg-30.png);}
#news									{position:absolute;top:2310px;left:2820px;width:950px;background:url(../i/bg-30.png);}
#clients								{position:absolute;top:4280px;left:4400px;width:950px;background:url(../i/bg-30.png);}
#default								{width:950px;background:url(../i/bg-30.png);}

#loader									{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../i/logo-loader.gif) no-repeat fixed center center;}

.page									{height:250px;}
.main-page								{}
.main-page #default						{position:relative;margin-top:50px;margin-left:auto;margin-right:auto;}	
.main-page #clients						{position:relative;top:50px;left:0;margin-left:auto;margin-right:auto;}	
.main-page #container					{width:100%;height:100%;}
.main-page .bg							{width:100%;height:100%;position:relative;background:none;}
.main-page .page						{height:auto;}	

.bg-fixed								{position:absolute;top:0;left:0;background:url(../i/layout.png) no-repeat;width:100%;height:100%;}
.fixed-bg								{position:absolute;top:0;left:0;background:url(../i/layout-cropped.png) center top no-repeat;width:100%;height:1150px;}


#static									{position:relative;margin-left:auto;margin-right:auto;width:950px;background:url(../i/bg-30.png);}	

.content .page							{height:auto;}


.heading-block							{margin:0 0 15px 0;}

.fade									{position:absolute;top:0;left:0;}
/*.small-logo							{background:url(../i/scruffy_logo_50.png);width:50px;height:50px;z-index:201;position:fixed;top:3px;left:0;}
*/
.side-logo								{position:absolute;top:5px;left:15px;display:none;}

.nav									{position:fixed;top:0px;left:0px;z-index:200;width:100%;background:url(../i/bg-70.png);height:3em;}
.nav-container							{position:relative;margin:auto;width:950px;}
.nav ul									{margin:0;padding:0;margin-left:630px;padding-top:13px}
.nav li									{list-style:none;float:left;padding-left:0.5em;padding-right:0.5em;line-height:1em;height:1em;border-right:dotted 1px #2a2a2a;}
.nav li.last							{border:none;padding-right:0;}
.nav a									{color:#fff;font-size:10px;text-decoration:none;display:block;float:left;padding:0;margin:0;}
.nav a:hover							{color:#00aeef;}
.nav a.selected							{color:#00aeef;}

span.box								{width:183px;height:250px;display:block;position:absolute;background:url(../i/scruffy_logo.png) no-repeat 1px 61px;float:left;top:0;left:0;}

h1.split								{height:65px;}

.affiliates .entry a					{font-weight:bold;font-size:55px;letter-spacing:-0.05em;color:#fff;}
.affiliates .entry a:hover				{color:#fff;text-decoration:none;color:#00A7E6;}

.content								{margin-left:185px;padding-left:20px;padding-top:70px;color:#EFEFEF;margin-right:30px;padding-bottom:40px;font-size:89%;}

.content p								{line-height:1.6em;}
	
.content h1.title						{text-transform:uppercase;padding:5px 0;font-size:40px;border-top:1px solid #999999;border-bottom:1px solid #999999;margin:0;}
.content .right-bar						{height:41px;border-top:1px solid #999999;border-bottom:1px solid #999999;display:block;} 
.content .right-bar.split				{height:65px;}
.clients-heading						{padding-top:10px;}
.content .right-bar h2 					{font-family:'arial',arial,sans-serif;font-size:150%;font-weight:normal;margin:0;padding:0;}

.content.home							{padding-top:40px;}

#lower-content .content h2 				{border-bottom:1px solid #999999;font-family:'arial narrow',arial,sans-serif;font-size:2em;font-weight:normal;margin:15px 0;padding:0;}

.replace-content						{opacity:0;filter: alpha(opacity = 0);}

.post									{position:relative;margin-bottom:4em;}
.post h2								{border-bottom:1px solid #999999;margin:15px 0;padding:0;font-weight:normal;font-size:2em;font-family:'arial narrow',arial,sans-serif;}
.post span.date							{position:absolute;top:-1.2em;font-size:0.8em;left:0;}
.post span.img							{margin-bottom:1em;display:block;}

.split-left								{float:left;width:200px;}
.split-right							{float:left;width:490px;margin-left:20px;}
.split-none								{width:100%;}

.padding-top							{padding-top:10px;}


#scroll-pane							{position:fixed;z-index:200;bottom:0;right:0px;width:15px;height:100%;}

.replace-content						{display:hidden;}

/*****
Headings
******/
.heading-full-width						{width:710px;}
.left-title								{margin:0 0 0.5em 0;padding:0 0 2px 0;font-family:'arial narrow',arial,sans-serif;font-size:130%;border-bottom:1px dotted #444444;color:#999999;}
.left-h3								{font-family:'arial narrow',arial,sans-serif;font-size:150%;padding-bottom:2px;border-bottom:1px solid #999999;color:#fff;font-weight:normal!important;margin-top:20px;margin-bottom:15px;}
#sidebar h2								{font-family:'arial narrow',arial,sans-serif;font-size:150%;padding-bottom:2px;border-bottom:1px solid #999999;color:#fff;font-weight:normal!important;margin-top:20px;margin-bottom:15px;}
h1.home-client							{font-size:55px;padding:0;margin:0;font:Arial, Helvetica, sans-serif!important; letter-spacing: -0.05em;}
h1.home-client	a:hover					{color:#00aeef;}
/*****
Lists
******/
.split-left ul							{padding:0;margin:0;}
.split-left li							{list-style:none;}
.split-left li	a						{text-decoration:none;}
.split-left li	a:hover					{text-decoration:underline;}
/*****
Clients Page
******/
.favicon 								{border:medium none;display:inline-block;margin-right:5px;position:relative;text-decoration:none !important;top:1px;width:10px;float:left;}

span.clients-heading span h2			{margin:0;padding:5px 0;font-family:'arial narrow',arial,sans-serif;font-size:180%;font-weight:normal;}
span.clients-heading a					{color:#fff;text-decoration:none;}
span.clients-heading a:hover			{color:#00aeef;text-decoration:underline;}
span.clients-heading span				{display:block;float:left;}

div.client-block						{margin:0 0 4em 0;}
div.client-block h3						{margin:0 0 1em 0;padding:0 0 2px 0;font-family:'arial narrow',arial,sans-serif;font-size:160%;font-weight:normal;border-bottom:1px solid #999999;height:25px;}
div.client-block ul						{margin:0 0 0.5em 0;padding:0;color:#CCC;}
div.client-block ul li					{list-style:none;padding:0 0 0.3em 0;}

ul.tracks li							{background:url(../i/play-track.gif) right 3px no-repeat;font-size:98%;}
ul.tracks li.active						{background:url(../i/play-track-b.gif) right 3px no-repeat;}
ul.tracks li.active a					{color:#00aeef;}
ul.tracks li:hover						{background:url(../i/play-track-b.gif) right 3px no-repeat;}

ul.playlist-tracks li a					{background:url(../i/play-track.gif) 288px 4px no-repeat;}
ul.playlist-tracks li a:hover			{background:url(../i/play-track-b.gif) 288px 4px no-repeat;}

ul.playlist-tracks li.active a			{color:#00aeef;background:url(../i/play-track-b.gif) 288px 4px no-repeat;}

ul.links li								{background:url(../i/external.png) right 2px no-repeat;font-size:98%;}
ul.links li:hover						{background:url(../i/external-b.png) right 2px no-repeat;}

div.client-block ul li a				{color:#CCC;text-decoration:none;display:block;width:100%;}
div.client-block ul li a:hover			{color:#00aeef;}
div.client-block .thumbs 				{margin-top:10px;}
div.client-block .thumbs a				{display:block;width:40px;height:40px;border:1px solid #666;float:left;margin-right:4px;}
div.client-block .thumbs a.active		{border:1px solid #00aeef;}
div.client-block p						{margin-top:1em;}
-->
/*****
Clients Page
******/

.audio-block							{display:none;width:315px;top:3em;position:absolute;right:0;color:#FFF;padding:0 0 15px 10px;background:url(../i/shadow.png) bottom left;}
.audio-block .left-title				{font-size:98%;display:block;border:none;color:#00aeef;}
.audio-block							{color:#CCC;}
.audio-block .now-playing				{font-size:10px;position:absolute;left:25px;}
.audio-block .time-playing				{font-size:10px;position:absolute;right:14px;}
.audio-block #curr-time 				{position:absolute;right:0;}

.audio-block .btn						{display:block;margin-top:10px;width:50px;float:left;}
.audio-block .btn a						{width:12px;height:9px;display:block;text-indent:-1000em;float:left;margin-right:1px;}
.audio-block .btn a:hover				{background-position:0 -12px;}

.audio-block .btn a.play				{background:url(../i/audioplayer/play.gif) no-repeat;}
.audio-block .btn a.play:hover			{background-position:-12px 0;}
.audio-block .btn a.pause:hover			{background-position:-12px 0;}
.audio-block .btn a.prev:hover			{background-position:-12px 0;}
.audio-block .btn a.next:hover			{background-position:-12px 0;}
.audio-block .btn a.mute:hover			{background-position:-12px 0;}

.audio-block .btn a.active				{background-position:-12px 0;}

.audio-block .btn a.pause				{background:url(../i/audioplayer/pause.gif) no-repeat;}
.audio-block .btn a.prev				{background:url(../i/audioplayer/prev.gif) no-repeat;}
.audio-block .btn a.next				{background:url(../i/audioplayer/next.gif) no-repeat;}
.audio-block .btn a.mute				{background:url(../i/audioplayer/mute.gif) no-repeat;}
.audio-block .btn a.margin-right		{margin-right:5px;}
.audio-block .player-info				{padding:2px;border:1px solid #1f1f1f;background:#101010;height:12px;}

.audio-block .btn-playlist				{display:block;font-size:90%;float:right;margin-top:8px;}

.audio-player							{padding:10px;background:#000;border:1px solid #1e1e1e;border-top:none;}

#playlist								{width:309px;margin-top:2px;background:#000;border:1px solid #1e1e1e;padding:2px 2px 0 2px;}
#playlist ul							{margin:0;padding:0;}
#playlist li							{margin:0 0 2px 0;padding:0;display:block;float:none;border:none;height:auto;line-height:13px;border:solid 1px #161616;background:#000;}
#playlist li a							{margin:0;padding:2px 4px;display:block;line-height:13px;font-size:10px;float:none;}
#playlist li a:hover					{color:#00AFEF;}
#playlist li span.artist 				{width:110px;display:block;float:left;border-right:solid 1px #161616;margin-right:0.5em;}
	
#audioplayer-container					{position:fixed;left:0;top:0;opacity:0;filter: alpha(opacity = 0);}
audioplayerplaceholder					{}
.vis									{position:absolute;top:13px;left:630px;}
.audio-player-btn						{position:absolute;top:9px;right:0;width:78px;height:30px;}
.audio-player-btn a						{display:block;width:78px;height:30px;line-height:20px;text-align:center;color:#00a7e6;}
.audio-player-btn a.active				{background:url(../i/audioplayer-btn.png);}

.slideshow								{width:490px;overflow:hidden;margin-bottom:10px;position:relative;}
.slideshow-content						{width:2000em;position:relative;}
.slideshow-content	span				{float:left;display:block;float:left;width:490px;}
#layouts								{position:relative;}

.loader									{font-family:'arial narrow',arial,sans-serif;font-size:90%;color:#fff;position:absolute;top:70px;left:200px;display:none;}


.gallery-item							{padding:0;margin:0;float:left;margin-right:4px;border:1px solid #2a2a2a;padding:1px;height:40px;margin-bottom:10px;}
.gallery-item.active					{border:1px solid #00aeef;}
.gallery								{margin-bottom:0.5em;}

.footer									{margin-top:20px;margin-bottom:50px;}


.ul-no-padding li						{margin-bottom:2px!important;}

.home-title								{padding-bottom:0.15em;border-bottom:solid 1px #fff!important;font-size:150%;font-weight:normal;}

.about #main-page-container				{display:none;}
.about .fixed-bg						{display:none;height:100%!important;}

.postmetadata							{font-size:95%;}

#please-wait							{top:3em;left:0;width:100%;padding:10px;background:url(../i/bg-70.png);position:absolute;z-index:999;text-align:center;text-transform:uppercase;color:#CCC;font-size:80%;opacity:0;filter: alpha(opacity = 0);}
#please-wait span						{line-height:16px;display:block;padding-bottom:0.3em;}