@charset "utf-8";
/* CSS Document */

HTML , BODY {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px; 
	height: 100%;
	 background-color: #ede4d9;
 background-image: url(http://johngallino.com/media/background.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-attachment: fixed;
}


#wrap {max-width:1284px; margin-left:auto; margin-right:auto; background: url(media/starback.jpg) top center no-repeat;}
#wport {max-width:1284px; margin-left:auto; margin-right:auto; background: url(media/starback.jpg) top center no-repeat; min-height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-top:0px; padding-bottom: 38px; clear:both;}  /* must be same height as the footer */


A {
	text-decoration: none;
	color: #666666;
 }
 A:hover {
	text-decoration: none;
	color: #9999FF;
 }s


#header {
	float: right;
		
}
.logo {
	width:200px;
	height:60px;
	background-image:url(media/headercompact.png);
	float:left;
	margin-left: 5px;
}
#headerX {
	float:right;
	height: 15;
	max-width: 1000px;
	text-align: right;
	position: relative;
	top:35px;
	right:10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
}
#topbar {
	position:relative;
	color: black;
	clear:both;
	top:0px;
	left:0px;
	padding-bottom:5px;
	width: 100%;
}

.footerleft {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	padding-left: 5px;
	padding-bottom:5px;
	text-align: left;
	vert-align: top;
	width: 59%;
	float: left;
	
}

.footerright {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	vert-align: top;
	width: 40%;
	float: left;
	
}


#footer {position: relative;
	margin-top: -38px; /* negative value of footer height */
	margin-left:auto;
	margin-right:auto;
	height: 30px;
	clear:both;
	background-color: #FFF; 
	max-width: 1284px;} 
	
	
	/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.heading {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #CC9;
	line-height: 0.4;
}

#contact {
	width: 682px;
	position:relative;
	background: url(media/shadow_contact.png) no-repeat bottom right !important;
  	background: url(media/shadow_contact.gif) no-repeat bottom right ;
	padding-right:11px;
	padding-bottom:10px;
	
}

#about {
	width: 635px;
	height: 480px;
	text-align: justify;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 8pt;
	position:relative;
	background: url(media/shadow_about.png) no-repeat bottom right !important;
  	background: url(media/shadow_about.gif) no-repeat bottom right;
	padding-right:11px;
	padding-bottom:10px;
	
}

	#about2left {
    float: left;
	position:relative;
	width: 260px;
	height: 480px;
	overflow: hidden;
	background-color:#272727;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	}
	
	#about2right {
	position:relative;
	float: left;
	padding: 0px;
	width: 375px;
	height: 480px;
	overflow: auto;
	background-color:#272727;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8pt;
	color: #CCC;
	}
	
	#aboutnew {
	width: 200px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10pt;
	font-weight:bold;
	color:#000;
	position:relative;
	}
	
	#aboutbottom{
		width: 500px;
		text-align: center;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10pt;
	font-weight:bold;
	color:#999;
	position:relative;
	}
.bigtitle {
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(132, 119, 111); 
	font-weight: bold; 
	font-size: 24pt;
}

.smalltitle {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: rgb(132, 119, 111); 
	font-weight: bold; 
	font-size: 10pt;
}

.question {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 9pt;
	color:#369
}
.answer {
  font-size: 7pt;
  color: black;
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 10px;
}

.hint {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #03F;
}

#flash

 {
	margin:0px;
	padding:0px;
	width: 100%;
	max-width:1280px;
	}

#flashcontent {
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}