* {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
html {
	padding-bottom: 0px; 
	height: 100%
}
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin: 0px auto;
   height: auto;
   background-color: #F4F1EA;
}
a {
	color: #65625D; 
	text-decoration: none;
}
a:hover {
	color: #f30; 
	text-decoration: none;
}

p{
	padding-bottom: 5px;
	letter-spacing:0.5px;
	line-height:20px;
	text-indent:28px;
	color:#474747;
	font-size:13px;
}
h1{
	letter-spacing:0.5px;
	line-height:3px;
	text-indent:5px;
	color:#474747;
	font-size:12px;
	font-weight: normal;
}
h2{
	letter-spacing:0.5px;
	color:#474747;
	font-size:13px;
	margin-left:10px;

}
h2.web{
	padding-left:20px;
	line-height:16px;
    background: transparent url("images/web_ico.gif") left no-repeat; 
}

#wrapper {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	text-align: left;
	}

#header {
	width: 100%;
	background: #fff url(../images/head_bg.gif) top repeat-x;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#logo{
	width: 366px;
	height: 134px;
	float: left;
	background: #000 url(../images/logo.gif) no-repeat;
	margin-left:20px
	}
#logo a{
	margin-top: 15px;
	margin-left: 5px;
    display: block; 
	width: 363px; 
	height: 100px; 
	border: 0px; 
}
#beta {
	width: 125px;
	height: 129px;
	float: right;
	background: transparent url(../images/beta.gif) no-repeat top left;
	}
#nav{
	clear: both;
	height: 43px;
	padding: 0px;
	margin: 0px;
	background-color:#AFDA2B;
	border-bottom: 1px solid #76A300;
}
#nav .content { 
    float:left;
    width: 700px;
    padding: 10px 40px 9px; 
}
#nav ul { 
    list-style: none; 
}
#nav li { 
    display: inline; 
}

#nav a { 
    float: left; 
    height: 0px !important; 
    height /**/:25px; /* for IE5/Win */ 
    overflow: hidden;
    border: 0; 
    margin-right: 5px; 
    padding-top: 25px; 
}
#navhome a { 
    width: 91px;
    margin-left: 6px;  
    background: transparent url("../images/navhome.gif") top left no-repeat; 
}
#navabout a { 
    width: 91px;
    background: transparent url("../images/navabout.gif") top left no-repeat;
 }
#navportfolio a { 
    width: 91px;
    background: transparent url("../images/navworkshow.gif") top left no-repeat;
	background-position: 0 -50px; 
  }
#navcontact a { 
    width: 91px; 
    background: transparent url("../images/navcontact.gif") top left no-repeat;
 }
#navblog a { 
    width: 91px;
    background: transparent url("../images/navblog.gif") top left no-repeat;
  } 
#navenglish a  { 
    width: 91px; 
    background: transparent url("../images/navenglish.gif") top left no-repeat;
 }
#navv1 a  { 
    width: 91px;
    background: transparent url("../images/navv1.gif") top left no-repeat; 
}

#nav a:hover, #nav a:active { 
    background-position: 0 -25px; 
}


#nav .ico { 
    float:right;
    width: 200px;
    padding: 9px 0 0 0; 
}
#navxhtml a { 
    width: 75px;
    background: transparent url("../images/xhtml_ico.gif") top left no-repeat; 
} 
#navcss a  { 
    width: 58px;
    background: transparent url("../images/css_ico.gif") top left no-repeat; 
}
#navrss a { 
    width: 51px; 
    background: transparent url("../images/rss_ico.gif") top left no-repeat; 
} 

#portfilo{
    height:autopx;
    background: transparent url("images/right_bg.gif") right repeat-y;
}
#portfilo .bgtop{
   height:30px;
   background: transparent url("images/center_bg.gif") right top no-repeat;
}
#portfilo #content_top{
   height:auto;
   padding:6px 0 10px 35px;
   
}
#new_project{
   width:409px;
   float:left;
}

#portfilo #content_top #webdesign_title{
   height:50px;
   width:400px;
   background: transparent url("images/works_show.gif") left top no-repeat;
}
#end_left{
   float:left;
   height:auto;
   width:587px;
   padding-left:40px;
}

.template a {
   border: 1px solid #BCBAAD;
   background: #E0DDCC;
   float: left;
   margin: 6px 12px 10px 0px; 
   width: 162px;
   height: 112px;
   font-size:12px;
   text-align: center
}

.site_space {
   padding:0px 0px 10px 12px;
   margin-bottom: 30px;
}

.template img {
	display: block; 
	padding-top: 6px;
	padding-bottom: 2px;
}
.template a:hover {
	background: #AED92A;
	border: 1px solid #76A300;
	color: #444F00; 
	text-decoration: none;
}

#tagsright{ 
    float:right;
    height:3010px;
	width:320px;
    background: transparent url("images/right_bg.gif") right repeat-y;
}
#tags {
	height:300px;
}

#tags li { 
	margin-bottom: 360px; 
	list-style-type:none;
}
#page1 { 
	height:300px;
    width: 300px;
    background: transparent url("images/page1.gif") top left no-repeat; 
	margin-top: 90px; 
}
#page2 { 
	height:300px;
    width: 300px;
    background: transparent url("images/page2.gif") top left no-repeat; 
	margin-top: 90px; 
}
#page3 { 
	height:300px;
    width: 300px;
    background: transparent url("images/page3.gif") top left no-repeat; 
	margin-top: 90px; 
}
#page4 { 
	height:300px;
    width: 300px;
    background: transparent url("images/page4.gif") top left no-repeat; 
	margin-top: 90px; 
}

#content {
	width:750px;
	padding: 10px 0px 0px 6px;
}
#projects_bg{
    width: 530px;
	height: 580px;
	padding:8px;
	margin-top:60px;
    background-color: #ECE7D9;
}
.intro-img img {
    width: 508px;
    height: 145px;
	background-color: #DAD4C5;
	border: 1px solid #F3F3F3;
    padding:8px;
}
.T-img{
	background-color: #DAD4C5;
	border: 1px solid #F3F3F3;
    padding:8px;
}
.intro-description {
	color: #333333;
	text-decoration: none;
	text-align:left;
	padding-bottom:35px;
}
.new-description {
	background-color: #ECE7D9;
	height:102px;
    width:320px;
    float:left;
	color: #333333;
	margin-left:4px;
	padding:15px 0px 0px 8px;
}
.scroll_btn{
	padding:130px 0px 0px 130px;
}
#nav_box{
	padding-top:2px;
    height: 30px;
    background-color: #AFDA2B;
}
.pre_btn{
    padding-left:8px;
}
.top_btn{
    margin-left:290px;
}
#footer { 
    clear: both;
    height: 90px;
    background-color: #353F47;
    border-top: 1px solid #000;
    padding:12px 0 16px 16px;
    color: #9CAFC1;
    font-size: 14px;
    line-height: 22px;
    letter-spacing:1px;
}
#footer a {
	color: #9CAFC1; 
	text-decoration: none;
}
#footer a:hover {
	color: #465D00; 
	background-color:#B2DD2C;
	text-decoration: none;
}
.copy{
    color: #9CAFC1;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	letter-spacing:0px;
}
span{
    display: none
}