@charset "UTF-8";
/* CSS Document */

 
body {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-size: 13px;
color: #333;
}

h1 {font-size: 24px}
h2 {font-size: 2em}

p {
margin: 0 0 15px 0;
line-height: 25px;
}

em { font-style: italic;}
ul { list-style: none;}
ol { margin: 0 0 0 20px;}

a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #68b3cc;
text-decoration: none;
letter-spacing: 1px;
line-height: 1.3;
text-transform: uppercase;
}

a:hover {
color: 1180a6;
text-decoration: underline;
}

.container {
width: 896px;
margin: 0pt auto;
}

#wrapper {
float:left;
width: 100%;
border-top:1px solid #ccc;
padding-top: 1px;
margin:7px 0pt 0pt;
overflow: hidden;
}

.module {padding: 14px 21px;}
.hide {display: none;}
.top_border { border-top: 1px solid #777; }

#ptitle {
border-top: 1px solid #ccc;
width: 100%;
float: left;
padding: 21px 0 0 0;
}

#ptitle h1 {
font-style: italic;
font-weight: bold;
font-size: 18px;
}

#ptitle h1 a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-style: italic;
font-weight: bold;
font-size: 18px;
text-transform: none;
text-decoration: none;
color: #333;
}

#ptitle h1 a:hover {
font-style: italic;
font-weight: bold;
font-size: 18px;
text-decoration: underline;
}

a.more {
display: block;
background: url(http://cdn.ghostly.com/images/assets/more_arrow.gif) no-repeat left !important;
font-size: 11px !important;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #b3b3b3 !important;
text-decoration: underline;
text-transform: uppercase;
padding-left: 15px;
margin-top: 14px;
}

p.copywrite {Property of Ghostly International}

a.less {
display: block;
background: url(http://cdn.ghostly.com/images/assets/less_arrow.gif) no-repeat left !important;
font-size: 11px !important;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #b3b3b3 !important;
text-decoration: underline;
text-transform: uppercase;
padding-left: 15px;
margin-top: 14px;
}

a.more:hover, a.less:hover {color: #777 !important;}

#header {


margin-bottom: 1px;
padding-top: 2px;
}

#box {
width: 850px;
margin: 0 auto;
}

#headerLogo img {
display: block;
margin: 0 auto;
}

#header ul {
border-top: 1px solid #e0e0e0;
text-align: center;
padding: 7px 0 0 0;
margin: 5px auto;
}

#header ul li {
display: inline;
color: #82afac;
}

#header ul li a{
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
color:#3D998A;
text-decoration: none;
text-transform: uppercase;
margin: 0 15px;
letter-spacing: 1px;
}

#header ul li a:hover {text-decoration: underline;}

.artist-releases a img {
background: #fff;
padding: 3px;
border: 1px solid #e0e0e0;
/* Property of Ghostly International */
}

.artist-releases a:hover img {border: 1px solid #777}
.artist-releases a .artist, 
.artist-releases a .title {text-decoration: none;}
.artist-releases a:hover .artist,
.artist-releases a:hover .title  {text-decoration: underline !important;}

.artist-releases dd.artist, .artist-releases dd.artist a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: 0;
text-transform: capitalize;
color: #333;
line-height:15px; 
}

.artist-releases dd.title, .artist-releases dd.title a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #333;
height:28px;
text-transform: capitalize;
line-height: 13px;
}

.artist-releases dd.meta  {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
color: #b3b3b3;
line-height:12px;
}

/* HOME PAGE --------------------------------------------------
=============================================================*/

.left-10-home { 
float: left;
width: 686px;
margin: 0;
}

.right-3-home { 
float: left;
width: 210px;
}

#home { 
border-top: 1px solid #ccc;
width: 100%;
margin-bottom: 20px;
}

#adunits { float: left;}

#la451x280 {
float: left;
width: 451px;
height: 280px;
margin-right: 4px;
}

#t-sm217x138 {
float: left;
width: 217px;
height: 138px;
margin: 0 0 4px 0;
}

#b-sm217x138 {
float: left;
width: 217px;
height: 138px;
margin: 0 0 4px 0;
}

#signup {
clear: both;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 672px;
margin: 20px 0;
height: 70px;
padding: 10px 0 0 0;
}

#signup h3, #signup p {
width: 300px;
margin: 0;
}

#signup h3 {
font-family: georgia;
font-weight: bold;
font-style: italic;
font-size: 15px;
color: #000;

}

#signup p {
font-size: 11px;
line-height: 14px;
color: #333;
}

#signup form {
position: relative;
top: -40px;
left: 340px;
width: 332px;
}

#signup form #l177414-177414 {
background: #ecdeff;
color: #775a9e;
font-family: georgia;
font-size: 11px;
padding: 3px;
width: 200px;
}

#signup form #l177414-177414:focus {background: #f6f0ff}

#signup form #button {
margin-left: 10px;color: #fff;
font-weight: bold;

height: 26px;
width: 101px;
border: none;
cursor: pointer;
padding-bottom: 4px;
}

#new-coming-soon {
float: left;
width: 294px;
margin: 0 21px 0 0;
}

#new-coming-soon h3, #news-column h3 {
font-size: 14px;
font-style: italic;
font-weight: bold;
line-height: 16px;
}

.new-release-top {
clear: both;

margin: 1px 0 14px 0;
padding-top: 10px;

}

.new-release-top li {
float: left;
width: 100%;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 7px;
margin-bottom: 7px;
}

.new-release-top dd.cover img{
float: left;
margin: 0 14px 0 0;
}

.new-release-top dd.artist {padding-top:11px}
.new-release-top .view-all {text-align: right}

.new-release-top .view-all a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
color: #b3b3b3;
text-transform: uppercase;
}

/*
h3.podcast {
padding-right: 20px;
margin-right: 175px;

}

dd.podcast_img {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #e0e0e0;
padding: 3px;
line-height: 0;
}

dd.title {
font-weight: bold;
font-family: lucida grande;
margin-bottom: 8px;
}

dd.description {
font-size: 11px;
color: #666;
font-family: georgia;
}

dd.subscribe {
clear: both;
border-top: 1px solid #ccc;
font-family: lucida grande;
color: #b3b3b3;
padding-top: 12px;
font-size: 10px;
}

dd.subscribe a {
color: #9c84ce;
font-size: 10px;
text-transform: none;
}
*/

/* NEW PODCAST */

h3.podcast {
padding-right: 20px;
margin-right: 175px;

}

dd.podcast_img {
float: left;
margin: 5px 5px 5px 0;
border: 1px solid #e0e0e0;
padding: 3px;
line-height: 0;
}

dd.title {
font-weight: bold;
font-family: lucida grande;
margin-bottom: 0px;
font-size: 10px;
padding-top: 5px;
}

.video-container dd.title {
	font-size: 14px;
}
dd.description {
font-size: 10px;
color: #666;
line-height: 13px;
font-family: georgia;
}

