/* CSS Document */

body {
	
	margin:0px;
	padding:0px;

	background:url(../images/mainBg.jpg) #000 repeat-x top left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	
	
	}
	
li, ul {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	}

	
#the_positioner {
	
	width:893px;
	margin:0px auto;
	
	overflow:hidden;
	}
	
#header {
	float:left;
	
	width:893px;
	
	min-height:150px;
	
	}
	
	#main_nav {
		height:85px;
		
		}

	#sub_nav {
		height:33px;
		background: #9D6CCE url(../images/subBg.gif) no-repeat scroll 3px top;
		margin:0px;
		padding:0px;
		}

	#main_nav li, #sub_nav li {
		display:inline
		}

	#main_nav a:link, #main_nav a:visited {
		border:0px;
		text-decoration:none;
		}

	#sub_nav a:link, #sub_nav a:visited, #sub_active a:link, #sub_active a:visited {
		border:1px solid #9D6CCE;
		}

	#sub_nav a:hover, #sub_visited a:hover { 
		border-top:1px solid #9D6CCE;
		border-left:1px solid #9D6CCE;
		border-right:1px solid #9D6CCE;
		border-bottom:dotted 1px #000;
		color:fff;
		text-decoration:none;
		}

	#sub_nav li {
		margin-top:15px;
		}

	#sub_active {
		height:33px;
		margin:73px 2px 0pt;
		padding:0px;
		position:absolute;
		}

	.logo_button {
		position:relative;
		width:427px;
		height:74px;
		display:block;
		top: 6px;
		left: 0px;
		border:0px;
		}

	.home_button {
		position:relative;
		width:84px;
		height:38px;
		display:block;
		top: -46px;
		left: 621px;
		}

	#home_link span {
		position:relative;
		top:-82px;
		left:708px;
		}

	#home_link a:link, #home_link a:visited {
		padding:1px;
	
		}

	#home_link a:hover {
		padding:1px 1px 0px 1px;
		border-bottom:dotted 1px #98CB00;
		}

	.portfolio_button {
		position:relative;
		width:162px;
		height:38px;
		display:block;
		top: -121px;
		left: 731px;
		}

	#portfolio_link a:link, #portfolio_link a:visited {
		padding:1px;
	
		}

	#portfolio_link a:hover {
		padding:1px 1px 0px 1px;
		border-bottom:dotted 1px #479ACC;
		}
	
	.web_button {
		position:relative;
		width:47px;
		height:23px;
		display:block;
		top: 1px;
		left: 605px;
		text-indent:-9000px;
		background:url(../images/web_btn.gif) no-repeat left 3px;
		}

	.web_button_active {
		background:transparent url(../images/web_btn_active.gif) no-repeat scroll left 3px;
		display:block;
		height:23px;
		left:603px;
		position:absolute;
		text-indent:-9000px;
		top:13px;
		width:47px;
		}

	.animation_button {
		position:relative;
		width:106px;
		height:23px;
		display:block;
		top: -24px;
		left: 664px;
		text-indent:-9000px;
		background:url(../images/animation_btn.gif) no-repeat left 3px;
		}

	.animation_button_active {
		background:transparent url(../images/animation_btn_active.gif) no-repeat scroll left 3px;
		display:block;
		height:23px;
		left:662px;
		position:absolute;
		text-indent:-9000px;
		top:13px;
		width:106px;
		}
	.graphics_button {
		position:relative;
		width:95px;
		height:23px;
		display:block;
		top: -49px;
		left: 783px;
		text-indent:-9000px;
		background:url(../images/graphics_btn.gif) no-repeat left 3px;
		}

	.graphics_button_active {
		background:transparent url(../images/graphics_btn_active.gif) no-repeat scroll left 3px;
		display:block;
		height:23px;
		left:782px;
		position:absolute;
		text-indent:-9000px;
		top:13px;
		width:95px;
		}
		
		
#maincontent #topbar {
	height:33px;
	xcolor:#000;
	xbackground-color:#505A60;
	margin:0px 0px 10px;
	padding:0px;
	}
	
