﻿* { padding: 0; margin: 0; }

body {
 font-family:Arial,Helvetica,sans-serif;
 font-weight:normal;
  line-height:1.6;
 font-size: 11.4px;
 background:#F5F5F5;
 color:#424242;
}
#wrapper { 
 margin: 0 auto;
 width: 955px;
 background:url(jythraimages/pbg3.png) top left repeat-y #fff;
 padding-left:39px;
}
#header {
 width: 900px;
 background:#fff;
 float: left;
 border: 1px solid #E3E3E3;
 height: 100px;
 margin: 10px 0px 5px 9px;
}
#logo {
float:left;
margin:10px 0 0 30px;
}
	#slogan{
	color:#272727;
	font-size:28px;
	float:left;
	width:350px;
    text-align:left;		
	margin:30px 10px 0 30px;
		}
		
#phone{
background:#EEEEEE;
	float:right;
	width:190px;
    text-align:right;		
	margin:10px 10px 0 0px;
	padding:10px 30px;
	line-height:20px;
		}
		
#tel{
float:left;
/*background:url(jythraimages/22.png);*/
height:22px;
width:22px;
}
#num{
float:right;
font-size:17px;
}
#navigation {
 float: left;
 width: 921px;
 margin-bottom:10px;
}

#topmenu{
position:relative;
background:url(jythraimages/mbg.png) top left repeat-x;
display:block;
width:100%;
height:39px;
font-size:10px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
#topmenu ul{
margin:0px;
padding:0px;
list-style-type:none;
width:auto;
float:left;
}
#topmenu ul li{
display:block;
float:left;
margin:0;
padding:0px 12px 0 12px;
}
#topmenu ul li a{
display:block;
float:left;
color:#424242;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
letter-spacing: 1px;
text-decoration:none;
padding:0px 6px 0 6px;
margin-top:12px;


}
#topmenu ul li:hover{
display:block;
padding:0px 8px 0 9px;
}

#topmenu ul li a:hover{
padding:0px 5px 0 5px;
margin-top:11px;
border:solid 1px #E3E3E3;
background:#EEE;
}

/*#topmenu ul li a.current{
color:#ED0000;
}*/
#left {
background:#fff; 
 border: 1px solid #E3E3E3;
 margin: 0px 5px 5px 9px;
 padding: 10px;
 height: auto;
 width: 553px;
 float: left;
}
#left ul li{
	padding-left: 40px;
	line-height:1.85em;
	font-weight:bold;
	background:url(jythraimages/3.png) no-repeat 18px 5px;
	position: relative;
	}
#right { 
 float: left;
 background:#fff;
 border: 1px solid #E3E3E3;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: auto;
 width: 300px;
 display: inline;
}
#right ul li{
	padding-left: 40px;
	line-height:1.85em;
	font-weight:bold;
	background:url(jythraimages/bullet.png) no-repeat 18px 2px;
	position: relative;
	}
#serv {
background:url(jythraimages/sbg.png) top left repeat-x #eee;
 width: 921px;
 clear: both;
 height:230px;
 margin: 0px 0px 10px 0px;
 }
#footer1{
background:url(jythraimages/mbg.png) top left repeat-x; 
 width: 900px;
 clear: both;
 height:39px;
 margin-bottom:20px;
}


h1 {
	font-size: 160%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 125%;
}
h5 {
	font-size: 115%;
}


a img {
        border:none;
    }
a {
        color:#000;
		outline:none;
		text-decoration:none;
    }
	
p {	margin: 10px;
	text-align:justify;
	word-spacing:3px;
}


ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#serv1{
margin-left:30px;
clear:both;
width:200px;
border-right:double #e5e5e5;
}

#serv2{
width:260px;
border-right:double #e5e5e5;
}

#serv3{
width:260px;
}

#serv1, #serv2, #serv3{
position:relative;
display:block;
float:left;
height:190px;
margin-top:20px;
padding:0px 20px 20px 20px;
margin-bottom:20px;
}

#serv1:hover, #serv2:hover, #serv3:hover{
background:url(jythraimages/bgh.jpg) bottom left repeat-x #fff;
}

#serv2 ul li, #serv3 ul li{
	padding-left: 40px;
	line-height:1.5em;
	background:url(jythraimages/4.gif) no-repeat 18px 5px;
	position: relative;
	}



#f2 {
  background:url(jythraimages/mbg.png) top left repeat-x;
    height:40px;
	width: 890px;
    clear: both;
	padding-left:30px;
	}

#f2 p{
clear:both;
color:#CCCCCC;
}
#f2 a {
color:#000;
text-decoration:none;
}
#footernav{
position:relative;
display:block;
width:100%;
height:23px;
font-size:10px;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin-bottom:10px;

}
#footernav ul{
list-style-type:none;
width:900px;


}
#footernav ul li{
display:block;
float:left;
margin-top:12px;
}
#footernav ul li a{
display:block;
float:left;
color:#000;
font-weight:bold;
letter-spacing: 1px;
text-decoration:none;
padding:0px 28px 0 28px;
height:23px;
display:inline;
}
#footernav ul li a:hover, ul li a.current{
color:#ccc;
}
#footer {
 clear: both;
 height:30px;
 background:#272727;
 color:#A4A4A4;
 width:922px;
 }
 #footer a{
 color:#A4A4A4;
 text-decoration:none;
 }
.addleft{
float:left;
margin:6px 0 0 30px;
}
.addright{
float:right;
margin:8px 20px 0 0;
}

.clear {clear:both;}

/*form*/

#contactform form {
	margin:10px; padding: 10px 5px;
	border: 1px solid #ddd; 
	background-color: #f3f3f3; 
}
#contactform label {
	display:block;
	font-weight:bold;
	margin:7px 0;
}
#contactform input {
    margin:5px 0;    
	padding: 2px;
	border:1px solid #ddd;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
#contactform textarea {
	margin:5px 0;
	width:100%;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ddd;
	height:100px;
	display:block;
	color:#777;
}
#contactform input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border:1px outset #CCCCCC; 
	padding: 1px; 
	background: #EAEAEA;
	color: #333;
	}

fieldset {
border:none;
}

/*scroller css  STARTS Here*/
.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller1 {
	width:922px;
	height:30px;
	background:#272727;
}

.qslide {
	background: #272727;
	font-size: 9pt;
	color:#b8b8b8;
	padding: 5px 3px 3px 20px;
}
.qslide a{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}
/* scroller css ENDS Here */
