@charset "utf-8";
/*
Indraprastha Styles
By: Junaid Bhura
Exit Design, Bangalore
*/

/* -- Elements -- */
* {
	margin:0px;
	padding:0px;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	background-color:#000000;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#FCEED6;
	background-image:url(../assets/images/bg_circle_gradient.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	overflow:-moz-scrollbars-vertical;
}

img {
	border:0px;
}

h1, h2, h3 {
	color:#C0A062;
	font-size:18px;
	font-weight:normal;
}

h2 {
	font-size:14px;
	padding-bottom:20px;
}

.projects{
	border-bottom:#926640 1px solid;
	padding-bottom:5px;
}

h3 {
	padding-top:20px;
	font-size:12px;
	padding-bottom:10px;
}

p {
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	line-height:18px;
}

a {
	color:#C0A062;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* -- Classes -- */
.ClearFloats {
	clear:both;
}

.SubMenu1, .SubMenu2, .SubMenu3, .SubMenu4 {
	list-style-type:none;
}

.SubMenu1 li {
	border-bottom:1px solid #645E5C;
	text-align:center;
	padding:4px;
}

.SubMenu1 li a, .SubMenu4 li a {
	font-size:12px;
	font-family:Tahoma, Verdana, Arial;
	text-align:center;
	display:block;
	color:#918889;
	text-decoration:none;
	padding:0px;
}

.SubMenu1ElementActive, .SubMenu4ElementActive {
	font-size:12px;
	font-family:Tahoma, Verdana, Arial;
	text-align:center;
	color:#C0A062;
}

.SubMenu2 li a {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#FCEED6;
	text-align:center;
	padding:4px;
	margin-bottom:2px;
	border-bottom:1px solid #744D46;
}

.SubMenu2ElementActive {
	background-color:#9C2A2C;
}

.SubMenu3 li a, {
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	text-align:center;
	padding:4px;
	color:#634731;
}

.SubMenu3ElementActive a {
	color:#C0A062;
	font-size:11px;
}
.SubMenu3ElementActive {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	text-align:center;
	color:#C0A062;
}
	
.SubMenu4 {
	/*background-color:#FFFAF4;*/
}

.SubMenu4 li {
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #645E5C;
}

.SubMenu4 li a {
	/*background-color:#FFFAF4;*/
	border:none;
	color:#FCEED6;
	padding:4px;
}

.SubMenu4ElementActive {
	padding:4px;
}

.IndraUL {
	margin-left:20px;
	line-height:18px;
}

.IndraUL li {
	color:#C0A062;
	padding-bottom:5px;
}

.IndraUL li span {
	color:#FCEED6;
}

.Highlight {
	color:#C0A062;
	font-weight:bold;
}

.MenuBuildings {
	position:absolute;
	margin-top:-23px;
	color:#FFFFFF;
	width:85px;
	text-align:center;
}

.IndraprasthaButton {
	border:0px;
	background-color:#B8934D;
	color:#333333;
}

.Thumbnail {
	padding-bottom:11px;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:100px;
	vertical-align:middle;
}


/* -- IDs -- */
#wrap {
	/*background-image:url(../assets/images/bg_ill1.png);
	background-position:bottom center;
	background-repeat:no-repeat;*/
}

#main {
	padding-bottom: 18px;  /* must be same height as the footer */
}

#footer {
	position: relative;
	margin-top: -18px; /* negative value of footer height */
	height: 18px;
	clear:both;
} 

#homeFlashContainer {
	background-color:#000000;
	height:234px;
	padding-top:11px;
	padding-bottom:11px;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#footerStrip {
	background-color:#B8934D;
	font-size:10px;
	height:17px;
	border-bottom:1px solid #EB6100;
	width:100%;
	color:#000000;
	line-height:17px;
	position:fixed;
	bottom:0px;
	z-index:100;
}

#footerStrip a {
	color:#000000;
}

#wrapSite {
	width:950px;
	margin:0 auto;
	padding-bottom:40px;
}

