@charset "utf-8";

/* CSS Document */



*

{

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



html

{

	height: 100%;

	width: 100%;

}



body

{

	background-color: #f68312;

	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

	height: 100%;

	min-width: 1280px;

	position: relative;

	width: 100%;

}



#pagewrapper

{

	box-shadow: 20px 20px 40px rgba( 0, 0, 0, 0.5 );

	height: 720px;

	left: 0;

	min-width: 1280px;

	overflow: hidden;

	position: absolute;

	top: 2px;

	width: 1280px;

}



@media all and (min-width: 1290px), (min-height: 730px)

{

	#pagewrapper

	{

		left: 50%;

		margin-left: -640px;

		position: absolute;

		margin-top: -360px;

		top: 50%;

	}

}



body#home #pagewrapper

{

	background-image: url(bg-home_2.jpg);

}



body#feedback #pagewrapper

{

	background-image: url(bg-feedback.jpg);

}



body#contact

{

	background-color: #fefdc4;

}

body#contact #pagewrapper

{

	background-image: url(bg-contact-new.jpg);

}



body#images

{

	background-color: #ae14b0;

}

body#images #pagewrapper

{

	background-image: url(bg-images.jpg);

}



body#profile

{

	background-color: #bf1204;

}

body#profile #pagewrapper

{

	background-image: url(bg-profile.jpg);

}



body#shows

{

	background-color: #2c44d9;

}

body#shows #pagewrapper

{

	background-image: url(bg-shows.jpg);

}

body#tvc

{

	background-color: #734323;

}

body#tvc #pagewrapper

{

	background-image: url(tvc-bg.jpg);

}





body#credentials #pagewrapper

{

	background-image: url(bg-credentials.jpg);

}



body#press

{

	background: #aaa;

}

body#press #pagewrapper

{

	background-image: url(bg-press.jpg);

}



body#events

{

	background-color: #3a77dc;

}

body#events #pagewrapper

{

	background-image: url(bg-events.jpg);

}



body#freebies #pagewrapper

{

	background-image: url(bg-freebies.jpg);

}



a

{

	color: inherit;

	outline: none;

	text-decoration: none;

}



ul

{

	list-style: none;

}



iframe

{

	border: none;

}



.clear

{

	clear: both;

	height: 0px;

}



.hidden

{

	display: none;

}



h1

{

	bottom: 0px;

	color: #fff;

	display: none;

	font-family: 'Cinzel', Verdana, Arial, Helvetica, sans-serif;

	font-size: 4em;

	font-weight: normal;

	left: 0px;

	padding: 0;

	position: absolute;

}



h1 span

{

	display: block;

	font-size: 0.35em;

	position: relative;

	text-align: center;

	top: -10px;

	word-spacing: 1em;

}



@-webkit-keyframes upDown

{

	0%{ position: relative; top: 0px; }

	50%{ position: relative; top: 20px; }

	100%{ position: relative; top: 0px; }

}

@keyframes upDown

{

	0%{ top: 0px; }

	50%{ top: 20px; }

	100%{ top: 0px; }

}



body#profile #profilelink img,

body#shows #showslink img,

body#tvc #showslink img,

body#contact #contactlink img,

body#images #imageslink img,

body#credentials #credentialslink img,

body#press #presslink img,

body#events #eventslink img,

body#freebies #freebieslink img,

body#feedback #feedbacklink img

{

	-webkit-animation: upDown 2s ease-in-out infinite;

	animation: upDown 2s ease-in-out infinite;

	position: relative;

}



body#profile #profilelink:hover,

body#shows #showslink:hover,

body#shows #tvclink:hover,

body#contact #contactlink:hover,

body#images #imageslink:hover,

body#credentials #credentialslink:hover,

body#press #presslink:hover,

body#events #eventslink:hover,

body#freebies #freebieslink:hover,

body#feedback #feedbacklink:hover

{

	-webkit-transform: none;

	transform: none;

}



body#home nav li

{

	position: absolute;

	z-index: 1000;

}



body#home #profilelink

{

	left: 580px;

	top: 20px;

}



body#home #contactlink

{

	left: 740px;

	top: 250px;

}



body#home #credentialslink

{

	left: 160px;

	top: 345px;

}



body#home #feedbacklink

{

	background: url(boxing-glove_1.png) no-repeat;

	bottom: 30px;

	height: 100px;

	right: 10px;

	width: 160px;

}



body#home #feedbacklink:hover

{

	height: 110px;

	-webkit-transform: none;

	transform: none;

	width: 180px;

}



body#home #feedbacklink img

{

	bottom: 0px;

	position: absolute;

	right: 0px;

}



body#home #freebieslink

{

	left: 340px;

	top: 140px;

}



body#home #imageslink

{

	left: 750px;

	top: 60px;

}



body#home #showslink

{

	right: 190px;

	top: 60px;

}

body#home #tvclink

{

	right: 90px;

	top: 60px;

}





body#home #presslink

{

	left: 240px;

	top: 250px;

}



body#home #eventslink

{

	left: 466px;

	top: 74px;

}



nav li:hover

{

	-webkit-transform: rotate( -5deg );

	transform: rotate( -5deg );

}



footer

{

	bottom: 0px;

	font-family: 'Cinzel', serif;

	font-size: 0.9em;

	left: 0px;

	position: absolute;

	width: 100%;

}



footer p

{

	bottom: 0px;

	color: #fff;

	left: 0px;

	position: absolute;

	width: 100%;

}



p#copyright

{

	left: 40px;

	text-align: center;

}



p#agencyeleven100

{

	text-align: right;

}



p#agencyeleven100 img

{

	position: relative;

	top: 2px;

}



ul#sociallinks li

{

	opacity: 0.5;

	position: absolute;

}



ul#sociallinks li:hover

{

	opacity: 1;

}



ul#sociallinks #linkedin

{

	left: 128px;

	top: 200px;

}



ul#sociallinks #twitter

{

	left: 175px;

	top: 140px;

}



ul#sociallinks #youtube

{

	left: 230px;

	top: 90px;

}



ul#sociallinks #facebook

{

	left: 294px;

	top: 40px;

}



.orange

{

	color: #f68312;

}



section#shows

{

	position: absolute;

	right: 60px;

	top: 180px;

	width: 300px;

}



section#shows #block1

{

	height: 80px;

}



section#shows #block2

{

	position: relative;

	text-align: center;

}



section#shows h2

{

	cursor: pointer;

	opacity: 0.5;

	position: absolute;

	top: 0px;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



section#shows h2.slot3

{

	left: 170px;

}



section#shows h2.slot2

{

	left: 90px;

	opacity: 1;

	top: -30px;

	z-index: 10;

}



section#shows h2.slot1

{

	left: 0px;

}



section#shows #block2 div

{

	display: none;

	left: 0px;

	position: absolute;

	top: 0px;

	width: 100%;

}



section#shows #block2 img

{

	border: 4px solid #000;

	box-shadow: 4px 4px 6px rgba( 0, 0, 0, 0.5 );

}



section#shows #block2 div#cnightsdiv

{

	display: block;

}



section#feeds

{

	background-color: rgba( 255, 255, 255, 0.5 );

	background-color: rgba( 51, 51, 51, 1 );

	display: none;

	height: 500px;

	left: 0px;

	overflow: hidden;

	position: absolute;

	top: 720px;

	width: 100%;

}



section#feeds #twitterfeeds

{

	float: right;

}



img#nimbu

{

	cursor: pointer;

	position: absolute;

	right: 40px;

	top: 0px;

	-webkit-transform-origin: top center;

	transform-origin: top center;

}



img#nimbu:hover

{

	-webkit-animation: swing 1s linear infinite;

	animation: swing 1s linear infinite;

}



@-webkit-keyframes swing

{

	0%{ -webkit-transform: rotate(0deg); }

	25%{ -webkit-transform: rotate(5deg); }

	50%{ -webkit-transform: rotate(0deg); }

	75%{ -webkit-transform: rotate(-5deg); }

	100%{ -webkit-transform: rotate(0deg); }

}



@keyframes swing

{

	0%{ transform: rotate(0deg); }

	25%{ transform: rotate(5deg); }

	50%{ transform: rotate(0deg); }

	75%{ transform: rotate(-5deg); }

	100%{ transform: rotate(0deg); }

}



#feedbackform

{

	left: 480px;

	position: absolute;

	top: 220px;

	width: 320px;

}



#feedbackform h2

{

	color: #f68312;

}

#feedbackform #submit

{

	

	width: 154px;

	height:39px;

	margin-top: 12px;

}

#feedbackform #reset

{

	

	width: 154px;

	height:39px;

}



input,

textarea

{

	background-color: rgba( 210, 108, 17, 0.8 );

	border: none;

	color: #fff;

	display: block;

	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;

	margin: 6px 0;

	padding: 6px;

	text-transform: uppercase;

	width: 100%;

}



textarea

{

	height: 90px;

	resize: none;

}



input[type='reset'],

input[type='submit']

{

	float: left;

	margin-left: 3px;

	width: 48%;

}



input[type='submit']

{

	float: right;

	margin-right: 3px;

}



div#loading

{

	background-color: rgba( 255, 255, 255, 0.9 );

	display: none;

	height: 100%;

	left: 0px;

	position: fixed;

	top: 0px;

	width: 100%;

	z-index: 1000;

}



div#loading img

{

	left: 50%;

	margin-left: -25px;

	margin-top: -25px;

	position: absolute;

	top: 50%;

}



p.success,

p.error

{

	background-color: #00CC00;

	color: #fff;

	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;

	padding: 8px 4px;

	text-align: center;

}



p.error

{

	background-color: #f00;

}



a#homelink

{

	bottom: 0px;

	height: 160px;

	left: 0px;

	position: absolute;

	width: 580px;

}



body#contact a#homelink

{

	bottom: 20px;

}



body#contact nav,

body#images nav,

body#profile nav,

body#shows nav,

body#tvc nav,

body#credentials nav,

body#press nav,

body#events nav,

body#freebies nav,

body#feedback nav

{

	margin-left: 20px;

	padding-top: 20px;

}



body#contact nav li,

body#images nav li,

body#profile nav li,

body#shows nav li,

body#tvc nav li,

body#credentials nav li,

body#press nav li,

body#events nav li,

body#freebies nav li,

body#feedback nav li

{

	float: left;

	margin-right: 20px;

}



body#contact #eventslink

{

	margin-top: 25px;

}



body#contact #freebieslink

{

	margin-top: 35px;

}



body#contact #credentialslink

{

	margin-top: 35px;

}



body#contact #contactlink

{

	margin-top: 44px;

}



body#contact #showslink

{

	margin-top: 30px;

}

body#contact #tvclink

{

	margin-top: 30px;

}



body#contact #feedbacklink

{

	margin-top: 132px;

	margin-left: -70px;

}



body#contact #presslink

{

	margin-top: 32px;

}



#contactform

{

	left: 60px;

	position: absolute;

	top: 200px;

	width: 420px;

}



#contactform input,

#contactform textarea

{

	background-color: transparent;

	color: #000;

	position: absolute;

}





#contactform #send

{

	left: 290px;

	top: 290px;

	width: 100px;

	height:50px;

}

#contactform #vercode

{

	

	top: 270px;

	width: 140px;

}

#contactform #submit

{

	left: 267px;

	top: 303px;

	width: 140px;

}





#contactform #message

{

	height: 30px;

	top: 200px;

}



#contactform #phone

{

	top: 134px;

}



#contactform #email

{

	top: 74px;

}



#contactform #name

{

	top: 10px;

}



#contactform p#response

{

	left: 80px;

	position: absolute;

	top: -60px;

}



body#images #profilelink,

body#profile #profilelink,

body#shows #profilelink,

body#tvc #profilelink,

body#credentials #profilelink,

body#press #profilelink,

body#feedback #profilelink,

body#freebies #profilelink,

body#events #profilelink

{

	margin-top: -12px;

}



body#images #eventslink,

body#profile #eventslink,

body#shows #eventslink,

body#tvc #eventslink,

body#credentials #eventslink,

body#press #eventslink,

body#feedback #eventslink,

body#freebies #eventslink,

body#events #eventslink

{

	margin-top: -8px;

}



body#images #freebieslink,

body#profile #freebieslink,

body#shows #freebieslink,

body#credentials #freebieslink,

body#press #freebieslink,

body#feedback #freebieslink,

body#freebies #freebieslink,

body#events #freebieslink

{

	margin-top: 8px;

}



body#images #credentialslink,

body#profile #credentialslink,

body#shows #credentialslink,

body#credentials #credentialslink,

body#press #credentialslink,

body#feedback #credentialslink,

body#freebies #credentialslink,

body#events #credentialslink

{

	margin-top: 10px;

}



body#images #contactlink,

body#profile #contactlink,

body#shows #contactlink,

body#credentials #contactlink,

body#press #contactlink,

body#feedback #contactlink,

body#freebies #contactlink,

body#events #contactlink

{

	margin-top: 22px;

}



body#images #imageslink,

body#profile #imageslink,

body#shows #imageslink,

body#credentials #imageslink,

body#press #imageslink,

body#feedback #imageslink,

body#freebies #imageslink,

body#events #imageslink

{

	margin-top: -20px;

}



body#images #showslink,

body#profile #showslink,

body#shows #showslink,

body#credentials #showslink,

body#press #showslink,

body#feedback #showslink,

body#freebies #showslink,

body#events #showslink

{

	margin-top: 5px;

}



body#images #tvclink,

body#profile #tvclink,

body#shows #tvclink,

body#credentials #tvclink,

body#press #tvclink,

body#feedback #tvclink,

body#freebies #tvclink,

body#events #tvclink

{

	margin-top: 5px;

}





body#images #feedbacklink,

body#profile #feedbacklink,

body#shows #feedbacklink,

body#credentials #feedbacklink,

body#press #feedbacklink,

body#feedback #feedbacklink,

body#freebies #feedbacklink,

body#events #feedbacklink

{

	margin-top: 15px;

}



body#images #presslink,

body#profile #presslink,

body#shows #presslink,

body#credentials #presslink,

body#press #presslink,

body#feedback #presslink,

body#freebies #presslink,

body#events #presslink

{

	margin-top: 12px;

}



#gallerycontainer

{

	left: 0px;

	position: absolute;

	top: 250px;

}



#gallerycontainer>section

{

	float: left;

	height: 128px;

	margin: 40px;

	position: relative;

	width: 200px;

}



#gallerycontainer h2

{

	background-color: #000;

	border-radius: 8px;

	bottom: 0px;

	color: #EB8BC0;

	left: 0px;

	padding: 7px;

	position: absolute;

	text-align: center;

	width: 100%;

}



#gallerycontainer li

{	

	bottom: 10px;

	left: 50px;

	position: absolute;

}



#gallerycontainer li

{

	-webkit-transform-origin: center 180px;

	transform-origin: center 180px;

}



#gallerycontainer>section .thumb1

{

	-webkit-transform: rotate(20deg);

	transform: rotate(20deg);

}



#gallerycontainer>section .thumb3

{

	-webkit-transform: rotate(-20deg);

	transform: rotate(-20deg);

}



#gallerycontainer>section:hover .thumb1

{

	-webkit-transform: rotate(30deg);

	transform: rotate(30deg);

}



#gallerycontainer>section:hover .thumb3

{

	-webkit-transform: rotate(-30deg);

	transform: rotate(-30deg);

}



#profilecontainer

{

	color: #f8ca1a;

	font-size: 1.2em;

	position: absolute;

	right: 40px;

	text-align: justify;

	top: 160px;

	width: 890px;

}



#profilecontainer h2

{

	color: #f8ca1a;

	margin-bottom: 20px;

	text-align: center;

}



#profilecontainer h3

{

	color: #fff;

	margin-bottom: 5px;

	margin-top: 30px;

}



#profilecontainer q

{

	color: #fff;

}



#profilecontainer #scrollcontainer

{

	height: 380px;

	line-height: 1.5em;

	overflow: auto;

	padding: 0px 20px;

}



#shows #linkscontainer

{

	color: #fff;

	left: 270px;

	position: absolute;

	top: 150px;

	width: 760px;

}



#shows #linkscontainer p

{

	background-color: rgba( 34, 68, 255, 0.6 );

	box-shadow: 2px 2px 3px rgba( 0, 0, 0, 0.4 );

	cursor: pointer;

	font-size: 1.2em;

	padding: 5px 0;

	text-align: center;

	text-transform: uppercase;

	width: 200px;

}



#shows p#realitylink

{

	float: left;

	margin-left: 120px;

}



#shows p#guestlink

{

	float: right;

	margin-right: 120px;

}



#shows #realitydiv,

#shows #guestdiv

{

	color: #fff;

	display: none;

	left: 270px;

	position: absolute;

	top: 230px;

	width: 760px;

}



#shows #realitydiv h2,

#shows #guestdiv h2

{

	font-size: 1.5em;

	margin-left: 60px;

	text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5 );

	text-transform: uppercase;

}



#shows #realitydiv li,

#shows #guestdiv li

{

	background-color: rgba( 0, 0, 0, 0.3 );

	cursor: pointer;

	float: left;

	margin-left: 60px;

	margin-top: 20px;

	width: 260px;

}



#shows #realitydiv

{

	display: block;

}



#shows #realitydiv li img,

#shows #guestdiv li img

{

	float: left;

	margin: 5px;

}



#shows #realitydiv h3,

#shows #guestdiv h3

{

	margin-top: 23px;

} 



body#shows .lightbox

{

	background-color: rgba( 0, 0, 0, 0.5 );

	color: #fff;

	display: none;

	height: 100%;

	position: fixed;

	width: 100%;

}



body#shows .listcontainer

{

	background-color: rgba( 0, 0, 0, 0.5 );

	height: 440px;

	left: 50%;

	margin-left: -330px;

	margin-top: -220px;

	position: absolute;

	top: 50%;

	width: 660px;

}



body#shows .lightbox .close

{

	background-color: #fff;

	color: #000;

	cursor: pointer;

	padding: 4px 8px;

	position: absolute;

	right: 0px;

	top: 0px;

}



body#shows .listcontainer h3

{

	font-size: 1.2em;

	margin: 8px auto;

	padding: 4px;

	text-align: center;

}



body#shows .listcontainer ul

{

	height: 330px;

	margin-top: 32px;

	overflow: hidden;

	padding-left: 50px;

}



body#shows .listcontainer li

{

	cursor: pointer;

	float: left;

	margin: 5px;

	position: relative;

}



body#shows .listcontainer h4

{

	background-color: rgba( 0, 0, 0, 0.6 );

	border: 2px solid #aaa;

	color: #fff;

	height: 100%;

	left: 0;

	opacity: 0;

	padding-top: 20px;

	position: absolute;

	text-align: center;

	top: 0;

	-webkit-transition: opacity 0.2s ease-in-out;

	transition: opacity 0.2s ease-in-out;

	width: 100%;

}



body#shows .listcontainer li:hover h4

{

	opacity: 1;

}



body#shows .listcontainer h4 span

{

	display: block;

	padding: 5px;

}



body#credentials #bookwrapper

{

	left: -300px;

	position: absolute;

	top: 80px;

}



.lamps

{

	-webkit-animation: twinkle 1.2s ease-in-out infinite;

	animation: twinkle 1.2s ease-in-out infinite;

	position: absolute;

	z-index: 1;

}





@-webkit-keyframes twinkle

{

	0%{ opacity: 0; }

	50%{ opacity: 0.7; }

	100%{ opacity: 0; }

}

@keyframes twinkle

{

	0%{ opacity: 0; }

	50%{ opacity: 0.7; }

	100%{ opacity: 0; }

}



#lamp1

{

	left: 375px;

	top: 180px;

}



#lamp2

{

	left: 860px;

	top: 172px;

}



#lamp3

{

	left: 1228px;

	top: 172px;

}



body#press h2

{

	font-size: 1.4em;

	font-weight: bold;

	position: absolute;

	text-align: center;

	text-transform: uppercase;

}



body#press #internet

{

	left: 150px;

	top: 510px;

}



body#press #television

{

	left: 630px;

	top: 120px;

}



body#press #print

{

	left: 1120px;

	top: 500px;

}



body#press #printdiv

{

	height: 90px;

	position: absolute;

	right: 60px;

	top: 410px;

	width: 220px;

}



@keyframes breakingnews

{

	0%{ opacity: 0; }

	4%{ opacity: 1; }

	8%{ opacity: 0; }

	12%{ opacity: 1; }

	16%{ opacity: 0; }

	20%{ opacity: 1; }

	24%{ opacity: 0; }

	28%{ opacity: 1; }

	40%{ opacity: 0; }

	100%{ opacity: 0; }

}



body#press #internetdiv

{

	animation: breakingnews 4s linear infinite;

	background-color: #000;

	border: thin solid red;

	color: #fff;

	height: 114px;

	left: 100px;

	position: absolute;

	top: 350px;

	width: 182px;

}



body#press #televisiondiv

{

	height: 320px;

	left: 375px;

	position: absolute;

	top: 150px;

	width: 570px;

}



body#press #internetdiv p

{

	font-size: 1.6em;

	margin-top: 40px;

	text-align: center;

}



body#events #upcomingevents,

body#events #pastevents

{

	background-color: rgba( 0, 0, 0, 0.4 );

	color: #fff;

	left: 30px;

	padding: 10px;

	position: absolute;

	top: 10px;

	width: 330px;

	height:180px;

}



body#events #upcomingevents h2,

body#events #pastevents h2

{

	color: #f68312;

	margin-bottom: 6px;

}



body#events #upcomingevents span

{

	display: block;

	margin: 3px auto;

}



body#events #pastevents

{

	display: block;

	top: 360px;

}



ul.wallpaperslist

{

	left: 900px;

	position: absolute;

	top: 300px;

}



ul.wallpaperslist li

{

	float: left;

	margin: 5px;

}



ul.wallpaperslist img

{

	box-shadow: 2px 2px 4px rgba( 0, 0, 0, 1 );

	-webkit-transform-origin: center top;

	transform-origin: center top;

}



ul.wallpaperslist img:hover

{

	-webkit-animation: posterswing 1s ease-in-out infinite;

	animation: posterswing 1s ease-in-out infinite;

}



@-webkit-keyframes posterswing

{

	0%{ -webkit-transform: rotate(-10deg); }

	50%{ -webkit-transform: rotate(10deg); }

	100%{ -webkit-transform: rotate(-10deg); }

}



@keyframes posterswing

{

	0%{ transform: rotate(-10deg); }

	50%{ transform: rotate(10deg); }

	100%{ transform: rotate(-10deg); }

}



body#freebies #pdflink

{

	left: 1010px;

	position: absolute;

	top: 600px;

}



div#pageloader

{

	background-color: #fff;

	color: #f68312;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 2000;

}



div#pageloader img

{

	left: 50%;

	margin-left: -150px;

	margin-top: -150px;

	position: absolute;

	top: 50%;

}



div#pageloader {

	background-color: rgba( 0, 0, 0, 1 );

	height: 100%;

	left: 0px;

	padding-top: 240px;

	position: fixed;

	text-align: center;

	top: 0px;

	width: 100%;

	z-index: 9999;

}



