/* Master Reset
----------------------------------------------------------- */

html
	{ 
	background:#000; 
	}


html, body, div,
h1, h2, h3, h4, h5, h6, p, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table,tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	line-height:20px;
	color: #000;
	}
	
	
body 
	{
	line-height: 1;
	background: #000 url(images/bg.jpg) repeat-x top left;

	}
	
	
ol, ul 
	{
	list-style: none;
	}
	
	
:focus 
	{
	outline: 0;
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}

a
	{
	color: #512f00;
	text-decoration: none;
	font-weight: bold;
	}

a:hover
	{
	color: #7e6212;
	}


input,textarea
	{
	border: none;
	padding: 5px;
	float: left;
	font-style: italic;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	color: #3d4137 !important;
	resize: none;
	}

fieldset
	{
	border: none;
	}

form
	{
	margin: 0;
	padding: 0;
	}

input.button
	{
	width:100px !important;
	display: block;
	cursor: pointer;
	}

label{
display: none;
}

/* Layout
----------------------------------------------------------- */

#wrapper
	{ 
	width:100%; 
	height:100%; 
	position:absolute; 
	bottom:0; 
	left:0; 
	overflow:hidden; 
	}


#mask		
	{ 
	width:500%; 
	height:100%; 
	}


.box		
	{ 
	width:20%; 
	height:100%; 
	float:left;
	position: relative;
	}
		

.content	
	{ 
	bottom:0;
	height:75%;
	left:50%;
	margin-left:-480px;
	position:absolute;
	width:960px;
	}
		
				
.inner		
	{
	width:900px; 
	height:100%;
	min-height: 500px;
	position:absolute;
	bottom: 0;
	}



/* Header
----------------------------------------------------------- */

#menu				
	{ 
	position:absolute; 
	bottom:60px; 
	z-index:10; 
	left: 60%;
	overflow: hidden;
	display: block;
	margin: 0 0 0 -450px;
	padding: 0;
	width:1250px;
	}
	
	
#menu	li{
padding: 0;
margin: 0;
}

#menu li.copyright{
padding-top:78px;
width:383px;
color: #000;
opacity:.8;
}

#menu a	
	{ 
	color:#CCC;  
	text-decoration:none; 
	display: block;
	padding:30px 5px 7px 5px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	}
	
					
#menu a:hover
	{
	color:#FFF;
	text-decoration:none;
	}
	

#menu a.selected
	{ 
	background:url(images/fire.png) no-repeat 0 bottom;
	color:#FFF;
	}
	
#menu a.home{
width:60px;

}

#menu a.portfolio{
width:60px;
background-position: -119px bottom;
}

#menu a.about{
width:60px;
background-position: -229px bottom;
}
		
#menu a.network{
width:90px;
background-position: -350px bottom;
}

#menu a.contact{
width:60px;
background-position: -450px bottom;
}
		
					
#menu li			
	{
	float:left;
	}
	


/* Waves A
----------------------------------------------------------- */


.clouds					
	{ 
	width:1114px; 
	height:614px; 
	overflow:hidden; 
	position: absolute; 
	bottom: -40px;  
	z-index: 3; 
	left: -90px;
	}
	



#wave			
	{ 
	width:3000px; 
	height:100%; 
	background:url(images/blady.png) no-repeat 405px bottom;
	position: absolute;
	overflow: hidden;
	left: 290px;
	bottom: 125px;
	}



/* Bar 
----------------------------------------------------------- */


#cloud2					
	{ 
	position:absolute; 
	bottom:-140px; 
	height: 231px;
	}


.clouds-big				
	{ 
	width:3000px; 
	height:100%; 
	background:url(images/bar.png) bottom; 
	}


.clouds_a
	{
	width:100%; 
	height:95%; 
	overflow:hidden; 
	position: absolute; 
	z-index: 3;
	}



/* Land
----------------------------------------------------------- */

#cloud3
	{
	width:1114px; 
	height:300px; 
	overflow:hidden; 
	position: absolute; 
	bottom: 48px;  
	z-index: 2; 
	left: -40px;
	

	}


#cloud3 .clouds-big
	{
	background:url(images/3737.png) repeat-x bottom; 
	height:100%;
	
	}
	
	
	
/* Trees
----------------------------------------------------------- */

#cloud0
	{
	position: absolute; 
	bottom: 115px;
	z-index: 1;
	}


#cloud0 .clouds-big
	{
	background:url(images/logo.png) no-repeat 320px bottom;
	height:100%;
	margin-left: -225px;
	
	
	}



/* Trees
----------------------------------------------------------- */

#cloud4
	{
	position: absolute; 
	bottom: 128px;
	z-index: 2;
	height: 336px;
	}


#cloud4 .clouds-big
	{
	background:url(images/matsya.png) no-repeat 200px bottom;
	height:100%;
	
	}

/* Birds A
----------------------------------------------------------- */

#cloud7
	{
	position: absolute; 
	bottom: 0;
	z-index: 1;
	}


