* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #066699;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
acronym {
	border-bottom:1px dotted #000;
	color: #AAA;
	cursor:help;
	}

p { 
	font: 8pt/14pt verdana; 
	margin-top: 0px; 
	text-align: left;
	color:#CCC;
	}
	
h1{
  	font-family: verdana; 
	font-weight:normal;
	font-size:11pt;
	color:white;
	}

#checkoutworklink{
  	display: block;
  	width: 235px;
  	height: 25px;
  	background: url("../images/checkwork.png") no-repeat 0 0;
	}

#checkoutworklink:hover{ 
  	background-position: 0 -25px;
	}

#checkoutworklink span{
  	display: none;
	}

#emailmelink{
  	display: block;
  	width: 235px;
  	height: 25px;
  	background: url("../images/emailme.png") no-repeat 0 0;
	}

#emailmelink:hover{ 
  	background-position: 0 -25px;
	}

#emailmelink span{
  	display: none;
	}

.bluetext{
  	font-family: verdana; 
	font-weight:normal;
	font-size:11pt; 
	color:#00b0f0;
}

.orangetext{
  	font-family: verdana; 
	font-weight:normal;
	font-size:11pt; 
	color:#fac323;
}

.greentext{
  	font-family: verdana; 
	font-weight:normal;
	font-size:11pt; 
	color:#8cc63f;
}

.hidden{
	display:none;
	}
			
body {
	background:#0d1926 url("../images/bg.jpg") repeat-x;
	}
	
.pointer { 
			cursor:pointer;
		}
		
#container2 {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	position: relative;
	background: url("../images/nav/header.png") no-repeat;
}

#logo {
	width: 250px;
	height: 90px;
	position: relative;
	float:left;
	cursor:pointer;
}

#nav {
	margin-right: 0px;
	margin-left: auto;
	width: 600px;
	height: 90px;
	position: relative;
	cursor:pointer;
}

		#work { 
				position:absolute; 
				background:url("../images/nav/navwork.png") no-repeat top left;
				left:0px;
				top:-25px;
				width:150px; 
				height:90px;
		}
		
				
		
		#bio {	
				position:absolute; 
				background:url("../images/nav/navbio.png") no-repeat top left;
				left:150px;
				top:-25px;
				width:150px; 
				height:90px;
		}
		
		#contact { 
				position:absolute; 
				background:url("../images/nav/navcontact.png") no-repeat top left;
				left:300px;
				top:-25px;
				width:150px; 
				height:90px;
		}
		
		#clientarea { 
				position:absolute; 
				background:url("../images/nav/navclientarea.png") no-repeat top left;
				left:450px;
				top:-25px;
				width:150px; 
				height:90px;
		}	
	
#headline {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	height: 135px;
	background:url("../images/nav/headline.png") no-repeat top center;
}


#intro {
	width: 850px;
}

#intro2 {
	position:relative;
	width: 850px;
	padding-top:20px;
}

#textpanel{
	position:relative;
	width: 580px;
	float:left;
}

