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

/* RESET DEFAULT STYLES */

* {margin:0px; padding:0px;} /* normalizes margin, padding */
div,table,p {position:relative;z-index:1;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol, ul {list-style:none;} /* removes bullets from lists */
table {border-collapse:collapse; border-spacing:0px;}
fieldset, img {border:none;} /* removes border */
caption, th {text-align:left;} /* default is center */
html {overflow-y:scroll;} /* forces space for scrollbar so that centered site does not shift with longer content */

/* SOME COMMON STYLES */
/* for forms */
.warning_msg {color:#FF0000;}
.confirmation_msg {color:#0000FF;}
.form_label {text-align:right;}
.form_input {text-align:left;}
.clear_floats {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.float_left {float:left;margin:10px 12px 10px 0px;border:1px solid #000000;}
.float_right {float:right;margin:10px 0px 10px 12px;border:1px solid #000000;}
.blue {color:#0000FF;}


/* SITE SEARCH FORM */
#site_search_form {

}

/* MAIN STYLES */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_body1.png);
	background-color:#666666;
	font-size:14px;;	
}

input {font-size:14px;;} 

p {padding-bottom:16px;line-height:17px;}
h2 {font-size:14px;padding-bottom:16px;}
h3 {font-size:14px;padding-bottom:16px;}
h4 {font-size:14px;padding-bottom:6px;}
hr {border:0px;height:1px;background-color:#cccccc;margin-bottom:16px;}
#main_content div ul {margin-left:36px; margin-bottom:16px;}
#main_content div ul li {line-height:17px;}


#wrapper {
	width:900px;
	margin:50px auto;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

#masthead {
 height:150px;
 z-index:5;
 border-bottom:1px solid #000000;
 background-image:url(../images/bg_masthead.jpg);
 background-position:bottom;
 background-repeat:repeat-x;	
}

#masthead #syler {
	position:absolute;
	top:-35px;
	right:10px;
	z-index:15;
	width:134px;
	height:200px;
}

#masthead p {
	position:absolute;
	top:0px;
	right:140px;
	width:270px;
	font-size:1.1em;
	padding:20px 0px 0px 0px;
}

#masthead h1 {
	font-size:2.4em;
	background-image:url(../images/logo_old.png);
	width:463px;
	height:149px;
	text-indent:-9999px;	
}

#masthead h1 {
	font-size:2.4em;
	background-image:url(../images/logo_new.png);
	width:601px;
	height:150px;
	text-indent:-9999px;	
}

#main_links {
	background-color:#202224;
	z-index:1;
	height:24px;
}

#main_links ul {
	text-align:center;
	z-index:1;
	position:relative;
	left:50px;
	top:0px;
}

#main_links ul li {
	float:left;
	padding:0px 0px;
	z-index:1;
}

#main_links ul li a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px;
	height:24px;
	line-height:24px;
	font-size:13px;
}

#main_links ul li a:hover {
	color:#000000;
	background-color:#BFA5D5;
}

/* On Page States */

#home #main_links ul .link_home a,
#about #main_links ul .link_about a,
#testimonials #main_links ul .link_testimonials a,
#gallery #main_links ul .link_gallery a,
#services #main_links ul .link_services a,
#contact #main_links ul .link_contact a {
	color:#000000;
	background-color:#FFFFFF;
}

/* don' show in main links */

#main_links ul .link_links,
#main_links ul .link_site_map,
#main_links ul .link_payments {
	display:none;
}


#content_wrapper {
	clear:left;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
}

#home #content_wrapper {background-image:none;}

#column {
	width:270px;
	float:right;
}

#column div {
	padding:20px 10px 0px 0px;
}

#column div img {
	margin-top:20px;
}

#main_content {
	min-height:500px;
	z-index:1;
	width:630px;	
}

#home #main_content {
	min-height:500px;
	z-index:1;
	width:900px;	
}

 #home #main_content div {
	padding:20px 10px 0px 430px;
	font-size:14px;
	line-height:1.6em;
	z-index:1;
	margin:0px;
}

