@charset "utf-8";
/*Author -  Veerendra Tikhe                 */
/*Created for - v-render studio, india 		*/
/*project - www.mysticvalley.co.in          */
/*------------------------------------------*/
/*TABLE OF CONTETNS*/
/*
1. pagewrap
2. header
3. content
4. form elements
5. footer
6. custom styles
*/

/*GLOBAL RESET*/
* {	padding:0; 	margin:0;	line-height:100.01%; outline:none;}
body, p, div, ul, ol, li, a, form, blockquote, h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}
table{	border-collapse: collapse; }
body {  color:#333; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
body h1, h2, h3, h4, p{	text-align: left;	margin:0 5px 5px 0;}
h2, h3, h4, h5, p, ul, li{	line-height:1.5em;}

/*pagewrap*/
#pagewrap{width:834px; margin: 0 auto;}

/*header*/
#pagewrap #mainhead #logo {height: 235px;}
#pagewrap #subhead { height: 140px; }

#pagewrap #menu{ height:41px; background:#FFF url(../images/menu-bg.jpg) repeat-y;}
#pagewrap #menu ul { list-style:none;}
#pagewrap #menu ul li { float:left;}

/*SPRITE NAVIGATION*/
#pagewrap #menu ul li a { display:block; text-decoration:none; text-indent:-9999px; height:28px;}
#pagewrap #menu ul li a.home { width:181px; background:url(../images/sprites-menu.gif) no-repeat 0 0;}
#pagewrap #menu ul li a:hover.home { width:181px; background:url(../images/sprites-menu.gif) no-repeat 0 -44px;}
#pagewrap #menu ul li a.project { width:163px; background:url(../images/sprites-menu.gif) no-repeat -181px 0;}
#pagewrap #menu ul li a:hover.project { width:163px; background:url(../images/sprites-menu.gif) no-repeat -181px -44px;}
#pagewrap #menu ul li a.facilities { width:170px; background:url(../images/sprites-menu.gif) no-repeat -344px 0;}
#pagewrap #menu ul li a:hover.facilities { width:170px; background:url(../images/sprites-menu.gif) no-repeat -344px -44px;}
#pagewrap #menu ul li a.developers { width:161px; background:url(../images/sprites-menu.gif) no-repeat -514px 0;}
#pagewrap #menu ul li a:hover.developers { width:161px; background:url(../images/sprites-menu.gif) no-repeat -514px -44px;}
#pagewrap #menu ul li a.contact { width:130px; background:url(../images/sprites-menu.gif) no-repeat -675px 0;}
#pagewrap #menu ul li a:hover.contact { width:130px; background:url(../images/sprites-menu.gif) no-repeat -675px -44px;}

/*content*/
#pagewrap #content {padding:20px 15px 20px 30px; line-height:1.5em; background:#fff; border:#ccc solid 1px;}
#pagewrap #content h1{ color:#069; margin:2px 0;}
#pagewrap #content h2{ color:#069; font-size:15px; font-weight:bold;}
#pagewrap #content h3{ color:#099; font-size:15px; font-weight:normal;}
#pagewrap #content p{ color:#333; font-size:14px;}
#pagewrap #content blockquote { display:block; padding:10px; text-indent:15px; background:#ECFBE1; border:#B5D396 solid 1px; font:13px georgia; font-style:italic;  line-height:1.6em;}
#pagewrap #content ul.list01 { list-style:none;}
#pagewrap #content ul.list01 li { display:block; padding:5px 0 5px 15px; background:url(../images/arrow.gif) no-repeat 0 5px; font-size:13px;}
#pagewrap #content #left_pannel { width: 72%;	float: left; margin-right: 3%; }
#pagewrap #content #right_pannel { float: left;	width: 25%;	height: 100%;}
#pagewrap #content ul.list02 { list-style:none;}
#pagewrap #content ul.list02  li{ font-size:14px; color:#333; display:block; padding:5px 0 10px 20px;  background:url(../images/bullet.gif) no-repeat 0 12px;}
#pagewrap #content ul.list02  li ul li { padding:5px 0 5px 15px; border-bottom:#CCC dotted 1px;  font:normal 13px Arial; background:url(../images/MenuBarRight.gif) no-repeat 0 12px;}

/*FORM ELEMENTS*/
.contactForm input, .contactForm textarea{ width:90%; margin: 5px 2px; padding:5px; font:12px georgia,serif;}
.contactForm input.buttonForm { width:45%; float:left;}

/*FOOTER*/
#pagewrap #content-footer{ height:50px; display:block;}
#pagewrap #content-footer a { color:#060; text-decoration:none; font-weight:bold; padding-left:25px; background:url(../images/bullet.gif) no-repeat 12px 9px;}
#pagewrap #footer {	background:url(../images/content-footer.png) no-repeat; height: 55px; padding-top:45px;	width: 100%;}

/*MISC CLASSES.*/
#pagewrap table.dataTable{border:#6CF solid 1px; font-size:12px; width:95%; background:#E2F4FE;}
#pagewrap table.dataTable tr td p{ padding:5px;}
#pagewrap .note { font-size:10px; font-style:italic;}
#pagewrap #popup { background:#FFFED7; padding:0px; height:0px; overflow:hidden;}
#pagewrap .note  a:link {padding:5px; display:block; }
#pagewrap .info { font-size:12px; font-style:italic;}
#pagewrap .clear { clear: both; visibility:hidden; }
.block {float:left; padding-right:15px; padding-bottom:15px;}
.block h2{ color:#069; font-size:15px; font-weight:bold;}
.block h3{ color:#099; font-size:15px; font-weight:bold;}
.block p{ color:#333; font-size:14px;}
ul.headerLi li { font:bold 15px;}
.w25{ width:25%;}
.w30 { width:29%;}
.w35 { width:31%;}
.w40 { width:39%;}
.w50 { width:49%;}
.w65 { width:65%;}
.w90 { width:98%;}
.divCenter {margin:0 auto;}
ul.images {list-style-type:none; padding:0;}
ul.images li { float:left; margin:5px; padding:0; background:none;}
ul.images li a{ padding:3px 0; display:block; background:#F0F0F0;}
ul.images li a img{ border:#CCC solid 3px;}
.content hr.line{ background:#6C6; height:2px; margin:15px 0; clear:left; border:none;}
p.distance { color:#666; font-weight:bold; text-decoration:underline; display:block; height:25px; visibility:visible; padding-left:25px; background:url(../images/googleMapPointer_redSmall.png) no-repeat top left;}
/*footer*/
#footer{ clear:both; height:200px; }
#footer p, #footer a{ color:#990; font-size:13px;}

/*custom classes*/


/* slider */
#slider { height:300px; background:#47627C; clear:left; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
	
#slider ul, #slider li	{ margin:0; padding:0; list-style:none; }	
#slider, #slider li		{ height:300px; width:832px; overflow:hidden;}	
#prevBtn, #nextBtn	{display:block; width:30px;	height:77px; position:relative;	left:-30px;	top:-150px;	}	
#nextBtn	{left:695px;	top:-221px;	}
#prevBtn a, #nextBtn a{  display:block;	width:30px;	height:77px; background: url(../images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a	{ background:url(../images/btn_next.gif) no-repeat 0 0;}