/* CSS Document */
body,html{
padding:0; margin:0;}

body{
background-color:#fff; 
background-image:url(../images/1stopbg.gif); 
background-repeat:repeat-x; 
font-size:1em}
blockquote {
	
	font: italic 12px "Trebuchet MS";
 	padding: 20px 10px 20px 45px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 15px 5px !important; 
	background-position: 8px 5px;
	border: 1px solid #EAEAEA; 
	border-left: 5px solid #F20000;  
	font-weight: bold; 
}
#page{
margin:auto; width:1004px;}
.page{
margin:auto; width:1004px;}

#flasharea{
width:303px; float:left}
/* menuarea starts here*/
#menuarea{
width:701px; float:right}
#topmenu{
height:106px; position:relative; z-index:0}
#topmenu ul{
padding:0; margin:0; 
list-style-type:none;}
#topmenu ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#fff; 
text-decoration:none; 
font-weight:600; 
height:106px; 
line-height:160px; 
vertical-align:bottom; 
overflow-y: hidden!important; 
overflow-x:hidden 
}
#topmenu ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#fff; 
text-decoration:none; 
font-weight:600; 
padding: 00px 10px 00px 10px; 
height:106px;}
#topmenu ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#fff; 
text-decoration:none; 
font-weight:600; 
background-color:#121212; 
padding: 00px 10px 00px 10px; 
height:106px;}
#topmenu a:active{
background-color:#121212}
#topmenu li#active a{
background-color:#121212}

	/*  QUOTE  */
IMG.startquote {
	position: relative;
	top: 15px;
	left: 20px;
}

IMG.endquote {
	margin-bottom: 0px;
	margin-left: 5px;
}
.quote {
	float: left;
	position: relative;
	margin: 0px 10px 10px 15px;
	padding: 0px;
	width: 200px;
	font-family: "Trebuchet MS";
}
/*
DIV.quote P, DIV.quote_static P {
	margin: 0px;
	padding: 0px;
	width: 180px;
	font: bold italic 15px/22px "Trebuchet MS", Arial, sans-serif;
	color: #333;
}
*/
/* menuarea ends here*/
#header{
width:562px; height:178px; background-image:url(../images/header.gif); background-repeat:no-repeat; position:relative; z-index:0;}

#bottommenu{
height:79px;}
/* news-button starts here*/
#news-button{
background-image: url(images/news-on.gif); width:150px; height:79px; float:left}
#news-button ul{
padding:0; margin:0; list-style-type:none; margin-left:0px}
#news-button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/news-on.gif); background-repeat:no-repeat; background-position:0px 0px;}
#news-button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/news-on.gif); background-repeat:no-repeat; background-position:0px 0px; width:150px; height:79px}
#news-button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/news-button.gif); background-repeat:no-repeat; background-position:0px 0px; width:150px; height:79px}
/* news-button ends here*/

/* for news page*/

div.newspdf {
background:#F0F0F0 url(images/pdf.gif) no-repeat scroll 3px;
border:1px solid #DCDCDC;
margin: 10px 0px 15px;
padding: 7px 10px 7px 65px;
text-align:justify;
width: 80%;
}
div.newspdf a {
font: bold 12px arial, sans-serif;
}
div.newspdf a:hover {
font: bold 12px arial, sans-serif;
text-decoration: underline;
}

div.newsnews {
background:#F0F0F0 url(images/news.png) no-repeat scroll 3px;
border:1px solid #DCDCDC;
margin: 10px 0px 15px;
padding: 7px 10px 7px 65px;
text-align:justify;
width: 80%;
}
div.newsnews a {
font: bold 12px arial, sans-serif;
}
div.newsnews a:hover {
font: bold 12px arial, sans-serif;
text-decoration: underline;
}

div.newspic {
background:#F0F0F0 url(images/photo.png) no-repeat scroll 3px;
border:1px solid #DCDCDC;
margin: 10px 0px 15px;
padding: 7px 10px 7px 65px;
text-align:justify;
width: 80%;
}
div.newspic a {
font: bold 12px arial, sans-serif;
}
div.newspic a:hover {
font: bold 12px arial, sans-serif;
text-decoration: underline;
}