#main_content div {
	padding:20px 40px 0px 40px;
	font-size:14px;
}

#main_content div div, #home #main_content div div {
	padding:0px;
}

#about #main_content div,
#testimonials #main_content div {
	
}

#main_content div a {
	color:#663366;
	text-decoration:underline;
}

#main_content div a:hover {
	text-decoration:none;
}

#main_content div ul li {
	padding-left:0px;
}

#conan {top:200px; left:-50px; z-index:9; position:absolute;}
#scarlet {bottom:50px; left:100px;}
#wolverine {bottom:150px; left:225px;}
#joker {bottom:75px; left:410px;}
#joline {bottom:50px; left:535px;display:none;}
#jacob {bottom:60px; left:535px;}
#girl {bottom:148px; left:660px;}
#hiro {bottom:100px; left:750px; z-index:15;}
#skyline {z-index:10;left:0px;}
#skyline {position:absolute;bottom:-1px;}

#home #main_content #wolverine_bottom {
	padding:0px;
	width:100px;
	height:100px;
	background-color:#202224;
	bottom:60px;
	left:250px;
	z-index:1;
}

#bookings #main_content div ol {
	margin:0px 0px 16px 35px;
	list-style-type:decimal;
	
}

#footer {
	clear:both;
	text-align:center;
	background-color:#BFA5D5;
}

#footer div {
	padding:12px 0px;
	line-height:1.6em;
}

#footer div div {
	padding:0px;
	font-size:11px;
}

#footer div div input {
	font-size:11px;
}

#footer div div .submit_btn {
	padding:0px 0px 1px 0px;
	font-size:11px;
}

#footer a {
	color:#000000;
	font-size:11px;
}

#footer p, #footer p a {
	padding:0px;
	font-size:11px;
}

#footer ul li {
	display:inline;
	padding:0px 3px;
}

#footer ul li a:hover {
	text-decoration:none;
}

/**** INDIVIDUAL PAGES ****/

/** HOME **/
#home #column {display:none;}

#home #main_content img,
#home #wolverine_bottom {
	position: absolute;
	z-index:5;
}

#home #main_content div ul {
	list-style-image:url(../images/pencil_small.png);
	margin-left:0px;
}

#home #main_content div ul li {
	float:none;
	width:100%;
	line-height:17px;
}

/** CONTACT **/
#contact #main_content {
	width:100%;
	background-image:url(../images/einstein.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:550px;
}
#contact #main_content div {
	padding:0px 0px 0px 0px;
}

#contact #column {display:none;}
#contact #chalkboard {
	width:375px;
	height:325px;
	position:absolute;
	top:220px;
	left:240px;
}

#contact #chalkboard h2 {font-size:24px;}
#contact #chalkboard h2, #contact #chalkboard p {text-align:center;}
#contact #chalkboard p {font-weight:bold;font-size:20px;}

#theOffice {position:relative;top:0px;left:40px;}
#daveLettermen {position:relative;top:0px;left:-20px;}
#contact #column div img {position:relative;top:75px;}

/*** CODE 404 Page ***/
#verizon_guy {position:relative;right:100px;}

/**** SERVICES *****/
#services #main_content div ul {list-style-image:none; list-style-type:disc;}
#services #main_content div ul li {
	width:49%;
	float:left;
}

/*** GALLERY ****/
#gallery #main_content div h3 a {margin-right:6px;}
#gallery #column {display:none;}
#gallery #main_content div {margin-right:0px;}
#gallery #main_content {width:900px;}

/*** SITE MAP ****/
#site_map #main_content, #links #main_content {min-height:275px;}

/**** FORM PAGE *****/
.form_label, .form_input {padding:5px 2px;}
.form_label {width:200px;}
.form_input input {width:80%;}
.form_input #human_test {width:40px;}
.form_input #state,.form_input #zip {width:100px;}

/**** 404 page ****/
#code404 #content_wrapper #column {display:none;}
#code404 #content_wrapper #main_content {width:100%;}
#code404 #content_wrapper #main_content div {padding:0px;}