@charset "UTF-8";
/* 
	CSS Document for Utama Putranto
	Copyright (c) 2008 Neuro-Designs
	All rights reserved
*/

@import url("lightwindow.css");

.hidden {
	display : none;
}

a:link, a:visited {
	color: #fff;
	text-decoration: none;
	}
	
	a:hover {
		color: #ccc;
		}

/* Splash Settings */

	html {
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #000 url("../images/bg_main.png") repeat-x top;
		font: 10px/20px Helvetica, Arial, sans-serif;
		color: #fff;
		font-size: 100%;
		}
		
	body {
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #000 url("../images/bg_main.png") repeat-x top;
		font: 10px/20px Helvetica, Arial, sans-serif;
		color: #fff;
		font-size: 62.5%;
		}
		
	body.pgPlacementAbout {
		background: #333;
		width: 400px;
		height: 300px;
		}

	body.pgPlacementContact {
		background: #333;
		width: 250px;
		height: 300px;
		}

	#outer {
		height: 100%; 
		overflow: visible;
		width: 100%;
		min-width: 900px;
		} /* or without overflow */

	#outer[id] {
		display: table; 
		position: static;
		}

	#middle {
		position: absolute; 
		top: 50%;
		padding: 20px;
		} /* for explorer only*/
		
	#middle[id] {
		display: table-cell;
		vertical-align: middle;
		position: static;
		}

	#inner {
		position: relative; 
		top: -50%;
		border: 0px solid #eaeaea;
		text-align: center;
		} /* for explorer only */
		
	/* optional: #inner[id] {position: static;} */
	
	#mainBar {
		width: 900px;
		overflow: hidden;
		margin: 0px auto;
		}
		
	#copyright {
		width: 900px;
		color: #333;
		text-align: left;
		margin: 0px auto;
		margin-top: 15px;
		font-size: 0.9em;
		line-height: 1.4em;
		}

		#copyright a:link, #copyright a:visited {
			color: #333;
			font-weight: bold;
			text-decoration: none;
			}
			
			#copyright a:hover {
				color: #666;
				}
	
	#logo {
		width: 400px;
		float: left;
		text-align: left;
		}
		
	#menu {
		width: 480px;
		float: right;
		text-align: right;
		color: #666;
		font-size: 1.3em;
		padding-top: 10px;
		}
		
		#menu ul {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			}
			
			#menu ul li {
				float: right;
				}
		
		#menu a:link, #menu a:visited {
			color: #fff;
			text-decoration: none;
			}
			
			#menu a:hover {
				color: #ccc;
				}
					
	p.copyright {
		color: #333;
		margin-top: 50px;
		font-size: 0.9em;
		line-height: 1.4em;
		}
		
		p.copyright a:link, p.copyright a:visited {
			color: #333;
			font-weight: bold;
			text-decoration: none;
			}
			
			p.copyright a:hover {
				color: #666;
				}
				
	h1 {
		margin: 0px;
		font-size: 1.6em;
		}
		
	h2 {
		margin: 0px;
		font-size: 1.4em;
		}

	h3 {
		font-size: 1.2em;
		}
		
	/* Drop Down Settings */

	.dropdown {
		float: none;
		position: fixed;
		visibility: hidden;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		width: 120px;
		z-index: 3;
		font-size: 1em;
		text-align: left;
		}
	
		.dropdown a:link, .dropdown a:visited {
			width: 100px;
			background: #333;
			display: block;
			padding: 5px 10px;
			margin-bottom: 1px;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			}

			.dropdown a:hover {
				color: #fff;
				background: #999;
				}

/* Non-Gallery Page Settings */
				
.pgPlacement {
	color: #fff;
	font-size: 1.2em;
	}

	.pgPlacement h2 {
		font-weight: normal;
		font-size: 1.8em;
		margin-bottom: 30px;
		}