/* CSS Document */







* { padding:0; 	margin:0; }



html{height: 100%;	margin: 0 auto;}

.right {float: right;}

.left {float: left;}

.clear { clear:both; }

img { border: 0; }

a:focus {-moz-outline-style: none; } 

a:active{  outline: none; }





/*Add a .clearfix class to the element you need to have expand: (the 'container')*/

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix {display:inline-block;}/* Hide from IE Mac \*/

.clearfix {display:block;}/* End hide from IE Mac */



/****************Big Structure******************/

body {background: #6E6E6C; margin: 0; padding: 0; }

#big_wrapper {margin: 0 auto; width: 983px; background: url(../images/background2.jpg) no-repeat; padding:0px;}

#page {height: 1430px; margin: 0px; padding: 0px; }





/*******************Page Elements *****************/

#slideshow1{border: 0px solid blue; width: 252px; height: 173px; padding-top: 26px; margin: 0px 0 0 635px;}

#playlist {width: 300px; border: 0px solid blue; height: 337px; margin: 23px 0 0 260px;}

/* Updated July 2008 */#get_with {width: 160px;margin: 89px 110px 0 0; font-family:"Courier New", Courier, mono;}

/* New July 2008 */
#get_with h2, #get h2 {font-size: 18px; font-weight: bold;}
#get_with ul, #get ul {list-style-type: none; margin: 4px 0 0 9px; font-size: 12px;}
#get_with li, #get li{list-style-type: none; margin-bottom: 3px; background: url(../images/arrow1.gif) no-repeat; padding-left: 6px;}
#get_with a, #get a{color: #000; text-decoration: none;}
#get_with a:hover, #get a:hover {text-decoration: underline;}

#get_and_player {clear: both;}

/* Updated July 2008 */ #get {margin: 0px 0 0 40px; padding-top: 0;width:100px;  font-family:"Courier New", Courier, mono;}


#player {float: left; border: 0px solid blue; margin: 20px 0 0 60px; width: 361px; height: 39px;}

#drawing_and_listen {clear: both;}

#drawing_pad {border: 0px solid blue; clear: both; width: 475px; height: 280px; margin: 130px 0 0 160px;}

#listen {border: 0px solid blue; width: 240px; font-family:"Courier New", Courier, mono; color: #FFF; font-size: 13px; padding: 0 0 0 25px; margin: 200px 0 0 0px; }

#bottom_links {color: #FFF; font-family: "Courier New", Courier, mono; margin: 200px 0 0 590px; font-size: 12px; width: 200px; line-height: 20px;}

/********************Playlist*******************/

#playlist ul {list-style-type: none; }

#playlist li { margin-bottom: 6px;}

#playlist li a {background: #6BE3FF; font-family: Georgia, "Times New Roman", Times, serif; padding: 1px; text-decoration: underline; color: #000; font-size: 13px;}

#playlist li a:hover {background: #FBF28C;}

#playlist .number {font-family: "Courier New", Courier, mono; font-size: 12px; color: #333333;}

/*******************Listen******************/

#listen ul {list-style-type: none; }

#listen li { margin-bottom: 22px;}

#listen li a, .multiBoxDesc a {background: #FBF28C; font-family: Georgia, "Times New Roman", Times, serif;  text-decoration: none; color: #000; font-size: 12px; font-weight: bold;}

#listen li a:hover, .multiBoxDesc a {background: #6BE3FF; text-decoration: underline;}

#flashcontent3 {margin: -5px 0px 0px 20px;}



/***************bottom links****************/

#bottom_links a {color: #FFF;}

#bottom_links a:hover {text-decoration: none;}