body
{ 
background:url(images/top_bg.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:780px;
height: auto;
margin: 25px auto 0 auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:780px;
height:130px;
}
img.logo{
padding-left:0;
}
/*----top menu ----*/
.pro_line2 {
height:36px; 
width: 780px;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
margin: 1px auto;
padding-top: 0px;
text-align: center;
background: url(images/blankbg.gif) ;
z-index:500;
}

.pro_line2 .select {
margin:0; 
padding:0 0 0 0; 
list-style:none; 
white-space:nowrap;
}

.pro_line2 li {
display: inline;
background:url(images/blank_over.gif);
}

.pro_line2 .select a {
display:block; 
height:36px; 
float:left; 
background: url(images/blank.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#ddd;
}

.pro_line2 .select a b {
display:block; 
padding:0 25px 10px 15px; 
background:url(images/blank.gif) right top;
}

.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a {
background: url(images/blank_over.gif); 
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {
display:block; 
padding:0 25px 9px 15px; 
background:url(images/blank_over.gif) right top; 
cursor:pointer;
}

.pro_line2 .sub {
display:none;
}

/* IE6 only */
.pro_line2 table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_line2 .sub {
margin:0; 
padding:0 0 0 70px;
list-style:none;
}
.pro_line2 .sub li {background:transparent;}

.pro_line2 .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:750px;
top:28px; 
left:0; 
text-align:center;
}

.pro_line2 .select :hover .sub li a 
{display:block;height:18px; line-height:16px; float:left; background:#F6F5E9; padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}

.pro_line2 .select :hover .sub li a:hover 
{color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;}
/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}
#page_content_left{
width:365px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}
#page_content_right{
width:365px;
height:auto;
float:left;
padding:10px;
}
.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
}
.content_text{
font-size:11px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
.content_text1{
font-size:11px;
color:#333333;
height:auto;
text-align: center;
padding:8px;
}
#noticeboard {
	width: 316px;
	height: 247px;
	margin: 0 auto;
	padding: 0;
	background: url(images/noticeboard.jpg) no-repeat;
	position: relative;

}
#noticeboard h1{
	width: 316px;
	height: 26px;
	font-size: 26px;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 0;
	color: #FFFFFF;
}
#noticeboard h2{
	width: 316px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 101px;
	left: 0;
	color: #FFFFFF;
}
#noticeboard h3{
	width: 316px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 155px;
	left: 0;
	color: #FFFFFF;
}
#noticeboard h4{
	width: 316px;
	height: 15px;
	font-size: 15px;
	text-align: center;
	position: absolute;
	top: 175px;
	left: 0;
	color: #FFFFFF;
}
#noticeboard h5{
	width: 20px;
	height: 10px;
	font-size: 10px;
	text-align: center;
	position: absolute;
	top: 198px;
	right: 21px;
	color: #FFFFFF;
}
img.pic{
padding:0px;
margin:0px;
border:5px #FFFFFF solid;
}
img.pica{
padding:0px;
margin:0px 5px 0 0;
border:5px #FFFFFF solid;
float: left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:3px;
border:5px #FFFFFF solid;
float:left;
}
img.gallery1{
padding:0px;
margin:5px 8px 5px 8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:780px;
clear:both;
padding:0px;
height:auto;
}
img.inspiration{
padding:0;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

ul.servicesnew {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0;}

ul.servicesnew li {
float: left;
width: 150px;
margin: 0;
padding: 0;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
width:auto;
padding:10px 10px 0 115px;
margin: 0 auto;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:132px;
clear:both;
margin:40px 0 0 0;
background-color: #333333;
position: relative;
}
#footer_content{
width:780px;
margin:auto;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:166px;
height:auto;
float:right;
text-align:center;
padding-top:5px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
#statement {
width: 760px;
margin: 0 auto;
padding: 10px 0 0 0;
}