/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:134px;
	padding:19px 0 0 0;
}
#top{
	width:958px;
	margin:0 auto;
	height:134px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:5px 0 0 0;
	float:left;
	margin:0 100px 0 0;
}
#top p.topTxt{
	display:block;
	width:580px;
	font-size:12px;
	line-height:18px;
	color:#000000;
	background-color:inherit;
	text-align:right;
	float:right;
	padding:0px;
}
#top ul.menu{
	width:892px;
	height:29px;
	padding:0px;
	float:left;
}
#top ul.menu li{
	float:left;
	background:url(images/nav_div.gif) right top no-repeat;
	padding:0 2px 0 0;
}
#top ul.menu li.noImg{
	background-image:none;
}
#top ul.menu li a{
	padding:0 14px;
	font:normal 11px/29px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1F2123;
	background-color:inherit;
	text-decoration:none;
}
#top ul.menu li a:hover{
	color:#B70D0D;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(images/body_bg.gif) 0 0 repeat-x #FFFFFF;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:958px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:240px;
	float:left;
}
#left h2{
	display:block;
	width:224px;
	height:22px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#left h2 span{
	background:url(images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}
#left ul{
	width:240px;
	margin:0 0 18px 0;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(images/arrow_green.gif) 19px 9px no-repeat #dddbec;
	padding:0 21px 0 31px;
	font-weight:normal;
	color:#2F2F20;
	font:normal 11px/24px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:15px;
	height:15px;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
	margin:4px 0 0 0;
}
#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:4px 0 0 4px;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#8a82cc;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left p.add{
	display:block;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#383838;
	width:200px;
	padding:10px 10px 30px 20px;
}
.job{
	padding-top:20px;
}
.job b{
	normal:bold 11px Arial;
}
.job ul{
	list-style-type:circle;
	margin-bottom:20px;
	padding-top:10px;
	margin-left:20px;
}

.job ul li{
	font:normal 13px/20px Arial;
	color:#000;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:695px;
	float:right;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font:bold 28px/25px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	margin:0;
}
#right h4{
	display:block;
	font:bold 17px/46px Arial, Helvetica, sans-serif;
	color:#6B1420;
	background-color:inherit;
	margin:0;
}
#right p.title{
	display:block;
	text-align:left;
	font:bold 18px/23px Arial, Helvetica, sans-serif;
	color:#383838;
	background-color:inherit;
	margin:0 18px 5px 0;
}
#right p.rightTxt1{
	display:block;
	text-align:justify;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#383838;
	background-color:inherit;
	margin:0 18px 18px 0;
}
#right p.rightTxt2{
	display:block;
	text-align:justify;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right div#showcase{
	float:left;
	width:690px;
}
#right div#showcase ul{
	float:left;
	margin:0;
}
#right div#showcase ul li{
	float:left;
	padding:6px;
	border:1px solid #d9d9d9;
	margin:0 10px 10px 0;
	text-align:center;
}
#right div#showcase ul li img{
	border:0;
}
#right div#sticker{
	float:left;
	width:460px;
}
#right div#sticker ul{
	float:left;
	margin:0;
}
#right div#sticker ul li{
	float:left;
	padding:6px;
	border:1px solid #A8A8A8;
	margin:0 10px 10px 0;
	height:110px;
	width:120px;
	text-align:center;
}
#right div#sticker ul li img{
	border:0;
}
#right div#sticker ul li a{
	font:normal 11px/38px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#383838;
}
#right div#sticker ul li a:hover{
	color:#dd0000;
}
#right div#banner{
	float:right;
	width:200px;
	border:1px solid #d8d8d8;
	margin:0 10px 0 0;
	padding:10px;
}
#right div#banner ul{
	float:right;
	width:200px;
	margin:0;
}
#right div#banner ul li{
	display:block;
	padding:5px;
	height:60px;
	width:200px;
	font:normal 11px/23px "Trebuchet MS",Arial, Helvetica, sans-serif;
	background:url(images/right_banner.gif) no-repeat;
}
#right div#textLL{
	float:left;
	width:320px;
	border:0px;
	margin:0px;
}
#right div#textLL ul li{
	display:block;
	padding:0px;
	width:310px;
	margin:20px 0 0 0;
	text-align:justify;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
#right div#textLL2{
	float:left;
	width:680px;
	border:0px;
	margin:0px;
}
#right div#textLL2 ul li{
	display:block;
	padding:0px;
	width:680px;
	margin:20px 0 0 0;
	text-align:justify;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
#right div#textLL3{
	float:left;
	width:680px;
	border:0px;
	margin:20px 0px;
	font-size:12px;
}
#right div#textLL3 p{
	margin-bottom:15px;
	text-align:justify;
}
#right div#textLL3 ul{
	float:left;
	width:660px;
	border:0px;
	margin:5px 0 20px 30px;	
	list-style-type:circle;
}
#right div#textLL3 ul li{
	list-style-type:circle;
	padding:0px;
	width:660px;
	margin:5px 0 0 0;
	text-align:justify;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
#right div#textRR{
	float:right;
	width:340px;
	border:0px;
	margin:0 10px 0 0;
	padding:0px;
}
#right div#textRR ul li{
	display:block;
	padding:0px;
	margin:20px 0 0 0;
	width:320px;
	text-align:justify;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:189px;
	background-color:#766d5f;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:958px;
	height:189px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:712px;
	position:absolute;
	left:252px;
	top:15px;
}
#footer ul li{
	float:left;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 8px;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:261px;
	top:37px;
	color:#181818;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:245px;
	height:18px;
	padding:0;
	position:absolute;
	left:261px;
	top:58px;
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	color:#383838;
}
#footer a:hover{
	color:#181818;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:0;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:72px;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------jquery--------------------*/

.demo h3 {line-height:1;}
.demo h3 {padding:2px 0 0 30px; cursor:pointer; background: #eee url("images/state.gif") no-repeat 0% 5px; display:block; text-decoration:none; margin:0; margin-top:10px;}  
.demo h3 a {color: #909090 ;font:bold 19px Arial; border-bottom:none; text-decoration:none; }
.demo ul  {padding:10px 0 20px 20px; margin:0;}
.demo .active {background-color: #ddd;  background-position: 0% -21px;}
.demo .col {float: left; width:210px; margin-right:30px;}


/* YAY IE6 awsomeness */
*html h3 a {zoom:1;}

/*-----------------------------------pop up--------------------------------------*/
p.x{
	text-align:right;
	border-bottom:1px dashed #dfdfdf;
	padding-bottom:10px;
	margin-bottom:10px;
}
p.x a {color:#333; text-decoration:none;text-align:right}
p.x a:hover {color:blue; text-decoration:none;cursor:pointer}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  font:normal 12px/20px Verdana;
  left:0;
  top:0;
  width:800px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#boxes #dialog {
  width:700px; 
  height:210px;
  padding:10px;
  background:#ffffff url(images/ico-building.jpg) bottom right no-repeat;
  border:5px solid #ccc;
}