dd.subscribe {
clear: both;
border-top: 1px solid #ccc;
font-family: lucida grande;
color: #b3b3b3;
/*padding-left: 75px;*/
padding-top: 12px;
font-size: 8px;
}

dd.subscribe a {
color: #9c84ce;
font-size: 8px;
text-transform: none;
}

#podcast-button a {
position: relative;
top: -15px;
left: 206px;
display: block;
height: 15px;
width: 90px;
background: url(http://cdn.ghostly.com/images/assets/buttons/button_podcast_player.gif) no-repeat;
}

#news-column {
float: left;
width: 357px;
}

#news-column .news-module {
border: 1px solid #e0e0e0;
border-top: none;
padding: 14px;
}

#news-column .news {
background: url(http://cdn.ghostly.com/images/assets/line_triple_light.gif) repeat-x bottom;
margin-bottom: 21px;
padding-bottom: 11px;
}

#news-column h3 {
background: url(http://cdn.ghostly.com/images/assets/line_big_dark.gif) repeat-x bottom;
padding-bottom: 5px;
}

#news-column .news h3, #news-column .news h3 a {
background: none;
font-size: 12px;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
font-style: normal;
letter-spacing: 1px;
color: #333;
text-transform: uppercase;
border-bottom: none;
margin: 0;
line-height: 13px;
}

#news-column .news h4 {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom:7px;
}

#news-column .news img {
width: 327px;
margin: 7px 0;
}

#news-column p {
font-size: 12px;
line-height: 18px;
}

#news-column .news a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
color: #333;
font-weight: normal;
text-decoration: underline;
text-transform: none;
}

#news-column a.comment-link {
color: #68b3cc;
font-weight: bold;
font-family: lucida grande;
text-decoration:none;
}

#news-column .related-to {
font-size: 10px;
font-family: lucida grande;
color: #999;
}

#news-column .related-to dd {
display: inline;
margin-right: 5px;
}

#news-column .related-to dd a {
font-size: 10px;
}


#news-column .news a:hover {color: #1180a6;}
#news-column .news embed { margin: 14px 0;}
#news-column .news-module #news-archive-link {text-align: right;}

/* NEWS PAGE */
.news-year {
font-size: 14px;
font-weight: bold;
}


#info_column {
border: 1px solid #e0e0e0;
border-top: 2px solid #e0e0e0;
}

#info_column .infomodule {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 14px;
margin: 1px 0;
/* Property of Ghosty International */
}

#info_column #signup h3 {
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #a88fcc;
line-height: 14px;
}

#info_column p {
font-family: georgia;
font-size: 11px;
color: #8a8a8a;
line-height: 11px;
margin: 9px 0;
}

#info_column #signup input#l177414-177414 {
float: left;
width: 100px;
font-size: 11px;
color: #8a8a8a;
padding: 2px;
margin-right: 5px;
}

#info_column #signup input#button {
background: url(http://cdn.ghostly.com/images/assets/btn_sign_up.gif) no-repeat 1px 0px;
font-size: 11px;
color: #fff;
width: 58px;
height: 22px;
border: none;
cursor: pointer;
padding-bottom: 4px;
}

#info_column #signup input#button:hover {color: #a88fcc;}
#info_column #top-downloads { clear: both;}
p.copywrite {Property of Ghostly International}

#top-downloads h3, #live h3 {
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #8a8a8a;
padding-bottom: 3px;
}

#top-downloads ul, #live ul {
margin-top: 1px;
padding-top: 14px;
}

#top-downloads dl {margin-bottom: 7px;}
#top-downloads li {margin-bottom: 10px;}
#top-downloads .dlform {display: inline;}

#info_column .top-downloads dd.artist {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
line-height: 10px;
font-weight: bold;
}

#info_column #live h3 {
font-size: 12px;
font-style: italic;
color: #8a8a8a;
}

#info_column #tgc h3 {
font-size: 12px;
font-family: georgia;
font-weight: bold;
font-style: italic;
color: #248fb3;
}

#info_column #tgc a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
color: #248fb3;
text-transform: uppercase;
}

#info_column #tgc p {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #8a8a8a;
line-height: 11px;
margin: 7px 0;
}

#info_column #links dt {
font-size: 11px;
font-weight: bold;
color:#8A8A8A;
line-height:20px;
}

#info_column #links dd a {
font-size: 12px;
font-weight: bold;
color: #c5b8d9;
letter-spacing: 2px;
text-decoration: none;
}

#info_column #links dd a:hover {color: #000;}

#info_column dl.headlines {
padding: 10px 0;
}


#info_column dl.headlines dd.headline-news {
margin: 0 0 0px 0;
padding: 0 0 10px 0;
line-height: 7px;

}

#info_column dl.headlines dd.headline-date  {
font-size: 10px;
font-style: italic;
color: #666;
}


#info_column dl.headlines dd.headline-news  a {
letter-spacing: 0;
line-height: 20px;
color: #333;
font-size: 12px;
text-transform: capitalize !important;
}

#info_column dl.headlines dd.headline-news  p {
float: none;
width: 180px;
margin: 0;
padding: 0;
display: inline;
color: #333;
}

#info_column dl.homepage-live {
margin-top: 10px;
line-height: 14px;
}

#info_column dl.homepage-live dd.headline-date {
color:#666666;
font-size:11px;
font-style:italic;
}

#info_column dl.homepage-live span.artist {
font-size: 11px;
font-weight: bold;
color: #333;
font-style: normal;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

#info_column dl.homepage-live dd.artist-row {
border-bottom: 1px solid #efefef;
padding-bottom: 5px;
margin-bottom: 5px;
}

#info_column dl.homepage-live dd.artist-row .artist a {
color:#333333;
font-size:11px;
line-height:5px !important;
text-transform:capitalize;
letter-spacing:0px
}

#info_column dl.homepage-live dd.all-link {
margin-top:10px;
}


/* SHARED BROWSE STYLES ---------------------------------------
=============================================================*/

#tabs ul {
float: left;
width: 100%;
border-bottom: 1px solid #e0e0e0;
margin: 0 0 21px 0;
}

#tabs li {
float: left;
color: #333;
text-align: center;
width: 297px;
border-left: 1px solid #e0e0e0;
}

#tabs li.secondary-li {
border-right: 1px solid #e0e0e0;
}

#tabs li.last {
border-left: none;
}

#tabs span.nonlink {
display: block;
font-style: italic;
font-weight: bold;
font-size: 14px;
border-top: 1px solid #777;
padding: 9px;
}

#tabs a {
display: block;
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-style: italic;
font-weight: normal;
font-size: 14px;
color: #8a8a8a;
border-top: 1px solid #e0e0e0;
padding: 10px;
text-transform: none;
letter-spacing: 0;
line-height: 1.5;
/* Property of  Ghostly International */
}

#tabs a:hover {
color: #533380;
background: #f0f0f0;
border-top: 1px solid #777;
}

/* ARTIST BROWSE-----------------------------------------------
=============================================================*/

.full {
padding: 0;
margin: 0;
}

ul.artist-browse {
overflow: hidden;
width: 800px;
}