/* services-button starts here*/
#services-button{
width:160px; float:left;}
#services-button{
background-image: url(images/news-on.gif); width:160px; height:79px; float:left}
#services-button ul{
padding:0; margin:0; list-style-type:none; margin-left:0px}
#services-button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/services-on.gif); background-repeat:no-repeat; background-position:0px 0px;}
#services-button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/services-on.gif); background-repeat:no-repeat; background-position:0px 0px; width:160px; height:79px}
#services-button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/services-button.gif); background-repeat:no-repeat; background-position:0px 0px; width:160px; height:79px}
/* services-button ends here*/



/* testimonial-button starts here*/
#testimonial-button{
background-image: url(images/news-on.gif); width:191px; height:79px; float:left}
#testimonial-button ul{
padding:0; margin:0; list-style-type:none; margin-left:0px}
#testimonial-button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/testimonials-on.gif); background-repeat:no-repeat; background-position:0px 0px;}
#testimonial-button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/testimonials-on.gif); background-repeat:no-repeat; background-position:0px 0px; width:191px; height:79px}
#testimonial-button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/testimonials-button.gif); background-repeat:no-repeat; background-position:0px 0px; width:191px; height:79px}
/* testimonial-button ends here*/

#content-area{
width:796px; float:left; font-size:1em;}
#content-area h2{
padding:0; margin:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#121212; font-weight:500; padding:20px 0px 10px 40px}
#content-area h1{
padding:0; margin:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#121212; font-weight:500; padding:20px 0px 10px 40px}
#content-area p{
padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:.9em; color:#121212; padding:0px 20px 10px 40px; line-height:150%; font-weight: 500;
}
#logo-area{
width:200px; float:right; border:1px solid #b2b2b2; background-color:#fafafa; margin-top:40px}
#logo-area-header{
height:50px; background-color:#9c9c9c; text-align:center; line-height:50px; vertical-align:middle}
#logo-area-header h2{
padding:0; margin:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; color:#121212; font-weight:500; color:#fff}
#quallcomm{
padding:25px 0 25px 0; }
#recat{
padding:0 0 25px 0}
.recat{
padding:0 0 25px 0}
#readmore{
width:744px; height:21px; overflow:hidden; background-color:#F0F0F0; border:1px solid #D8D8D8; margin-left:30px;  margin-top:10px; }
#readmore-text{
width:710px; float:left; font-family: Tahoma; font-size:12px; font-weight:600; color:#121212; line-height:18px; vertical-align:middle}
#readmore-button{
width:29px; float:right; padding-top:3px; padding-left:5px}

