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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
    -webkit-text-size-adjust:none;
}
}


/* ...................NDG LAYOUT CSS.................  */



#background {
	position: relative;
	margin:0 auto;
	top:0px;
	width:875px;
	height:1053px;
	background-image: none;
	background-repeat: no-repeat;
	
} 


#container {
	position: absolute;
	margin-left: 50%;
	top:30px;
	left:-410px;
	width:830px;
	height:740px;
	z-index:3;
	background-image: none;
	background-repeat: no-repeat;
	z-index:2;
} 


#header{
	position: absolute;
	top:0px;
	width:820px;
	height:52px;
	z-index:2;
}

#facebook
{
	position: absolute;
	top: 17px;
	left: 10px;
	width: 26px;
	height: 27px;
}

#twitter
{
	position:absolute;
	top: 17px;
	left: 41px;
	width: 27px;
	height: 27px;
}

#reverb
{
	position:absolute;
	top: 17px;
	left: 76px;
	width: 103px;
	height: 27px;
}

#bandCamp
{
	position:absolute;
	top: 17px;
	left: 189px;
	width: 82px;
	height: 27px;
}


#menu {
	position:absolute;
	top: 57px;
	left: 292px;
	width: 528px;
	height: 56px;
	background-color: transparent;
}

#textAnimation {
	position:absolute;
	top: 123px;
	left: 292px;
	width: 525px;
	height: 35px;
	background-color: transparent;
}


#hand {
	position:absolute;
	top:56px;
	left:0px;
	width:290px;
	height:415px;
	z-index:3;
}

#holder {
	position:absolute;
	top:159px;
	left:292px;
	width:530px;
	height:310px;

}

#coolerView {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 179px;
	height: 160px;
	background-color: transparent;
}

#view {
	position: absolute;
	top: 0px;
	left: 179px;
	width: 173px;
	height: 160px;
	background-color: transparent;
}

#artists {
	position: absolute;
	top: 0px;
	left: 352px;
	width: 168px;
	height: 160px;
	background-color: transparent;
}

#listen {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 170px;
	height: 160px;
	background-color: transparent;
}

#coolerListen {
	position: absolute;
	top: 0px;
	left: 690px;
	width: 159px;
	height: 160px;
	background-color: transparent;
}

#footer {
	margin-left: 50%;
	position:absolute;
	top:507px;
	left:-425px;
	width:855px;
	height:160px;
	z-index:100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottomNavigation {
	margin-left: 50%;
	position: absolute;
	top: 685px;
	left:-420px;
	width: 855px;
	height: 33px;
}







/* NDG Text CSS */

.copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #ffffff;
}

.copyH1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	line-height: 0px;
	color: #C60;
}


.copyYellow {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #ffff00;
}

.copyPurple {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #900;
}

.copyBlue {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #6699ff;
}

.copy3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #0066b7;
}


.copy5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
}

.heading1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	line-height: 17px;
	color: #0066b7;
}

.heading2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 17px;
	color: #0066b7;
}


a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ffff00;
	text-decoration: none;
}
a:visited {
	color: #ffff00;
}
a:hover {
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
}

a.other {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ff0000;
	text-decoration: none;
}
a.other:hover {color:#cccccc}

a.other2 {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #6699ff;
	text-decoration: none;
}
a.other2:hover {color:#cccccc}

a.other3 {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ffff00;
	text-decoration: none;
}
a.other3:hover {color:#cccccc}



/*============================*/
/*=== NIVO_SLIDER Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:441px;
    height:231px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:441px;
    height:231px;
    margin-left:43px;
	margin-top:43px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


#slider2 {
	position:absolute;
    width:525px;
    height:35px;
    margin-left:0px;
	margin-top:0px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}


.nivo-controlNav {
	position:absolute;
	left:65px;
	bottom:-45px;
}
.nivo-controlNav a {
	display:block;
	width:30px;
	height:35px;
	background:url(images/homeArrows875.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	
	
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:35px;
	background:url(../images/homeArrows875.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:-32px;
}
a.nivo-prevNav {
	left:-35px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	text-align:center;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:1000;
	cursor:pointer;
	opacity: 1;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}