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

body
{
background: #9dd43e url(images/bg.gif) repeat-x scroll;
color: #ffffff;
font-family: Arial,Helvetica,Tahoma,sans-serif;
font-size: 75%;

}
a {
color: #9ed43e;
text-decoration: none;
}


a:hover {
color: #f85faa;
text-decoration: none;
}


ul, ol, dl {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 }
 
 
 .simple, .simple:hover {
 background: transparent none repeat scroll 0%;
 padding: 0pt;
 }

 
 
em {
	display: none;
}

#wrapper{
width: 900px;
margin: 0px auto;

}

#header{
width: 874px;
height: 166px;
background-image: url(images/header_bg.gif);
background-repeat: no-repeat;
margin: auto;
padding: 0px;
overflow: hidden;
}
	#logo{
	float: left;	
	width: 510px;
}
		  #logo h1 {
	margin: 0px;
	background: transparent url(images/top_logo.gif) no-repeat scroll 0pt;	
	height: 166px;
			}
			
			h1 a {
			display: block;
			height: 75px;
			width: 500px;
			position: relative;
			top: 90px;
			left: 0px;
			margin: 0px
	}	

 
	#menu {
	background: transparent;
	height: 35px;
	width: 360px;
	padding-top: 136px;
	float: left;
	overflow: visible;
	
	}
	
			#menu li {
			float: left;

}
			#menu li a {
			display: block;
			float: left;
			height: 35px;
			width: 115px;
			overflow: hidden;
			}
				#menu li.home a, #menu li.home{
				background-color: transparent;
				background-image: url(images/nav/home.gif);
				background-position: 0% 0%;
				}
				#menu li.work a, #menu li.work{
				background-color: transparent;
				background-image: url(images/nav/work.gif);
				background-position: 0% 0%;
				}
				#menu li.contact a, #menu li.contact{
				background-color: transparent;
				background-image: url(images/nav/contact.gif);
				background-position: 0% 0%;
				}
				
				
			#menu li.inactive a:hover {
				background-position: 0% 50%
				}
			#menu li.active a, #mainmenu li.active a:hover, #mainmenu li.active{
			background-position: 0% 100%;
			}
				
#topcorners{
background-image: url(images/top_curves.gif);
background-repeat: no-repeat;
height: 9px;
margin: auto;
padding: 0px;
overflow: hidden;
width: 874px;
}

#main{
background-image: url(images/main_bg.gif);
background-repeat: repeat-y;
margin: auto;
width: 884px;
overflow: hidden;
padding-top: 5px;
}

#inner{
background-color: transparent;
width: 810px;
margin: auto;
	
}
	#left{
	float: left;
	width: 488px;
	height: auto;
	margin: 0px;
	padding-left: 2px;
	}
		h2#latestwork {
		background-image: url(images/latestwork.gif);
		background-repeat: no-repeat;
		background-position: top right;
		height: 31px;
		}

	a.showcase {
	width: 488px;
	height: 230px;
	float: left;	
	margin-bottom: 3px;
	}
	
	a.tutti_feature {
	background-image: url(images/drive5_feature.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	
	a.showcase:hover{
	background-position: 0% 100%;
	}
			
				#left ul{
		line-height: 12px;
		padding-top: 0px;
		padding-bottom: 12px;
		text-align: left;
		}
				#left li{
		padding-top: 2px;
		padding-bottom: 2px;
		clear: both;
}

		h3#work{
		padding-right: 20px;
		}
		.italic{
		font-style: italic;
		}
		
		#left p{
		margin-top: 2px;
		margin-bottom: 2px;
		line-height: 17px;
		padding: 0pt;	
		text-align: left;
}
		#left_bottom {
		margin-top: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px dotted #deffa6;
		border-bottom: 1px dotted #deffa6;
		text-align: left;		
		}
			
	#right{
	float: left;
	margin: 0px;
	padding-left: 20px;
	width: 296px;
	height: auto;
	text-align: justify;
	}
		h2#about {
		background-image: url(images/aboutme.gif);
		background-repeat: no-repeat;
		background-position: top right;
		height: 31px;

		}
		#right p{
		margin-top: -5px;
		line-height: 22px;
		padding: 0pt;
		text-indent: 20px;
}		
		#right ul{
		line-height: 17px;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: left;
		}
		#right li{
		padding-top: 2px;
		padding-bottom: 2px;
		border-top: 1px dotted #DEFFA6;
		}

		h3 {
		clear: none;
		float: left;
		padding-right: 10px;
		font-size: 100%;
		color: #d0d0d0;
		}
	
	h2.sectionmarker {
	border-bottom: 1px dotted #deffa6;
	margin-bottom: 12px;
	}
		
		#work{
