/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:750px; margin:auto; padding:10px 25px; background:white; position: relative;}

/* Global properties ======================================================== */

body{ background:#f0f1f0; border:0; font:12px Arial, Helvetica, sans-serif; color:#6b6b6b; line-height:20px;}
.block {height:78px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -78px; background:url(../images/bg2.gif) bottom repeat-x;}
body, html {height:100%;}

.block2 {height:130px;}
.extra2 {min-height:100%; height:auto !important; height:100%; margin: 0 auto -130px; background:url(../images/bg.gif) bottom repeat-x;}

.body1{} 

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 850px}


/* ============================= main layout ====================== */

a{ color:#6b6b6b; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
p{ padding-bottom:20px;}

h2{ font-family: 'Rock Salt', cursive; font-size:26px; color:#000000; line-height:1.2em; padding:8px 0 18px 0; letter-spacing:-1px;}

h3{ font-family: 'Rock Salt', cursive; font-size:18px; color:#000000; line-height:1.2em; padding:8px 0 7px 0; letter-spacing:-1px;}

.date{ font-family: 'Rock Salt', cursive; font-size:26px; color:#000000; line-height:1.2em; padding:15px 25px; margin:-30px 0px 10px -40px; letter-spacing:-1px;display:inline-block;clear:both;
		background: #fcf3a4; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #fcf3a4 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fcf3a4), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3a4', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;

-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);

-moz-box-shadow: 3px 3px 4px #D1D3D4;-webkit-box-shadow: 3px 3px 4px #D1D3D4;box-shadow: 3px 3px 4px #D1D3D4;
}

.place{ font-family: 'Rock Salt', cursive; font-size:26px; color:#000000; line-height:1.2em; padding:15px 25px; margin:-20px 0px 10px -20px; letter-spacing:-1px;display:inline-block;clear:both;
		background: #fcf3a4; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #fcf3a4 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fcf3a4), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3a4', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;

-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);

-moz-box-shadow: 3px 3px 4px #D1D3D4;-webkit-box-shadow: 3px 3px 4px #D1D3D4;box-shadow: 3px 3px 4px #D1D3D4;
}

.link a{ font-family: 'Rock Salt', cursive; font-size:18px; color:#222; line-height:1.2em; padding:15px 25px; margin:20px; letter-spacing:-1px;display:inline-block;
		background: #fcf3a4; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #fcf3a4 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fcf3a4), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3a4', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;

-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);

-moz-box-shadow: 3px 3px 4px #D1D3D4;-webkit-box-shadow: 3px 3px 4px #D1D3D4;box-shadow: 3px 3px 4px #D1D3D4;
}

#video{width:560px; margin:auto;padding:20px;}

/* ============================= header ====================== */
header{ width:100%; overflow:hidden}

h1{ font-family: 'Rock Salt', cursive; font-size:42px; line-height:1.2em; padding:20px 0 0 0; text-transform:uppercase; margin-left:-5px; letter-spacing:-1px; margin-bottom:30px; text-align:center;}
h1 a{ text-decoration:none}
* +html h1{ padding-top:82px; margin-bottom:-21px;}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  h1 { padding-top:81px; margin-bottom:-20px;}
}

ul{
padding: 0;
list-style-type: none;
text-align: center;}

.menu { padding:0 25px; overflow:hidden;}
.menu li { float:left;}
.menu li a{ font-family: 'Rock Salt', cursive; display: block; padding:0 18px; font-size:30px; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
.menu li a:hover, .menu .active a{ background:#f0f1f0}


#logo{ margin:auto; display:block; background:url(../images/partyLogo.png) 0 0 no-repeat; width:600px; height:500px; text-indent:-9999px;}
#logo:hover{ background:url(../images/partyLogo2.png) 0 0 no-repeat;}

.uplogo{ margin:auto; display:block; background:url(../images/uplogo2.png) 0 0 no-repeat; width:425px; height:100px; text-indent:-9999px; display:none;}
.uplogo:hover{ background:url(../images/uplogo.png) 0 0 no-repeat; display:none;}


#menu{ width:100%; height:75px;display:inline-block; text-align:center;}

#menu li{ display:inline-block; font-family: 'Rock Salt', cursive; text-align:center;}

#menu li a{ padding:5px 25px;font-size:20px; color:#333; line-height:1.2em; text-decoration:none; letter-spacing:-1px; text-align:center;
		background: #fcf3a4; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #fcf3a4 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fcf3a4), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(45deg,  #fcf3a4 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3a4', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
}

#menu .active a{ padding:5px 25px; color:#333; line-height:1.2em; text-decoration:none; letter-spacing:-1px; text-align:center;
background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ff5db1 0%, #ef017c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff5db1), color-stop(100%,#ef017c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* IE10+ */
background: linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#menu .active a, #menu li a:hover{-moz-box-shadow: 3px 3px 4px #D1D3D4;-webkit-box-shadow: 3px 3px 4px #D1D3D4;box-shadow: 3px 3px 4px #D1D3D4; -webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ff5db1 0%, #ef017c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff5db1), color-stop(100%,#ef017c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* IE10+ */
background: linear-gradient(45deg,  #ff5db1 0%,#ef017c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.nav1{-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);}
.nav2{-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);}
.nav3{-webkit-transform: rotate(-4deg);-moz-transform: rotate(-4deg);}
.nav4{-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);}
.nav5{-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);}


.ic, .ic a { text-indent:-9999px; width:100%; overflow:hidden}

/* ============================= content ====================== */

.content{ width:100%;}

.pad_left1{ padding-left:39px;}
.marg_right1{ margin-right:19px;}
.pad_bot1{ padding-bottom:10px;}
.pad_bot2{ padding-bottom:40px;}
.pad_bot3{ padding-bottom:15px;}
.pad_top1{ padding-top:20px;}

.color1{ color:#000}
.font1{ font-size:16px; color:#000}

.button{ display:inline-block; color:#fff !important; text-decoration:none; line-height:34px; padding:0 17px; background:#000}
.button:hover{ background:#fff !important; color:#000 !important}

/* ============================= footer ====================== */

footer { height:78px; text-align:center; width:100%; overflow:hidden;}
.footer_end{ height:130px}
.footer_end a{ color:#8606c5}
.footer_end a:hover{}

.icons{ display:inline-block; padding:0px 0 10px 0}
.icons a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.icons li{ float:left; padding:0 3px;}
* +html .icons{ display: inline}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:0px 5px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }


/* Back to top button */
#back-top {
	position: fixed;
	bottom: 70px;
	margin-left: 900px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}