* { margin:0; padding:0 }
body {width:683px; margin:auto; background-color:#ececec; font: 11px/16px "Lucida Grande", Verdana, sans-serif; color: #333333; }

	
	
.shadow {text-shadow: #fff 0 1px 0;}
.shadowlite {text-shadow: #999999 0 1px 0;}
.noshadow {text-shadow: none}
.absmiddle {vertical-align:middle; margin-bottom: .25em; }
.green {color:#99CC00;}
.red {color:red;}
.black {color:black;}
img { border:none;}


#header {	background: url(img/header.png) 160px no-repeat; height:150px; width:100%;}
#header h1 {display:none;}
#content {	width:683px;}

#leftside {			width:343px; float:left; height:572px;}
#leftborderside {	background:url(img/borderleftside.png) no-repeat; width:15px; height:572px; float:left;}
#leftbg {			background:url(img/leftbg.png) repeat-x; height:572px; margin-left:15px; overflow:hidden}

#myworks { background:url(img/myworks.png) center no-repeat; width:221px; height:50px; padding-top:65px; padding-left:80px;}
p.back {float:left; padding-left:15px;}
p.next {float:right; padding-right:85px;}
p.work {margin-bottom:30px; width:221px; }
p.work a {text-decoration:none; color: #333333;}
p.work a:hover {text-decoration:underline;}

#rightside {	width:340px; margin-left:343px;}
#intro {		background:url(img/intro.png); width:340px; height:211px;}
.buttons {		white-space:nowrap /*IE hack*/; float:left; width:343px; border:none; height:102px;}
.buttons ul {	list-style-type:none;}
.buttons li {	float:left; width: 170px; height:102px;}
.buttons li a.about, .buttons li a.contact, .buttons li a.aboutcurrent, .buttons li a.contactcurrent {
	display: block ;
	width:170px;;
	height:102px;
	line-height: 1em ;
}	
.buttons li a.about {background: url(img/about.png) left top no-repeat ;}
.buttons li a.contact {background: url(img/contact.png) left top no-repeat ;}
.buttons li a.about:hover, .buttons li a.about:focus, .buttons li a.about:active, .buttons li a.aboutcurrent {background: url(img/about.png) right top no-repeat ;}
.buttons li a.contact:hover, .buttons li a.contact:focus, .buttons li a.contact:active, .buttons li a.contactcurrent {background: url(img/contact.png) right top no-repeat ;}



#greenside {		width:340px; height:280px;}
#greenborderleft {	background:url(img/greenleftside.png); width:9px; height:243px; float:left;}
#greenbg {			background:url(img/greenbg.png) repeat-x; height:243px; float:left; width:322px; }
#greenborderright {	background:url(img/greenrightside.png); width:9px; float:left; height:243px;}
#greenbottom {		background:url(img/greenbottom.png); width:340px; height:16px; float:left;}

#about { 			width:146px; float:left; color:black; text-align:justify; padding-top:10px; padding-left:5px; text-shadow: #b1b1b1 0 1px 0;}
#about p {			margin-bottom:6px;}
#contact { 			width:156px; float:right; padding-top:7px; padding-left:5px; }
#about a.hetic {			color:#346514; text-decoration:none;}
#about a.hetic:hover {		text-decoration:underline;}
#about a {					color:#000; text-decoration:none;}
#about a:hover {			text-decoration:underline;}

#contact table {			width:161px; }
#contact table tr {			height:53px;}
#contact table tr td {		padding-left:5px; width:151px;}
#contact table tr td:hover {cursor:pointer; background-image:url(img/greenhover.png); background-repeat:no-repeat}


#footer {margin-top:60px; margin-bottom:30px; color:#999999; text-align:center}