#cloud7 .clouds-big
	{
	background:url(images/birds_a.png) repeat-x 240px 90px;
	height:68%;
	
	
	}
	
	

/* Clouds
----------------------------------------------------------- */

#cloud5
	{
	position: absolute; 
	bottom: auto;
	z-index: 1; 
	top:0;
	height: 86px;
	}


#cloud5 .clouds-big
	{
	background:url(images/12.png) repeat-x top left; 
	height:100%;
	}

/* Birds
----------------------------------------------------------- */

#cloud6
	{
	position: absolute; 
	bottom: auto;
	z-index: 0; 
	top:0;
	}


#cloud6 .clouds-big
	{
	background:url(images/birds.png) repeat-x 280px 100px; 
	height:100%;
	}



/* Sun
----------------------------------------------------------- */

#cloud8
	{
	position: absolute; 
	bottom: auto;
	z-index: -1; 
	bottom:360px;
	left:0px;
	height: 360px;
	}


#cloud8 .clouds-big
	{
	background:url(images/sign.png) no-repeat 260px 60%; 
	height:100%;
	}



/* Avatars
----------------------------------------------------------- */

.avatar
	{
	width:292px;
	height: 500px;
	z-index: 6;
	position: absolute;
	bottom: 0;
	text-indent: -999px;
	right: 0;
	background: transparent url(images/krishna.png) no-repeat bottom right;
	overflow: hidden;
	}


.avatar.matsya
	{
	background-image:url(images/matsya1.png);
	width:500px;
	margin-bottom: 150px;
	left: -165px;
	z-index: 1;
	
	}

.avatar.kurma
	{
	background-image:url(images/kurma.png);
	z-index: 3;
	right: 64px;
	bottom: 35px;
	width:234px;
	}

.avatar.varaha
	{
	background-image:url(images/varaha.png);
	width:580px;
	z-index: 5;
	bottom:150px;
	right: 150px;
	}
	
	
.avatar.vamana
	{
	background-image:url(images/vamana.png);
	width:303px;
	z-index: 5;
	bottom:-50px;
	right: -50px;
	}

.avatar.tickets
	{
	background-image:url(images/vamana.png);
	width:303px;
	z-index: 3;
	bottom:-50px;
	right: -50px;
	}


#box1 .content .inner
	{
	z-index: 3;
	right: 0;
	bottom:110px;
	width:480px; 
	}


#box2 .content .inner, #box3 .content .inner
	{
	right: -1%;
	width:1004px; 
	bottom: -20px;
	}
	
#box4 .content .inner, #box5 .content .inner
	{
	bottom:80px;
	}


#box2 .content .inner .paper
	{
	z-index: 5;
	background-position: 720px top;
	width:875px;
	left: 70px;
	bottom:111px;
	padding-left: 20px;
	height:372px;
	background: url(images/paper2.png) repeat-x;
	}
	



#box3 .content .inner .paper
	{
	z-index: 5;
	background-position: 520px top;
bottom:111px;
left:80px;
width: 880px;
height: 367px;
background: transparent url(images/paper4.png) no-repeat;
	}
	
#box4 .content .inner .paper
	{
	z-index: 5;
	bottom: 11px;
	background-position: 320px top;
	left: 100px;
	width: 750px;
	padding-left: 20px;
	height: 320px;
	background: transparent url(images/paper.png) repeat-x top left;
	}
	
	
#box5 .content .inner .paper
	{
	z-index: 5;
	bottom:10px;
	background-position: 120px top;
	width: 750px;
	height:367px;
	left:100px;
	background: transparent url(images/paper5.png) no-repeat top left;
	}




.box .content .inner .paper
	{
	background: transparent url(images/paper1.png) repeat-x top left;
	height:610px;
	position: absolute;
	left: 0;
	width:555px; 
	bottom: 0;
	z-index: 1;
	opacity:1;
	overflow: hidden;
	}
	
	
	
/* Titles
----------------------------------------------------------- */

.box .content .inner .paper h1
	{
	width:293px;
	overflow: hidden;
	height: 44px;
	background: transparent url(images/titles.png) no-repeat 0 0;
	text-indent: -999px;
	margin-top: 30px;
	margin-left: 250px;
	}

#box2 .content .inner .paper h1
	{
	background-position: 25px 0;
	margin-left: 0;
	}

#box3 .content .inner .paper h1
	{
	background-position: 60px -45px;
	}

#box4 .content .inner .paper h1
	{
	background-position: 0px -95px;
	}

#box5 .content .inner .paper h1
	{
	background-position: 0px -155px;
	}
	

		
/* Portfolio
----------------------------------------------------------- */
	

div.portfolio_list
	{
	width:804px;
	overflow: hidden;
	margin: 40px auto 0px auto;
	height: 380px;
	z-index: 7;
	padding-left: 50px;
	
	
	
	}

div.portfolio_list h2
	{
	color: #AD7405;
	padding-bottom: 9px;
	font-size: 18px;
	display: block !important;
	font-family: Arial, "Trebuchet MS", "Lucida Grande";
	text-align: center;
	
	}