div#pageloader ul.bokeh

{

	left: 50%;

	margin-left: -50px;

	margin-top: -50px;

	position: absolute;

	top: 50%;

}



/*  	Loading Animation styling		*/

.bokeh {

	font-size: 100px;

    width: 1em;

    height: 1em;

    position: relative;

    margin: 100px auto;

    border-radius: 50%;

    border: .01em solid rgba(150,150,150,0.1);

    list-style: none;

    }



.bokeh li {

    position: absolute;

    width: .2em;

    height: .2em;

    border-radius: 50%;

}



.bokeh li:nth-child(1) {

    left: 50%;

    top: 0;

    margin: 0 0 0 -.1em;

    background: #00C176;

    -webkit-transform-origin: 50% 250%;

    -moz-transform-origin: 50% 250%;

    -ms-transform-origin: 50% 250%;

    -o-transform-origin: 50% 250%;

    transform-origin: 50% 250%;

    -webkit-animation: 

        rota 1.13s linear infinite,

        opa 3.67s ease-in-out infinite alternate;

    -moz-animation: 

        rota 1.13s linear infinite,

        opa 3.67s ease-in-out infinite alternate;

    -ms-animation: 

        rota 1.13s linear infinite,

        opa 3.67s ease-in-out infinite alternate;

    -o-animation: 

        rota 1.13s linear infinite,

        opa 3.67s ease-in-out infinite alternate;

    animation: 

        rota 1.13s linear infinite,

        opa 3.67s ease-in-out infinite alternate;

}



