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;


		

}

}
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: 0;
}

/* 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;
}

a.mm {
	position:fixed;
	bottom:10px;
	right:10px;
	background:url(images/MediaMilan-White.png) left top no-repeat;
	width:30px;
	height:30px;
	display:block;
}

.backTutorial a {
	width: 300px;
	float: right;
	
	font-family: Arial;
	display: block;
}






/* CAROUSEL MENU */

.mainContainer {
	background: rgba(56,37,73,1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #585858;
	width: 570px;
	height: 225px;
	padding: 10px;
	position: relative;
	background-color:#f0f0f0;
	z-index: 1;


}
.maskingContainer {
	background: #ffffff;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #a3a3a3;
	width: 545px;
	height: 200px;
	overflow: hidden;
	 padding-top:25px;
	 padding-right:20px;
	position: relative;
}

/************
	CHANGE THE WIDTH HERE
	EACH SET is of WIDTH = 525px
	So when you add a new set, add 525px to the exsisting width.
					*************/
.carouselContainer {
	width: 3145px;
	overflow: hidden;
	position: absolute;
	top:10px;
	left:0;
}
/************
	ENDS HERE
			*************/

.imageSetContainer {
	overflow: hidden;
	width: 565px;
	float: left;
}

.imageSetContainer li{
	float: left;
	margin:8px;
}

.imageSetContainer img {
	width: 125px;
	height: 190px;
	background: #d1d1d1;
	display: block;
}

.imageSetContainer a{
	font: normal 14px trebuchet Ms, Arial;
	text-decoration: none;
	color: #9900cc;
}

#circleContainer {
	overflow: hidden;
	text-align: center;
	margin:25px 0 0 0;
	position: absolute;
	bottom: -35px;
	left:37%;
	z-index: 2;
}

.scrollClick, .reverseClick {
	color: #9053cd;
	font-size: 0;
	float: left;
	display: block;
	width: 26px;
	height: 22px;
	margin:5px 0 0 0;
}

.scrollClick{
	background: url(images/spirteImage.png) no-repeat 0 -46px;
}

.scrollClick:hover{
	background: url(images/spirteImage.png) no-repeat -27px -50px;
}

.reverseClick {
	background: url(images/spirteImage.png) no-repeat 0 0;
}

.reverseClick:hover {
	background: url(images/spirteImage.png) no-repeat -26px -27px;
}

.scrollClickDisabled, .reverseClickDisabled {
	color: #969696;
	cursor: default;
	font-size: 0;
	float: left;
	display: block;
	width: 26px;
	height: 22px;
	margin:5px 0 0 0;
}

.scrollClickDisabled {
	background: url(images/spirteImage.png) no-repeat 0 -69px;
}

.reverseClickDisabled {
	background: url(images/spirteImage.png) no-repeat 0 -23px;
}

#buttonArea {
	background: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	float: left;
	box-shadow: 0 0 3px #000000;
}

.buttonUnClicked{
	background: url(images/spirteImage.png) no-repeat -26px -13px;
	width: 14px;
	height: 14px;
	display: block;
	color:#7a39c2;
	text-indent: -9999px;
	font-size:0;
	text-decoration: none;
	float: left;
	margin:3px;
}

.buttonUnClicked:hover{
	background: url(images/spirteImage.png) no-repeat -26px -73px ;
}

.buttonClicked{
    background: url(images/spirteImage.png) no-repeat -26px 0;
	width: 14px;
	height: 14px;
	display: block;
	color:#7a39c2;
	text-indent: -9999px;
	font-size:0;
	text-decoration: none;
	float: left;
	margin:3px;
	cursor: default;
}

#BigprevButton{
	background: url(images/spirteImage.png) no-repeat 0 -93px;
	width: 19px;
	height: 46px;
	display: block;
	color:#7a39c2;
	text-indent: -9999px;
	font-size:0;
	text-decoration: none;
	position: absolute;
	top: 35%;
	left:-24px;
}

#BignextButton{
	background: url(images/spirteImage.png) no-repeat 0 -140px;
	width: 19px;
	height: 46px;
	display: block;
	color:#7a39c2;
	text-indent: -9999px;
	font-size:0;
	text-decoration: none;
	position: absolute;
	top: 35%;
	right:-24px;
	margin-right:-3px
}

#BignextButton.scrollClickDisabled {
	background: url(images/spirteImage.png) no-repeat -19px -140px;
}

#BigprevButton.reverseClickDisabled {
	background: url(images/spirteImage.png) no-repeat -19px -93px;
}
	
/* CAROUSEL MENU */