html, body, div, span, h1, h2, h3, p, a, font, img, ul, li, form, label, legend, input, textarea {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	list-style: none;
	line-height: 1px;
	background: transparent;
	vertical-align: baseline;
}

html{height: 100%;}

html, body {
	background: #333;
	height: 100%;
}

	p, ul li { 
		font: 11px verdana, geneva, kalimati;
		color: #fff;
	}
	
	input, textarea {
		font: 10px verdana, geneva, kalimati;
		color: #999;
	}
	
	#image ul li, #paging ul li  {
		font: 10px arial, verdana, geneva, kalimati;
		font-weight: bold;
	}



	a:link, a:visited {text-decoration: none; color: #e6ba46;}
	a:active, a:hover {text-decoration: underline;}
	
	h1 {
		background: transparent url("../gfx/logo.png")  no-repeat;
		width: 52px;
		height: 351px;
		text-indent: -100000px;
		float: left;
	}

	h2 {
		font-size: 14px;
		font-weight: normal;
		font-family: arial, helvetica, garuda;
		color: #ffffff;
		padding: 0 0 20px 0;
	}

#wrapper { 
	background: transparent url("../gfx/wrapper-bg.png");
	position: absolute;
	top: 50%;
	margin: -290px 0 0 0;
	width: 100%;
	height: 560px;
}

#content { 
	width: 769px;
	height: 485px;
	margin: 38px auto;
}  

	#image {
		width: 528px;
		height: 351px;
		float: left;
		position: relative;
	}
	
		#image ul {
			float: right;
			position: absolute;
			bottom: 24px;
			right: -24px;
		}

			#image ul li a {
				float: left;
				clear: left;
				background: transparent url("../gfx/paging.png") no-repeat;
				text-decoration: none; 
				color: #ffffff;
				width: 11px;
				height: 4px;
				padding: 7px 0 5px 5px;
				margin: 4px 0 0 0;
			}

			#image ul li a:hover, #image ul li.current a {background-position: 0px -16px;}				
				
	#nav {
		float: right;
		height: 485px; 
		background: transparent url("../gfx/subcontent-bg.png") 11px bottom no-repeat;
	}	
	
		#portfolio-page #nav  {height: 351px;}

			#nav ul {
				float: left;
				width: 150px;
				height: 351px;
				background: transparent url('../gfx/navbar.png') no-repeat;
			}

				#nav ul li a {
					height: 105px;
					margin: 200px 0 0 0;
					display: block;
					text-decoration: none;
					background: transparent url('../gfx/navbar.png') no-repeat;
					float: left;
					text-indent: -1000000px;
				}

					#nav ul li#portfolio a {width: 33px;}
					#nav ul li#webdesign a {width: 31px;}
					#nav ul li#info a {width: 30px;}
					#nav ul li#contact a {width: 34px;}

						#nav ul li#portfolio a:link, #nav ul li#portfolio a:visited {background-position: 0px -200px;}
						#nav ul li#portfolio a:hover, #nav ul li#portfolio a:focus {background-position: -150px -200px;}
						#nav ul li#webdesign a:link, #nav ul li#webdesign a:visited {background-position: -33px -200px;}
						#nav ul li#webdesign a:hover, #nav ul li#webdesign a:focus {background-position: -183px -200px;}
						#nav ul li#info a:link, #nav ul li#info a:visited {background-position: -64px -200px;}
						#nav ul li#info a:hover, #nav ul li#info a:focus {background-position: -214px -200px;}
						#nav ul li#contact a:link, #nav ul li#contact a:visited {background-position: -94px -200px;}
						#nav ul li#contact a:hover, #nav ul li#contact a:focus {background-position: -244px -200px;}

							#portfolio-page #nav ul li#portfolio a {background-position: -150px -200px;}
							#webdesign-page #nav ul li#webdesign a {background-position: -183px -200px;}
							#info-page #nav ul li#info a {background-position: -214px -200px;}
							#contact-page #nav ul li#contact a {background-position: -244px -200px;}

	#thumbs {
		width: 737px;
		clear: both;
		float: left;
	}
	
		#thumbs ul {
			margin: 8px 0 0 0;
			_margin: 4px 0 0 0; /*Ie6*/
		}
	
			#thumbs ul li a{
				display: inline;
				line-height: 0;
				float: left;
				margin: 0 8px 8px 0;
				background: #333;
			}
			
				#thumbs ul li a:hover, #thumbs ul li a:focus, #thumbs ul li.current a {background: #e6ba46;}
		
			#thumbs ul li img {
				float: left;
				_behavior: url(/styles/iepngfix/iepngfix.htc);
			}
	
	#subcontent {
		width: 540px;
		height: 250px;
		clear: both;
		float: left;
		position: absolute;
		top: 273px;
		padding: 8px 0 0 0;
		overflow: hidden;
	}
	
		#subcontent p { 
			margin: 0 0 8px 0; 
			text-align: justify;
		}

form p label {
	display: block; 
	padding: 8px 0 10px 0;
}

	form p label#message {display: none;}

form p input { 
	display: block;
	width: 220px; 
	height: 17px; 
	padding: 3px 10px 0 10px; 
	float: left;
	clear: both;
	margin: 0 10px 6px 0;
	background: transparent url("../gfx/input.png") no-repeat;
}
	
	form p input#submit { 
		width: 65px;
		height: 20px;
		cursor: hand;
		cursor: pointer;
		padding: 0 0 4px 0;
		background: transparent url("../gfx/submit.png") no-repeat;
		text-indent: -100000px;
	}
	
		form p input#submit:hover {background-position: 0px -20px;}
		
		form p input#submit:active { 
			-ms-background-position-x: 1px; /*Ie8*/
			-ms-background-position-y: -64px; /*Ie8*/
		}
		
	form p span {
		padding: 8px 30px 8px 8px;
		float: right;
	}
	
		form p img {float: right;}

form p textarea { 
	display: block;
	width: 490px; 
	height: 97px; 
	padding: 3px 10px 0 10px;
	clear: both;
	background: transparent url("../gfx/textarea.png") no-repeat;
	overflow-y: auto;
	resize: none;
}

	#paging { 
		float: right; 
		clear: right;
		position: relative;
	}

		#paging ul {
			position: absolute;
			bottom: -123px;
			margin: 0 0 0 -32px;
		}
	
			#paging ul li a {
				float: left; 
				clear: left; 
				background: transparent url("../gfx/paging.png") no-repeat;
				text-decoration: none; 
				color: #ffffff;		
				width: 11px;
				height: 4px;
				padding: 7px 0 5px 5px;
				margin: 4px 0 0 0;
			}

				#paging ul li a:hover, #paging ul li.current a {background-position: 0px -16px;}
										
#footer {margin: -25px 0 0 0;}

	#portfolio-page #footer {_margin: -33px 0 0 0;} /*Ie6*/

		#footer p {
			text-align: center;
			color: #666;
			font-size: 10px;
		}
		
			#footer p  a{color: #999;}

#qTip {
	 padding: 5px;
	 border: 1px solid #999;
	 background: #e5ecf9;
	 color: #000;
	 font: bold 9px verdana, geneva, kalimati;
	 position: absolute;
	 z-index: 1000;
	 display: none;
}