.bokeh li:nth-child(2) {

    top: 50%; 

    right: 0;

    margin: -.1em 0 0 0;

    background: #FF003C;

    -webkit-transform-origin: -150% 50%;

    -moz-transform-origin: -150% 50%;

    -ms-transform-origin: -150% 50%;

    -o-transform-origin: -150% 50%;

    transform-origin: -150% 50%;

    -webkit-animation: 

        rota 1.86s linear infinite,

        opa 4.29s ease-in-out infinite alternate;

    -moz-animation: 

        rota 1.86s linear infinite,

        opa 4.29s ease-in-out infinite alternate;

    -ms-animation: 

        rota 1.86s linear infinite,

        opa 4.29s ease-in-out infinite alternate;

    -o-animation: 

        rota 1.86s linear infinite,

        opa 4.29s ease-in-out infinite alternate;

    animation: 

        rota 1.86s linear infinite,

        opa 4.29s ease-in-out infinite alternate;

}



.bokeh li:nth-child(3) {

    left: 50%; 

    bottom: 0;

    margin: 0 0 0 -.1em;

    background: #FABE28;

    -webkit-transform-origin: 50% -150%;

    -moz-transform-origin: 50% -150%;

    -ms-transform-origin: 50% -150%;

    -o-transform-origin: 50% -150%;

    transform-origin: 50% -150%;

    -webkit-animation: 

        rota 1.45s linear infinite,

        opa 5.12s ease-in-out infinite alternate;

    -moz-animation: 

        rota 1.45s linear infinite,

        opa 5.12s ease-in-out infinite alternate;

    -ms-animation: 

        rota 1.45s linear infinite,

        opa 5.12s ease-in-out infinite alternate;

    -o-animation: 

        rota 1.45s linear infinite,

        opa 5.12s ease-in-out infinite alternate;

    animation: 

        rota 1.45s linear infinite,

        opa 5.12s ease-in-out infinite alternate;

}