background-color: transparent;
width: 810px;
margin: auto;
line-height: 22px;
		
}		
	
	
	
h2#mywork {
background-image: url(work/images/mywork.gif);
		background-repeat: no-repeat;
		background-position: top right;
		height: 31px;
}

#work p{
border-bottom: 1px dotted #deffa6;
}
#work ul{
padding-top: 12px;
}
#work li {
clear: both;
line-height: 15px;
}
#work li p{
margin-top: 5px;
border-bottom: none;

}
#work li:hover{
background-color: transparent;
}
	a.preview {
	background-color: #deffa6;
	width: 50%;
	margin-right: 25px;
	margin-bottom: 12px;
	height: 120px;
	float: left;
}
		a.preview:hover{
		background-position: 0% 100%;
		}

	
	a.nopreview {
	background-image: url(work/images/sites/nopreview.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.drivefive{ 
	background-image: url(work/images/sites/drivefive.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.iveyhbaa{ 
	background-image: url(work/images/sites/iveyhbaa.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.remotebroadcasting{ 
	background-image: url(work/images/sites/remote-broadcasting.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.fidoretreat{ 
	background-image: url(work/images/sites/fidoretreat.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.gamerlink{ 
	background-image: url(work/images/sites/gamerlink.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.kosuma{ 
	background-image: url(work/images/sites/kosuma.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.notchhill{ 
	background-image: url(work/images/sites/notchhill.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}	
	a.CASA{ 
	background-image: url(work/images/sites/CASA.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}	
	
	a.redline{ 
	background-image: url(work/images/sites/redline.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}	
	a.ghdev{ 
	background-image: url(work/images/sites/ghdev.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}		
	a.greenenergy{ 
	background-image: url(work/images/sites/greenenergy.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}	
	a.seaa{ 
	background-image: url(work/images/sites/seaa.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.lhr{ 
	background-image: url(work/images/sites/lhr.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.lawlow {
	background-image: url(work/images/sites/lawlowstudios.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.tutti {
	background-image: url(work/images/sites/tuttimatti.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.cwc {
	background-image: url(work/images/sites/cwc.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.goldstar {
	background-image: url(work/images/sites/goldstar.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}
	a.gsfranchise {
	background-image: url(work/images/sites/gsfranchise.gif);
	background-color: transparent;
	background-position: 0% 0%;
	}

p.tools {
background-color: transparent;
color: #909090;
}

		#contact{
background-color: transparent;
width: 810px;
margin: auto;
line-height: 30px;
border-bottom: 1px dotted #deffa6;
}
		
		h2#contactme {
		background-image: url(contact/images/contactme.gif);
		background-repeat: no-repeat;
		background-position: top right;
		height: 31px;

		}
		#contact li{
		font-size: 300%;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 60px;
		margin-top: 40px;
		}

	
		
#bottompart{
background-image: url(images/bottompart.gif);
background-repeat: no-repeat;
height: 22px;
margin: auto;
padding-top: 0px;
overflow: hidden;
width: 886px;
}	
		
		
#footer{
clear: both;
background: transparent none repeat scroll 0%;
text-align: right;
margin: auto;
overflow: hidden;
width: 850px;
padding-bottom: 10px;
}
#footer p{
font-size: 75%;
font-weight: normal;
padding-top: 3px;
margin: 0px;
overflow: hidden;
}
#footer a{
color: #ffffff;
}