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

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
}

img {
	display:inline;
}

body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*CONTAINERS*/

#wrap {
	width:1000px;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
}

#ipod {
	background:#333;
	height: 480px;
	width: 320px;
	border:#333 solid 1px;
	margin: 0;
	padding:0;
	float:left;
}

#ipod a{
	color: #000
}

#ipod2 {
	background:#333;
	height: 480px;
	width: 320px;
	border:#333 solid 1px;
	margin: 0;
	padding:0;
	float:left;
	color:#FFF;
}

/*IPOD 1*/

#ipod .header {
	background:url(../img/ipodHeader.jpg) top left no-repeat;
	font-size: 14px;
	height: 18px;
	font-weight:bold;
	padding: 2px 0 0 0;
}


#ipod .header .wifi {
	margin: 4px 0 0 30px;
}

#ipod .header #time {
	margin: 4px 0 0 73px;
}

#ipod .title {
	background: url(../img/titleGradient.jpg) repeat-x;
	height:44px;
	width: 320px;
}

#ipod .title #titleSong {
	margin: -44px 128px;
}

#ipod .title #nowPlaying {
	float:right;
}

#ipod #songList {
	background:#FFF;
	width: 320px;
	height: 368px;
	overflow-y:auto;
	overflow-x:hidden;
}

#ipod #songList ol {
	font-size: 18px;
	font-weight: bold;
	color:#000;
	width:320px;
}

#ipod #songList ol li {
	list-style:none;
	width: 302px;
	height:25px !important;
	border-bottom: solid #999 1px;
	padding: 9px;
}

#ipod #songList ol li:hover {
	background:url(../img/highlightGradient.jpg) repeat-x;
	color:#FFF;
}

#ipod #songList ol li a {
	margin: 5px;
}


#ipod #footer {
	height: 49px;
	width: 320px;
	background:url(../img/footer.jpg) top left no-repeat;
}

/*Ipod 2*/

#ipod2 .header {
	background: url(../img/playerHeader.jpg) top left no-repeat;
	font-size: 14px;
	height: 18px;
	font-weight:bold;
	padding: 2px 0 0 0;
}


#ipod2 .header .wifi {
	margin: 4px 0 0 30px;
}

#ipod2 .header #time2 {
	margin: 4px 0 0 73px;
}

#ipod2 .title {
	background: url(../img/playerTitleGradient.jpg) repeat-x;
	height:44px;
	width:320px;
	text-align:center;
}

#ipod2 .title #backButt {
	float:left;
}

#ipod2 .title #menuButt {
	float:right;
}

#ipod2 .title .songName {
	font-weight:bold;
	font-size:18px;
	line-height:25px;
}

#ipod2 .title #artistName {
	font-weight:bold;
	font-size:12px;
	color:#CCC;
}

#ipod2 #coverArt {
	height:321px;
	width:320px;
}

#ipod2 #controls {
	background:url(../img/playerBottomGradient.jpg) repeat-x;
	height:95px;
	width:320px;
}

#ipod2 #controls #prevButt {
}

#ipod2 #controls #play {
	padding:0 5px 0 2px;
	width: 90px;
	height:95px;
}

#ipod2 #controls #play img{
	display:block;
}


#ipod2 #controls #nextButt {
	float:right;
}

/*Ipod Case*/

.ipodCase {
	background:url(../img/ipodCase.png) no-repeat;
	height:722px;
	width:393px;
	margin:50px auto;
}
	
/*SLIDER*/

#container {
	padding: 122px 0 0 38px;
	height:480px;
	width:320px;
	overflow:hidden;
}