body {
	margin: 0;
	padding: 0;
	background: #f4f4ec url('../media/body.jpg') top left repeat-x;
}
object { outline: none; }
h1, h2, h3 {
	font-weight: normal;
	margin: 4px 0 6px 0;
	padding: 3px;
}
h1 {
	font-family: impact, arial, sans-srif;
	font-size: 2.5em;
	color: #ffcc00;
}
h2 {
	font-family: georgia, helvetica, sans-srif;
	font-size: 1.8em;
	color: #b5f82c;
}
h3 {
	font-family: arial black, verdana, tahoma, sans-srif;
	font-size: 1.4em;
	color: #8cc63f;
}
h3 span {
	font-family: verdana, tahoma, sans-srif;
	color: #6ca71f;
}

noscript div {
	text-align: center;
	padding-top: 100px;
}

noscript a { color: #ffcc00; }

p {
	text-indent: 3em;
	color: #FFF;
	font-family: georgia, helvetica, sans-srif;
	line-height: 1.5em;
}
blockquote {
	padding: 5px;
	margin: 8px 0 8px 22px;
	border: 1px solid #444;
	font-style: italic;
	background: #212121;
}

#paint {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 600px;
}
#canvas { position: relative; }

#box { /* center our content */
	z-index: 2;
	margin: 0 auto;
	width: 820px; /* actuan width of content */
	height: 472px; /* actuan height of content */
}
		#logo {
			display: block;
			z-index: 5;
			position: absolute;
			margin: 12px 0 0 30px;
			width: 250px;
			height: 52px;
		}
		
		#menutab {
			z-index: 10;
			position: absolute;
			height: 20px;
			font-size: .9em;
			font-family: georgia, helvetica, sans-srif;
			margin: 43px 0 0 500px;
			padding: 10px 0 0 20px;
			display: none;
		}
			#menutab ul {
				margin: 0;
				padding: 0;
				list-style: none;
				z-index: 99;
				line-height: 1.0;
				z-index: 99;
			}
			#menutab ul li {
				float: left;
				position: relative;
				text-transform: uppercase;
				margin-right: 2px;
				background: #dee0d1 url(../media/menutab.jpg) bottom left repeat-x;
			}
			#menutab li a {
				display: block;
				position: relative;
				padding: .50em 1em;
				text-decoration:none;
				font-size: .7em;
				outline: 0;
			}
			#menutab li a, #menutab li a:visited { color: #333; }
			#menutab li a:hover { background: #dee0d1; }

			#menutab ul li.backLava {
				position: absolute;
				margin: -22px 0 0 0;
				border-bottom: 2px solid #bdc29e;
				background: transparent url(../media/arrow.gif) center center no-repeat;
			}
	
	#frame { /* create bounding frame with png background */
		position: absolute;
		z-index: 3;
		width: 780px; /* minus the padding on both sides from #box */
		height: 432px; /* minus the padding on both sides from #box */
		margin: 58px 0 0 0; /* leave some space on top*/
		padding: 20px; /* padding for gradient png overlay background */
	}
	html>body #frame { background: transparent url(../media/frame.png) no-repeat; }
	
		#content {
			position: relative;
			z-index: 4;
			width: 770px; /* minus the padding/argin on both sides from #frame */
			height: 422px; /* minus the padding on both sides from #frame */
			padding: 5px 0px 0px 5px;
		}

			#data {
				color: #FFF;
				font-family: Verdana, Tahoma, sans-serif;
				font-size: .8em;
				height: 422px; /* same as content */
				background: #000 url(../media/data.jpg) no-repeat;
			}
			#data a {
				text-decoration: none;
				outline: 0;
			}

				div.curtain { 
					display: none; 
					padding: 3px 0 3px 0;
				}
					#flightboard {
						float: left;
						width: 40px;
						height: 416px;
					}
						#marker {
							position: absolute;
							margin-top: 44px;
						}
						#sound {
							position: absolute;
							margin-left: 4px;
						}

					#container {
						position: relative;
						overflow: hidden;
						width:725px;
						height: 416px;
					}

						#panel {

						}
						div.panels {
							float: left;
							position: relative;
							height: 416px;
							width: 725px;
						}

							#curtain-top, #curtain-bottom {
								position: absolute;
								display: block;
								width: 630px;
								height: 20px;
								z-index: 10;
							}
							#curtain-top { margin: 35px 0 0 45px; } 
							#curtain-bottom { margin: 320px 0 0 45px; } 

							#feedback-box {
								position: absolute;
								width: 650px;
								height: 300px;
								margin: 40px 0px 0px 40px;
							}


								#feedback {
									position: relative;
									width: 650px;
									height: 300px;
									overflow: auto;
								}
								#feedback a { color: #ffcc00; }
								#feedback a:hover { color: #00c0ff; }
									
								
							#bgs-box {
								position: absolute;
								width: 160px;
								height: 50px;
								margin: 370px 0 0 560px
							}
							#homelinks {
								position: absolute;
								text-align: center;
								width: 100%;
								margin: 360px 0 0 0
							}
							#cooliris-btn { float: right; background: transparent url(../media/cooliris-under.png) top left no-repeat; }
							#wordpress-btn { background: transparent url(../media/wordpress-under.png) top left no-repeat; }

							#cooliris-btn:hover { 
								color: #EEE;
								background: transparent url(../media/cooliris.png) top left no-repeat;
							}
							#wordpress-btn:hover { 
								color: #EEE;
								background: transparent url(../media/wordpress.png) top left no-repeat;
							}
							#cooliris-btn, #wordpress-btn {
								display: block;
								width: 180px;
								height: 36px;
								font-size: 1.2em;
								line-height: 36px;
								color: #777;
								padding-left: 40px;
								text-align: left;
							}

							#projects {
								width: 725px;
								height: 416px;
								overflow: auto;
							}
								div.client {
									width: 700px;
									border: 1px solid #444;
									padding: 2px;
									margin-bottom: 4px;
									white-space: nowrap;
									cursor: default;
								}
								div.client a { color: #FFF; }
								div.client a:hover { color: #00c0ff; }
								div.client a img { 
									z-index: 9; 
									display: block;
									white-space: nowrap;
								}
								div.client-hl {
									border: 1px solid #ffcc00;
								}
									div.info {
										width: 700px;
										height: 26px;
										line-height: 26px;
										display: none;
										position: absolute;
										z-index: 10;
									}
									a.projectname {
										padding-left: 4px;
										font-weight: bold;
										font-size: 120%;
									}
									div.ilink { 
										float: right;
										padding-right: 4px;
									}
									div.ilink span {
										color: #999;
										padding: 3px;
										text-transform: uppercase;
										font-style: italic;
										cursor: default;
									}

							.iconText {
								padding: 0 0 0 24px;
								height: 20px;
								line-height: 20px;
								margin: 2px 0 6px 0;
							}
							.ym { background: transparent url(../media/ym.png) left center no-repeat; }
							.skype { background: transparent url(../media/skype.png) left center no-repeat; }
							.mobile { background: transparent url(../media/mobile.png) left center no-repeat; }
							.email { background: transparent url(../media/email.png) left center no-repeat; }
							.web { background: transparent url(../media/web.png) left center no-repeat; }
							
							img.framed {
								display: block;
								padding: 4px;
								margin: 3px;
								border: 1px solid #666;
							}
							/* form classes */
							#contactForm {
								display: block;
							}
							.tabledata { height: 416px; }
							.tabledata td { vertical-align: middle; }

							.tabledata td a { color: #ffcc00; }
							.tabledata td a:hover { color: #00c0ff; }

							.textField {
								font: 1em normal verdana, tahoma, sans-serif;
								color: #DDD;
								background: #333;
								border: 1px solid #000;
								padding: 3px;
								width: 250px;
							}
							.textField-hl { border: 1px solid #EEE; }
							.submitbtn {
								border: 1px solid #EEE;
								background: #000;
								color: #EEE;
								padding: 3px;
								cursor: pointer;
							}
							label {
								color: #999;
								display: block;
								height: 24px;
								line-height: 24px;
							}
							#formoutput {
								margin: 150px 0 0 50px;
								border: 2px solid #ffcc00;
								width: 400px;
								background: #222;
								padding: 5px;
								text-align: center;
								display: none;
								position: absolute;
							}
							#formoutput b {
								font-weight: normal;
								color: #ff962d;
							}