@charset "UTF-8";
/* Uptown Studios CSS Document (29 October 2007)*/

/*----Wrapper---*/

* {
padding: 0;
margin: 0;
}

body {
background: url(../images/background.gif) top left repeat-x #2c2b2c;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size: 12px;
line-height: 16px;
color:#414141;
}

#wrapper {
width: 920px;
margin-left: auto;
margin-right: auto;
background: #fff;
}

h2 {
font-size: 19px;
margin-bottom: .5em;
}

h3 {
font-size: 16px;
margin-bottom: .35em;
color:#3c8eb9;
}

h4 {
text-transform: uppercase;
letter-spacing: 1px;
color: #344154;
}

p {
margin-bottom: 1em;
}

p.news_date {
margin-bottom: 0;
font-size: 10px;
color:#999999;
}

p.read_on {
text-align: right;
padding-bottom: 0;
margin-bottom: 0;
}

#content a {
background: #fff;
padding-right: 2px;
color:#3481aa;
padding-left: 2px;
text-decoration: none;
margin-right: -2px;
margin-left: -2px;
}

#content #column_3 a {
background: #dcecf5;
}

#content #column_3 a:hover {
background: #7bb7d7;
}

#content a:hover {
background: #7bb7d7;
color:#fff;
}

img.float_left {
float: left;
padding-right: 10px;
padding-bottom: 2px;
}

div.note {
background: #f6bbbb;
padding: 10px 10px 5px 10px;
}

div.note h4 {
color: red;
}

/*----header-----*/
#header {
background: url(../images/header.jpg) top left no-repeat;
width: 920px;
height: 170px;
}

#header h1 a {
display: block;
position:relative;
top: 30px;
left: 45px;
width: 185px;
height: 108px;
text-indent: -4567px;
background: url(../images/uptown_studios_logo.gif) top left no-repeat;
}


/*-----navigation-----*/

#navigation {
float:none;
width: 920px;
border-top: solid 1px #8896bf;
background: url(../images/header.jpg) top left no-repeat;
}

#navigation ul {
position: relative;
width: 920px;
height:40px;
margin-left: 40px;
border-left: 1px solid #5d6d8c;
list-style: none;
}

#navigation ul li {
float:left;
display:inline;
}

#navigation ul li a {
display:block;
line-height: 40px;
background: url(../images/nav_bg.gif) top left no-repeat;
border-right:1px solid #5d6d8c;
margin-right: 0px;
padding: 0 15px 0 15px;
color: #c7d1e2;
text-decoration:none;
}

#navigation ul li a:hover {
background-position: 0px -90px;
color: #333f52;
}

#navigation ul li a:active {
background-position: 0px -45px;
color: #ffffff;
}

#wrapper.rates ul li.rates a, #wrapper.home ul li.home a, #wrapper.news ul li.news a, #wrapper.services ul li.services a, #wrapper.studio_specs ul li.studio_specs a, #wrapper.biography ul li.biography a, #wrapper.links ul li.links a, #wrapper.contact_us ul li.contact_us a {
background: #fff;
color:#344154;
}

/*------content------*/
#content {
float:left;
width: 840px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 20px;
background: #fff;
}


#column_1 {
width: 555px;
float:left;
}

.sub_column_1 {
width: 270px;
float:left;
}

.sub_column_2 {
width: 260px;
float: right;
}

#column_2 {
float: right;
width: 225px;
background: #dcecf5;
padding: 15px 15px 15px 15px;
}

#column_2 img {
margin-left: -15px;
margin-bottom: -15px;
margin-top: 10px;
}


#column_2 p {
font-size: 10px;
}

#column_2 ul {
list-style: none;
margin-left: 10px;
margin-bottom: 10px;
}

#column_2 ul li a {
padding: 3px 3px 3px 20px;
font-size: 10px;
line-height: 19px;
cursor: pointer;
background: url(../images/icon_sound_blue.gif) top left no-repeat;
}

#column_2 ul li a:hover {
color: #fff;
cursor: pointer;
background: url(../images/icon_sound_blue_hover.gif) top left no-repeat #7bb7d7;
}

#column_3 {
float: right;
width: 225px;
background: #dcecf5;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 15px 15px 15px;
}

#column_3 p {
font-size: 10px;
}

img {
margin-bottom: 1em;
background: #DCECF5;
}

img.left {
float: left;
margin-right: 1em;
}

/*----Sample Music---*/
body.sample {
background: url(../images/sample_bg.jpg) top left;
}

#sample_music {
color: #fff;
font-size: 10px;
padding-top: 110px;
padding-left: 24px;
background: url(../images/logo_uptown-small.gif) top left no-repeat;
}

#sample_music span {
color: #999999;
font-size: 9px;
}

#sample_music span a {
color: #999999;
}

p.song_name {
margin-top: 12px;
margin-bottom: 0;
padding: 0;
}

p.next_sample {
margin-top: 5px;
margin-bottom: 0;
}

p.next_sample a, p.next_sample a:visited {
color: #CCCCCC;
font-size: 9px;
background: #3f4f66;
text-decoration: none;
padding: 3px;
}

p.next_sample a:hover {
background: #576c8c;
}

/*------footer-------*/
#footer {
padding:0px;
text-align:center;
width: 920px;
margin-left: auto;
margin-right: auto;
}

#inner_footer {
width: 920px;
float:left;
margin-left: auto;
margin-right: auto;
background: url(../images/header.jpg) top left no-repeat;
height: 30px;
}

#galatis-group a {
display:block;
float: left;
text-indent:-9999px;
text-decoration:none;
width:21px;
height:12px;
background: url(../images/gg-footer.gif) bottom left no-repeat;
margin-left: 40px;
margin-top: 8px;
}

#footer a:hover {
background-position: 0px 0px;
}

#copyright {
color: #a9b3c0;
margin-bottom: 9px;
font-size: 9px;
width: 600px;
float: right;
text-align: right;
margin-right: 40px;
margin-top: 8px;
}