.bokeh li:nth-child(4) {

    top: 50%; 

    left 0;

    margin: -.1em 0 0 0;

    background: #88C100;

    -webkit-transform-origin: 250% 50%;

    -moz-transform-origin: 250% 50%;

    -ms-transform-origin: 250% 50%;

    -o-transform-origin: 250% 50%;

    transform-origin: 250% 50%;

    -webkit-animation: 

        rota 1.72s linear infinite,

        opa 5.25s ease-in-out infinite alternate;

    -moz-animation: 

        rota 1.72s linear infinite,

        opa 5.25s ease-in-out infinite alternate;

    -ms-animation: 

        rota 1.72s linear infinite,

        opa 5.25s ease-in-out infinite alternate;

    -o-animation: 

        rota 1.72s linear infinite,

        opa 5.25s ease-in-out infinite alternate;

    animation: 

        rota 1.72s linear infinite,

        opa 5.25s ease-in-out infinite alternate;

}



@-webkit-keyframes rota {

    to { -webkit-transform: rotate(360deg); }

}



@-moz-keyframes rota {

    to { -moz-transform: rotate(360deg); }

}



@-ms-keyframes rota {

    to { -ms-transform: rotate(360deg); }

}



@-o-keyframes rota {

    to { -o-transform: rotate(360deg); }

}