.artist-list {
float: left;
width: 196px;
margin-right: 48px;
margin-bottom: 21px;
height: 175px;
padding-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
}

.artist-list img {
width: 188px;
padding: 3px;
background: #fff;
border: 1px solid #e0e0e0;
}

.artist-list a:hover img {border: 1px solid #777;}

.artist-list span  {
display: block;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
text-decoration: none;
text-transform: capitalize;
letter-spacing: 0;
}

.artist-list a:hover span {
text-decoration: underline;
}


/* RELEASE BROWSE----------------------------------------------
=============================================================*/

#gi .left_3, #spc .left_3, #gdg .left_3, #gi .right_10, #spc .right_10, #gdg .right_10 {background: none;}
.browse-view {border-top: none;}
.browse {clear: both;}

.browse-about {
float: left;
border: 1px solid #e0e0e0;
padding: 14px;
width: 166px;
}

.browse-about img.logo {
float: left;
margin: 0 7px 7px 0;
}

.browse-about p, .browse-about a {
font-size: 12px;
color: #333;
line-height: 21px;
margin-bottom: 15px;
}

.browse-about a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-weight: normal;
text-transform: none;
text-decoration: underline;
letter-spacing: 0;
}

.browse-about a:hover {
color: #1180a6;
 }

.release-container {
float: left;
width: 684px;
}

ul.release-browse {
width: 750px;
_width: 684px; /* IE HACK HACK HACK HACK HACK */
}

.release-browse li {
float: left;
margin: 0 48px 20px 0;
width: 196px;
height: 280px;
}

/* NEWS ARCHIVE -----------------------------------------------
=============================================================*/


.news-container .news {
border-bottom: 1px solid #ccc;
margin: 30px 0;
}

.news-container .news h3 a, .news-container .news h3  {
font-size: 16px;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
color: #333;
text-transform: uppercase;
}

.news-container .news p a {
font-family: georgia;
text-transform: none;
color: #333;
text-decoration: underline;
font-size: 13px;
}

.news-container .news h4 {
margin: 3px 0 7px 0;
text-transform: uppercase;
font-size: 12px;
color: #b3b3b3;
font-style: italic;
letter-spacing: 1px;

}

#dsq-options-toggle, .dsq-by {
display: none;
}


/* ARTIST DETAIL-----------------------------------------------
=============================================================*/

.artist-detail {overflow: hidden;}

.artist-detail h3 {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
}

.artist-left {width: 686px;}

.left_10 #top {
padding-top: 7px;
margin-top: 1px;
}

#description { 
float: left;
width: 686px;
margin: 20px 14px 0 0;
}

span.dropletter {
color: #060606;
display:block;
float:left;
font-size: 38px;
font-weight:bold;
line-height: 1;
margin: 0 0.1em 0 0;
margin-top: 0.05em;
}

.article_c1 p, .article_c2 p {
line-height: 21px;
}

.article_c1 {
float:left;
width: 329px;
margin-right: 28px;
}

.article_c2 {
float:left;
width: 329px;
}

#album_cover {
float: left;
padding: 6px;
margin: 0 15px 15px 0;
border: 1px solid #e0e0e0;
}

ul#imageGallery {
margin-top: 1px;
}

#imageGallery li {
display: inline;
}

#imageGallery span.nonlink {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
background: #e0e0e0;
color: #8a8a8a;
padding: 1px 3px;
margin: 2px 3px 0 0;
}

#imageGallery li a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
color: #a88fcc;
text-decoration: none;
padding: 1px 3px;
margin: 2px 3px 0 0;
}

#releases {
float: left;
width: 615px; 
height: 400px; /*remove*/
margin: 20px 0 0 0;
}

#release-module-container {
clear: both;
}

#release-module-container h3 {
font-size: 14px;
font-weight: bold;
color: #333;
width: 100%;
border-bottom: 1px solid #777;
}

#release-module {
clear:both;
float: left;
/*width: 687px;*/
border-top: 2px solid #777;
margin-top: 1px;
overflow: hidden;
}

#release-module ul {
clear: both;
float: left;
width: 800px;
}

#release-module h3 {
background: url(http://cdn.ghostly.com/images/assets/line_double_medium.gif) repeat-x bottom;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
font-style: normal;
letter-spacing: 1px;
color: #8a8a8a;
text-transform: uppercase;
width: 100%;
border: none;
margin: 11px 0;
padding: 3px 0;
}

#release-module li  {
float: left;
width: 196px;
height: 270px;
margin: 0 49px 11px 0;
}

