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



body {
	font-family: tahoma;
	font-size: 12px;
	color: black;
	background-color: #eeeeee;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0;
	margin: 0;
	margin-bottom: 0;

}



A:link {text-decoration: none; color: #666666;}
A:visited {text-decoration: none; color: #666666;}
A:active {text-decoration: none}
A:hover {text-decoration:overline; color: #b4caf7;}


a {
	font-size: 12px;
	}
	


h1 {
	font-size: 24px;
	font-color: #666666;
	color: #333333;
}
 
 
h5 {
	font-size: 10px;
	font-color: #666666;
	color: #333333;
} 
 
 

#mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 940px;
}


#topbar{
   float: left;
   width: 940px;
   height: 39px;
   background-color: #000000;
}


#header{
   float: left;
   width: 940px;
   height: 198px;
   margin-top: 30px;
   border-top: 1px solid #CCCCCC;
   background-image: url(images/welcome.png);
   background-repeat: no-repeat;
   background-position: left;
}


#col2{
	position: relative;
	float: left;
	width: 499px;
	margin-top: 102px;
}


#col2 a{ 
   font-size: 18px;
  
}

#col2 a:link { color: #eeeeee }
#col2 a:visited { color: #eeeeee }
#col2 a:active { text-decoration: none }
#col2 a:hover { text-decoration: overline; color: #b4caf7;}


#col1{
   position: relative;
   float: left;
   width: 441px;
   margin-top: 15px;

}



#col2a{
	position: relative;
	float: left;
	width: 440px;
	margin-top: 15px;
	margin-left: 8px;
}


#col1a{
   position: relative;
   float: left;
   width: 450px;
   margin-top: 15px;
   margin-left: 40px;

}


#port1{
   position: relative;
   float: left;
   width: 200px;
   height: 640px;
   margin-top: 25px;
   margin-left: 40px;
   border-right: 1px solid #CCCCCC;
   line-height: 18px;
}


#port2{
	position: relative;
	float: left;
	width: 670px;
	margin-top: 25px;
	margin-left: 18px;
}


.headings{
	float: left;
	width: 430px;
	height: 40px;
	border-bottom: 5px solid #CCCCCC;
	padding-bottom: 10px;
}


.about{
   float: left;
   width: 430px;
   height: auto;
   margin-top: 16px;
}



#body{
   width: 970px;
   height: 400px;
   background-image: url(images/whitebg.png);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 17px;
   margin-left: auto ;
   margin-right: auto ;
   

}


#aboutme{
   width: 970px;
   height: 580px;
   background-image: url(images/whitebg.png);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 17px;
   margin-left: auto ;
   margin-right: auto ;
   

}


#port{
   width: 970px;
   height: 680px;
   background-image: url(images/whitebg.png);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 17px;
   margin-left: auto ;
   margin-right: auto ;
}


#contact{
   width: 970px;
   height: 430px;
   background-image: url(images/whitebg.png);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 17px;
   margin-left: auto ;
   margin-right: auto ;
   

}


#footer{
   width: 920px;
   height: 100px;
   background-color: #333333;
   margin-top: 0px;
   margin-left: auto ;
   margin-right: auto ;
   padding-left: 10px;
   padding-right: 10px;
}




.home-blog{
   float:left;
   margin: 5px 0 5px 0;
   padding:0 0 10px 0;
   width:430px;
   height:82px;
   border-bottom:1px solid #DEDEDE;
}



div.home-blog-pic{
   float:left;
   margin:0 10px 0 0;
   width:97px;
   height:82px;
}

div.home-blog-pic img{
   float:left;
   width:97px;
   height:82px;

}

div.home-blog-content{
   float:left;
   padding:0 0px 0 0;
   width:247px;
   height: 82px;
}