#topbar #title {
	float:left;
	width:700px;
	margin-left:0px;
	margin-top:-3px;
	font-size:30px;
}
	#title span {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
 		font-style:italic;
	}

	#title span a:link, #title span a:visited {
		color:#fff;
		text-decoration:underline;
	}
	
	#title span a:hover {
		color:#fff;
		text-decoration:none;
		
	}
	
#work img, #work object, #work embed {
		display:block;
		margin:0px auto;
		padding-bottom:10px;
		}
		
#work object, #work embed {
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

	
#maincontent #details {
width:893px;
color:#000;
xposition:relative;
xmin-height:250px;
background-color:#CBE5D2;
float:left;

}

#left {

top:0px;
left:0px;
width:178px;
xheight:250px;
padding-top:11px;

float:left;

xbackground-color:#999999;

}

#left a {
	color:#000;
	text-decoration:underline;
	}
#left a:hover {
	color:#000;
	text-decoration:none;
	}

#left #title {
		font-size:20px;
		font-weight:normal;
		xmargin-top:11px;
		margin-left:13px;
		}
	#left #status {
		font-size:12px;
		font-weight:normal;
		margin-top:25px;
		margin-left:13px;
		}
		
	#left #skills {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		font-style:italic;
		font-weight:normal;
		color:#333333;
		margin-top:0px;
		margin-bottom:10px;
		}
		
		
		#skills ul {
			margin-top:10px;
			}
		
		#skills li {
			display:block;
			line-height:0.8;
			margin-left:13px;
			padding-bottom:6px;
			text-transform:uppercase;
			}

 
#info {
xposition:absolute;
float:left;
top:-0px;
padding-top:11px;
left:180px;
width:460px;
padding-left:10px;

padding-bottom:20px;

color:#000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;

	
	line-height:1.4;
	text-align:justify;
}
	#info ul {
		margin:0px;
		}

	#info li {
		margin-left:-42px;
		display:block;
		
		font-style:italic;
		
		}
		
	#info .out {
		color:#4F3667;
		
		}
		
	#info a:visited, #info a:link {
		color:#242424;
		text-decoration:none;
		border-bottom:dotted #242424 1px;
		}
		
	#info a:hover {
		color:#242424;
		text-decoration:none;
		border-bottom:dotted #fff 0px;
		padding-bottom:1px;
		}
		
	#info .out a:visited, #info .out a:link {
		color:#4F3667;
		text-decoration:none;
		border-bottom:dotted #4f3667 1px;
		}
		
	#info .out a:hover {
		color:#4F3667;
		text-decoration:none;
		border-bottom:dotted #fff 0px;
		padding-bottom:1px;
		}
		
	
	

#suggestions {
	background-color:#eee;
	border:1px solid #fff;
	float:right;
	margin-right:10px;
	margin-top:12px;
	margin-bottom:12px;
	padding-bottom:30px;
	padding-top:14px;
	width:222px;
	}
	
#suggestions span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	margin-left:13px;
	margin-top:0px;
	color:#479ACC;
}

#useful_links span {
	margin-left:-9px;
	}
	
#suggestions #more, #suggestions #useful_links {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-weight:bold;
			font-size:13px;
			margin-left:22px;
			margin-top:0px;
			}
			
			#suggestions li {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-style:normal;
				font-weight:normal;
				font-size:12px;
				}
		
		#suggestions #more {
			color:#479ACC;
			padding-top:5px;
			
			xheight:90px;
			xoverflow:hidden;
			}
			
			#suggestions #more a:link, #suggestions #more a:visited {
						
				color:#479acc;
				text-decoration:underline;
				}
			#suggestions #more a:hover {
			
				color:#479acc;
				text-decoration:none;
				}
				
			#suggestions #more li {
				margin-left:0px;
				display:block;
				}

		
		#suggestions #useful_links {
			color:#9D6BCE;
			padding-top:10px;
			}
			
			#useful_links ul {
				margin-top:10px;
				margin-left:0px;
				margin-bottom:0px;
				margin-right:0px;
				padding:0px;
			}
			
			#useful_links li{
				display:inline;
				}
				
			#useful_links a:link, #useful_links a:visited {
				color:#9D6BCE;
				text-decoration:underline;
				
				
				}
				
			#useful_links a:hover {
				color:#9D6BCE;
				text-decoration:none;
				}
		
