/* CSS Document */
body{
	padding:10px;
	margin:0px;
	color:#705D20;
	font:14px/18px Arial, Helvetica, sans-serif;
	background-color: #333333;
}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a{background:#FEFEFE; color:#fff; text-decoration:none;}
a:hover{background:#FEFEFE; color:#fff; text-decoration:underline;}


#topPan{width:880px; height:180px;background:url(images/header.jpg) 0 100% no-repeat; position:relative; margin: auto;} 

#topHeaderPan {
	width:520px;
	height:40px;
	padding: 140px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 3px;
	clear:both;
}
#topHeaderPan img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
#topHeaderPan ul{width:298px; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
#topHeaderPan ul li{width:74px; height:59px; background:url(images/menu-div.gif) 100% 0 no-repeat; float:left;} 
#topHeaderPan ul li a{width:73px; height:59px; display:block; background:url(images/topmenubg.gif) 0 0 repeat-x #fff; color:#88763D; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeaderPan ul li a:hover{width:73px; height:59px; background:url(images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none;}
#topHeaderPan ul li.company{width:74px; height:59px; background:url(images/company-bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center; line-height:59px;}
#topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 

#toprightPan{width:330px;
	height:40px;
	padding: 160px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float: right;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	clear:both;
/* height:450px;  background:url(images/rightsidebg.jpg) 0 0 no-repeat; position:absolute; top:13px; right:0px; z-index:10; */}
#toprightPan ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}
#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0;}

#toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#81BE28; border:none; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:880px; background:url(images/bg.jpg) 0 0 no-repeat; background-color:#FFFEFC; position:relative; margin:0 auto;}
#nav {
	clear: both;
	position: relative;
	margin: 5px 0 -15px 0px;
	padding: 6px 0 0 10px;
	width:520px;
	height:30px;
	background-color:#CCCC00;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 15px;
}

* html #nav li a { /* Filter for IE6 to prevent li stacking */
	float: left;
	text-decoration: none;
}

* html #nav li a span { /* Filter for IE6 to prevent li stacking */
	float: left;
	margin-left: 4px;
	text-decoration: none;
}

#nav li a {
	font-size: 10pt;
	font-family: Arial, Helvetica;
	font-weight:bold;
	background-color:#CCCC00;
	text-decoration: none;
  }  
  
#nav li a span {
	display: block;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 14px;
	line-height: 27px;
	font-weight: bold;
	color: #FFF;
	background: url(images/nav-right.png) right top no-repeat;
	text-decoration: none;
}

#nav li a:hover {
	text-decoration: none;
	display:block;
	border-bottom: 4px solid #cc0000;
	color:#ffffff;
	cursor: pointer; /* For IE6 */
}

#nav li a:hover span {
	background-position: right -27px;
	color: #061630;
}

#nav li.current_page a {
	background-position: left -27px;
}

#nav li.current_page a span {
	background-position: right -27px;
	color: #FFF;
}
/* Image Slider*/
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	#container{	
		margin:0 auto;
		float:left;
		text-align:left;
		width:540px;
		margin-bottom:2em;
		padding: 0 0 10px 10px;
		vertical-align:top;
		}	
	#content{
		float:left;
		}			
/* Easy Slider */
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:520px;
		height:255px;
		overflow:hidden; 
		}
	#slider a{
	text-decoration:none;
	padding:0px;
	}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:10px;
		height:77px;
		position:relative;
		left:-10px;
		top:71px;
		}	
	#nextBtn{ 
		left:530px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:10px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
/*----BODY LEFT PANEL----*/
#bodyleftPan{width:530px; float:left; padding:10px;}
#bodyleftPan h2{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:43px 0 0;}
#bodyleftPan h3{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:20px 0 0;}


#bodyleftPan p{padding:14px 28px 0 0;}
#bodyleftPan p.greentext{background:#fff; color:#5E9908; font-size:16px; font-weight:bold; padding:14px 0 0;}
#bodyleftPan p.browntext{background:#fff; color:#705D20; font-size:24px; padding:10px 0 0;}

#bodyleftPan ul{width:270px; height:24px; margin:20px 0 0;}
#bodyleftPan ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
#bodyleftPan ul li.more{width:118px; height:24px; float:left;}
#bodyleftPan ul li a{width:90px; height:24px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
#bodyleftPan ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}

#bodyleftPan ul li.comment{width:98px; height:24px; background:url(images/commentbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:24px; text-decoration:none; float:left; padding:0 0 0 20px}
/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyrightPan{width:330px; float:left; padding-top:0px;}
/*----Services Panel----*/
#servicesPan{width:330px;}
#servicesBodyPan{width:330px;}
#servicesBodyPan p{padding:0px;}
#servicesBodyPan p.services{width:100%; padding-top:15px;}
#servicesBodyPan p.boldbrowntext{font-size:16px; font-weight:bold; padding:4px 25px 0 34px;}
#servicesBodyPan p.bluetext{color:#007EC1; font-size:15px; font-style:italic; padding: 0 20px 0 20px;}
#servicesBodyPan p.largebrowntext{font-size:30px; padding:5px 25px 10px 10px;}

#servicesBodyPan p.link{width:289px; height:23px; background:#FCF6E6; color:#705D20; margin:0 36px ; padding:0px;}
#servicesBodyPan p.link a{width:289px; height:23px; display:block; background:#FCF6E6; color:#705D20; line-height:23px; text-decoration:none; text-align:center;}
#servicesBodyPan p.link a:hover{width:289px; height:23px; background:#F9E09F; color:#705D20; text-align:center; text-decoration:none;}

#servicesBottomPan{width:330px; height:25px; padding:10px 0 0;}
/*----/Services Panel----*/
/*----FOOTER PANEL----*/
#footer {
	color: #FFFFFF;
	text-align: center;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #CC0000;
	font:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#footer a, #footer a:hover, #footer a:visited, #footer a:active {
	text-decoration: none;
	background-color:#CC0000;
}
#footermainPan{
	height:100px;
	width:880px;
	color:#fff;
	clear:both;
	padding:0px;
	background-color: #705D20;
	text-align:center;
}
#footerPan{width:880px; position:relative; margin:0 auto;}
#footerlogoPan{float:right;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	clear:both;
	width:330px; height:40px;}
#footerPan p.copyright{
	width:auto;
	color:#fff;
	position:absolute;
	top:20px;
	left:10px;
	background-color: #CC0000;
}
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 5px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
width:420px;
background-color: #f0f0f0;
font-weight: bold;
border: 1px solid black;
padding: 2px;
}

div.eg-bar{
width: 420px;
}

.icongroup1{
width: 420px;
}