div.portfolio_list .project
	{
	padding: 0 0 20px;
	float: left;
	background: transparent url(images/portfolio_bg.png) no-repeat;
	margin: 20px 15px;
	width:375px;
	height: 300px;
	
	
	}

div.portfolio_list .project p{
padding: 15px 0 0 0;
overflow: hidden;
line-height: 16px;
}

div.portfolio_list .project.alt{
margin-right: 0;

}

div.portfolio_list .project a
	{
	display: block;
	clear: both;
	font-size: 11px;
	text-align: center;
	}


div.portfolio_list .project a img
	{
	opacity:.85;
	width:335px;
	height: 185px;
	margin-left: 0px;
	margin-top: 13px;
	
	}
	

div.portfolio_list .project a:hover img,
div.portfolio_list .project a img:hover 
	{
	opacity:1;
	border-color:#767f68;
	}
	
div.portfolio_list .map {
padding: 0 0 0px;
	float: left;
	background: transparent url(images/map.png) no-repeat center 0px;
	width:175px;
	height: 300px;
	margin-top: 35px;
}	

div.portfolio_list .map a img{
	padding-left: 12px;
	padding-top: 40px;
	opacity:.85;
	width:152px;
	height: 175px;
	
}

div.portfolio_list .map a:hover img,
div.portfolio_list .map a img:hover 
	{
	opacity:1;
	border-color:#767f68;
	}
	
div.portfolio_list .contact1 {
padding: 0 0 0px;
	float: left;
	width:175px;
	height: 75px;
	margin-top: 0px;
}	

div.portfolio_list .contact1 a img{
	padding-left: 1px;
	opacity:.85;
	width:175px;
	height: 81px;
	
}

div.portfolio_list .contact1 a:hover img,
div.portfolio_list .contact1 a img:hover 
	{
	opacity:1;
	border-color:#767f68;
	}

	

/* About Me
----------------------------------------------------------- */	

div.aboutme img
	{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px
	
	}

div.aboutme
	{
	padding: 70px 20px;
	
	}
	
div.aboutme p
	{
	padding: 10px 0 0 170px;
	}

#box2 .content .inner .paper li{

}	
	
.wall {
 margin-left: 400px;
 
}

.flikr {
margin-top: 10px;
}

.games {

margin-left: 95px;
margin-top: -125px;
}


.humor {

margin-left: 190px;
margin-top: -275px;
}
 
.merch {
margin-left: 550px;
margin-top: -125px;
}

.doors{

padding-left: 325px;
margin-top: 100px;

width: 350px;
height: 500px;

}

.doors a img{
	
	opacity:1;
	
	
}

.doors a:hover img,
.doors a img:hover 
	{
	opacity:1;
	
	}

.hours {
margin-top: 125px;
margin-left: 150px;

}



.social { padding-top: 20px;

}

.social img {
border: none;

}

.face { width: 100%;
height:100%;
margin-left: 1px;
border: none;
margin-bottom: none;


}
.metro {
margin-left: -3px;
border: none;
padding: none;
}

.yelp {
margin-left: 1px;

}

.twit {
margin-left: -3px;

}

.news {
height: 118px;
width: 143px;

z-index: 5;
background:url('images/news.png') no-repeat;
padding-top: 55px;
text-align: center;
position: fixed;
overflow: hidden;

top: 312px;
left:700px;

}

.frame {padding-top: 40px; padding-left: 50px;}

.connect {
padding-left: 25px;
opacity: .85;

}

/* Lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 350px;
	height: 350px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 150%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; text-indent: 20px; margin-left: 10px; text-align: center;}
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
	padding-top: 5px;
	

	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Gallery */
#gallery {
		position: absolute;
		padding: 30px 10px 10px 200px;
		width: 445px;
		
	}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 5px;
	}
#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
#gallery ul a:hover { color: #fff; }

/* End Gallery*/

/*Simple */
#basic-modal-content {display:none; background: url(images/map.jpg) no-repeat; height: 400px; width: 532px;}
#faq-modal-content {display: none; background: black; padding: 0px; border: 0px;}
#games-modal-content {display: none;}
#humor-modal-content {display: none;}




/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}

#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:blue;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content #faq-modal-content #games-modal-content #humor-modal-content {display:none;}
{padding:8px;}
#simplemodal-container p {padding-top: 10px; padding-left: 10px;text-indent: 10px; font-family: "Arial"; }
#simplemodal-container p.question {color: #fff; font-weight: bold; font-size: larger;}
#simplemodal-container p.answer {color: #fff; padding-bottom: 15px;}
#simplemodal-container h3 {color: #000;}
#simplemodal-container h4 {color: #fff; padding-left: 100px;padding-top: 10px; font-size: larger;}
/*End Simple */

/*Contact */
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#fff; color:#ddd; height:40px; border: 10px solid #333; padding-top: 20px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(images/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(images/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(images/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-7px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(images/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(images/contact/cancel.png) no-repeat;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modal-close:hover {color:#9bb3b3;}

/*End Contact */