@charset "utf-8";
/* CSS Document */

*
{
margin:0px;
}

body
{
font-size:12px;
font-family:Tahoma;
color:#113334;
background: url(../Site/BodyBG.jpg.jpg) repeat;}

.left
{
float:left;
}

.right
{
float:right;
}

.clear
{
clear:both;
}


img
{
border:0px;
margin:0px;
padding:0px;
}

a
{
color:#113334;
text-decoration:none;
}

a:hover
{
color:113334;
text-decoration: underline;
cursor:pointer;
}



div#wraper 
{
height:auto;
width:960px;
margin:0 auto;
direction:ltr;
position:relative;
overflow:hidden;

}


div#paner
{
width:960px;
height:378px;
position:relative;
overflow:hidden;
}

 div#Movenews { 
float:right;
 height:40px;
  width:350px;
  background: url(../Site/moveBG.jpg) repeat-x;
}

 
div#Movenews a:hover
{
color:#113334;
text-decoration: underline;
cursor:pointer;
 }

div#downlogo{
width:960px;
height:65px;
float:left;
padding-left:310px;
 background:url(../Site/downlogo.jpg) no-repeat;
 
}


div.MainLink a
{
 font-family:"Times New Roman", Times, serif;
 font-size:24px;
color:#FFFFFF;
float:left;
padding-top:20px;
padding-left:30px;
 
 }

div.MainLink a:hover
{
color:#F90432;
text-decoration: none;
cursor:pointer;
 }


 
 
div#content
{
width:740px;
 margin-left:102px;
height: auto;
 position:relative;
overflow:hidden;
background:#ECF0F3;
border-left:2px solid #CDD2D8;
border-right:2px solid #CDD2D8;
 }
 
div#contentTop
{
width:740px;
background:#ECEFF2 url(../Site/masterBG.jpg) repeat-x; 
float:left;
  height: auto;
  position:relative;
overflow:hidden;
}


div#WellcomeArticle
{
 width:740px;
  height:auto;
  float:left;
  background:#E6EAED url(../Site/wellcomeBG.jpg) repeat-x;
  text-align:justify;
 }
 
 
div.articledes
{
 width:720px;
height:auto;
float:left;
margin:5px;
text-align:justify;
 } 

 div.newsLink
{color:#6B7379;
font-weight:bold;
margin-top:5px;
float:right;
 
 

}

div.newsLink:hover
{color:#0F4E5A;
 text-decoration:none;
cursor:pointer;

}
 
 div#HostryArticle
{ background:#ECF0F3 url(../Site/hostryBG.jpg) repeat-x;
 width:483px;
height:auto;
float:left;
position:relative;
overflow:hidden;
  text-align:justify;
 }
 
 
div.Hostrydes
{
 width:450px;
height:auto;
float:left;
margin:10px;
text-align:justify;
 }  
 
 
 div#menu
{
width:257px;
float:right;
 height:auto;
overflow:hidden;
background:#E9EDF0;
position:relative; 
}

div.menuItem
{
 background:url(../Site/menuitemBG.jpg) no-repeat;
width:257px;
height:30px;
margin-right:2px;
 overflow:hidden;
cursor:pointer;

}
div.menutext
{
text-align:left;
color:#535748;
padding-left:30px;
padding-top:7px;
}
div.menuItem:hover
{
background:url(../Site/menuitemBG1.jpg) no-repeat; 
text-decoration:none;
 }
 
 div.menutext:hover
{
text-decoration:none;
color:#FD1E1F;
 }
 
 
 div#contentDown
{
width:740px;
float:left;
  height: auto;
  position:relative;
overflow:hidden;
}


div#LatestProject
{
 width:740px;
  margin-left:1px;
 
height:auto;
} 

 div.LatestProjectPic
{
 background:#ECF0F3;

width:222px;
 
height:222px;
float:left;
}

div.pic
{
width:190px;
height:140px;
border: 4px solid #FFFFFF;
cursor:pointer;
 margin-left:15px;
 margin-top:15px;
}

div.pic:hover
{border: 4px solid #A6DCE6;
}

div.LatestProjectArticle
{
padding-top:20px;
padding-left:4px;
width:210px;
height:auto;
overflow:hidden;
color:#0C2933;
text-align:center;
}


 div#fotter
{
 margin-left:105px;
 text-align:left;
  width:735px;
  direction:ltr;
color:#113334;
 height:60px;
  }
 
 

html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body {
     padding: 0;
}

body * {
    line-height:1.22em;
}

 

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
 	float:left;
}

 
 

table {
     border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}



div#MsterNews
{width:455px;
height:auto;
 
float:left;
 margin-left:10px;
 position:relative;
overflow:hidden;
 
text-align:justify;

 
}
 

Div.MsternewsTitle
{
  font-size:16px;
 width:430px;
 height:auto;
 margin-left:10px;
 font-family:"Times New Roman", Times, serif;
 float:left;
color:#0E4E5A;
 margin-top:10px;
 font-weight:bold;
  }
  
div.MsternewsDes
{
  color:#0E4E5A;

width:440px;
 height: auto;
padding-top:5px;
padding-bottom:50px;
 float:left;
  margin-left:10px;

 
} 



div#MsterLink
{width:455px;
height:40px;
 margin-right:3px;
float:left;
   position:relative;
overflow:hidden;
color:#4A6339;
 
 }
 
 
 div.MsterLinkText
{width:440px;
height:auto;
padding-top:10px;
margin-left:10px;
 float:left;
 font-weight:bold;

   position:relative;
overflow:hidden;
  }


div#srvices
{
width:230px;
height:200px;
float:left;
padding-left:30px;
position:relative;
overflow:hidden;

}

div.srvicesPic
{width:80px;
height:60px;
float:left;
margin:10px;
border:2px solid #FDFEFE;
position:relative;
overflow:hidden;}

/*div.srvicesPic:hover

{border: 3px solid #A6DCE6;
}
*/
 div#leftSide
{
width:260px;
height:auto;
float:left;
 
border-right:1px solid #B3B5B6;
position:relative;
overflow:hidden;

}

  
  
  /*=========================Visitors===========================================================================*/

div.VisitorTable
{
	width:99%;
	color:#000000;
	margin-left:10px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;

}
div.VisitorTable .RowLine1
{
	border-top:solid 1px #CCCCCC;
	width:99%;
	height:20px;
	overflow:hidden;

	
}
div.VisitorTable .RowMultiLine
{
	border-top:solid 1px #CCCCCC;
	width:99%;
	height:auto;
	padding-bottom:5px;
	overflow:hidden;
	
}

div.VisitorTable .Col1
{
	width:20%;
	text-align:left;
	margin-left:15px;
	float:left;
	font:12px tahoma;
	
	padding-top:3px;
	overflow:hidden;

}
div.VisitorTable .Col2
{
	width:75%;
	
	text-align:left;
	padding-left:5px;
	float:right;
	font:12px tahoma;
	padding-top:3px;
	padding-left:5px;
	overflow:hidden;
}
div#form input
{
width:300px;
height:15px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}

div#form Option
{
width:205px;
height:15px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}

div#form textarea
{
width:300px;
height:100px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}
div#form submit
{
width:15px;
height:150px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}