#services{
	position:relative;
	width: 250px;
	float:right;
	color: #00b0f0;
	margin-left:10px;
}

	.serviceslist li{
		display:block;
		padding:0px; 
		margin-left:5px; 
		list-style-type:square;
		list-style-position:inside;
		width:240px;
		height:17px;
		font-family: verdana; 
		font-weight:normal;
		font-size:11pt; 
		color:#00b0f0;
		
	}
	
	.serviceslistsm li{
		display:block;
		padding:0px; 
		margin-left:5px; 
		list-style-type:square;
		list-style-position:inside;
		width:240px;
		height:17px;
		font-family: verdana; 
		font-weight:normal;
		font-size:8pt; 
		color:#fff;
	}
	
	.serviceslistsmorange li{
		display:block;
		padding:0px; 
		margin-left:5px; 
		list-style-type:square;
		list-style-position:inside;
		width:240px;
		height:17px;
		font-family: verdana; 
		font-weight:normal;
		font-size:8pt; 
		color:#fac323;
	}	
	
	.serviceslistsmorange li a{
		color:#fac323;
	}	
	
	.subservicelist li{
		display:block;
		padding:0px; 
		margin-left:20px; 
		padding-bottom:10px;
		list-style-type:none;
		width:230px;
		height:20px;
		font-family: verdana; 
		font-weight:normal;
		font-size:8pt; 
		color:#999;
		border-top:1px dashed #999
	}	
	


	#worksection {
		margin-right: auto;
		margin-left: auto;
		width: 850px;
		display:none;
	}
	
			#worknav {
			margin-right: auto;
			margin-left: auto;
			width: 850px;
			height:60px;
			padding-bottom:10px;
			padding-bottom:0;
			}	
			
					.worksection{
						width:170px;
						height:40px;
						float:left;
						text-indent:-9999px;
						}
					
					#worksection01{
						width:170px;
						height:40px;
						float:left;
						background:url("../images/nav/allbg.png") no-repeat top center;
						display:block;
					}
		
					#worksection02{
						width:170px;
						height:40px;
						float:left;
						background:url("../images/nav/2dbg.png") no-repeat top center;
						display:block; 
					}
					
					#worksection03{
						width:170px;
						height:40px;
						float:left;
						background:url("../images/nav/3dbg.png") no-repeat top center;
						display:block;
					}
					
					#worksection04{
						width:170px;
						height:40px;
						float:left;
						background:url("../images/nav/motionbg.png") no-repeat top center;
						display:block;
					}
					
					#worksection05{
						width:170px;
						height:40px;
						float:left;
						background:url("../images/nav/webbg.png") no-repeat top center;
						display:block;
						top:-20px;
					}
	
	
	#contactsection {
		margin-right: auto;
		margin-left: auto;
		width: 850px;
		display:none;
		
	}
	
			#contactdetails{
				position:relative;
				width: 250px;
				float:right;
				color: #00b0f0;
				margin-left:10px;
			}
			
			
			.contactdetails li{
				display:block;
				padding:0px; 
				margin-left:5px; 
				list-style-type:square;
				list-style-position:inside;
				width:240px;
				height:17px;
				font-family: verdana; 
				font-weight:normal;
				font-size:11pt; 
				color:#fac323;	
				}

			.subservicelist li{
				display:block;
				padding:0px; 
				margin-left:20px; 
				padding-bottom:10px;
				list-style-type:none;
				width:230px;
				height:20px;
				font-family: verdana; 
				font-weight:normal;
				font-size:8pt; 
				color:#999;
				border-top:1px dashed #999
			}	
			
			#clienttest1{
				background:url("../images/testi.png");
				position:relative;
				width: 650px;
				height: 150px;
				color: #00b0f0;
				margin-left: auto ;
  				margin-right: auto ;
				padding-left:50px;
				padding-right:50px;
			}

	
	#biosection {
		margin-right: auto;
		margin-left: auto;
		width: 850px;
		display:none;
	}
	
		#mephoto{
			position:relative;
			width: 140px;
			height: 280px;
			float:right;
			color: #00b0f0;
			background:url("../images/avatar.png") no-repeat top right;
		}

		#textpanel2{
			position:relative;
			width: 700px;
			float:left;
		}
		
			#softwarelist{
				position:relative;
				width: 350px;
				float:left;
				}
				
			#linkslist{
				position:relative;
				width: 350px;
				float:right;
				}
	
#footer {
		width: 850px;
		float: right;
		margin-left:0px;
		margin-right:0px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:5px;
		border-top:1px solid #252525;
}

#footer .footer1{ 
		float: left; 
		border:none;
		}

#footer .footer2{ 
		float: right; 
		border:none;
		width:106px;
		}
		
		

/* Portfolio Filter Stylesheet */


/*****Custom Classes****
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
*/
/*****Basic Layout*****/
div#portfoiosection {  
	margin: 0px auto 0; 
	overflow: hidden; 
	width: 850px;
	clear:both;	
}
ul#filter { 
	float: left; 
	font-size: 16px; 
	list-style: none; 
	margin-left: 0; 
	width: 100%; }

ul#filter li { 
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter li.last-child { 
	border-right: none; 
	margin-right: 0; 
	padding-right: 0; 
}
ul#filter a { 
	color: #999; 
	text-decoration: none; 
}
ul#filter li.current a, ul#filter a:hover { 
	border: 1px dashed #333; 
}
ul#filter li.current a { 
	color: #333; 
	font-weight: bold;  
	border: 1px dashed #999;
}
ul#portfolio { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	margin-right: 0; 
	width: 850px; 
}
ul#portfolio li { 
	border: 1px dashed #999; 
	float: left; 
	margin: 0 11px 10px 11px; 
	padding: 4px;
	width: 250px;
}
ul#portfolio a { 
	display: block; 
	width: 100%; 
	font: 8pt/14pt verdana;
	color:white;
}
ul#portfolio a:hover {
}
ul#portfolio img { 
	border: 1px solid #dedede; 
	display: block; 
	padding-bottom: 0px; 
	width:250px; 
	height:140px;
}

/*Simple Slider css*/
/*////////////////////////////*/

ul.slideshow {
	list-style:none;
	width:850px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
 	text-align:right;
	border:1px solid #404040;
	
	
	
}	

ul.slideshow li {
	position:absolute;
	right:0;
}

ul.slideshow li.show {
	z-index:500;		
		
}

ul img {
	border:none;	
}

/*Shadowbox css*/
/*////////////////////////////*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Verdana, Geneva, sans-serif;font-size:14pt;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}