@keyframes rota {

    to { transform: rotate(360deg); }

}



@-webkit-keyframes opa {

    12.0% { opacity: 0.80; }

    19.5% { opacity: 0.88; }

    37.2% { opacity: 0.64; }

    40.5% { opacity: 0.52; }

    52.7% { opacity: 0.69; }

    60.2% { opacity: 0.60; }

    66.6% { opacity: 0.52; }

    70.0% { opacity: 0.63; }

    79.9% { opacity: 0.60; }

    84.2% { opacity: 0.75; }

    91.0% { opacity: 0.87; }

}



@-moz-keyframes opa {

    12.0% { opacity: 0.80; }

    19.5% { opacity: 0.88; }

    37.2% { opacity: 0.64; }

    40.5% { opacity: 0.52; }

    52.7% { opacity: 0.69; }

    60.2% { opacity: 0.60; }

    66.6% { opacity: 0.52; }

    70.0% { opacity: 0.63; }

    79.9% { opacity: 0.60; }

    84.2% { opacity: 0.75; }

    91.0% { opacity: 0.87; }

}



@-ms-keyframes opa {

    12.0% { opacity: 0.80; }

    19.5% { opacity: 0.88; }

    37.2% { opacity: 0.64; }

    40.5% { opacity: 0.52; }

    52.7% { opacity: 0.69; }

    60.2% { opacity: 0.60; }

    66.6% { opacity: 0.52; }

    70.0% { opacity: 0.63; }

    79.9% { opacity: 0.60; }

    84.2% { opacity: 0.75; }

    91.0% { opacity: 0.87; }

}



