/* CSS Document */


/* keep this area unchanged and common for all the basic style sheet of a site
after that change the styles as ur wish


common browser reser starts here */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body, th, td, input, textarea{	color:#000000;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	}
input, textarea{font-weight:normal;}
h1{	font-size:25px;	}
h2{	font-size:22px;	}
h3{	font-size:16px;	}
h4{	font-size:14px;	}
h5{	font-size:12px;	}
h6{	font-size:10px;	}
p, ul, ol{	font-size:13px;	line-height:20px;}
blockquote{	margin-left:36px;margin-right:36px;	}
a:hover{border:none;}
h1 a, h2 a, h3 a{border:none;}
hr{	display:none}

/* common browser reset ends here */

body {
	margin:0px;
	background:url(images/hdr_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
body.page{
	background-position:left -105px;}
.clear {clear:both;}
#header {
	
	width:980px;
	height:409px;
	margin: 0px auto;
}
.page_header{
	height:304px !important;
	}
#logo {
	float:left;
	margin:50px 0 0 10px;
}
#logo h1{
	margin-top:20px;
	margin-left:0px;
	
	}
#search {
	float:right;
	width:220px;
	padding:5px;
	background:#CCCCCC;
	margin-right:50px;
	margin-top:30px;
}
#logo h1 a{
	height:175px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:260px;
	display:block;
	}
#slideshow{
	height:330px;
	width:650px;
	background-image:url(images/slide.png);
	float:right;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center bottom;
	}
#page {
	width:970px;	
	margin: 0px auto;
	background-image:url(images/pagebg.png);
	background-repeat:repeat-y;
	padding:5px;
}
#menu {
	width:100%;
	background:url(bg_menu.jpg);
	height:50px;
	line-height:50px;
	margin-top:5px;
	}
#menu li{
	float:left;
	padding-left:20px;
	padding-right:20px;
	line-height:40px;
	height:40px;
	list-style:none;
	background-image:url(images/menu_li_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-top:10px;
	}
#menu li a{
	  color: #EAEAEA;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    text-transform: uppercase;
}
#menu li a:hover{
	color:#EF1E18;
	 text-shadow: 1px 1px 2px #333333;
}
#header_menu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;  z-index:300; display:none; }
#header_menu li ul {
	background-image:none;
	width: 60px;
	padding: 0px;
	margin:0px;
	padding-bottom:10px;
	margin-top:-2px;
}
#header_menu li ul a {
	height:auto;
	line-height:20px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image:none;
}



#header_menu li ul li{
	background-color:#0033FF;
	height:25px;
	line-height:25px;
	border-top:none;
	width:60px;
}
/*#header_menu li li:last-child a{ background-image:url(images/drop_ul_rt.jpg);
 background-position:right bottom;background-repeat:no-repeat;padding-bottom:10px; }
*/
#header_menu ul ul {top:auto;}
#header_menu li ul ul {left:200px; margin:0px 0 0 0px;}
#header_menu li:hover ul ul, #header_menu li:hover ul ul ul, #header_menu li:hover ul ul ul ul {display:none;}
#header_menu li:hover ul, #header_menu li li:hover ul, #header_menu li li li:hover ul, #header_menu li li li li:hover ul {display:block;}
.current{
	height:20px;
	line-height:20px;
}
#menu .current a{
	color:#EF1E18;
	}
#content{
	width:570px;
	float:left;
	margin:5px;
	padding:10px 15px;
	background-color:#F5FAFC;
}
#content h1{
	color:#2890D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px solid #E8E8EF;
	width:100%;
	}
.entry{
	margin:5px;
	}
.entry p{
	font-family:arial, Tahoma, "Tempus Sans ITC";
	font-size:13px;
	text-indent:50px;
	margin:10px 0px;
	text-align:justify;
	}
.entry ul{
	margin:10px;
	line-height:30px;
	font-size:15px;
	list-style:none;
	}
.entry ul li{
	padding:5px;
	list-style:none;
	padding-left:30px;
	}
#divs{
	margin-left:40px;
	}
#divs li{
	font-size:14px;
	font-weight:bold;
	list-style-image:url(images/arrow.png);
	padding-left:10px;
	color:#0F172F;
	}
