﻿/* CSS Document */
body{margin:0px; padding:0px; background:url(../images/main-bg.gif) 0 0 repeat-x #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
img{margin:0px; padding:0px;}
h2{margin:0px; padding:0px;}
ul{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
div{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:850px; height:141px; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
a.toppana {color:#FFF; text-decoration:none; font-size:11px}
a.toppana:hover {color:white; text-decoration:underline}


/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(../images/leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url(../images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

#menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
/*---- Header Red Panel----*/
#headerleftredPan{width:478px; height:123px; background:url(../images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;}
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:39px; line-height:30px;}

#headerleftredPan p{width:262px; height:74px; display:block; position:absolute; top:24px; left:190px; font-size:14px; line-height:17px;} 
#headerleftredPan p span.largetext{font-size:18px; line-height:20px;} 

#headermiddleredPan{width:161px; height:142px; background:url(../images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:478px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(../images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(../images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url(../images/rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:681px; position:relative; margin:0 auto; height:310px}
#bodyPan h2{width:300px; height:54px; background:#FFFFFF; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:300px; height:22px; color:#333333; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:200px; height:16px; margin:0 0 0 422px; padding:0 0 14px 0;}
#bodyPan p.more a{width:200px; height:16px; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{color:#7E0202; text-decoration:underline;}
a.more{width:200px; height:16px; color:#333333; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a.more:hover{color:#7E0202; text-decoration:none;}



/*----FOOTER PANEL----*/
#footermainPan{height:105px; background:url(../images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

a.footer {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
	
}
a.footer:hover {
	color:#CCCCCC;
	text-decoration:underline
}
a.footer1 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif
	
}
a.footer1:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px
}

a.webconstruction {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
	
}
a.webconstruction:hover {
	color:#cccccc;
	text-decoration:underline;
	font-size:12px
}


#footerPan{width:850px; position:relative; margin:0 auto;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#3B3B3B; color:#fff;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(../images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(../images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(../images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(../images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/

a.newclass	{ text-decoration:none}
}

/* start services page styles */
.service-block {
	float:left;
	width:100%;
	margin-top:4px;
}
.service-block li {
	float:left;
	width:100%;
	margin:10px 0 16px 0;
}
.service-block li h3 {
	float:left;
	width:540px;
}
.slide-control {
	float:right;
	margin:0;
	padding:0;
	height:22px;
	width:80px;
	margin-right:20px
}
.sc-arrow {
	display:block;
	padding:2px 0 0 12px;
	color:#333333;
	font-size:12px
}
.sc-arrow:hover{
	background-color:#333333;
	color:white
}
.sc-arrow1 {
	display:block;
	padding:2px 0 0 12px;
	color:#333333;
	text-decoration:none
}
.sc-arrow1:hover{
	text-decoration:underline
}
.sc-arrow2 {
	padding:2px 0 0 12px;
	color:#333333;
	text-decoration:none
}
.sc-arrow2:hover{
	background-color:#333333;
	color:white
}

.scontent {
	display:none;
	float:left;	
	width:100%;
}
.sline {
	float:left;
	height:1px;
	width:100%;	
}
.scontent-box {
	float:left;
	margin:0 14px 0 14px;
	padding-bottom:14px;
	width:610px;
}
*:first-child+html .scontent-box {
/*	margin:0 14px 0 14px;*/
}
body .scontent-box p {
	float:none;
	width:auto;
	margin:0 0 10px 0; 
}
.scontent-box ul {
	float:left;
	width:100%;
}
.scontent-box ul li {
	float:left;
	margin:0 0 4px 0;	 
	padding-left:12px;
}
.scontent-box .left-img {
	float:left;
	margin:4px 10px 5px 0;
}
/* end services page styles */
#inner-content, #sidebar {
	float:left;
	margin-top:20px;
}
#inner-content {
	width:640px;
	margin-right:20px; /* if you plan on using a left alligned sidebar move this property from here to the #sidebar id and invert their order in the html */
}