.artist-right {
background: url(http://cdn.ghostly.com/images/assets/line_big_medium.gif) repeat-x top;
width: 196px;
}

.holder {
border: 1px solid #e0e0e0;
border-top: none;
margin-top: 4px;
}

.aka {border-bottom: 1px solid #e0e0e0;}
.web {background: url(http://cdn.ghostly.com/images/assets/line_triple_light.gif) repeat-x bottom;}
.live {border-bottom: 1px solid #e0e0e0;}

.live h3 {
font-size: 14px;
font-weight: bold;
color: #a88fcc;
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
}

dl.event-node {
margin: 7px 0;}
dl.event-node .date {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size:11px;
color: #8a8a8a;
/* Property of Ghoslty */
}

dl.event-node .location {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
color: #a88fcc;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}

dl.event-node .venue {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
}

dl.event-node .venue a {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
text-decoration: underline;
text-transform: none;
font-family: georgia;
font-weight: normal;
font-size: 11px;
}

dl.event-node .venue a:hover {color: #000;}

.booking {
background: url(http://cdn.ghostly.com/images/assets/line_triple_light.gif) repeat-x bottom;
padding-bottom: 21px;
}

.booking dd.region {
font-size: 11px;
font-style: italic;
color: #b3b3b3;
}

.booking dd.agent a {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #b3b3b3;
line-spacing: 1px;
}

.artist-detail .press-module h3 {
font-family: georgia;
font-size: 14px;
font-weight: bold;
color: #248fb3;
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
}

.artist-detail .press-module .press-list li {
margin: 7px 0;
}

.artist-detail .press-module .press-list dd {
line-height: 1.3;
}


.artist-detail .press-module dd.title, .artist-detail .press-module dd.date  {
font-style: italic;
font-size: 11px;
color: #b3b3b3;
}

/* RELEASE DETAIL----------------------------------------------
=============================================================*/

.release-detail h1 {
font-size: 20px;
font-weight: bold;
font-style: italic;
}

.release-detail h2 {
font-size: 16px;
font-style: italic;
color: #333;
margin-bottom: 4px;
}

.albums {
/*border-top: 1px solid #777;*/
/*background: url(http://cdn.ghostly.com/images/assets/line_big_dark.gif) repeat-x top;*/
padding: 0;
}

.album-slideshow {
margin-top: 20px;
height: 570px;
}

.album-slideshow a {
font-family: georgia;
font-style: italic;
text-transform: capitalize !important;
font-weight: normal;
font-size: 12px;
color: #000;
}

.album-slideshow img {
padding: 2px;
border: 1px solid #ccc;
}

.about-artist {
border-top: 1px solid #e0e0e0;padding: 21px 0 21px 0;
}

.about-artist p {
color: #8a8a8a;
font-size: 11px;
line-height: 18px;
}

.about-artist img {
float: left;
border: 1px solid #e0e0e0;
padding: 3px;
margin-right: 14px;
}

.about-artist h3 {
color: #a88fcc;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 14px;
letter-spacing: 1.5px;
}

.about-artist a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-weight: normal;
font-style: italic;
text-transform: none;
text-decoration: underline;
}

.about-artist a:hover {color: #1180a6;}

.release-meta {
float: left;
padding: 4px 0 0 0;
/*border-top: 1px solid #777;*/
}

.album-meta-module {
float: left;
background: #efefef;
border: 1px solid #e0e0e0;
border-top: none;
overflow: hidden;
}

ul.album-meta, ul.buy-buttons {
float: left;
border-bottom: none;
border-top: none;
}

ul.album-meta {
background: #fff;
width: 142px;
border-right: 1px solid #e0e0e0;
padding: 11px 14px 5000px 14px;
margin-bottom: -4986px;
}

ul.album-meta .logo img {
margin-right: 32px;
}

ul.album-meta li.label-name {
font-size: 11px;
font-style: italic;
color: #8a8a8a;
}

ul.album-meta li.cat-num {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 14px;
color: #8a8a8a;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 4px;
margin-bottom: 1px;
}

ul.album-meta li.format-title {
font-size: 11px;
color:#B3B3B3;
border-top: 1px solid #e0e0e0;
padding-top: 4px;
font-style: italic;
}

ul.album-meta li.formats, ul.album-meta li.date {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
text-transform: uppercase;
color:#B3B3B3;
font-size:11px;
line-height: 12px;

}

ul.album-meta li.date-title {
font-size: 11px;
font-style: italic;
color:#B3B3B3;
padding-top:6px;
}

ul.buy-buttons {
width: 148px;
padding: 7px 7px 0 7px;
}

.buy-buttons li.button-tgs {
margin: 0 4px 4px 0;
}

.buy-buttons li.button-misc {
float: left;
margin: 0 4px 4px 0;
}

li.share, li.buy-title {
clear: both;
display: block;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size:10px;
color:#8A8A8A;
letter-spacing:1px;
text-transform:uppercase;
text-align: center;
border-bottom: 1px solid #777;
margin-bottom: 10px;
}

.share {margin-top: 21px;}

li.share-icon {
width: 20px;
display: inline;
margin: 0 15px;
}

.release-detail-promo img {
clear: both;
float: left;
margin-top: 21px;
width: 334px;
}

.release-video h3 {
margin-bottom: 10px;
}

.release-video {
float: left;
margin: 21px 0 ;
padding: 0;
}

.release-video .title {
margin-top: 10px;
font-family: lucida grande;
color: #3d998a;
text-transform: uppercase;
}

.release-video .description {
font-family: lucida grande;
font-size: 11px;
border-bottom: 1px solid #777;
padding-bottom: 10px;
color: #8a8a8a;
}

.tracklisting {
float: left;
background: #f7f7f7;
border: 1px solid #e0e0e0;
margin: 20px 0 14px 0;
}

.tracklisting .box-inner {
padding: 7px 14px;
width: 303px;
border: 1px solid #fff;
}

.tracklisting h3 {
font-size: 14px;
font-style: italic;
font-weight: bold;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 7px;
margin-bottom: 1px;
}

.tracklisting table {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
width: 305px;
border-collapse: collapse;
}

.tracklisting tr {
border-bottom: 1px solid #e0e0e0;
}

.tracklisting td {
font-size: 11px;
padding:3px;
}

.tracklisting td.player { 
width:22px;
}

.tracklisting td.song-id {
color: #b3b3b3;
font-weight: bold;
width: 14px;
}

span.artist-name {
font-weight:bold;
color: #333333;
text-transform: uppercase;
}

span.artist-name a{
color: #333333;
text-decoration: underline;
}

span.artist-name a:hover{color: #1180a6;}

/* PRESS DETAIL ------------------------------------------------
=============================================================*/

.press-right {
float: left;
}

.press-container {
padding-top: 14px;
}

.press-info {
border: 1px solid #e0e0e0;
border-top:none;
margin-top: 4px;
}

ul#press-info-top {
background: url(http://cdn.ghostly.com/images/assets/line_triple_light.gif) repeat-x bottom;
padding: 10px 14px 14px 14px;
}

ul#press-info-bottom { padding: 10px 14px 14px 14px;}

#press-info-top dd.publication {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
}

#press-info-top dd.date {
background: url(http://cdn.ghostly.com/images/assets/line_double_light.gif) repeat-x bottom;
font-size: 11px;
font-style: italic;
color: #b3b3b3;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 4px;
margin-bottom: 7px;
}

#press-info-top dd.title {
font-size: 12px;
font-weight: bold;
color: #248fb3;
}

#press-info-top dd.title a {
font-size: 12px;
font-weight: bold;
color: #3d998a;
}

#press-info-top dd.title a:hover {text-decoration: underline;}

.author, .related {
font-style: italic;
color: #b3b3b3;
font-size: 11px;
}

dd.related-entity {line-height: 1.2;}

.quote {
font-size: 28px;
}

/* SHARED PRESS -------------------------------
=============================================*/

.press-module {
clear: both;
padding: 14px 21px;
}

.release-meta .press-module {border: 1px solid #e0e0e0;}

.press-module h3, .release-video h3 {
font-family: georgia;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #248fb3;
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
}

.press-module .press-list li {margin: 7px 0;}
.press-module .press-list dd {line-height: 1.3;}
.press-module dd.publication a:hover {text-decoration: underline;}

.press-module dd.title, .press-module dd.date  {
font-style: italic;
font-size: 11px;
color: #b3b3b3;
}

/* LIVE -------------------------------------------------------
=============================================================*/

.events-module {
margin-top: 1px;
width: 196px;
}

.event-anchors {
padding: 21px;
border: 1px solid #e0e0e0;
border-top: none;
margin-top: 4px
}

.event-anchors ul {
list-style: none !important;
margin: 0;
padding: 0;
}

.event-anchors li {
margin-bottom: 2px;
}

.events {
float: left;
width: 685px;
margin: 21px 0;
}

.live-container {
float: left;
width: 685px;
}

#live-dates {float:left;}

.events h2 a {
float: left;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 16px;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0;
margin: 0 0 14px 0;
width: 470px;
border-bottom: 1px solid #e0e0e0;
text-decoration: none;
}

.events h2 a:hover {
text-decoration: underline;
}

.events img.artist_pic { 
float: right;
margin-top: 23px;
border: 1px solid #e0e0e0;
padding: 3px;
}

.events a:hover img.artist_pic {
border: 1px solid #777;
}

.events ul {
float: left;
color: #b3b3b3;
}

.events li {
width: 465px;
}

.events .date {
font-size: 14px;
color: #248fb3;
margin-right: 14px;
}

.events .city {
font-size: 14px;
letter-spacing: 2px;
color: #8a8a8a;
}

.events .venue {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
color: #8a8a8a;
text-transform: uppercase;
letter-spacing: 1px;
}

.events .venue a {
color: #c5b8d9;
text-decoration: underline;
}

.events .venue a:hover {
color: #000;
}

/* LIVE DETAIL -------------------------------------------------------
=============================================================*/



.live-flier {
padding: 30px 0;
}

#live-detail h1 {
font-style: italic;
margin: 20px 0 20px 0;}

#live-detail dl.left {
width: 170px;
margin-right: 0;
}

#live-detail dl.left dd.performing {
margin-top: 20px;
font-family: lucida grande;
text-transform:uppercase;
font-size: 9px;
}

#live-detail dl.left dd.performing a {
text-transform: none;
font-family: georgia;
color: #333;
text-decoration: underline;
font-weight: normal;
font-size: 13px;
padding-bottom: 5px;
display:block;
}

#live-detail dl.right {
width: 370px;
margin-left:0;
}

#live-detail img {
padding: 20px 0;
}

/* CONTACT ----------------------------------------------------
=============================================================*/

.contact-box {
background: url(http://cdn.ghostly.com/images/assets/block_bg_contact.gif) repeat-y;
width: 278px;
margin: 21px auto 20px auto;
border: 1px solid #e0e0e0;
}

.contact-box .box-inner {
border: 1px solid #fff;
padding: 10px 0px;}

.contact-box ul {
text-align: center;
}

.contact-box .title {
font-size: 18px;
font-style: italic;
font-weight: bold;
}

.contact-box li {
font-size: 16px;
}

.contact-list td {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding-bottom: 6px;
}

.contact-list table {
width: 686px;
padding-bottom: 21px;
margin-bottom: 21px;
border-bottom: 1px solid #e0e0e0;
}

.contact-list td {
width: 335px;
}

.contact-list td.contact-left {
text-align: right;
padding-right: 5px;
}

.contact-list td.contact-right {
padding-left: 5px;
}

.contact-list a {
font-family: georgia;
text-transform: lowercase;
text-decoration: none;
font-style: italic;
font-weight: normal;
color: #a88fcc;
}

.distro {
width: 686px;
overflow: hidden;
}

.distro h3 {
font-family: georgia;
font-size: 18px;
font-style: italic;
font-weight: bold;
border-bottom: 1px solid #777;
margin-bottom: 1px;
}

.distro-container {
float: left;
border-top: 2px solid #777;
padding-top: 21px;
width: 800px;
}

.distro ul {
list-style: none;
margin: 0;
padding: 0;
}

.distro li {
border-bottom: 1px dotted #ccc;
padding-bottom: 35px;
margin-bottom: 35px;
}


.distro dd {
margin: 0;
}

.col-1, .col-2, .col-3 {
float: left;
border-left: 1px solid #ccc;
width: 200px;
padding: 14px;
border-left: 1px solid #e0e0e0;

}

.distro .region {
font-style: italic;
font-size: 18px;
text-transform: uppercase;
display:block;
padding-bottom: 14px;
color: #91C7D9;
letter-spacing: 2px;
line-height: 18px;
}

.distro .release-type {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color:#D89F77;
}

.distro .agency {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #8a8a8a;
}

.distro .addr1,
.distro .addr2,
.distro .label-manager,
.distro .email,
.distro .phone,
.distro .fax {
font-size: 11px;
color: #b3b3b3;
line-height: 14px;
}

.contact-module {
background: url(http://cdn.ghostly.com/images/assets/line_big_medium.gif) repeat-x top;
}

.demo-module {
border: 1px solid #e0e0e0;
border-top: none;
padding: 14px;
margin-top: 4px;
}


.demo-module h3 {
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #8a8a8a;
}

.demo-module h4{
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #b3b3b3;
text-transform: uppercase;
line-height:12px;
margin:11px 0 7px 0;
}

.demo-module li{
font-family: georgia;
font-size: 11px;
font-style: italic;
color: #b3b3b3;
margin-bottom: 14px;
}




/* ABOUT ------------------------------------------------------
=============================================================*/

.about-right {
float:left;
background: url(http://cdn.ghostly.com/images/assets/line_big_medium.gif) repeat-x top;
_width: 150px; /* IE HACK HACK HACK HACK HACK */
}
.about-container, .about-right-module {
margin-top: 1px;
}

.about-container {padding: 14px 0 0 0;}

.about-container img {
border: 1px solid #e0e0e0;
padding: 3px;
}

.left {
float: left;
margin: 0 14px 14px 0;
width: 250px;
}

.right {
float: right;
margin: 0 0 14px 14px;
}

.img-text, .img-text-sm {
display: block;
width: 300px;
color: #b3b3b3;
font-size: 10px;
font-family: lucida grande;
}

.img-text-sm {
width: 250px;
}

.about-right-module { 
border: 1px solid #e0e0e0;
border-top: none;
margin-top: 4px;
padding: 14px; 
}

h3.faq-title {
background: url(http://cdn.ghostly.com/images/assets/line_double_dark.gif) repeat-x bottom;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #8a8a8a;
text-transform: uppercase;
padding-bottom: 7px;
margin-bottom: 7px;
}

h3.question {
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #b3b3b3;
text-transform: uppercase;
line-height: 11px;
margin-bottom: 7px;
}

h3.answer, h3.answer a {
font-family: georgia;
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #b3b3b3;
text-transform: none;
margin-bottom: 14px;
}

h3.answer a {
text-decoration: underline;
color: #8a8a8a;
}
h3.answer a:hover {color: #1180a6;}

/* ERROR PAGES ------------------------------------------------
=============================================================*/

#holding-box {
background: url(http://cdn.ghostly.com/images/assets/line_big_medium.gif) repeat-x top;
width: 400px;
margin: 70px auto 140px auto;
padding-top: 4px;
}

.error-box {
border: 1px solid #e0e0e0;
border-top: none;
padding: 35px;
}

.error-box h2 {
font-size: 20px;
font-weight: bold;
font-style: italic;
color: #333;
text-align: center;
margin-bottom: 28px;
}

.error-box p.intro {
margin-bottom: 12px;
font-family: lucida grande;
font-size: 13px;
color: #8a8a8a;
line-height: 15px;
}

.error-box p.instruct {
font-family: georgia;
font-style: italic;
color: #b3b3b3;
line-height: 16px;
font-size: 11px;
}

.error-box h3  {
font-family: lucida grande;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
margin-top: 21px;
}

.error-box h3 a {
color: #a88fcc;
text-decoration: none;
}

.porque {display:none;}

/* SEARCH -----------------------------------------------------
=============================================================*/

#cse-search-box #searchbox {
margin-top: 10px;
width: 130px;
}

#cse-search-box #search {
color: #fff;
font-weight: bold;
background: url(http://cdn.ghostly.com/images/assets/search_button.gif) no-repeat 0 -0px;
height: 26px;
width: 40px;
border: none;
cursor: pointer;
padding-bottom: 4px;
}

#searchbox_results {
width: 400px;
margin: 25px 0 0 0;
font-size: 14px;
}

#cse-search-box #search_results {
color: #fff;
font-weight: bold;
background: url(http://cdn.ghostly.com/images/assets/search_button.gif) no-repeat 0 -0px;
height: 26px;
width: 40px;
border: none;
cursor: pointer;
}

/* DJ CHARTS---------------------------------------------------
=============================================================*/

.dj-charts-container {
float: left;
width: 685px;
padding-top: 25px;
}

#dj-charts h2 {
float: left;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 16px;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0;
margin: 0 0 14px 0;
width: 470px;
border-bottom: 1px solid #e0e0e0;
text-decoration: none;
}

#dj-charts h2 a {
float: left;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 16px;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0;
width: 470px;
text-decoration: none;
}

#dj-charts h2 a:hover {
text-decoration: underline;
}

#dj-charts img { 
float: right;
margin-top: 23px;
border: 1px solid #e0e0e0;
padding: 3px;
}

