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

@media screen {

/* RESET CSS
-------------------- */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}

	body {
		line-height:1.5;
	}

	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}

	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}

	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	input, select {
		vertical-align:middle;
	}
/* GLOBAL
-------------------- */	
	ol, ul, li {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
	}

	body {
		margin: 0;
		padding: 0;
		text-align: center;
		color: #333;
		font-family: arial, sans-serif;
		font-size: 17px;
		background-color: #eee;
	}
	
	
	h1, h2, h3 {
		font-family: 'Berkshire Swash', cursive;
	}
	h1 {
		padding: 10px 0 10px 20px;
		font-size: 22px;
		color: #790000;
	}
	h2 {
		margin: 0 0 7px 0;
		padding: 0 0 12px 30px;
		font-size: 18px;
		color: #790000;
	}
	h3 {
		color: #790000;
		font-size: 18px;
	}	
	.access {
		position: absolute;
		left: -9999em;
	}

	a {
		color: #a80000;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}	
	
	#container {
		width: 1001px;
		margin: 0 auto;
		padding-top: 27px;
		text-align: left;
		z-index: -2;
		box-shadow: 1px 1px 7px #ccc;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background-color: #fff;
	}
	#head img {
		display: block;
	}
	#headflash {
		position: absolute;
		left: 80px;
		top: 0px;
		z-index: 3;
	}
	#headflashtext {
		position: absolute;
		background: url(images/logo_text.png);
		width: 103px;
		height: 71px;
		left: 80px;
		top: 0px;	
		z-index: 5;
	}
	#header {
		height: 225px;
		padding: 0;
		position: relative;
	}
	.header-cover {
		position: absolute;
		width: 1001px;
		height: 240px;
		z-index: 7;
		top: 0;
		left: 0;
		background-image: url(images/header-cover.png);
	}
	#middle {
		padding: 0 10px 40px 10px;
	}

