ul,li{margin:0;padding:0; font-family:arial}

.demo-wrap ul {width: 1040px;  height: 595px; overflow: hidden;}

.demo-wrap li {list-style: none; margin: 0; height: 213px;}

.demo-wrap .top {width: 1040px; height: auto; float: left; text-align: center;}

.demo-wrap .bottom {width: 1040px; padding-top: 25px; float: left; text-align: center;}

.demo-wrap .bottom .ueber {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-size: 22px; color:#3e4547;}

.demo-wrap .bottom .mid {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-style: italic; font-size: 13px; color:#3e4547; padding: 0 210px 0 210px;}

.demo-wrap .bottom .text {font-size: 17px; color: #3e4547; font-family:Helvetica Neue, Arial," sans-serif"; font-weight: 300;  padding: 0 130px 0 130px;}

@media screen and (max-width: 1200px){	
.demo-wrap ul {width: 679px;  height: 590px; overflow: hidden;}	
.demo-wrap .top {width: 679px; height: auto; float: left; text-align: center;}
.demo-wrap .bottom {width: 679px; padding-top: 25px; float: left; text-align: center;}
.demo-wrap .bottom .mid {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-style: italic; font-size: 13px; color:#3e4547; padding: 0 110px 0 110px;}
.demo-wrap .bottom .text {font-size: 17px; color: #3e4547; font-family:Helvetica Neue, Arial," sans-serif"; font-weight: 300;  padding: 0 80px 0 80px;}
}

@media screen and (max-width: 750px){
.demo-wrap ul {width: 434px;  height: 590px; overflow: hidden;}	
.demo-wrap .top {width: 434px; height: auto; float: left; text-align: center;}
.demo-wrap .bottom {width: 434px; padding-top: 25px; float: left; text-align: center;}
.demo-wrap .bottom .mid {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-style: italic; font-size: 13px; color:#3e4547; padding: 0 50px 0 50px;}
.demo-wrap .bottom .text {font-size: 17px; color: #3e4547; font-family:Helvetica Neue, Arial," sans-serif"; font-weight: 300;  padding: 0 0 0 0;}
}

@media screen and (max-width: 504px){
.demo-wrap ul {width: 300px;  height: 590px; overflow: hidden;}	
.demo-wrap .top {width: 290px; height: auto; float: left; text-align: center;}
.demo-wrap .bottom {width: 290px; padding-top: 25px; float: left; text-align: center;}
.demo-wrap .bottom .ueber {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-size: 19px; color:#3e4547;}
.demo-wrap .bottom .text {font-family:Helvetica Neue, Arial," sans-serif"; font-weight: 300; font-size: 14px; color: #3e4547; padding: 0 0 0 0;}
.demo-wrap .bottom .mid {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-style: italic; font-size: 10px; color:#3e4547; padding: 0 10px 0 10px;}
}

@media screen and (max-width: 468px){
.demo-wrap ul {width: 250px;  height: 590px; overflow: hidden;}	
.demo-wrap .top {width: 240px; height: auto; float: left; text-align: center;}
.demo-wrap .bottom {width: 240px; padding-top: 25px; float: left; text-align: center;}
.demo-wrap .bottom .ueber {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-size: 17px; color:#3e4547;}
.demo-wrap .bottom .text {font-family:Helvetica Neue, Arial," sans-serif"; font-weight: 300; font-size: 12px; color: #3e4547; padding: 0 0 0 0;}
.demo-wrap .bottom .mid {font-family:Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-style: italic; font-size: 8px; color:#3e4547; padding: 0 10px 0 10px;}
}

.demo-wrap .left {
width: 205px; float: left;
}

.demo-wrap .right {
width: 320px; float: left;
}

.demo-wrap .right .album {
margin-top: 60px; font-size: 18px;
}

.demo-wrap .right .band {
font-size: 14px; color: #838383;
}

.demo-wrap .multiple li {
width: 190px;
}

.demo-wrap .DG-wrapper {
margin: 0 auto; border-radius:10px; padding:5px;
}

.demo-wrap .DG-prev {
position: absolute; top: 20%; left: -40px; width: 31px; height: 31px; text-indent: -999999px; background: url(icon_arrow_left1.png) no-repeat 0 -31px;
}

.demo-wrap .DG-next {
position: absolute; top: 20%; right: -40px; width: 31px; height: 31px; text-indent: -999999px; background: url(icon_arrow_right1.png) no-repeat 0 -31px;
}

.demo-wrap .DG-next:hover,
.demo-wrap .DG-prev:hover {
background-position: 0 0;
}
/*start / stop*/
.DG-auto {
text-align: center;
}

.DG-start {
color: #f1eee7; font-size: 14px; background: #838383; padding: 4px 7px;	border-radius: 3px; text-transform: capitalize;
}

.DG-start:hover {
background: #525044; text-decoration: none;
}

/*pager*/