#dj-charts a:hover img {
border: 1px solid #777;
}

#dj-charts p {
clear: left;
}

#dj-charts dl {
clear: both;
margin-bottom: 50px;
}

#dj-charts table {
width: 470px;
font-family: lucida grande;
font-size: 11px;
}

#dj-charts table td {
padding: 5px 0px 2px 0;
}

/* ARTWORK ----------------------------------------------------
=============================================================*/
#artwork .artwork_module {
float: left;
width: 100%;
border-bottom: 1px dashed #ccc;
padding: 20px 0 20px 0;
}

#artwork dd.image {
float: left;
margin-right: 10px;
}

#artwork dd.image img {border: 1px solid #efefef;}

#artwork dd.info {
float: left;
padding: 10px 0 0 10px;
width: 185px;
}

#artwork .artist a, #artwork .artist {
font-size: 14px;
color: #333;
font-weight: bold;
font-family: lucida grande;
text-transform: uppercase;
}

#artwork .release a {
font-size: 12px;
text-transform: capitalize;
letter-spacing: 0px;
}

#artwork .cat-num {
color: #999;
font-size: 11px;
font-style: italic;
}

#artwork .release-date {
font-size: 11px;
color: #999;
}

.visual-artists-info h1 {font-family: lucida grande;}
.visual-artists-info li.share-icon {margin: 0;}
.visual-artists-info a {text-transform: none; font-size: 12px}