.meta{
	background:#E3F4FF;
	border: 1px solid #054367;
	margin:5px;
	
}
.meta h4{
	padding:5px 0 0 10px;
	color:#2890D6;
	margin-bottom:5px;
	}
.meta p{
	text-align:justify;
	margin-left:90px;
	font-size:13px;
	padding:15px;
	padding-top:0px;	
	}
a.more{
	background-image:url(images/more.png);
	background-repeat:no-repeat;
	height:19px;
	width:68px;
	display:block;
	float:right;
	margin-right:10px;
	}
#fade {
	margin:3px 10px 10px 0px;
	float:left;
	max-height:50px;
	max-width:90px;
	line-height:20px;
    position:relative;
    height:50px;
}

#fade IMG {
    position:absolute;
    top:0;
    left:10px;
    z-index:8;
    opacity:0.0;
}

#fade IMG.active {
    z-index:10;
    opacity:1.0;
}

#fade IMG.last-active {
    z-index:9;
}
#sidebar{
	width:345px;
	float:right;
	margin:5px;
}
#sidebar li p{
	color:#075F89;
	padding-left:25px;
	font-size:14px;
	padding-top:5px;
	}
.sidebar_content{
	background-color:#E9F4F5;
	border:1px solid #2883B9;
	margin-bottom:20px;
	border-top:none;
	}
.sidebar_text{
	height:750px;
	display:block;
	}
.sb_top{
	background-image:url(images/sb_top.png);

	}
img.sb_img{
	width:345px;
	margin-bottom:10px;
	margin-top:5px;
	}
h1.sb_top{
	padding-left:25px;
	padding-top:10px;
	text-shadow:1px 1px 1px #0099FF; 
	font-size:17px;
	color:#FFFFFF;
	line-height:22px;
	height:30px;
	}
.sb_bot{
	
	}
#sidebar li{
	list-style:none;
	margin:5px;
	}
#sidebar li li{
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	}
h4.img_title{
padding-left:15px;
font-size:12px;
margin-bottom:10px;
}
#footer{
	background:#38ABF1;
	height:60px;
	margin:0px auto;
	}
#footer_links {
	height:30px;
	line-height:30px;
	margin:0px auto;
	text-align:center;
	}
#footer_links li{
	display:inline;
	margin-left:10px;
	padding-right:10px;
	line-height:30px;
	height:30px;
	list-style:none;
}
#copy {
	width:600px;
	margin:0px auto;
	text-align:center;
	line-height:20px;
}
#footer a{
	text-decoration:none;
	color:#000000;
	}
#footer a:hover{
	color:#FFFFFF;
	}
#contact_form tr{
	line-height:40px;
	}
#contact_form textarea{
	max-width:500px;
	border: 1px solid #51A5FF;
	box-shadow:0px 0px 1px #0066FF;
	}
#contact_form textarea:focus{
	box-shadow:0px 0px 3px #0066FF;
	}
#contact_form input{
	max-width:500px;
	border: 1px solid #51A5FF;
	box-shadow:0px 0px 1px #0066FF;
	}
#contact_form input:focus{
	box-shadow:0px 0px 3px #0066FF;
	}
#contact_form td{
	text-align:left;
	vertical-align:middle;
	
	color:#234A85;
	font-size:14px;
	}
#contact_form {
	color:#234A85;
	font-size:14px;
	}
#contact_form #contact_submit {
	color:#000000;
	font-size:14px;
	background-image:url(images/btn.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	display:block;
	border:none;
	background-color:#FFFFFF;
	box-shadow:none;
	}
#contact_submit:hover{
	text-shadow:0px 0px 1px #51A5FF;
	color:#F9F9F9;
	}
#gallery{
	float:left;
	margin:5px;
}
#gallery h1{
	color:#2890D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px solid #E8E8EF;
	width:100%;
	}
#gallery h2{
	color:#2890D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px solid #E8E8EF;
	width:100%;
	}
h2{
	color:#2890D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px solid #E8E8EF;
	}
#banner{
	display:block;
	}
#banner img{
	margin-left:95px;
}
#banner a {
    float: right;
}
.proj p{
	margin:0px;
	line-height:18px;
	text-indent:0px;
	padding-left:30px;
	font-size:12px;
	}
.proj{
	width:800px !important;
	margin:0px auto !important;
	padding:20px 50px !important;
	float:none !important;
	}
.proj ul{
	width:640px;
	float:left;
	}