/* CSS Document */

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
*{
	margin:0; 
	padding:0;
}
body{
	margin:0px;
	padding:0px;
	background:url(../images/bg-body.gif) repeat-x #FFFFFF;
	background-repeat:;
}
#body-left{
	margin:0px;
	padding:0px;
	background:url(../images/bg-body.gif) repeat-x #FFFFFF;
	background-repeat:;
}
.clear{
	clear:both;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#0B0B0B;
	font-size:22px;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#484747;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	padding:0px 0px 0px 0px;
	}
/*
---------------------------------------------
02. CONTAINER AND WRAPPER
---------------------------------------------
*/
#container{
	width:916px;
	margin:0 auto;
	height:auto;
}
#body-left-shadow{
	float:left;
	width:35px;
	margin:0px;
	padding:0px;
}
#body-right-shadow{
	float:left;
	width:35px;
	margin:0px;
	padding:0px;
}
#wrapper{
	width:846px;
	float:left;
	height:auto;
  }
/*
---------------------------------------------
03. HEADER
---------------------------------------------
*/
#header{
	width:846px;
	float:left;
	height:auto;
  }
.header-top{
	width:846px;
	float:left;
	height:auto;
	background-image:url(../images/header-top-bg.gif);
	background-repeat:repeat-x;
  }
.logo-part{
	width:208px;
	float:left;
	height:172px;
  }
.tell-nav-part{
	width:638px;
	float:left;
	height:172px;
  }
.tell-part{
	width:376px;
	float:right;
	height:59px;
  }
.phone-left-img{
	width:85px;
	float:right;
	height:59px;
  }
.phone-bg{
	width:233px;
	float:right;
	height:54px;
	background-image:url(../images/phone-bg.gif);
	background-repeat:repeat-x;
	padding-top:5px;
  }
.phone-txt{
	width:233px;
	float:left;
	height:18px;
  }
.mail-txt{
	width:233px;
	float:left;
	height:18px;
  }
.phone-right-img{
	width:58px;
	float:right;
	height:59px;
  }
.navigation-part{
	width:638px;
	float:left;
	height:114px;
  }
.header-bottom{
	width:846px;
	float:left;
	height:auto;
  }
/*
---------------------------------------------
04. TOP NAVIGATION
---------------------------------------------
*/
.navigation-part{
	width:370px;
	height:44px;
	float:right;
	padding:49px 0px 0px 13px;
  }
ul.navigation ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
ul.navigation li{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
}
ul.navigation li.separetor{
	float:left;
	width:20px;
	height:44px;
	margin:0px;
	padding:0px;
}
ul.navigation li a{
	background-image:url(../images/normal.gif);
	background-repeat:no-repeat;
	width:110px;
	height:34px;
	float:left;
	display:block;
	color:#484747;
	text-decoration:none;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 0px 0px 0px;
	text-align:center;
	text-transform:none;
	cursor:pointer;
	font-style:none;
    outline: none;
}
ul.navigation li a:hover{
	background-image:url(../images/hover.gif);
	background-repeat:no-repeat;
	width:110px;
	height:34px;
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 0px 0px 0px;
	text-align:center;
	text-transform:none;
	cursor:pointer;
	font-style:none;
    outline: none;
}
ul.navigation li a.active{
	background-image:url(../images/hover.gif);
	background-repeat:no-repeat;
	width:110px;
	height:34px;
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 0px 0px 0px;
	text-align:center;
	text-transform:none;
	cursor:pointer;
	font-style:none;
    outline: none;
}

ul.navigation li a.focus
{
outline: none;
}
/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/
#content{
	width:846px;
	float:left;
	height:auto;
  }
.content-inner{
	width:792px;
	margin:0 auto;
	padding:39px 0px 10px 0px;
  }
.content-inner-top{
	width:792px;
	float:left;
	margin:0px;
	padding:0px;
  }