/* PRESS ARCHIVE-----------------------------------------------
=============================================================*/

.press-archive dt {background: url(http://cdn.ghostly.com/images/assets/solid-line.gif) repeat-x 0 15px;}

.press-archive dt span {
background: #fff;
padding: 0 2px 0 0;
font-family: arial;
font-weight: bold;
font-size: 20px;
color: #ccc;
}

.press-archive span.date {
font-size:12px;
font-style: italic;
color: #999;
margin-left: 10px; 
font-weight: normal;
}

.press-archive dd.publication {font-weight: bold;}
.press-archive dd.title {margin-bottom: 10px;}

.press-archive dd.title a {
font-size: 14px;
text-transform: capitalize;
font-weight: normal;
}

/* SURVEY ----------------------------------------------------
=============================================================*/

#sg_content {
width: 600px;
padding-left: 150px !important;
}

.sg_PoweredBy {
display: none;
}

.sg_QuestionTitle {
font-family: lucida grande;
font-size: 14px;
color: #333;
}

.qNumber {
font-size: 14px;
font-family: georgia;
}

.sg_ControlSet {
margin: 8px 0 !important;
}

.sg_Button_Group {
text-align: left !important;
}

.sg_Instructions h1 {
font-size: 20px;
font-weight: bold;
color: #252525
}

/* FOOTER -----------------------------------------------------
=============================================================*/

#footer {
clear: both !important;
float:left;
background: url(http://cdn.ghostly.com/images/assets/line_big_medium.gif) repeat-x top;
width: 100%;
margin: 21px 0;
padding: 5px 0 2px 0;
border-bottom: 1px solid #C7C7C7;
}

#footer ul#footer_left {
float: left;
color: #82afac;
}

#footer ul#footer_left li {display: inline;}

#footer ul#footer_right {
float: right;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size: 10px;
color: #b3b3b3;
text-transform: uppercase;
margin-top: 3px;
}

#footer a {
font-family: Georgia, Garamond, Times, "Times New Roman", serif;
font-size:11px;
font-weight: normal;
font-style:italic;
color:#3d998a;
text-decoration:none;
text-transform:uppercase;
letter-spacing: 1px;
}

#footer a:hover {text-decoration: underline;}


/* ANNIVERSARY SERIES------------------------------------------
=============================================================*/



dl.anniversary-event {
border-bottom:1px solid #ccc;
margin: 20px 0;
}

dl.anniversary-event dd.flier {
float: left;
margin: 0 20px 20px 0;
}


dl.anniversary-event dd.title a {
font-size: 18px;
font-family:lucida grande;
color: #333;
text-transform:uppercase;
}

dl.anniversary-event dd.date-time {
font-weight: bold;
font-size: 14px;
color: #666;
}


dl.anniversary-event dd.description {
color: #333;
font-size: 13px;
font-family: georgia;
}


.regional_signup {
width:266px !important;
margin-bottom: 20px;
}


h3.regional {
font-family: georgia;
font-weight: bold;
font-style: italic;
font-size: 14px;
color: #000;
background: url(http://cdn.ghostly.com/images/assets/ghostly_stamp.gif) no-repeat 255px 0;
margin-bottom:10px;
}

.regional_signup form #button{
background: url(http://cdn.ghostly.com/images/assets/sub_button.gif) no-repeat scroll 0 0;
height: 24px;
border:0;
width: 98px;
color: #fff;
font-size:12px;
font-family:lucida grande;
cursor:pointer;
margin: 20px 0 0 0;
}

.regional_signup form input{
width: 200px;
}

.event-widget .date {
font-weight: bold;
font-size: 11px;}

.event-widget .artist {
font-size: 12px;
}

.event-widget .city {
font-size: 10px;
}

.charity-img {
float: left;
margin-right: 20px;
}

form.charity {
float: left;
width: 100px;
}

form.charity input, form.charity textarea {
width: 150px;
}

.browse {
margin-top: 20px;
}

.active-roster a {
color:#999999;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size:12px;
}


span.alumni {
color: #999;
font-family: georgia;
font-style: italic;
font-size: 11px;
}

.alumni a {
font-size: 11px;
text-transform: capitalize;
letter-spacing: 0px !important;
}

ul.label-list {
margin: 20px 0 10px 0;
border-bottom: 1px solid #999;
padding-bottom: 15px;
}

ul.label-list li {
margin-bottom: 3px;
}

ul.label-list li.active a {
color:#248FB3;
text-decoration:underline;
}

ul.label-list li a {
color:#248FB3;
}

ul.label-list li a:hover {
color: #000;
}

.artist-list {
float:left;
height:175px;
margin-right:48px;
padding-bottom:25px;
width:196px;
}














body {
	background-color:#FFF;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#000;
}


a, a:visited {
	color:#F0F;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

#holder {
	width:960px;
	margin:auto;
}

#header {
	
}

