body {
	background-color:#000; 
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
	background: #000 url(../images/bg.jpg) no-repeat top center;	
	}
#wrapper {
	width:960px; margin: 0 auto; margin-top:20px;
}
#wrapper .logo {
	float:left;
	margin-top:3px;
}
#wrapper #topnav ul {
		width:550px; 
		height:20px; 
		background:url(../images/nav.gif) no-repeat; 
		float:right; 
		text-indent:-1000px; 
		margin-top:30px;
}
#wrapper #topnav ul li {
	display:inline;
}
#container {width:930px; 
			background-color:#fff;
			margin: 0 auto;
			margin-top:15px; 
			margin-bottom:20px;
			padding:15px 15px 0px 15px;
			background: #fff url(../images/footer-bg.jpg) no-repeat bottom;
}

h1 {
	background:transparent url(../images/siminki-logo.gif) repeat scroll 0 0;
	height:76px;
	width:960px;
	overflow:hidden;
	text-indent:-100em;
	display:block;
}

#splashHeader {
		width:930px; 
		height:250px; 
		background:transparent url(../images/welcome-header2.jpg) repeat-x scroll center top; 
		margin-top:0px; 
		position:relative;
}

#splashHeader a {
	float:right;
	display:block;
	width:200px;
	height:69px;
	background:url(../images/contact-me.gif) no-repeat top; 
	text-indent:-100em;
	padding:0px 20px 0px 0px;
}


#splashHeader a:hover  {
	background:url(../images/contact-me-hover.gif) no-repeat top; 
}

#splashHeader #welcome {
	background:url(../images/welcome-header2.jpg) repeat scroll 0 0;
	height:180px;
	width:340px;
	overflow:hidden;
	text-indent:-100em;
	float:left;
}
#splashHeader p {
	color:#fff;
	width:380px;
	height:100px;
	line-height:20px;
	font-size:14px;
	float:left;
	margin:33px 0px 20px 170px;
}



/*Content*/
#content {
	margin-top:20px;
}
#content #left {
	width:220px;
	margin-top:-12px;
	margin-right:21px;
	float:left;
	display:inline;
	position:relative;
}

/*Left Services*/
#content .services {
	margin-bottom:10px; 
	background-color:#d1cbc2;
	background:transparent url(../images/leftnavbg.gif) no-repeat bottom;	
}

#content #left h2 {
	margin:0px 0px 0px -10px;
	height:70px;
	width:230px;
	overflow:hidden;
	text-indent:-100em;
	padding:0px;
}

* html #content #left h2 {
	position:absolute;
}


#content #left #design h2 {
	background:transparent url(../images/services-design.gif) repeat scroll 0 0;
}

#content #left #build h2 {
	background:transparent url(../images/services-build.gif) repeat scroll 0 0;
}

#content #left #seo h2 {
	background:transparent url(../images/services-seo.gif) repeat scroll 0 0;
}

#content #left p {
	margin-top:-10px;
	padding:0px 10px 10px 15px;
	font-size:75%;
}

#content #left .stars p {
	padding:0px;
	margin:0px;
	font-size:60%;
}

* html #content #left p {
	padding-top:75px;
}


/*Centre*/

#content #centre {
	width:449px;
	margin-right:20px;
	float:left;
	display:inline;
}

#content #centre img title {
	width:450px;
	background-color:#FFF;
}

#content #centre #work {
	width:449px;
	margin-top:-6px;
}


/*Right Menu*/

#content #right {
	width:220px;
	float:left;
	display:inline;
	font-size:90%;
	margin-top:-5px;
	position:relative;
}

#content #right p{
	margin:4px 0px 4px 0px;
	line-height:16px;	
}

#content #right #work-menu {
	background:transparent url(../images/work-menu.gif) repeat scroll 0 0;
	height:36px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
}

#content #right #clients-menu {
	background:transparent url(../images/clients-menu.gif) repeat scroll 0 0;
	height:36px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
}

#content #right #education-menu {
	background:transparent url(../images/education-menu.gif) repeat scroll 0 0;
	height:36px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
}

#content #right #other-menu:hover {
	background:transparent url(../images/other-menu.gif) repeat scroll 0 0;
	height:36px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
}

#content #right .contactme {
	position:absolute;
	margin-bottom:0px;
	border:1px solid black;
}

#content a {color:#000;}

/*Work*/
#work img {}

#content #work #work-header{
	background:transparent url(../images/work-header.gif) repeat scroll 0 0;
	height:88px;
	width:444px;
	overflow:hidden;
	text-indent:-100em;
}

#content #work .gallery {
width:449px;
}

#content #work #webcurrent {
	width:449px;
	height:60px;
	background:transparent url(../images/web-current.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	padding:0px;
	margin:0px;
}

#content #work #designwork {
	width:449px;
	height:60px;
	background:transparent url(../images/design.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	padding:0px;
	margin:0px;
}

#content #work #webfeatured {
	width:449px;
	height:60px;
	background:transparent url(../images/web-featured.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	padding:0px;
	margin:0px;
}

#content #work #dayjob {
	width:449px;
	height:60px;
	background:transparent url(../images/day-job.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	padding:0px;
	margin:0px;
}

#content #work #webwork a:hover {
	background:transparent url(../images/web-work-hover.gif) no-repeat bottom;
}

#content #work #emailwork {
	width:449px;
	height:60px;
	background:transparent url(../images/email-work.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
}


#content #work #brandingwork {
	width:449px;
	height:60px;
	background:transparent url(../images/branding-work.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
}

#content #work #illywork {
	width:449px;
	height:60px;
	background:transparent url(../images/illy-work.gif) no-repeat bottom;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
}


#work ul li ul li {float:left; margin:16px 16px 0px 0px; padding:0px; width:100px; display:inline;}

#work ul li ul li.end {margin-right:0px;}

#work ul li ul li.last {clear:both; margin:0px; padding:0px; float:none;}

#work ul li ul li.intro {width:449px; margin:0px; margin-top:8px;}

#work  p {
	font-size: 14px;
	margin-bottom:10px;
}

/*Twitter*/
#twitter_div {
	background:transparent url(../images/leftnavbg.gif) no-repeat bottom;	

}

#twitter_div .sidebar-title {
	background:transparent url(../images/twitterings.gif) no-repeat;
	height:40px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
}

#twitter_div #twitter_update_list li {
	padding:10px 10px 0px 10px;
	line-height:18px;
}

#twitter-link {
	background:transparent url(../images/followme.gif) no-repeat;
	height:50px;
	width:220px;
	overflow:hidden;
	text-indent:-100em;
	display:block;
	padding:0px 0px 5px 0px;
	margin-top:10px;
}


/*Footer*/
#footer {padding:15px 0px 15px 0px; margin-top:60px; font-size:90%;}

#footer .contactme {
	margin-left:715px;
}

#footer .contactme a {
	display:block;
	width:220px;
	height:71px;
	background:url(../images/contact-me2.gif) no-repeat top; 
	text-indent:-100em;
}

#footer .contactme a:hover {
	background:url(../images/contact-me2-hover.gif) no-repeat top; 
}

#gallery6 {display:none;}
#content #work #work-header {display:none;}