/* GLOBAL CLASSES
-------------------- */	
	.row {
		overflow: auto;
	}
	.errorhide {
		display: none;
		color: red;
	}
	
	.nodisplay { display: none; }

	#footer {
		background: url(images/footer_bg.jpg) repeat -615px -10px;
		color: #FFF;
		text-align: left;
		position: relative;
	}
	#footertop {
		background:url(images/footer_top.png) repeat 20px 0;
		margin: 0 auto;
		height: 80px;
		position: relative;
		top: -40px;
	}
	#footertext {
		position: relative;
		bottom: 10px;
		padding: 0 20px;
		width: 1001px;
		margin: -50px auto 0;
		z-index: 3;
		color: #e1c07c;
		font-size: 11px;
	}
	#footertext li {
		list-style: none inside;
		padding-left: 20px;
	}
	#footertext h2 {
		text-align: left;
		padding: 0 25px 15px 25px;
		margin: 0;
		color: #e1c07c;
		font-size: 13px;
	}
	#footertext a {
		color: #e1c07c;
		text-decoration: none;
	}
	#footertext a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	#leftfooter {
		float: left;
		width: 160px;
		padding: 10px;
	}
	#middlefooter {
		float: left;
		width: 550px;
		padding: 10px;
		margin-bottom: 25px;
	}
	#rightfooter {
		float: left;
		width: 230px;
		padding: 10px;
	}
	#bottomfooter {
		clear: both;
		width: 1000px;
		background: url(images/footer_bottom_line.png) repeat-x;
		padding-top: 3px;
		text-align: left;
		color: #b73c3d;
		padding-left: 2%;

	}
	.validate {
		float: right;
		width: 10%;
		text-align: right;
		margin-right: 2%;
		display: inline;
	}
	
	.videobox {
		width: 480px;
		height: 390px;
		margin: 20px auto 30px auto;
		border: 3px solid #bbb;
		box-shadow: 2px 2px 5px #777;
	}
	.pop-box {
		padding: 20px;
		overflow: hidden;
	}
	
	hr {
		color: #FFF;
		background: #FFF;
		border: 0;
		height: 1px;
	}
	img {
		border: 0;
		padding: 0;
		margin: 0;
	}
	img.pad {
		padding: 5px;
	}
	#righttab {
		float: right;
		width: 230px;
		margin: 10px 0 0 15px;
		padding: 10px;
		background: #efda97;
		border:	2px solid #dabc5c;
		box-shadow: inset 0 0 10px #dabc5c;
	}
	#righttab p,
	#righttab ol {
		text-align: justify;
		font-size: 12px;
	}
	#righttab ol {
		list-style: decimal inside;
	}
	#righttab ol li {
		margin-bottom: 5px;
	}


	.aright {
		margin: 20px 250px 10px 0;
	}
	p {
		margin: 0 0 12px;
		padding: 0;
		font-size: 15px;
		text-align: justify;
	}

	ul.tli li {
		font-size: 14px;
		list-style: inside none;
		margin-left: 50px;
	}
	ol.tli li {
		margin: 0  0 10px 100px;
		list-style: inside;
		list-style: decimal;
		font-size: 15px;
	}
	.b {
		font-weight: bold;
	}
	.em {
		font-style: italic;
	}
	.em2 {
		font-style: italic;
		font-size: 12px;
	}
	.plist {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox3c.jpg) bottom right;
	}
	.nomargin .plist, .nomargin .plisttwo, .nomargin .plistthree, .nomargin .plistfive, #wedding .nomargin .plist, #wedding .nomargin .plisttwo, #wedding .nomargin .plistthree, #wedding .nomargin .plistfive,  #party .nomargin .plist, #party .nomargin .plisttwo, #party .nomargin .plistthree, #party .nomargin .plistfive {
		margin: 0 auto;
	}
	.nomargin h2 {
		text-align: left;
		padding: 15px 15px 15px 30px;
		background: none;
		text-decoration: underline;
	}
	.under {
		display: block;
	}
	.price {
		padding-left: 400px;
		font-size: 16px;
		color: #900;
		font-weight: bold;
	}
	.duration {
		padding: 0 40px;
		margin: 0;
		height: 305px;
	}
	.intensefloat {
		float: left;
		width: 190px;
		height: 285px;
		margin: 5px;
		padding: 5px;
		background: #b7c2e5;
		font-size: 14px;
		line-height: 16px;
	}
	.imiddle {
		float: left;
		width: 190px;
		height: 285px;
		margin: 5px;
		padding: 5px;
		font-size: 14px;
		line-height: 16px;
		background: #94a5d9;
	}
	.ilast {
		float: left;
		width: 190px;
		height: 285px;
		margin: 5px 23px 5px 5px;
		padding: 5px;
		font-size: 14px;
		line-height: 16px;
		background: #7ca3ff;
	}
	.smallt {
		font-size: 12px;
	}
	#wedding .intensefloat {
		background: #E9C1C0;
	}
	#wedding .imiddle {
		background: #d99594;
	}
	#wedding .ilast {
		background: #ff7c80;
	}
	#party .intensefloat {
		background: #c3e5b7;
	}
	#party .imiddle {
		background: #a6d994;
	}
	#party .ilast {
		background: #a5ff7c;
	}
	.packp {
		margin-top: 20px;
	}		
	.plisttwo {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox4c.jpg) bottom right;
	}
	.plistthree {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox5c.jpg) bottom right;
	}
	.plistfive {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox3c.jpg) bottom right;
	/*	background: url(images/listbox6.jpg) bottom right;*/
	}
	#wedding .plisttwo {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox4.jpg) bottom right;
	}
	#wedding .plistthree {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox5.jpg) bottom right;
	}
	#wedding .plistfive {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox3.jpg) bottom right;
	}
	#party .plisttwo {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox4p.jpg) bottom right;
	}
	#party .plistthree {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox5p.jpg) bottom right;
	}
	#party .plistfive {
		margin: 2px 0 0 82px;
		width: 564px;
		height: 57px;
		position: relative;	
		background: url(images/listbox3p.jpg) bottom right;
	}
	.plistover {
		position: absolute;
		left: 0;
		top: 0;
		padding: 5px;
		width: 554px;
		height: 47px;
		background: none repeat;
	}
	.nomargin h2 {
		font-size: 18px;
		text-decoration: none;
		color: #790000;
		font-weight: bold;
	}
	.plistover a {
		display: block;
		width: 534px;
		height: 27px;
		margin: 0;
		padding: 10px;
		font-size: 18px;
		background: none;
		cursor: pointer;
		text-decoration: none;
		color: #790000;
		font-weight: bold;
	}

	#bespokeover:hover, .plistover:hover {
		background: url(images/listover.png) bottom right no-repeat;
		text-decoration: none;
	}
	/*#bespokeover a, .plist a {
		color: #000;
		text-decoration: none;
	}
	#bespokeover a:hover, .plist a:hover {
		color: #000;
		text-decoration: none;
	}*/
	#hideme, #dur1 {
		display: none;
		margin-top: 10px;
	}
	.clrfloat {
		clear: both;
		margin: 0;
		padding: 0;
		height: 0;
		line-height: 0;
	}
	#contacts {
		float: right;
		margin: 10px;
		text-align: center;
		width: 350px;
	}
	#contact input {
		margin: 0 0 0 250px;
	}
	.ntext {
		font-size: 16px;
		text-decoration: none;
		color: #000;
	}
	#eform {
		width: 390px;
		padding: 10px;
		text-align: right;
	}
	#eform input {
		margin: 3px;
		padding: 2px;
	}
	#eform h2 {
		text-align: left;
		margin: 0;
		padding: 0 0 0 30px;
	}

	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#colorbox { padding: 40px;}
	#cboxWrapper{border: 2px solid #aaa; box-shadow: #777 1px 1px 5px; margin: 10px 0px 0px 10px;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}

	/* 
		User Style:
		Change the following styles to modify the appearance of ColorBox.  They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
	*/
	#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
	#colorbox{}
		#cboxTopLeft{width:3px; height:3px; background:url(images/controls.png) no-repeat -100px 0;}
		#cboxTopRight{width:3px; height:3px; background:url(images/controls.png) no-repeat -129px 0;}
		#cboxBottomLeft{width:3px; height:3px; background:url(images/controls.png) no-repeat -100px -29px;}
		#cboxBottomRight{width:3px; height:3px; background:url(images/controls.png) no-repeat -129px -29px;}
		#cboxMiddleLeft{width:3px; background:url(images/controls.png) left top repeat-y;}
		#cboxMiddleRight{width:3px; background:url(images/controls.png) right top repeat-y;}
		#cboxTopCenter{height:3px; background:url(images/border.png) 0 0 repeat-x;}
		#cboxBottomCenter{height:3px; background:url(images/border.png) 0 -29px repeat-x;}
		#cboxContent{background:#fff; overflow:hidden;}
			#cboxError{padding:50px; border:1px solid #ccc;}
			#cboxLoadedContent{margin-bottom:0px;}
			#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
			#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
			#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
			#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxPrevious.hover{background-position:-75px -25px;}
			#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxNext.hover{background-position:-50px -25px;}
			#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
			#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
			#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxClose.hover{background-position:-25px -25px;}


	#packbox {
		width: 730px;
		margin: 0 0 0 230px;
		padding-top: 30px;
		text-align: center;
	}
	.pride {
		display: block;
		text-align: left;
	}
	.pride:first-letter {
		color:#a80000;
		font-size: 19px;
		margin-left: 30px;
		padding-right: 2px;
		font-family: 'Berkshire Swash', cursive;
	}
	#righttab ol.oldot {
		list-style-type: disc;
	}
	#righttab ol.oldot li {
		padding-bottom: 10px;
	}
	.link a {
		display: block;
		width: 225px;
		height: 30px;
		text-decoration: none;
		font-size: 18px;
		color: #EEE;
		padding-top: 5px;
		text-align: center;
	}
	.content {
		padding: 0 4px;
	}
	#sitemapp {
		margin-left: 190px;
	}
	#sitemapp a {
		text-decoration: underline;
		color: #000;
		line-height: 30px;
		margin-left: 30px;
	}
	#sitemapp a:hover {
		color: #F00;
	}
	#sitemapp a.news {
		margin-left: 80px;
	}
	.button {
		color: #EEE;
		background: url(images/button_general.jpg) center;
		height: 35px;
		width: 225px;
		font-weight: bold;
		border: 0px;
		font-size: 17px;
		font-family: "Times New Roman", Times, serif;
	}
	.button:hover {
		background-image: url(images/button_general_over.png);
		cursor: pointer;
		color: #FFF;
	}
	#wedding .button {
		background-image: url(images/button_wedding.jpg);
	}
	#corporate .button {
		background-image: url(images/button_corp.jpg);
	}
	#party .button {
		background-image: url(images/button_party.jpg);
	}
	#wedding .button:hover {
		background-image: url(images/button_wedding_over.png);
	}
	#corporate .button:hover {
		background-image: url(images/button_corp_over.png);
	}
	#party .button:hover {
		background-image: url(images/button_party_over.png);
	}
	.newsmarginleft { width: 610px; margin: 10px 75px 10px 175px; }

	.clearfloat { clear: both; }

	div.blog { padding: 0 30px 30px 30px; line-height: 25px; }
	.blog h2 { background: none; padding: 10px 0 5px 25px; font-size: 20px; }
	.blog p {margin: 0; }
	.blog ol { padding-left: 30px; }
	.blog li { padding-bottom: 15px; }
	.blog ul ul li { padding-bottom: 5px; }
	.blog img { float: right; margin: 20px 0 20px 20px; }
	.blog img.normal { float: left; margin: 0; }
	.blog img.photo1 { border: 5px solid white; box-shadow: 0px 0px 1px 1px #aaa; margin: 0 0 0 20px; }
	.blog ul { padding: 0 0 0 100px; font-weight: bold; font-size: 14px; }
	.blog ul ul { padding: 0 0 0 50px; font-weight: normal; }
	div.calendar { 
		background: url(images/calendar.jpg) repeat-x; 
		border-radius: 6px;
		box-shadow: 0px 0px 1px 1px #aaa;
		width: 150px;
		height: 160px;
		margin: 10px 17px 20px 17px;
		padding: 0;
		float: left;
	}
	.calendar p.weekday { margin:0; padding:0; text-align:center; color: #FFF; }
	.calendar p.date { margin:6px 0 0 4px; padding:0; text-align:center; color: #790000; font-size: 19px; line-height: 20px; vertical-align: 70px; }
	.calendar p.date:first-letter { font-size: 60px; line-height: 70px; }
	.calendar .rest { vertical-align: 30px; }
	.calendar p.handw { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; }

	a#imgadj { 
		display: block; 
		width: 300px; 
		height: 121px; 
		float: right; 
		background: url(images/25facts_dj.jpg); 
		margin: 10px 0; 
		border-radius: 10px; 
	}
	a#imgadj:hover { box-shadow: 0 0 15px 6px #fff inset; }

	/* FOOTER
	-------------------*/
	.seperate {
		margin-top: 25px;
		padding-top: 5px;
		border-top: 1px solid #722;
	}


	/* LISTS
	-------------------*/
	ul.partner li {
		font-size: 18px;
	}
	.list-deep li {
		list-style: circle inside;
		font-size: 14px;
		padding: 0 0 10px 50px;
	}


	/* TOP NAV
	-------------------*/
	.top-nav {
		position: absolute;
		top: 0;
		left: 0;
		background: url(images/top-nav-sprite.png) repeat-x;
		background-position: 0 -240px;
		width: 100%;
		min-width: 1001px;
		height: 37px;
		padding: 2px 0;
		box-shadow: 1px 1px 7px #333;	
		z-index: 9999;
	}
	.top-nav a {
		font-family: Arial, sans-serif;
	}	
	.top-nav ul {
		width: 1001px;
		margin: 0 auto;
	}
	.top-nav li {
		list-style-type: none;
		float: left;
		font-size: 14px;
		line-height: 10px;
		margin: 5px 30px;
		color: #999;
		background: url(images/top-nav-sprite.png) no-repeat;
	}
	.top-nav li.alpha:hover,
	.top-nav li.alpha:focus {
		background-position: 0 -30px;
	}
	.top-nav li.beta {
		background-position: 0 -60px;
	}
	.top-nav li.beta:hover,
	.top-nav li.beta:focus {
		background-position: 0 -90px;
	}
	.top-nav li.gamma {
		background-position: 0 -120px;
	}
	.top-nav li.gamma:hover,
	.top-nav li.gamma:focus {
		background-position: 0 -150px;
	}
	.top-nav li.omega {
		margin-left: 60px;
		background-position: 0 -180px;	
	}
	.top-nav li.omega:hover,
	.top-nav li.omega:focus {
		background-position: 0 -210px;
	}
	.top-nav li a {
		padding: 10px 10px 10px 35px;	
		color: #aaa;
		display: block;
		position: relative;
		text-decoration: none;
	}
	.top-nav li a:hover {
		color: white;
	}
	.top-nav li a:hover .access {
		display: block;
		position: absolute;
		background: white;
		padding: 5px;
		border: 2px solid #ccc;
	}
	
	/* ABFAB NAV
	-------------------*/
	.nav {
		list-style: none inside;
		position: relative;
		height: 120px;
		margin: 10px 0 20px;
	}
	.nav li {
		display: block;
		position: absolute;
		width: 130px;
	}
	.nav .home {
		left: 0;
		top: -18px;
	}
	.nav .corp {
		left: 141px;
		top: -15px;		
	}
	.nav .wedding {
		left: 282px;
		top: -30px;
	}	
	.nav .party {
		left: 423px;
		top: -45px;
	}	
	.nav .indoor {
		left: 564px;
		top: -50px;
	}	
	.nav .pyro {
		left: 705px;
		top: -48px;
	}	
	.nav .lantern {
		left: 846px;
		top: -50px;
	}
	.nav a {
		display: block;
		background: #fff;
		text-align: center;
		font-family: 'Berkshire Swash', cursive;
		color: #000;
		border: 2px solid #ccc;
		box-shadow: 1px 1px 3px #999;
		height: 120px;
		overflow: hidden;
		transition: all 400ms;
		-moz-transition: all 400ms;
		-webkit-transition: all 400ms;
		position: relative;
		cursor: pointer;
	}
	.nav .home a {
		height: 134px;
	}
	.nav .corp a {
		height: 131px;
	}
	.nav .wedding a {
		height: 146px;
	}
	.nav .party a {
		height: 161px;
	}
	.nav .indoor a {
		height: 166px;
	}
	.nav .pyro a {
		height: 164px;
	}
	.nav .lantern a {
		height: 166px;
	}
	.nav .nav-text {
		background: rgb(255,255,255);
		background: rgba(255,255,255,0.5);
		display: block;
		padding: 3px 3px 10px 3px;
		bottom: 0;
		left: 0;
		position: absolute;
		height: 40px;
		width: 120px;
		transition: all 400ms;
		-moz-transition: all 400ms;
		-webkit-transition: all 400ms;		
	}
	.nav .nav-img {
		display: block;
		transition: all 400ms;
		-moz-transition: all 400ms;
		-webkit-transition: all 400ms;
		height: 180px;
		opacity: 0.7;
		background: url(images/nav.jpg);
		background-position: 0 0;
	}
	.nav .home .nav-img {
		background-position: 0 0;
	}
	.nav .corp .nav-img {
		background-position: -126px 0;
	}
	.nav .wedding .nav-img {
		background-position: -252px 0;
	}
	.nav .party .nav-img {
		background-position: -378px 0;
	}
	.nav .indoor .nav-img {
		background-position: -504px 0;
	}
	.nav .pyro .nav-img {
		background-position: -630px 0;
	}
	.nav .lantern .nav-img {
		background-position: -756px 0;
	}
	.nav li.selected a,
	.nav a:hover {
		padding-bottom: 10px;
		box-shadow: 2px 2px 7px #ccc;
	}
	.nav li.selected .nav-img,
	.nav a:hover .nav-img {
		opacity: 1;
	}
	.nav li.selected .nav-text,
	.nav a:hover .nav-text {
		color: #a80000;
		background: rgba(255,255,255);
		background: rgba(255,255,255,1);
		padding: 3px 3px 10px 3px;
	}

	.content {
		position: relative;
	}
	
	/* BUTTONS AND ICONS
	------------ */
	.icon {
		background-image: url(images/sprite-abfab.png);
		background-repeat: no-repeat;
		display: inline-block;
	}
	.play-icon {
		background-position: 0 0;
		width: 34px;
		height: 34px;
		position: absolute;
		left: 40px;
		top: 40px;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		cursor: pointer;
		padding: 10px;
	}
	.sound-icon {
		background-position: 0 -125px;
		width: 33px;
		height: 30px;
		display: block;
		z-index: 8;
		position: absolute;
		top: -340px;
		right: 10px;
		cursor: pointer;
	}
	.sound-icon:hover,
	.sound-icon:focus {
		background-position: -40px -125px;
	}
	.nosound {
		background-position: 0 -155px;
	}
	.nosound:hover,
	.nosound:focus {
		background-position: -40px -155px;
	}
	
	a:hover .play-icon,
	a:focus .play-icon	{
		transform:rotate(120deg);
		-ms-transform:rotate(120deg);
		-moz-transform:rotate(120deg);
		-webkit-transform:rotate(120deg);
	}
	.primary {
		display: block;
		padding: 8px 12px;
		margin: 5px 12px 12px 0;
		background: #500000;
		background-image: linear-gradient(bottom, #500000 0%, #790000 100%);
		background-image: -moz-linear-gradient(bottom, #500000 0%, #790000 100%);
		background-image: -webkit-linear-gradient(bottom, #500000 0%, #790000 100%);
		background-image: -ms-linear-gradient(bottom, #500000 0%, #790000 100%);		
		border: 1px solid #444;
		border-radius: 6px;
		color: #fff;
		font-size: 17px;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		text-decoration: none;
		float: right;
	}
	.primary:hover,
	.primary:focus {
		background: #790000;
		background-image: linear-gradient(bottom, #790000 0%, #a8160a 100%);
		background-image: -moz-linear-gradient(bottom, #790000 0%, #a8160a 100%);
		background-image: -webkit-linear-gradient(bottom, #790000 0%, #a8160a 100%);
		background-image: -ms-linear-gradient(bottom, #790000 0%, #a8160a 100%);	
		border: 1px solid #666;
		box-shadow: 0px 0px 4px #666;
		cursor: pointer;
	}	
	.secondary {
		display: inline-block;
		padding: 3px 12px;
		background: #ccc;
		background-image: linear-gradient(bottom, #ccc 0%, #fff 100%);
		background-image: -moz-linear-gradient(bottom, #ccc 0%, #fff 100%);
		background-image: -webkit-linear-gradient(bottom, #ccc 0%, #fff 100%);
		background-image: -ms-linear-gradient(bottom, #ccc 0%, #fff 100%);	
		border: 1px solid #aaa;
		border-radius: 3px;
		color: #000;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		text-decoration: none;
	}
	.secondary:hover,
	.secondary:focus {
		background: #aaa;
		background-image: linear-gradient(bottom, #aaa 0%, #eee 100%);
		background-image: -moz-linear-gradient(bottom, #aaa 0%, #eee 100%);
		background-image: -webkit-linear-gradient(bottom, #aaa 0%, #eee 100%);
		background-image: -ms-linear-gradient(bottom, #aaa 0%, #eee 100%);		
		border: 1px solid #999;
		box-shadow: 0px 1px 4px #bbb;
	}
	.contact-icon {
		width: 100px;
		height: 66px;
		background-position: 0 -54px;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
	}
	.tooltip {
		opacity: 0;
		background: #666;
		background: rgba(0,0,0,0.6);
		border: 1px solid #333;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		padding: 5px;
		position: absolute;
		color: #ddd;
		line-height: 1;
		z-index: 2;
	}
	
	/* CONTACT US
	------------ */
	.contact-us {
		display: none;
		position: fixed;
		right: 0;
		top: 60px;
		width: 130px;
	}
	.contact-us .tooltip {
		top: 68px;
		right: 10px;
		opacity: 0.5;
		z-index: 1;
		width: 130px;
	}
	.contact-us a {
		padding: 0;
		display: block;
		transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		z-index: 4;
		float: right;
		border-radius: 5px;
		height: 66px;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0 0 93px #fff;
	}
	.contact-us a:hover,
	.contact-us a:focus {	
		transform:rotate(-10deg);
		-ms-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
		box-shadow: inset 0 0 7px #fff;
	}
	
	.contact-us a:hover + .tooltip,
	.contact-us a:focus + .tooltip {
		opacity: 1;
	}
	
	/* NEWS
	------------ */
	.news-clear {
		clear: both;
	}
	.news-box h2 {
		padding: 0;
		text-align: center;
	}	
	.news-half {
		float: left;
		width: 330px;
	}
	.news-half .inner {
		padding: 10px 3px 6px 1px;
		margin: 0 3px;
		border-radius: 8px;
		background: rgb(255,255,255);
		background: rgba(255,255,255,1);
		border: 1px solid #ccc;
		overflow: hidden;
	}
	.more-news {
		clear: both;
		float: right;
		margin: 40px 15px 10px 0;
	}
	.news-item {
		float: left;
		padding: 10px 25px;
		list-style: inside none;
	}
	.news-half .news-item {
		padding: 7px;
	}
	.news-item h3 {
		font-family: Arial, sans-serif;
		color: #000;
		font-size: 14px;
		line-height: 1.2em;
		height: 65px;
		overflow: hidden;
		text-align: center;
		display: table-cell;
		vertical-align: bottom;
		border-bottom: 5px solid #fff;
		width: 145px;
	}
	.news-item .date{
		font-size: 10px;
		color: #333;
		padding-top: 5px;
		text-align: right;
	}
	.news-img {
		width: 140px;
		height: 140px;
		position: relative;
		overflow: hidden;
		border: 2px solid #ccc;
		background: #000;
		transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
	}
	.news-img:hover,
	.news-img:focus	{
		box-shadow: 0px 1px 8px #bbb;
	}
	.news-img a {
		display: block;
		height: 100%;
	}
	.news-img .inner {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		padding: 0;
		margin: 0;
		border-radius: 0;
		background: transparent;
		border: 0;		
	}
	.read-more {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 130px;
		background: rgb(255,255,255);
		background: rgba(255,255,255,0.7);
		color: #000;
		display: block;
		padding: 2px 7px 2px 3px;
		text-align: right;
		transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
	}
	.news-img a:hover .read-more,
	.news-img a:focus .read-more {
		text-decoration: underline;
		background: rgba(255,255,255,1);
		padding: 7px 7px 7px 3px;
	}
	.newsdetailed h2 {
		text-align: center;
		margin: 0;
	}
	.newsdetailed img {
		padding: 0 0 10px 10px;
	}
	.newsdetailed .date {
		text-align: right;
	}
	
	.circle {
		border-radius: 1000px;
		border: 3px solid #aaa;
		opacity: 0;
		z-index: 8;
		position: absolute;
		animation: grow 0.7s;
		-moz-animation: grow 0.7s;
		-webkit-animation: grow 0.9s;
		-o-animation: grow 0.7s;
	}

}

@keyframes grow {
	from {
		width: 0px;
		height: 0px;
		top: -333px;
		right: 20px;
	}
	50% {
		opacity: 0.7;
	}
	to {
		width: 50px;
		height: 50px;
		top: -351px;
		right: 2px;
	}
}
@-moz-keyframes grow {
	from {
		width: 0px;
		height: 0px;
		top: -333px;
		right: 20px;
	}
	50% {
		opacity: 0.7;
	}
	to {
		width: 50px;
		height: 50px;
		top: -351px;
		right: 2px;
	}
}

@-webkit-keyframes grow {
	from {
		width: 0px;
		height: 0px;
		top: -333px;
		right: 20px;
	}
	50% {
		opacity: 0.7;
	}
	to {
		width: 50px;
		height: 50px;
		top: -351px;
		right: 2px;
		opacity: 0;
	}
}

@-o-keyframes grow {
	from {
		width: 0px;
		height: 0px;
		top: -333px;
		right: 20px;
	}
	50% {
		opacity: 0.7;
	}
	to {
		width: 50px;
		height: 50px;
		top: -351px;
		right: 2px;
	}
}

	@media screen and (min-width: 1300px) {
		.contact-us {
			display: block;
		}
	}