.content-inner-bottom{
	width:792px;
	float:left;
	margin:0px;
	padding:0px;
  }
.left-panel{
	width:495px;
	height:auto;
	float:left;
	padding:0px;
  }
.right-panel{
	width:297px;
	height:auto;
	float:left;
	padding:0px;
  }

/**************************************
Ian Added these for three column About content
***************************************
*/
.AboutPageleft {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 254px;
  background-color:#FFFFFF;
}

.AboutPagemiddle {
  top: 10px;
  margin-left: 264px;
  margin-right: 264px;
  background-color:#FFFFFF;
}

.AboutPageright {
  float: right;
  padding: 0px 10px 0px 10px;
  width: 244px;
  background-color:#FFFFFF;
}

.AboutPageList ul{
	margin:10px;
	padding:0px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484747;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}
.AboutPageList li{
	margin:0px;
	padding:0px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484747;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}


/**************************************
End - Ian Added these for three column About content
***************************************
*/



.about-part{
	width:297px;
	height:auto;
	float:left;
	padding:0px;
  }
.about-part-top{
	width:297px;
	height:10px;
	float:left;
	padding:0px;
  } 
.about-part-bottom{
	width:297px;
	height:10px;
	float:left;
	padding:0px;
  } 
 .about-part-bg{
	 background-image:url(../images/about-bg-bottom.gif);
	 background-repeat:no-repeat;
	 background-position:left bottom;
	 border-left:1px solid #DFDEDE;
	 border-right:1px solid #DFDEDE;
	 background-color:#F8F8F8;
	width:295px;
	float:left;
	padding:0px;
  } 
.about-part-bg h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#0B0B0B;
	font-size:22px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 20px;
  } 
.about-part-bg p{
	font-family:Arial, Helvetica, sans-serif;
	color:#484747;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	padding:0px 0px 0px 20px;
	}
.more{
	font-family:Arial, Helvetica, sans-serif;
	color:#FE07EB;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	}
.more:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#FE07EB;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	}
.mailto{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
	}
.mailto:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
	}
/*
---------------------------------------------
05. FOOTER STARTS
---------------------------------------------
*/
#footer{
	width:846px;
	float:left;
	height:63px;
	background-image:url(../images/bg-footer.gif);
	background-repeat:repeat-x;
  }
.footer-top{
	width:846px;
	float:left;
	height:15px;
	padding-top:20px;
  }
 .footer-bottom{
	width:846px;
	float:left;
	height:28px;
  }
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:center;
  }
ul.footernav{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
ul.footernav li{
	margin:0px;
	padding:0px;
	float:left;
	line-height:11px;
	padding:0px 5px 0px 5px;
}
ul.footernav li.seprater{
	width:1px;
	height:11px;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:11px;
	background-image:url(../images/footer-seprater.gif);
	background-repeat:no-repeat;
	text-align:center;
}
ul.footernav li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
	line-height:11px;
}
ul.footernav li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
	line-height:11px;
}
/*
---------------------------------------------
05. FORM STARTS
---------------------------------------------
*/
.form-part{
	width:323px;
	height:auto;
	float:left;
	padding-left:50px;
}
.form-first{
	width:323px;
	height:20px;
	float:left;
}
.form-second{
	width:323px;
	height:80px;
	float:left;
}
.form-seprater{
	width:323px;
	height:15px;
	float:left;
	overflow:hidden;
}
.form-left{
	width:74px;
	height:20px;
	float:left;
}
.form-right{
	width:249px;
	height:20px;
	float:left;
	text-align:center;
}
.form-txt{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
}
.txt-box{
	width:247px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
	border:1px solid #9B9A97;
}
.txt-area{
	width:247px;
	height:100px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
	border:1px solid #9B9A97;
}
p.thanku{
	font-family:Arial, Helvetica, sans-serif;
	color:#FE40EF;
	font-size:25px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px;
	line-height:35px;
	text-align:center;
}