/*formarea starts here*/
#left-form-area{
width:283px; float:left}
#spacer{
width:35px; float:left}
.spacer{
width:35px; float:left}
#contact-form{
width:240px; background-color:#e8e8e8; float:right; border:1px solid #cacaca; margin-top:0px;}
#contact-form-header{
background-image:url(../images/contact-form-image.gif); background-repeat:no-repeat; background-position:15px 0px; height:62px; margin-top:20px}
#contact-form-body{
width:212px;float:left;}
#contact-spacer{
width:15px; float:left}
.input{
width:135px; height:22px; border:1px solid #7f7f7f}
.input3{
width:34px; height:22px; border:1px solid #7f7f7f}
.input4{
width:45px; height:22px; border:1px solid #7f7f7f}
.text-input{
width:135px; height:100px; border:1px solid #7f7f7f}
#name{
width:70px; float:left; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#121212; height:22px; line-height:22px; vertical-align:middle}
.name{
width:70px; 
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#121212; 
height:22px; 
line-height:22px; 
vertical-align:middle}
#input-area{
width:135px; float:right}
.input-area{
width:135px; float:right}
.response{
float:left; 
text-align: left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#121212;}
/*formarea ends here*/
li{
	font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
}
/*text-sub starts here*/
#text-area-sub{
width:493px; float:right; background-image: url(images/textarea-bg.gif); background-repeat:repeat-y; background-position:0px 0px}
#text-header{
background-image:url(../images/latest-news-bg.gif); background-repeat: no-repeat; background-position:30px 20px; height:97px;}
#text-header h2{
padding:0; margin:0;font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#121212; font-weight:500; padding:20px 0px 0px 90px}
#text-header h3{
padding:0; margin:0;font-family: Arial, Helvetica, sans-serif; font-size:25px; color:#626262; font-weight:600; padding:0px 0px 0px 90px}
.text-body{padding:0; margin:0}
.text-body p{
padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:.8em; color:#121212; line-height:150%; font-weight:600; text-align:left}
.link{
font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#B90000; text-decoration:none}
.link a{
font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#B90000; text-decoration:none}
.link:hover{
font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; text-decoration:underline; background: #B90000;}

.readmore-textbody{
width:432px; height:21px; overflow:hidden; background-color:#F0F0F0; border:1px solid #D8D8D8; margin-left:30px;  margin-top:30px; margin-bottom:20px }
.readmore-small-text{
width:395px; float:left; font-family: Tahoma; font-size:12px; font-weight:600; color:#121212; line-height:18px; vertical-align:middle}
.readmore-button-text{
width:32px; float:right; padding-top:3px; padding-left:0px}
/*text-sub ends here*/

/*newsletter starts here*/
#newsletter{
 width:242px; float:right; margin-top:10px}
#newsletter-header{
background-image:url(../images/newsletter-header.gif); height:34px; background-repeat: no-repeat; }
#newsletter-area{
width:222px; background-color:#121212;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#cdcdcd; padding:20px 0px 10px 20px;}
.newsletter-input{
width:200px; height:15px;}
#signup-button{
padding:10px 10px 10px 0px}
/*newsletter ends here*/



/* css for subpages*/
#about-us-content-area{
width:734px;
min-height:580px;
_height:580px; 
float:left; 
font-size:1em;
background-image:url(../images/textarea-bg.gif); 
background-repeat:repeat-y; 
background-position:725px 0px;}
#about-us-content-area h2{
padding:0; 
margin:0;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:25px; color:#121212; 
font-weight:500; 
padding:20px 0px 10px 40px}
#about-us-content-area h1{
padding:0; 
margin:0;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:25px; color:#121212; 
font-weight:500; 
padding: 20px 0px 0px 0px;}
#about-us-content-area h3{
padding:0; 
margin:0;
font-family: Arial, sans-serif; 
font-size:23px; color: #FF0202; 
font-weight: 600; 
padding:20px 0px 10px 40px;}
#about-us-content-area h3.black{
padding:0; 
margin:0;
font-family: Arial, sans-serif; 
font-size:23px; color: #000000; 
font-weight: 500; 
padding:20px 0px 10px 40px;}
#about-us-content-area h4{
padding:0; 
margin:0;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:18px; color: #000000; 
font-weight: 500; 
padding:0px 0px 0px 0px;}
#about-us-content-area p{
padding:0; 
margin:0; 
font-family: Arial, Helvetica, sans-serif; 
font-size:.9em; color:#121212; 
padding:0px 40px 10px 40px; 
line-height:150%; 
font-weight:400}

#sub-page-form-area{
width:265px; float:right; }
.about-us-image{
padding:10px; background-color:#dbdbdb; margin-left:40px}
#about-us-text-w-image{
float:right; width:680px}

/*footer starts here*/
#footer{
height:150px; background-image: url(../images/footer-bg.gif); background-repeat:repeat-x; background-color:#858585}
#footerlogo{
width:320px; float:left; background-image:url(../images/footer-logo.gif); background-repeat: no-repeat; background-position:0px 0px; height:125px}
#footerlink{
width:664px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#fff; font-weight:bold; padding:15px 0px 0px 20px}
.footerlink{
font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; padding-right:10px; padding-left:5px; text-decoration:none}
.footerlink a{
font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; padding-right:10px; padding-left:5px; text-decoration:none}
.footerlink:hover{
font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#fff; font-weight:bold; padding-right:10px; padding-left:5px; text-decoration:underline}
/*footer ends here*/