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

body {background:#f8efd6;}

div {margin:0px;
     padding:0px;}

p{margin:0px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:30px;
  font-style:normal;
  text-align:justify;
  color:#333333;
  font-weight:normal;
  }
  
img.fright {border:0px;
         outline:0px;
		 padding-left:30px;
		 float:right;
		 }
  
img.top {border:0px;
         outline:0px;
		 padding-top:50px;
		 }

img.hang {border:0px;
         outline:0px;
		 margin-bottom:-5px;
		 }

span.spanclass {visibility:hidden;}

a {color:#000000;}


#container { 
	width: 1024px;
	height:1200px;
    margin: -15px auto 0px auto;
	padding:0px 0px 0px 30px; 
	position: relative;
	background:none;
	/* z-index: 6; */
	}
	

	
#banner {background:url(../images/banner.gif) no-repeat;
         width:1024px;
		 height:250px;
        }


/* home  */

#home {
	position:absolute;
	width:100px;
	left: 495px;
	top: 60px;
	height:30px;
			 }

#linkright {float:right;
            width:200px;
			height:250px;
       }	 
			 
a:link.home {background: url(../images/home.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  				  
a:visited.home {background: url(../images/home.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  
a:hover.home {background: url(../images/home_2.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 				  

/* work */

#work  {
	position:absolute;
	width:100px;
	left: 566px;
	top: 185px;
	height:30px;
			 }
			 
			 
a:link.work {background: url(../images/work.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
							  
a:visited.work {background: url(../images/work.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  
a:hover.work {background: url(../images/work_2.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 

/* about */

#about  {
	position:absolute;
	width:100px;
	left: 745px;
	top: 112px;
	height:30px;
			 }
			 
			 
a:link.about {background: url(../images/about.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				   
a:visited.about {background: url(../images/about.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  				  
a:hover.about {background: url(../images/about_2.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  



/* blog */

#blog  {
	position:absolute;
	width:100px;
	left: 944px;
	top: 169px;
	height:30px;
			 }
			 
			 
a:link.blog {background: url(../images/blog.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
a:visited.blog {background: url(../images/blog.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}					  
a:hover.blog {background: url(../images/blog_2.gif) no-repeat;
                  display:inline-block;
				  padding:2px;
				  width:90px;
				  height:40px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  

				  
				  
#introtop {width:480px;
        margin-top:-5px;
		background:url(../images/introtop1.gif) no-repeat;
		padding-left:60px;
		padding-right:60px;
		}
		
#intromid {width:460px;
        margin:0px;
		background:url(../images/intromid1.gif) repeat-y;
		padding-left:70px;
		padding-right:70px;
		}
		
#introbottom {width:480px;
        margin:0px;
		background:url(../images/introbottom1.gif) no-repeat;
		padding-left:60px;
		padding-right:60px;
		}

#title {width:250px;
        height:800px;
        margin-top:0px;
		float:left;
		}
		
#toplinks {width:310px;
        height:200px;
        margin-top:-20px;
		float:left;
		}
		
		
#cont {width:620px;
       margin-left:0px;
	   margin-right:150px;
	   float:right;
       }
	   
#footer {width:1024px;
        height:70px;
		float:left;
		background:#656563;
		padding-top:10px;
		}
		
#footer p {text-align:center;
           color:#999999;
           }
		   
		   
		   

span.spanclass {visibility:hidden;}




/* home  */

#title li {list-style-type:none;
           margin-left:30px;
           }

			 
			 
a:link.lhome {background: url(../images/l_home.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  				  
a:visited.lhome {background: url(../images/l_home.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  
a:hover.lhome {background: url(../images/l_home2.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 				  

/* work */

			 
			 
a:link.lwork {background: url(../images/l_work.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
							  
a:visited.lwork {background: url(../images/l_work.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  
a:hover.lwork {background: url(../images/l_work2.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 

/* about */


			 
			 
a:link.labout {background: url(../images/l_about.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				   
a:visited.labout {background: url(../images/l_about.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	
				  				  
a:hover.labout {background: url(../images/l_about2.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  



/* blog */

			 
			 
a:link.lblog {background: url(../images/l_blog.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
a:visited.lblog {background: url(../images/l_blog.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}					  
a:hover.lblog {background: url(../images/l_blog2.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
				  
				  
/* test*/


			 
			 
a:link.ltest {background: url(../images/l_test.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}	 
a:visited.ltest {background: url(../images/l_test.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}					  
a:hover.ltest {background: url(../images/l_test2.gif) no-repeat;
                  display:block;
				  padding:2px;
				  width:150px;
				  height:30px;
				  list-style:none;
				  text-decoration:none;
				  text-align:left;}