.clear {
	clear:both;
}

h2 {
font-size:20px;
font-weight:bold;
line-height:22px;
}



h3 {
	font-size:15px;
	color:#076fa2;
	margin-top:-15px;
}

h3 a, h3 a:visited, h3 a:hover {
	color:#F0F;
	text-decoration:none;
}



.logo_sorting {
	height:24px;
	margin-bottom:21px;
}

.logo {
	float:left;
	margin-right:17px;
}

.sorting_grid a {
	float:left;
	width:22px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 0;
	display:block;
}

.sorting_grid a:hover, .sorting_grid_selected {
	float:left;
	width:22px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 -24px;
}

.sorting_grid_null {
	float:left;
	width:22px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 -48px;
}

.sorting_list a {
	float:left;
	width:31px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px 0;
	display:block;
}

.sorting_list a:hover, .sorting_list_selected {
	float:left;
	width:31px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px -24px;
}

.sorting_list_null {
	float:left;
	width:31px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px -48px;
}

.sorting_monkey a {
	float:left;
	width:37px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-53px 0;
	display:block;
}

.sorting_monkey a:hover, .sorting_monkey_selected {
	float:left;
	width:37px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-53px -24px;
}

.navigation {
}

.nav_work a {
	float:left;
	width:322px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:0 0;
	text-indent:-1000em;
	display:block;
}

.nav_work a:hover {
	background-position:0 -84px;
}

.nav_work_selected, .nav_work_selected a {
	float:left;
	width:322px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:0 -84px;
	text-indent:-1000em;
	display:block;
}

.nav_blog a {
	float:left;
	width:290px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-322px 0;
	text-indent:-1000em;
	display:block;
}

.nav_blog a:hover {
	background-position:-322px -84px;
}

.nav_blog_selected {
	float:left;
	width:290px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-322px -84px;
	text-indent:-1000em;
}

.nav_about a {
	float:left;
	width:348px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-612px 0;
	text-indent:-1000em;
	display:block;
}

.nav_about a:hover {
	background-position:-612px -84px;
}

.nav_about_selected {
	float:left;
	width:348px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-612px -84px;
	text-indent:-1000em;
}









.boxgrid {  
	width:960px;
	height:490px;
	overflow: hidden; 
	position: relative; 
}

.boxgrid_small {  
	width:306px;
	height:186px;
	overflow: hidden; 
	position: relative; 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	padding-left:15px;
	padding-top:0px;
}

.boxcaption h2 {
	margin-top:11px;
}

.boxcaption a {
	color:#fff;
	text-decoration:none;
}

.captionfull .boxcaption {
	top:490px;
	left: 0;
}

.boxcaption h2 {
	color:#FFF;
}

.view_work {
	margin-top:15px;
	font-weight:bold;
}







.work_grid, .work_list, .work_detail {
	
	width:960px;
}


.large_thumb {
	width:960px;
	height:490px;
	background-color:#CCC;
	margin-bottom:21px;
	display:block;
}

ul.small_thumbs {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.small_thumbs li {
	list-style-type:none;
	float:left;
	width:306px;
	height:186px;
	background-color:#999;
	margin-right:21px;
	margin-bottom:21px;
}

ul.small_thumbs li.last {
	margin-right:0px;
}

ul.list {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.list li {
	list-style-type:none;
}

.list_oneline a {
	height:82px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:960px;
	text-indent:-1000em;
}

.list_oneline a:hover {
	background-position:0 -82px;
}

.list_twoline a {
	height:165px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:960px;
	text-indent:-1000em;
}

.list_twoline a:hover {
	background-position:0 -165px;
}

.work_description {
	float:left;
	width:470px;
	margin-right:20px;
	margin-top:21px;
}













.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


h1 {
	font-size:103px;
	text-transform:uppercase;
	line-height:65px;
	margin:0;
	padding:0;
	letter-spacing:-5px;
}

.client_list a {	
	color:#000;
	text-decoration:none;
}

.client_list a:hover {
	text-decoration:none;
	color:#FF00FF;
}


















.prodimg{
border: 1px solid #4C3C1B;padding: 5px;background-color: #EFEECB;
       }

.white-book{
border: 1px solid #4C3C1B;padding: 5px;background-color: #9DB0BE;
       }



 
.postlabelshadow-1 {
 
color: #888;
font-size: 20px;
position: relative;
top: 0px;
 
}


#footer {
	color: #fff;
	height: 22px;
	padding-top:  5px;
	padding-left: 15px;
	margin-top: 50px;
	padding-bottom: 20px;
	background-color: #494949;
	border-top: 1px solid #373637;
}





/* comments */
 
 
#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: arial, times, verdana;
	font-size: 10pt;
	
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}
 
#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}
 
#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}
 
.avatar{float:left; margin:0 12px 0 0;}
 
ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}
 
ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
 
ol.commentlist a {color:#000;}
 
cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


ul.nolist li.docicon.pdf{
	background:url("../images/icons/pdf.png") no-repeat 1px 3px;
	padding:3px 20px;
}
ul.nolist li.docicon.ppt{
	background:url("../images/icons/ppt.png") no-repeat 0px 2px;
	padding:3px 20px;
}
ul.nolist li.docicon.xls{
	background:url("../images/icons/xls.png") no-repeat 0px 2px;
	padding:3px 20px;
}
ul.nolist li.docicon.doc{
	background:url("../images/icons/doc.png") no-repeat 0px 2px;
	padding:3px 20px;
}
ul.nolist li.docicon.gen{
	background:url("../images/icons/document.png") no-repeat 1px 4px;
	padding:3px 20px;
}

.top20 {
	padding-top:10%;
}

#container{
	width:auto;
}

#header{
	width:auto;
}

#topheader label{
	float:right;
}

#topheader{
	height:22px;
	font-size:10px;
	font-weight:bold;
	background:#0F0F0F url(../images/backgrounds/headertop.png) no-repeat center center;
	width:auto;
	color:#FFFEFE;
	line-height:22px;
}
#topheader.small{
	background:#0F0F0F url(../images/backgrounds/headertopsmall.png) no-repeat center center;
}
#topheader .silvertext{
	color:#B1B1B0;
}
.silvertext{
	color:#999;
	margin-right:5px;
}
#topheader select{
	color:#FFFEFE;
	background:#000;
	border:1px solid #5D5C5C;
	font-size:10px;
	margin:0px 15px 0px 15px;
	width:190px;
}

a.labeltop {
	color:white;
	background:url(../images/buttons/toparrow.png) no-repeat right 3px;
	padding-right: 10px;
}

a.labeltop:hover {
	color:#e6a074;
	text-decoration:none;
	background-position:right -8px;
}