@-o-keyframes opa {

    12.0% { opacity: 0.80; }

    19.5% { opacity: 0.88; }

    37.2% { opacity: 0.64; }

    40.5% { opacity: 0.52; }

    52.7% { opacity: 0.69; }

    60.2% { opacity: 0.60; }

    66.6% { opacity: 0.52; }

    70.0% { opacity: 0.63; }

    79.9% { opacity: 0.60; }

    84.2% { opacity: 0.75; }

    91.0% { opacity: 0.87; }

}



@keyframes opa {

    12.0% { opacity: 0.80; }

    19.5% { opacity: 0.88; }

    37.2% { opacity: 0.64; }

    40.5% { opacity: 0.52; }

    52.7% { opacity: 0.69; }

    60.2% { opacity: 0.60; }

    66.6% { opacity: 0.52; }

    70.0% { opacity: 0.63; }

    79.9% { opacity: 0.60; }

    84.2% { opacity: 0.75; }

    91.0% { opacity: 0.87; }

}

/* bokeh animation ends here */





#fbfeedscontainer,

#twitterfeedscontainer

{

	background-color: rgba( 255, 255, 255, 0.7 );

	display: none;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 2000;

}



#fbfeeds

{

	background-color: rgba( 255, 255, 255, 0.9 );

	border-radius: 10px;

	left: 50%;

	margin-left: -375px;

	margin-top: -250px;

	position: absolute;

	top: 50%;

}



