* {margin:0; padding: 0; font-family: "Helvetica Neue", helvetica, arial, "Trebuchet MS", sans-serif; }

body {width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; background-color: #040d0e; color: #0D1314;  }

h1 {margin-bottom: 10px; margin-top: 10px;letter-spacing: 0.1em;letter-spacing: 0.1em;}
h2 {margin-bottom: 10px;}
p, li {margin-bottom: 10px;  font-size: 12px; line-height: 150%;}

form {font-size: 12px;}

a {font-weight: bold; display: block; text-decoration: none; color: #0D1314;}

ul {list-style-type: none;}
li { padding-left: 10px;}
ul:first-child {border: none !important;}
#outerContainer {position: absolute; width: 960px; height: 600px;top: 50%; left: 50%; margin-top: -310px; margin-left: -480px; }

#Container {background-image: url("/images/homeBg.jpg"); width: 960px; height: 550px; border: 1px solid #191F1F; overflow: hidden; position: relative;}
#loadingDiv {background-image: url("/images/88.gif"); background-repeat: no-repeat;}

#menuBar {display: block; height: 50px; overflow: hidden; position: relative;letter-spacing: 0.1em;}
.ulContain {width: 100%; }
.NavDiv h1 {padding-bottom: 5px; text-align: left; padding-bottom: 0 !important; padding-top: 0;}
#homeNavDiv {color: #ffffff; position: relative; }
#homeNavDiv h1 {width: 400px; font-size: 35px; float: left; }
#home {list-style-type: none; position: absolute; right: 0; top: 25px; font-weight: 100; cursor: pointer; width: 600px; text-align: right; }
#home li {padding: 3px; display: inline; font-size: 12px; text-align: right; margin: 0 !important;}
#home li:hover {}

#secondaryContent {z-index: 2;position: absolute; top: 0px; left: 0px;}

#mainContainer {position: absolute; right: 10px; top: 10px; z-index: 2; width: 410px; height: 100%;}

#pageContent {margin-bottom: 10px; height: 100%; overflow: hidden; }

.aboutContain, .linksContain, .newsContain {background-color: #5f7278; border: 1px solid #efefef; padding: 10px; height: 490px; overflow: auto; }

#jquery_jplayer {z-index: 4; width: 350px;}

.testimonials {position: absolute; left: 520px; top: 40px; color: #ffffff; width: 350px; font-size: 12px;}
.testimonials div {margin-bottom: 20px;}
.QuoteSource {font-size: 14px; font-weight: bold;}

/* MUSIC */

#musicGenre li.orchestral ,#musicGenre li.ensemble ,#musicGenre li.other, #WorksSub li.recent ,#WorksSub li.film,#WorksSub li.reviews, #WorksSub li.selected {color: #ffffff; display: block; font-size: 18px; width: 390px; background-color: #121e1b; padding: 10px; margin-top: 10px; cursor: pointer; }


#musicGenre li:hover {background-color: #172F29 !important;}
#WorksSub li:hover {background-color: #172F29 !important;}

#player_container { position: relative; width: 408px !important; height: 70px; background-color: #5f7278; border: 1px solid #ffffff; margin-top: 10px;}

#player_controls {list-style-type: none;width: 350px; font-size: 12px;}
#player_controls li {display: inline; cursor: pointer;}

#player_play {position: absolute; left: 25px; top: 10px;}
#player_pause {position: absolute; left: 25px; top: 10px;}
#player_stop {position: absolute; left: 55px; top: 9px;}
#player_volume_bar {position: absolute; left: 145px; top: 11px; background-color:silver; width: 105px !important; height: 10px; float: left; height: 10px;}
#player_volume_bar_value {background-color: white; height: 10px;}
#player_volume_min {display: inline;}
#player_volume_max {display: inline;}
#player_volume_min {position: absolute; left: 135px; top: 8px;}
#player_volume_max {position: absolute; left: 255px; top: 8px;}
#ctrl_prev {position: absolute; left: 340px; top: 10px;}
#ctrl_next {position: absolute; left: 370px; top: 11px; }

#play_time {position: absolute; left: 30px; top: 45px; font-size: 10px; color: #ffffff;}
#total_time {position: absolute; left: 355px; top: 45px; font-size: 10px; color: #ffffff;}

#player_progress {position: absolute; left: 25px; top: 30px; width: 360px; overflow: hidden; cursor: pointer;}
#player_progress_load_bar {background-color:silver; height: 9px;}
#player_progress_play_bar {background-color: white; height: 5px; position: relative; top: 2px;}



#playlist_list {margin-top: 5px; border: 1px solid #efefef; padding: 10px; background-color: #d5d5d5; font-size: 12px; height: 220px; overflow: auto; width: 388px;}
#playlist_list li {padding: 5px; border-bottom: 1px dotted #ffffff; margin: 0 !important; cursor: pointer; list-style-type: none;}
.playlist_hover, #playlist_list li:hover {color: #726f6f;}
.playlist_current {font-weight: bold;}
.trackTitle {position: absolute; left: 70px; top: 50px; color: #ffffff; width: 250px; }

/* GALLERY
.galleryContain {background-image: url("/images/contentBackground.png"); height: 450px;  }
.galleryContain div.wrapper { padding: 10px; padding-left: 20px;  height: 410px; width: 380px; overflow: auto; position: relative; top: 7px;}
 */
.thumbs {margin-left: 4px; margin-bottom: 5px; border: 1px solid #ffffff; float: right; width: 76px; height: auto; cursor: pointer;}
.imgFull {margin-left: 19px; margin-top: 10px;}
.imgFull img {border: 1px solid #ffffff;}

/* WORKS */
.workDesc {margin-left: 10px; margin-top: 20px; width: 480px; height: 500px; font-size: 12px;}
.workDesc h2 {font-size: 16px; color: #fff;}
.workDesc p { color: #fff;}
.workDesc h3 { padding: 5px; background-color: #121e1b; color: #ffffff; margin: 0;}
.worksUl {border: 1px solid #efefef; padding: 10px; background-color: #d5d5d5; font-size: 12px; height: 460px; overflow: auto; margin-bottom: 10px;}
.worksUl p {color: #000000;}
.worksUl li {padding: 5px; margin: 0 !important; border-bottom: 1px dotted #ffffff; list-style-type: none;}

/* SHOP */

.shopContain {background-color: #5f7278; border: 1px solid #efefef; padding: 10px; height: 490px; overflow: auto;}
.shopContain form {clear: both;}
.item {padding: 10px; border-bottom: 1px dotted #ffffff; margin: 0 !important;}
.item h3 {padding: 5px; background-color: #121e1b; color: #ffffff; margin-bottom: 5px; font-size: 14px; font-weight: 100; letter-spacing: 0.1em;}
.item img {margin-left: 5px; margin-bottom: 10px; width: 100px; height: auto;}

/* CONTACT */
#contactContain {background-color: #5f7278; border: 1px solid #efefef; padding: 20px; height: 490px; overflow: auto; }
#contactContain form {}
#contactContain form fieldset {border: none; margin-bottom: 10px;}
address {  font-size: 12px; line-height: 160%;}

/* VIDEO */
#popup {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;background-color: #08090a; display: none; overflow: hidden;}
#mediaBox {position: relative; padding-top: 5%; width: 500px; height: 500px; margin: auto; color: #fff;}
.media div {padding: 5px;}
#video_small li {color: #ffffff; display: block; font-size: 14px; width: 220px; background-color: #121e1b; padding: 5px; margin-top: 0px; cursor: pointer; float: right;}

/* NEWS */
.blog li {list-style-type: none; padding-left: 0 !important}
.blog li a {font-weight: bold; display: block; font-size: 16px; text-decoration: none; color: #0D1314;}