.pageformat{
	width:980px;
	margin-left:auto;
	margin-right:auto;

}

.contur{
	padding:25px;
}

#middleheader{
	width:auto;
	height:140px;
}
#middleheadersmall{
	width:auto;
	height:107px;
}
#middleheader .leftpartmidhead{
	position:absolute;
	
	width:50%;
	text-align:right;

	background:#122991 url(../images/backgrounds/leftheader.jpg) no-repeat top right;
	height:128px;
}
#middleheader .rightpartmidhead{
	position:absolute;
	width:50%;
	text-align:left;
	background:#6291e3 url(../images/backgrounds/rightheader.jpg) no-repeat top left;
	height:128px;
	left:50%;
}
#middleheadersmall .leftpartmidhead{
	position:absolute;
	float:left;
	width:10r0%;
	text-align:right;
	background:#122991 url(../images/backgrounds/leftheadersmall.jpg) no-repeat top right;
	height:107px;
}
#middleheadersmall .rightpartmidhead{
	position:absolute;
	float:right;
	width:50%;
	text-align:left;
/*	background:#6291e3 url(../images/backgrounds/rightheadersmall.png) no-repeat top left;*/
	background:#6291e3 url(../images/backgrounds/rightheadersmall.jpg) no-repeat top left;
	height:107px;
	left:50%;
}


#middleheadersmall .searchblock{
	margin:70px 0px 0px 54px;
	border:0px solid red;
	width:430px;
}

#middleheadersmall .searchblock .searchbtn {
	float:right;
}

#middleheadersmall .searchblock input {
	float:right;
}

#middleheader .searchblock{
	margin:90px 0px 0px 52px;
	border:0px solid green;
	width:430px;
}

#middleheader .searchblock .searchbtn {
	float:right;
}

#middleheader .searchblock input {
	float:right;
}



.searchblock input{
	width:197px;
	padding:5px 5px 5px 5px;
	height:16px;
	border:1px solid #787878;
	float:left;
	margin:0px 10px 0px 0px;
	color:#9D9C9C;
}




a.searchbtn{
	float:left;
	height:34px;
	width:72px;
	background:transparent url(../images/buttons/search.png) no-repeat;
}
a:hover.searchbtn{
	background:url(../images/buttons/searchhover.png) no-repeat;
}
a.searchbtn1{
	float:left;
	height:36px;
	width:74px;
	background:transparent url(../images/buttons/search1.png) no-repeat;
}
a:hover.searchbtn1{
	background:url(../images/buttons/search1hover.png) no-repeat;
}
a.sendbtn{
	float:right;
	height:36px;
	width:103px;
	background:transparent url(../images/buttons/send.png) no-repeat;
}
a:hover.sendbtn{
	background:url(../images/buttons/sendhover.png) no-repeat;
}

a.searchdocsbtn{
	display:block;
	height:36px;
	width:152px;
	background:transparent url(../images/buttons/searchdocs.png) no-repeat -2px 0px;
}
a:hover.searchdocsbtn{
	background:url(../images/buttons/searchdocshover.png) no-repeat -2px 0px;
}
a.searchmapsbtn{
	display:block;
	height:36px;
	width:112px;
	background:transparent url(../images/buttons/searchmaps.png) no-repeat 0px 0px;
}
a:hover.searchmapsbtn{
	background:url(../images/buttons/searchmapshover.png) no-repeat 0px 0px;
}
a.submitbtn{
	display:block;
	height:36px;
	width:76px;
	background:url(../images/buttons/submit.png) no-repeat;
}
a:hover.submitbtn{
	background:url(../images/buttons/submithover.png) no-repeat;
}





#bottomheader{
	width:auto;
	background:#000;
	min-height:37px;
}


/*--- Start Content block ---*/

#content{
	min-height:50px;
	width:auto;
	background:#fff;
}

/*--- End Content block ---*/


#footer{
	width:auto;
	background:#000;
	padding:18px 0px;
	color:#f2f2f2;
}


#footer span, #footer a{
	line-height:17px;
	color:white;
}
#footer .left{
	float:left;
	margin-left:8%;
	width:50%;
	border:0px solid red;
}


#footer .right{
	float:right;
	margin-right:8%;
	width:34%;
}


.clear{
	clear:both;
}

.right{
	text-align:right;
}
.left{
	text-align:left;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.center{
	text-align:center;
}

#homebox{
	width:auto;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:9px;
	
}








div.postshadowr {
opacity: .9;
background-color: #222222;
float:left;
margin-top: 0px;
margin-right: 40px;
height:171px;
width:293px;
text-align: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
 
 
.postlabelshadowr {
 
color: #888;
font-size: 20px;
position: relative;
top: 0px;
 
}
 
 

div.postshadow-1-t {
opacity: .9;
background-color: #000000;
float:left;
margin-top: 0px;
margin-right: 40px;
height: 44px;
width:750px;
text-align: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}


 
.postlabelshadow-1-t {
 
color: #888;
font-size: 20px;
position: relative;
top: 0px;
 
}




div.postshadow-1 {
background-color: #eee;
float:left;
margin-top: 0px;
margin-right: 40px;
width:750px;
text-align: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}


.prodimg{
    border-style:double;
    border-color:#eaeaea;
       }

 
.postlabelshadow-1 {
 
color: #888;
font-size: 20px;
position: relative;
top: 0px;
 
}







p, ul { margin: 18px 0px 0px 0px }

.column.narrow p, p#footer { margin: 15px 0px 0px 0px }


.column.narrow h3 {
	margin: 22px 0px 0px 0px;
	padding-top: 14px;
}



p.important { font-weight: bold }

p.small, .column.narrow p.small {
	margin: 4px 0px 0px 0px;
	font-size: 10px;
}

p.code {
	font-family: Courier, monospace;
	font-size: 12px;
}

p#footer {
	clear: both;
	margin: 0px 36px 0px 36px;
	padding-top: 15px;
	border-top: 1px solid #DDDDDD;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}

div#download {
	height: 78px;
	margin-bottom: 27px;
	padding: 0px 18px 0px 18px;
	background: #EFEFEF;
	border: 1px solid #DDDDDD;
	text-align: center;
}

img#logo { margin: 0px 36px 0px 36px }

/*** BASIC LAYOUT ***/

div#container {
	width: 972px;
	margin: 0px auto;
}

div#nav {
	height: 18px;
	margin: 0px 36px 9px 36px;
}

div.column {
	float: left;
	margin: 0px 0px 36px 0px;
	padding-left: 36px;
}

div.column.wide { width: 315px }
	
div.column.narrow {
	width: 198px;
	font-size: 11px;
	line-height: 15px;
}

/*** NAVIGATION ***/

#nav ul {
	padding: 0px;
	margin: 9px 0px 0px 0px;
	list-style-type: none;
}

#nav li {
	padding: 0px;
	margin: 0px 27px 0px 0px;
	float: left;
	font-weight: bold;
}

#nav a {
    color: #333333;
}

#nav a:hover, #nav a#selected {
	background: #F2F2F2;
}