#header {
	padding-top:5px;
}

#logoContainer {
	float:left;
	width:163px;
}

#menuContainer {
	float:right;
	width:763px;
	padding-top:105px;
	vertical-align:bottom;
}

#contentContainer {
	padding-top:45px;
	padding-bottom:10px;
}

#leftColumn {
	width:150px;
	float:left;
	padding-left:8px;
}

#rightColumn {
	width:667px;
	float:right;
	padding-right:70px;
}

#thumbContainer {
	height:333px;
	overflow:hidden;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- MOOTOOLS DROPDOWN MENU -- */
#drop_down_menu {
	display:block;
	position:absolute;
	list-style-type:none;
	float:none;
}
#drop_down_menu li {
	float:left;
	cursor:pointer;
	padding-right:21px;
	width:85px;
	text-align:center;
}
#drop_down_menu li a{
	font: bold 12px verdana;
	color:#FFF;
	line-height:16px;
	height:16px;
	text-align: center;
	text-decoration: none;
	
}
#drop_down_menu li ul {
	list-style-type:none;
}
#drop_down_menu li ul li {
	display:block;
	margin:0px;
	padding:0px;
	float:none;
	clear:both;
	width:100%;
	margin-bottom:1px;
	padding-right:0px;
}
#drop_down_menu li ul li a {
	margin:0px;
	padding:0px;
	color:#FCEED6;
	text-decoration:none;
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	font-size:11px;
	border-top:1px solid #744D46;
}

/*-------- homepage animated menu menu -------------*/
.lavaLampNoImage {
            position: relative;
            height: 25px;
            width: 500px;
            padding: 0px;
            margin: 10px auto;
            overflow: hidden;
			text-align:center;
			/*border: 1px solid gray;*/
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                       /* border: 1px solid #000;*/
                        background-color: #190304;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 10px verdana;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 25px;
                        position: relative;
                        overflow: hidden;
						padding: 5px 15px 5px 15px;
                        /*margin: auto 15px;*/
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
							
                        }    
						


.img_container { height:120px;}
  .img_container ul {display:block;padding:0;margin:0;list-style:none;}
  .img_container ul li{float:left;width:100px;margin:10px; text-align:center;}
  .img_container ul li a img {
      width:50px;
      height:50px;
      /*border:1px solid #574331;*/
      padding:2px;
      background:#eee;
  }
  a.imageborder img{
      width:50px;
      height:50px;
      border:1px solid #574331;
      padding:2px;
      background:#eee;
      float:left;
      margin:0 10px;
  }
  .img_container ul li a:hover img, a.imageborder:hover img { background:#e8e8e8; border-color: darkred; }
  .ish {color:#006e7d; font-family: verdana, arial; font-size: 12px; font-weight: bold;}
.bt{color:#000000; font-size:11px;font-family: Tahoma, Arial, Verdana;line-height:18px;}

.smallfont{
	font-size:10px;
}


#topright {
/* The size of the window */

width:178px;
height:200px;
/* The position of the window */
position:absolute;
top:509px;
left:387px;
/* Telling the browser THIS is a window */
overflow:hidden;
/* Putting all this over anything else in the page */
z-index:1000;
}
/*#topright .selectbox {*/
/* Make this change mouse cursor when over, to look like a link */

/* Position this object into the window */
/*position:absolute;
top:0px;
right:0px;
width:178px;
height:20px;*/
/* Put this the first one inside the window */
/*z-index:1000;

}*/
.selectbox{
	z-index:1000;
	background:url(../assets/images/select_box.gif) no-repeat;
}
.selectbox a{
	width:178px;
	height:20px;
	cursor:pointer;
	display:block;
}
.content {
	overflow:auto;
	background:#FFF;
	border:#7f9db9 1px solid;
	color:#333;
	/*position:absolute;top:529px;left:387px;*/
	width:auto;
	padding:2px;
	line-height:18px;
	/* We put the object BEHIND the title */
	z-index:500;
	/* Here's the trick! We put this object out of the window */
	height:200px;
}