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

/* Reset */
html. body { margin:0; padding:0; border:0; background-color: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
h1 {color:#960f0f; font-family:Calibri; font-size:36px; font-weight:500; }

h2 {color:#960f0f; font-family:Calibri; font-size:26px; font-weight:500; }

.readmore		{  text-align:right; margin:0px	}
.readmore a:link		{ color:#960f0f; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400px; }
.readmore a:visited		{ color:#960f0f; }
.readmore a:active		{ color:#960f0f; }
.readmore a:focus		{ color:#666;    }
.readmore a:hover		{ color:#4e4e4e; }

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#666666;
	padding-top:10px;
	text-align:justify;
	}

img 	{margin:0; padding:0; border:0; }
/* Text Elements */

a  			{ text-decoration:none;	
			color:#4e4e4e; font-family:Calibri; font-size:18px; font-weight:bold;
			}

a:hover		{ color:#960f0f;	}


/* Global */
html		{ 	}
body		{background-color:#464646; margin:0 0; }

#topline	{ width:960px; margin:0 auto; height:5px; background-color:#960f0f;}

/*#outer		{ width:960px; margin:0 auto; background-color:#FFFFFF;  }*/

#wrpper		{ width:960px; margin:0 auto; background-color:#FFFFFF;  }

#header { height:85px; }

#logo   	{ margin:20px 20px; float:left; 	}

#call-us	   {float:right; margin:30px 0; padding:6px 20px 0 0;  }
#call-us ul    { vertical-align:middle;    }
#call-us ul li {display:inline;  }
#topnav		   	    {
	margin-bottom: 0px;
	padding: 0px;
	height: 49px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#topnav ul	        {  clear:both;	        }
#topnav ul li    	{  display:inline;      }
#topnav ul li a     {  padding:0px; padding-bottom:10px; margin-left:25px; margin-right:25px;   }

#topnav	a:hover	    { border-bottom:3px #960f0f solid;	}

#banner		{       }
#band		{width:960px; height:100px; background-color:#960f0f; }
#bandheader {margin:25px 30px; float:left; 	}

#bandheader2 {margin:0px 30px; float:right;	}


#content	{ width:900px; height:325px; margin:0 auto; border-bottom:#bcbcbc solid 1px; }
#content2	{ width:900px; height:375px; margin:0 auto; }
#content3	{ width:900px; margin:0 auto; padding-top:30px; }

#left-side	{
	width:550px;
	float:left;	
	margin:0 auto;	
	padding:0 10px 0 0;
	}
	
#right-side { background-image:url(images/rightsidebg.png); 
			  background-repeat:repeat; 
			  width:315px; float:right; 
			  margin:0 auto; 
			  padding:0 10px 0 10px;    }
#right-side2 { background-image:url(images/rightsidebg2.png); 
			  background-repeat:repeat; 
			  width:315px; float:right; 
			  margin:0 auto; 
			  padding:0 10px 0 10px;    }
#testimonial{width:900px; height:205px; margin:20px auto; }

#testimonial1{	
	width:270px;
	float:left;	
	margin:0 auto;	
	}

#testimonial2{	
	width:270px;
	float:left;
	margin-left:40px;
	}	
#testimonial3{	
	width:270px;
	float:right;
	margin:0 auto;	
	}

#contactus{width:900px; height:560px; margin:30px auto;  }

#contactus1{width:300px; height:205px; float:left; margin:30px auto;   }
#contactus2{width:300px; height:205px; float:left; margin:30px auto;   }
#contactus3{width:300px; height:205px; float:right; margin:30px auto;  }

#footer		{ width:960px; height:50px; margin-top:20px; background-color:#960f0f; }

.fottertext { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; padding-top:20px; }

.bandheadertext { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; font-weight:bold; }

.contact { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#960f0f; font-weight:bold; }

.contacticon { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#960f0f; font-weight:bold; }

.contacttext { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666666; font-weight:500; }

.active a
{
 border-bottom:3px #960f0f solid;
color:#960f0f;
transition: .3s ease-in-out;
}
.phone
{
background-image:url(images/receiver.png);
background-repeat:no-repeat;
padding-bottom:5px;
padding-left:25px;
color:#4e4e4e; font-family:Calibri; font-size:18px; font-weight:600;
}

.line {
	background-image:url(images/h1_highlight.jpg);
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-left:10px;
	background-position-y:6px;}

.line2 {
	background-image:url(images/highlight.png);
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-left:10px;
	padding-top:8px;
	background-position-y:12px;}

.name {
		text-align:right;
		margin:0;
		font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700;
		}
		
.center { width:315px;
          padding-top:18px;
		  margin:0 auto;}	
		  
.imgcenter {
			padding:0 107px;
					
			}	

.mohan { width:228px;
          padding-top:15px;
		  padding-left:42px;
		  margin:0 auto;}		  	

button.accordion {
    background-color: #eee;
    color: #960f0f;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
	font-weight:bold;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #960f0f;
	color: #ffffff;
}

button.accordion:after {
    content: '\02795';
    font-size: 14px;
    color: #960f0f;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
	font-size: 14px;
    color: #ffffff;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
	margin-top:10px;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}		  