/*maincontent styles below**************************************************/			

#maincontent {
	float:left;
	margin-top:-12px;
		
	width:893px;
	}
	
	
	#blahblah {
		
		padding-bottom:20px;
		
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:30px;
		font-weight:bold;
		font-style:italic;
		
		color:#000;
		
		
		}
		
		#blahblah #title {
		
		background-color:#000000;
		height:46px;
		
		width:551px;
		
		padding-top:8px;
		padding-left:10px;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:normal;
		font-style:normal;
		
		color:#75CE81;
		
			}
		
		#blahblah #smalltalk {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#fff;
			font-weight:normal;
			font-style:normal;
			
			padding-left:10px;
			padding-top:0px;
			padding-bottom:20px;
			padding-right:0px;
			
			text-align:justify;
			
			
			width:550px;
			float:left;
			
			
			}
			
			#smalltalk a {
				color:#C3F2C9;
				text-decoration:underline;
				}
			#smalltalk a:hover {
				color:#fff;
				text-decoration:none;
				}
			
		#blahblah #checkSO {
			width:310px;
				
			float:right;
			
			height:313px;
			xbackground-color:#fff;
			margin-bottom:10px;
			margin-top:-48px;
				
			padding:0px;
			}
	
		#blahblah #skills {
			
			float:right;
			
			width:290px;
			height:200px;
			margin-top:-41px;
			margin-right:19px;
			
			font-size:18px;
			font-style:normal;
			font-weight:bold;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FF9966;
						
			}
			
	


			
	#blahblah #skills li {
					color:#392317;
					display:block;
					font-family:Arial,Helvetica,sans-serif;
					font-size:20px;
					font-weight:normal;
					font-style:normal;
					height:25px;
					padding-left:10px;
					padding-top:8px;
					text-decoration:none;
					text-transform:none;
					
					background-color:#FFCAB3;
									
					}
					
	#blahblah #skills ul {
				margin:5px 5px 0px -14px;
				padding:0px;
								
				}
				
	#all_work, #all_work_home {
		margin:0px;
		padding: 0px 0px 20px;
		
		float:left;
		
		width:893px;
			
		}
		
		#all_work li {
		
			display:block;
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			font-style:normal;
			font-weight:normal;
			
			color:#000000;
			xbackground-color:#CCCCCC;
			
			
			
			}
			
		
		#all_work_home li {
		
			display:block;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-style:normal;
			font-weight:normal;
			
			color:#000000;
			xbackground-color:#CCCCCC;
			
			
			
			}
			
		#all_work p, #all_work_home p {
			height:25px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-weight:bold;
			font-size:24px;
			margin-bottom:-3px;
			margin-left:5px;
			margin-top:0px;
			padding-top:10px;
			}
			
		#all_work li a {
			display:block;
			
			height:33px;
			
			padding-left:10px;
			padding-top:8px;
			}
			
		#all_work li a:hover {
			xfont-size:22px;
			text-decoration:none;
			display:block;
			
			}
			
		#all_work_home li a {
			display:block;
			
			height:23px;
			
			padding-left:10px;
			padding-top:8px;
			}
			
		#all_work_home li a:hover {
			font-size:14px;
			text-decoration:none;
			display:block;
			
			}
			
		#all_work .web_tit, #all_work .web_tit a, #all_work_home .web_tit, #all_work_home .web_tit a { color:#FFccFF; text-decoration:none;}
		#all_work .web_tit a:hover, #all_work_home .web_tit a:hover { color:#876C87; text-decoration:none;}
		
		
		#all_work .web_tit span, #all_work_home .web_tit span { 
			width:200px; 
			xfont-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:14px; 
			color:#FFccFF;
			xfont-style:normal;
			xfont-weight:normal;
			
			margin-top:-20px;
			margin-left:250px;
			
			}
		#all_work .web_tit a span, #all_work_home .web_tit a span { display:none;}
		#all_work .web_tit a:hover span, #all_work_home .web_tit a:hover span { display:block;}
		

		#all_work .animation_tit, #all_work .animation_tit a, #all_work_home .animation_tit, #all_work_home .animation_tit a {color:#CAFFD9; text-decoration:none;}
		#all_work .animation_tit a:hover, #all_work_home .animation_tit a:hover {color:#6b8773; text-decoration:none;}
		
		#all_work .animation_tit span, #all_work_home .animation_tit span { 
			width:200px; 
			xfont-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:14px; 
			color:#CAFFD9;
			xfont-style:normal;
			xfont-weight:normal;
			
			margin-top:-20px;
			margin-left:240px;
			
			}
		#all_work .animation_tit a span, #all_work_home .animation_tit a span { display:none;}
		#all_work .animation_tit a:hover span, #all_work_home .animation_tit a:hover span { display:block;}
	
		#all_work .graphics_tit, #all_work .graphics_tit a, #all_work_home .graphics_tit, #all_work_home .graphics_tit a {color:#FFFEC3; text-decoration:none;}
		#all_work .graphics_tit a:hover, #all_work_home .graphics_tit a:hover {color:#878667; text-decoration:none;}
		
		#all_work .graphics_tit span, #all_work_home .graphics_tit span { 
			width:200px; 
			xfont-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:14px; 
			color:#FFFEC3;
			xfont-style:normal;
			xfont-weight:normal;
			
			margin-top:-20px;
			margin-left:300px;
			
			}
		#all_work .graphics_tit a span, #all_work_home .graphics_tit a span { display:none;}
		#all_work .graphics_tit a:hover span, #all_work_home .graphics_tit a:hover span { display:block;}
		
		
		#all_work .web_list li a:link, #all_work .web_list li a:visited, #all_work_home .web_list li a:link, #all_work_home .web_list li a:visited {
			color:#000000;
			background-color:#876C87;
			}

		#all_work .web_list li a:hover, #all_work_home .web_list li a:hover{
			color:#000000;
			background-color:#ffccff;
			}

		#all_work .animation_list li a:link, #all_work .animation_list li a:visited, #all_work_home .animation_list li a:link, #all_work_home .animation_list li a:visited {
			color:#000000;
			background-color:#6B8773;
			}

		#all_work .animation_list li a:hover, #all_work_home .animation_list li a:hover{
			color:#000000;
			background-color:#CAFFD9;
			}

		#all_work .graphics_list li a:link, #all_work .graphics_list li a:visited, #all_work_home .graphics_list li a:link, #all_work_home .graphics_list li a:visited {
			color:#000000;
			background-color:#878667;
			}

		#all_work .graphics_list li a:hover, #all_work_home .graphics_list li a:hover{
			color:#000000;
			background-color:#FFFEC3;
		}
		
		
		
		#all_work .also_tit {color:#479acc; text-decoration:none;}	
		
		#all_work .also_tit a {color:#479acc; text-decoration:none;}
		#all_work .also_tit a:hover {color:#2B5C7A; text-decoration:none;}		
		
		#all_work .also_list li a:link, #all_work .also_list li a:visited {
			color:#000;
			background-color:#2B5C7A;
			}

		#all_work .also_list li a:hover{
			color:#000;
			background-color:#479ACC;
		}
		
		
		
		#all_work .also_tit span { 
			width:200px; 
			xfont-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:14px; 
			color:#479acc;
			xfont-style:normal;
			xfont-weight:normal;
			
			margin-top:-20px;
			margin-left:106px;
			
			}
		#all_work .also_tit a span { display:none;}
		#all_work .also_tit a:hover span { display:block;}
			
	
/*footer styles below**************************************************/	
#footer {
	float:left;
		
	background-color:#242424;
	width:893px;
	
	padding:10px 10px 30px 10px;
	
	line-height:1.3;
	}
	
	#footer small { 
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:normal;
		
		color:#666666;
		
		}
	
	#footer a {
		color:#fff;
		text-decoration:none;
		border-bottom:3px #666666 solid;
		padding-bottom:1px;
		}
	#footer a:hover {
		color:#666666;
		text-decoration:none;
		border-bottom:3px #666666 none;
		}