@charset "utf-8";
/* CSS Document */

/* home page starts */
* { margin:0;}
html { min-height: 100%; height: auto; overflow-y: scroll; }
.clear { clear:both; }
body { background: url(images/bg.jpg) repeat-x bottom left #fff; background-attachment:fixed; font-family:Verdana, Arial, Helvetica, sans-serif;}
#wrapper { width:806px; margin:0 auto; }
#wrapper span { width:806px;  display:block; background:url(bg.png) repeat-y center;} /* CSS for PNG IE 6 hack & one more CSS in html page. Do not remove */

#top { height: 95px; padding:25px 0 0 20px; background:url(images/ph.gif) no-repeat 555px 25px;}
#top img { border:none;}

.menu{
margin: 0 ;
padding: 0 0 10px 24px;
float: left;
font-size:12px;
width: 60%;
letter-spacing:1px;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
color: #646565;
padding: 0px 11px;
text-decoration: none;
border-right:1px solid #44baf3;
}

.menu li a.no_padding{
padding-left:0;
}

.menu li a.no_border{
border-right: none;
}

.menu li a:hover{
color: #44baf3;
}
.menu li a#current{
color: #44baf3;
cursor: default;
}

#home_btn { float:right; font-size:11px; letter-spacing:1px; padding-right:25px; font-weight:bold;}
#home_btn a {color: #646565; text-decoration:none;}
#home_btn a:hover {color: #44baf3;}

#top_banner { width:761px; margin:0 auto; }
#top_banner #div_loader {width:761px; height:120px; background:url(images/loading.gif) no-repeat center center ; }
#loading {background:url(images/loading.gif) no-repeat center center ;}
#loading_left { float:left; background:url(images/loading.gif) no-repeat center center ; padding-right:5px; margin-top:5px;}
#loading_right { float: right; background:url(images/loading.gif) no-repeat center center ; padding-left:5px; margin-top:5px;}
#bottom_banner { width:754px; margin:0 auto;}

#footer { padding:15px 25px 20px 25px; font-size:10px; color:#555555;}
#footer .left { float:left;}
#footer .right { float: right;}
#footer .left a, #footer .right a { color:#555555; text-decoration:none;}
#footer .left a:hover, #footer .right a:hover { color:#555555; text-decoration: underline;}

/* css for down navigation starts */
#downlink { padding-top:20px;  width:369px; margin:0 auto; }
.downlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2084b4;
	text-decoration: none;
}
a.downlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #34a7de;
	text-decoration: none;
}
/* css for down navigation ends */
/* home page ends */

/* about us page starts */
#content { font-size:11px; color:#777777; padding:0 25px 40px 25px; line-height:18px; margin:0;}
#content p { padding:10px 0 0 0}
#content p.back_btn { text-align: right;}
#content p.top { padding-top:0px; margin-top:-2px;}
#content ul { margin-left:10px; padding-left:10px; margin-top:10px; }
#content li {  list-style: none; background: url(images/bullet.gif) no-repeat 0 8px; padding-left:15px; padding-bottom:8px; }
#content a { text-decoration:underline; color:#34a7de;}
#content a:hover { text-decoration: none; color:#34a7de;}
b { color:#34a7de;}
i { vertical-align:super;color:#34a7de; font-style:normal; font-size:10px;}
ib { vertical-align:super;color:#777777; font-style:normal; font-size:8px; }
i.black {color:#777777;}
small { vertical-align:top; color:#34a7de; }
h1 {color:#34a7de; font-size:12px;}
h2 {color:#34a7de; font-size:10px; }
h2.pad_left { padding-left:10px;}

/* about us page ends */

/* contact form starts */
form { padding-top:10px;}

.cssform p{
width:100%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 50px; /*width of left column containing the label elements*/
height: 1%;
color: #6e686a;
font-size: 11px;
}

.cssform label{
float: left;
margin-left:0px; /*width of left column*/
width: 97px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: left;
padding-right:10px;
}

.cssform input {
font-size:11px;
color: #6e686a;
height:15px;
padding-left:2px; 
}

.bg_input {
background:url(form_bg.png) repeat-y center;
width: 170px;
border:1px solid #1696c4;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 170px; 
}

.cssform textarea{
width: 170px;
height: 130px;
font-size:11px;
color: #6e686a;
padding-left:2px; 
border:1px solid #1696c4;
overflow-y:scroll;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.button
{  margin-left:221px; width:60px; cursor:pointer; cursor:hand; border:none; margin-top:10px; border: 1px solid #1696c4; background:url(form_bg.png) repeat-y center; font-weight:bold;  }

/* contact form ends */

.bul{}