@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(../images/images/main_bg.gif);}
html { padding:0; margin:0;}

.blue { color:#58b7ff;}

td {font:normal 11px Arial, Helvetica, sans-serif;}
div {font:normal 11px Arial, Helvetica, sans-serif;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:949px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; width:949px;}
/* menu */	
.menu { padding:0; margin:0; width:949px; height:58px; background:url(../images/images/menu_bg.gif) top no-repeat;}
.menu ul { float:right; padding:0; margin:7px 20px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:15px; margin:0; background:none;}
.menu ul li a:hover { color:#FFF; font-weight:bold; background:url(../images/images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#FFF; font-weight:bold; background:url(../images/images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#FFF; font-weight:bold; background:url(../images/images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#FFF; font-weight:bold; background:url(../images/images/l_menu.gif) no-repeat left;}
/*toppik*/
.toppik {margin:0 auto 10px auto;}
/*blog_body*/
.blog_body { width:949px; background:#fff url(../images/images/body_top_img.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url(../images/images/body_bottom_img.gif) bottom no-repeat;}
.blog_body p { margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#414141; padding:5px; line-height:1.6em;}
.blog_body a { color:#3497c4; text-decoration:none;}
.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em;}
.blog_body ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}
.blog_body li { padding:10px 20px; margin:0; font:normal 10px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em;}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:5px 0; line-height:1.6em;}

.blog_body h2.welcome { background:url(../images/images/h2_welcome.gif) left no-repeat; color:#c50000;}
.blog_body h2.what { background:url(../images/images/h2_what.gif) left no-repeat; color:#c50000;}
.blog_body h2.our { background:url(../images/images/h2_our.gif) left no-repeat; color:#c50000;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}

/*blog_body_down*/
.blog_body_down { width:949px; background:#fff url(../images/images/body_top_img_down.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url(../images/images/body_bottom_img.gif) bottom no-repeat;}
.blog_body_down p { margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#414141; padding:0px; line-height:1.6em;}
.blog_body_down a { color:#3497c4; text-decoration:none; font-weight:bold; float:right;}
.blog_body_down a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body_down span { font:bold 11px Arial, Helvetica, sans-serif; color:#c50000; line-height:1.4em;}
.blog_body_down ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}
.blog_body_down li { padding:10px 20px; margin:0; font:normal 10px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em;}
.blog_body_down ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body_down ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body_down h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:5px 0; line-height:1.6em;}
.blog_body_down h2.welcome { background:url(../images/images/h2_welcome.gif) left no-repeat; color:#c50000;}
.blog_body_down h2.what { background:url(../images/images/h2_what.gif) left no-repeat; color:#c50000;}
.blog_body_down h2.our { background:url(../images/images/h2_our.gif) left no-repeat; color:#c50000;}
.blog_body_down .lorem { width:275px; float:left; padding:10px 20px;}
.blog_body_down .video { float:left; padding:10px 20px;}
.blog_body_down .img { float:left; padding:5px 20px; border:solid 2px #999}

/*video*/
.video {background:none; }
.video h2 { background:url(../images/images/cam.png) left no-repeat; color:#c50000;}
.video p { width:120px; text-align:center;}
.video ul { float:right;list-style:none; margin:20px 0 0 0; padding:0; background:none; border:none;}  
.video ul li { float:left; padding:0 10px;}
.video img { float:left; padding:3px 3px 3px 3px;
                background-color:#f2f2f2;
	            border: 1px solid #c0c2c5;  }
/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}
.left h2 { font:normal 20px Tahoma, Geneva, sans-serif; color:#c50000; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}
.left h2.port { background:url(../images/images/h2_port.gif) left no-repeat;}
.left h2.sevr { }
.left h2.con { background:url(../images/images/h2_con.gif) left no-repeat;}
.left h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#c50000; padding:10px; margin:0; line-height:1.4em;}
.left h4 { font:normal 11px Tahoma, Geneva, sans-serif; color:#2799cc; margin:0; line-height:1.4em; float:left; }
.left a.a1{ font:bold 11px Tahoma, Geneva, sans-serif; color:#2799cc; text-decoration:none; float:right; }
.left .img { float:left; padding:0; margin-top:10px; margin-bottom:10px; margin-right:15px; padding:5px 5px 5px 5px;
                background-color:#f2f2f2;
	            border: 1px solid #c0c2c5;  }
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h3 { font:normal 17px Tahoma, Geneva, sans-serif; color:#c50000; border-bottom:1px solid #d1d4d7; padding:16px 30px; margin:0; line-height:1.6em; text-transform:uppercase;}
.right a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e676d; float:right; text-decoration:none;}
.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right ul li.comment1 { font:normal 11px Tahoma, Geneva, sans-serif; color:#414141;  }
.right ul li.comment1 a { text-decoration: none; color:#414141;  }
.right ul li.comment1 a b { font-size:12px; }
.right ul li.comment1 div { font:bold 9px Tahoma, Geneva, sans-serif; margin-top:5px; color:#58b7ff; }
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}
.right li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#c50000; text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:15px 0; margin:10px auto 0 auto; background:#FFF url(../images/images/footer_bg.gif) top repeat-x; width:949px;}
.footer p { float:left; margin:0; color:#646d73; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.footer a { color:#33a2d3; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0 5px; text-transform:uppercase;}
.text_left { text-align:left; width:520px; padding:0 25px;}
.text_right { text-align:left; float:right; background:url(../images/images/logo_saaral.png) left no-repeat; padding:0 50px;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}





/*  ***********************************HINT bar style ****************************************  */
	 
 
 
  

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}