div#twitterfeeds

{

	background-color: rgba( 0, 0, 0, 0.8 );

	border-radius: 10px;

	height: 400px;

	left: 50%;

	margin-left: -250px;

	margin-top: -200px;

	overflow: hidden;

	position: absolute;

	top: 50%;

	width: 500px;

}



div#fbfeedslink,

div#twitterfeedslink

{

	background-image: url(facebook-icon_1.png);

	cursor: pointer;

	height: 125px;

	right: -15px;

	position: absolute;

	top: 300px;

	-webkit-transition: right 0.2s ease-in-out;

	transition: right 0.2s ease-in-out;

	width: 41px;

}



div#twitterfeedslink

{

	background-image: url(twitter-icon_1.png);

	top: 450px;

}



div#fbfeedslink:hover,

div#twitterfeedslink:hover

{

	right: 5px;

}



p.feedsclose

{

	background-color: rgba( 255, 255, 255, 0.9 );

	border-radius: 10px;

	color: #fff;

	cursor: pointer;

	font-size: 1.6em;

	margin: 20px auto;

	padding: 1px 8px;

	text-align: center;

	width: 60px;

}



#fbfeedscontainer .feedsclose

{

	background-color: #2c4b95;

}



#twitterfeedscontainer .feedsclose

{

	background-color: #b96219;

}









/* jContent demos */

#demo1.jc-horizontal a.prev,

#demo1.jc-horizontal a.next,

#demo7.jc-horizontal a.prev,

#demo7.jc-horizontal a.next

{

	margin-top: 70px;

}



.jContent div.slides

{

	height: 170px;

	border: 5px solid #cccccc;

}



.jContent p.title

{

	padding: 10px 20px 0px 25px;

	font-weight: bold;

	font-size: 16px;

}



.jContent p.txt

{

	padding: 10px 20px 0px 20px;

	font-size: 14px;

}



.jContent p.txt img

{

	float: left;

	display: block;

	border: 5px solid #ffffff;

	margin: 0px 15px 5px 0px;

}