html,body,ul,li,p,span{margin:0;padding:0;}
img{border: 0;}
ul,li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

body{background: #59881b url(../images/bg.jpg) center top repeat-x; font: 75%/1.3 normal Arial, Helvetica, sans-serif;}
.wrapper{width: 584px; margin: 0 auto; padding-left: 356px; background: url(../images/containtBg.jpg) left top no-repeat; overflow:hidden;}

.logo{text-indent:-9999px; width: 202px; height: 100px; margin-top: 24px; }
.logo a{width: 202px; height: 100px; background: url(../images/logo.jpg); display: block;}

.menu{background: url(../images/menuBg.gif) no-repeat; height: 12px; padding: 5px 0 15px 0; margin-top: 40px;} 
.menu li{font-weight: bold; display: inline;}
.menu li, .menu li a{color: #c1f159;}
.menu li a{margin: 0 10px;}

.welcome,.about,.services,.works,.contact,.guestbook{height: 36px;text-indent: -9999px; margin-top: 13px;}
.welcome{ background: url(../images/welcome.gif) no-repeat;}
.about{background: url(../images/aboutme.gif) no-repeat;}
.services{background: url(../images/web-services.gif) no-repeat;}
.works{background: url(../images/web-works.gif) no-repeat;}
.contact{background: url(../images/contact.gif) no-repeat;}
.guestbook{background: url(../images/guest-book.gif) no-repeat;}
.harkaPict{float: right; margin: 0 10px 40px 10px;}

.contents{width: 565px;float: left; margin: 10px 0 25px 0;}
.contents, .favlist li a, .footer{color: #d0e3a8;}
.contents h1{font-size: 1em; font-weight: normal; display: inline;}
.contents a, .footer a{color:#c1f159;}
.contents .portfolio{width: 100%;}
.contents .portfolio li a img{margin: 0 7px 8px 0 !important;}

.contentsSmall{width: 250px; float: left; margin: 0 30px 25px 0;}
.contentsSmall ul{float: left; width: 250px; margin-top: 10px;}
.contentsSmall li, .contents .portfolio li{display: inline}
.contentsSmall li a img,.contents .portfolio li a img{margin: 0 10px 8px 0; border: 2px solid #9ccc43;}
.contentsSmall li a:hover img,.contents .portfolio li a:hover img{border: 2px solid #faf505;}
.projectsTitle,.serviceTitle{height: 37px; width:250px; text-indent:-9999px;}
.projectsTitle{background: url(../images/what-i-have-done.gif) no-repeat;}
.serviceTitle{background: url(../images/what-i-can-do.gif) no-repeat;}

.favTitle{height: 35px; width: 565px; background: url(../images/my-favorite.gif) no-repeat; float: left; text-indent:-9999px;}
.favlist{width:100%; float: left; margin-top: 10px;}
.favlist li{width: 23%; float: left; padding-left: 7px; background: url(../images/list-bg.gif) left no-repeat;}

.footer{background: url(../images/footerBg.gif) no-repeat; margin-top: 25px; height: 26px; float: left; padding: 6px 5px 15px 0; font-size: .9em;}
.copyright{float: left; width: 400px;}
.copyright h1{font-size: 1em; display: inline}
h1.xhtml{float:right; width: 120px; font-size:1em; margin-top: 0px; font-weight: normal !important;}

.center{text-align: center;}
form ul{width: 450px;}
.formfield{font-size:11px; color:#d0e3a8; border:1px solid #d0e3a8; padding:2px 3px; margin:2px 0; background:#690;}
.textArea{width:169px;}
.label{width:150px;}
form li{float:left;	text-align: right;	padding:2px 0 2px 10px;}