/* CSS Document */
*
{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;} /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

h2,h3,h4{
	color:#FF0000;
}	
h3{	
	font-size:15px;
	margin-bottom:5px;	
}	
h5{
	color:#FF9933;
}
ol{
	font-size:14px;			
	margin-bottom:2px;
}
table,tr,td{
	border:1px solid #CCCCCC;	
}				
body{
	background:#eee274 url(images/body-bg.jpg);
	text-align:center;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
#wrapper{
	background:url(images/wrapper-bg.jpg) repeat-y;
	text-align:left;
	margin:0 auto;
	width:983px;
}
.inside{
	padding:10px 20px 10px 20px;
}	
/*---------------------------------------- header styling------------------------------ */

#header{
	position:relative;	
	background:url(images/header.jpg) no-repeat;
	height:141px;	
}
.contact{
	position:absolute;
	right:0px;
	top:10px;
	font-weight:bold;
	font-size:18px;
	color:#FFFF00;
	width: 150px;
}
#phone{
	position:absolute;
	top:0px;
	right:155px;	
}
/*---------------------------------navigation styling---------------------------------------*/
	
#nav{	
	background:url(images/nav.jpg) repeat-x;
	margin-top:10px;
	width:944px;
	height:31px;	
}	
#nav li{
	display:inline;
	float:left;
	background:url(images/seperator.jpg) no-repeat;	
	line-height:31px;
	text-align:center;	
}
#nav li a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:0 15px;
	text-align:center;
	display:block;	
}	
#nav li a:hover{
	background:url(images/mover.jpg) repeat-x;
}
/*nav style ends here*/

/*-------------------------------------------- tab styling here----------------------------*/

#tab{
	height:35px;
	margin-bottom:40px;	
}
*html #tab{
	margin-bottom:10px;
}		
#tab li{	
	background:url(images/tab1.jpg) no-repeat;
	height:35px;
	width:82px;
	float:left;
}
#tab li a{
	color:#fff;
	text-align:center;
	display:block;
	height:35px;
	line-height:35px;
}
#tab .nav-style1{
	background:url(images/tab2.jpg) no-repeat;
	width:100px;
	line-height:35px;
	height:35px;	
}
#tab .nav-style2{
	background:url(images/tab3.jpg) no-repeat;
	width:130px;
	line-height:35px;
	height:35px;	
}
#tab .nav-style3{
	background:url(images/tab2.jpg) no-repeat;
	width:100px;
	line-height:35px;
	height:35px;
	margin-top:2px;	
}
#tab li a:hover{
	background:transparent url(images/tab1.jpg) left -35px no-repeat;
	width:82px;	
	height:35px;	
}
#tab .nav-style1 a:hover{
	background:url(images/tab2.jpg) left -35px no-repeat;
	width:100px;
	height:35px;
}
#tab .nav-style2 a:hover{
	background:url(images/tab3.jpg) left -35px no-repeat;
	width:130px;
	height:35px;
}
#tab .nav-style3 a:hover{
	background:url(images/tabs2.jpg) left -35px no-repeat;
	width:100px;
	height:35px;
}
	

#container{
	margin-top:5px;	
}

/*--------------------------------------left-bar styles starts here-------------------------------*/		
#left-bar{
	width:168px;
	float:left;			
}
#left-bar h2{
	background:url(images/lb.jpg) no-repeat;
	text-align:center;
	font-size:15px;
	line-height:27px;
	margin-bottom:5px;
	color:#fff;
}
/*-----------------------------------left-bar tyles ends here---------------------------------*/

/*---------------------------------middle-bar styles here--------------------------------------*/

#middle-bar{
	width:590px;
	float:left;
	margin-left:9px;
	margin-top:10px;
}
#paragraph{
	border:1px solid #c39a6e;
	padding:10px;
	margin-top:8px;
	margin-bottom:10px;	
}
.color{
	color:#FF9900;
}
#paragraph a{
	color:#FF6600;
}		
#paragraph a:hover{
	text-decoration:underline;
}
#SS{
	border:1px solid #c39a6e;
	padding:6px;	
}
#CustomSlideshow{
	position:relative;
	height:357px;
	overflow:hidden;
}
#paragraph li{
	background:url(images/bullet.gif) no-repeat;	
	margin-bottom:2px;
	padding-left:20px;
}
*html #paragraph li{
	padding-left:0;
}		
#middle-bar p{
	color:#7d7d7b;	
	font-size:14px;
	line-height:20px;
	font-family:"ms-gothic";
	text-align:justify;
}
#middle-bar p.color{
	color:#FF9900;
}	
.colorred{
	color:#FF0000;
}	
/*--------------------------------------------------image styles here-----------------------------*/
	
.img-frame{
	padding:3px;
	border:1px solid #c39a6e;	
	margin-bottom:3px;
	  min-height:160px;
	  height:auto !important;
	  height:160px;
}

.img-floatR{
	padding:3px;
	border:1px solid #c39a6e;
	margin:5px;
}
/*------------------------------- right-bar styles	starts here-------------------------------*/

#right-bar{
	width:168px;
	float:right;	
}	
#right-bar h2{
	background:url(images/lb.jpg) no-repeat;
	text-align:center;
	font-size:15px;
	line-height:27px;
	margin-bottom:5px;
	color:#fff;
}
/*------------------------------------footer styles starts here---------------------------------*/	

#footer{
	clear:both;
	background:url(images/footerline.jpg) no-repeat;	
	width:944px;
	text-align:center;
	padding-top:20px;
	color:#FF0000;
}
#footer a{
	color:#484846;
	font-family:"ms-gothic",tahoma;
	text-decoration:none;
	padding-right:10px;
	padding-top:10px;
	font-size:12px;
}
#footer a:hover{
	text-decoration:underline;
	color:#FF0000;
}	
#footer p{
	color:#fe7000;	
	font-size:10px;
	padding:10px 0;
}
/*------------------------------------footer styles ends here--------------------------------------*/	

#top{
	position:relative;
	height:25px;
	margin-bottom:10px;

}

#top h1{
	position:absolute;
	left:200px;
	top:10px;
	font-size:14px;
	color:#000000;
}

#top h2{
	position:absolute;
	left:500px;
	top:10px;	
	font-size:14px;
	color:#000000;	
}