/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2003. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* NOTES
   -------------------------------------------------------------------------
   There are page-specific styles that are based on body id.  This has to do
   with the different color schemes on each page.  For styles/images, the 
   number (01/02/etc) in the style of filename refers to a similar color 
   scheme.  This also applies to the layer files associated with the site.
   -------------------------------------------------------------------------
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


/* basic elements
 * ------------------------------------------------------------------------- */

body {
	padding-bottom: 15px;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	background: url(../images/layout/bg_pattern.gif) top left;
	}

p, td, th, tbody	{ line-height:15px; }
	
p, ul, ol, dl, pre, blockquote	{ margin-bottom:8px; }

blockquote {
	margin-left: 10px;
	margin-bottom: 10px;
	}

h1, h2, h3 {
	margin-bottom: 2px;
	color: #fffcc4;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h4 {
	margin-bottom: 8px;
	font-size: 11px;
	}

a:link, a:visited	{ color: #fff; text-decoration: underline; }
a:hover, a:active	{ color: #fffcc4; text-decoration: underline; }


/* main structural elements
 * ------------------------------------------------------------------------- */

#wrap {	/* tiling background changes per page */
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/layout/bg_760.gif);
	}

	body#sub-01 #wrap { background-image: url(../images/layout/bg_760_01.gif) }
	body#sub-02 #wrap { background-image: url(../images/layout/bg_760_02.gif) }
	body#sub-03 #wrap { background-image: url(../images/layout/bg_760_03.gif) }
	body#sub-04 #wrap { background-image: url(../images/layout/bg_760_04.gif) }
	body#sub-05 #wrap { background-image: url(../images/layout/bg_760_05.gif) }
	body#sub-06 #wrap { background-image: url(../images/layout/bg_760_06.gif) }
	
#wrap-inner {	/* wrap-inner div background image changes based on body id */
	position: relative;
	width: 754px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	body.index  #wrap-inner { background-image: url(../images/layout/header_index.jpg)  }
	body#sub-01 #wrap-inner { background-image: url(../images/layout/header_sub_01.jpg) }
	body#sub-02 #wrap-inner { background-image: url(../images/layout/header_sub_02.jpg) }
	body#sub-03 #wrap-inner { background-image: url(../images/layout/header_sub_03_01.jpg) }
	body#sub-04 #wrap-inner { background-image: url(../images/layout/header_sub_04.jpg) }
	body#sub-05 #wrap-inner { background-image: url(../images/layout/header_sub_05.jpg) }
	body#sub-06 #wrap-inner { background-image: url(../images/layout/header_sub_06.jpg) }

/* car-flash (flash slide show on event.html)
 * ------------------------------------------------------------------------- */
 	#car-flash {
		position: absolute;
		top: 222px;
		left: 18px;
		width: 216px;
		height: 156px;
		float: left;
		}
 
/* header - navigation
 * ------------------------------------------------------------------------- */

#header h1, #header h2, #header h3 { margin:0 }

body.index #header { height: 595px; }	/* main header for homepage */
body.sub   #header { height: 410px; }	/* main header for subpages */

#nav {
	position: absolute;
	left: 46px;
	top: 570px;
	color: #fff;
	}

	#nav a:link, #nav a:visited { color:#ffffff }
	#nav a:hover, #nav a:active { color:#fffcc4 }

body.sub #nav {	/* subpage navigation position change */
	left: auto;
	right: 10px;
	top: 320px;
	margin-left: 5px;
	}

/* content
 * ------------------------------------------------------------------------- */

div.content {	/* general-use offset div for box model friendly content padding */
	position: relative;
	margin: 0 50px 10px 45px;
	padding: 5px 0;
	text-align: justify;
	}

	body.index div.content { margin-bottom:0 }
	
	body.sub   div.content { 
		float: right;
		width: 575px;
		margin-right: 40px;
		margin-left: 0;
		_display:inline;	/* IE/win double margin float bug */		
		}

#sidebar {
	width: 100px;
	height: 150px;
	margin-left: 25px;
	margin-top: -5px;
	}

body.index #content-01 { 
	padding-top: 20px;
	background: #4A5E6B url(../images/layout/content_bg_01.jpg) left top no-repeat; 
	}

	body.index #content-01 div.column-left {
		float:left;
		_display:inline;	/* IE/win double margin float bug */
		width:315px;
		margin-right:25px;
		}

	body.index #content-01 div.column-right {
		float:left;
		width:315px;
		_display:inline;	/* IE/win double margin float bug */
		}

body.index #content-02 { background: #565864 url(../images/layout/content_bg_02.jpg) left top no-repeat; }
	
	body.index #content-02 div.content {
		padding-top: 40px;
		padding-bottom: 60px;
		width: 330px;
		}

body.index #content-03 { background: #6F636B url(../images/layout/content_bg_03.jpg) left top repeat-x; }
	
	body.index #content-03 div.content {
		padding-top: 40px;
		}

	body.index #content-03 div.column-left {
		float:left;
		_display:inline;	/* IE/win double margin float bug */
		width:415px;
		margin-right:25px;
		}

	body.index #content-03 div.column-right {
		float:left;
		width:200px;
		_display:inline;	/* IE/win double margin float bug */
		}

/* ================================= */

body.index #content-04 { background: #94918C url(../images/layout/content_bg_04.jpg) left top no-repeat; }

	body.index #content-04 div.column-left {
		float:left;
		_display:inline;	/* IE/win double margin float bug */
		width:330px;
		margin-right:25px;
		padding-top: 34px;
		padding-bottom: 20px;
		height: 1%;
		}

	body.index #content-04 div.column-right {
		float:left;
		width:315px;
		_display:inline;	/* IE/win double margin float bug */
		}

/* \============================= */
#articles a img, #pictures a img, #media a img {text-decoration: none;}

/* footer - pagefooter
 * ------------------------------------------------------------------------- */

#footer {
	clear:both;
	margin: 30px auto 0 auto;
	_height: 1%;	/* fixes background bug in IE5.01/Win */
	padding-bottom: 13px;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../images/layout/footer.gif);
	}

	body#sub-01 #footer { background-image: url(../images/layout/footer_01.gif); }
	body#sub-02 #footer { background-image: url(../images/layout/footer_02.gif); }
	body#sub-03 #footer { background-image: url(../images/layout/footer_03.gif); }
	body#sub-04 #footer { background-image: url(../images/layout/footer_04.gif); }
	body#sub-05 #footer { background-image: url(../images/layout/footer_05.gif); }
	body#sub-06 #footer { background-image: url(../images/layout/footer_06.gif); }

	#footer ul, ul#foot-nav { text-align:center }
		
	#footer ul.horiz li {
		border: none;
		padding: 2px 10px;
		font-size: 11px;
		}
	#footer ul#foot-nav li{
		font-size: 12px;
		padding:0;
		border-left-width: 1px;
		border-left-style: solid;
		line-height: 13px;
		}
	#footer ul#foot-nav li.first{ border:none; }
/* lists
 * ------------------------------------------------------------------------- */

ul, dl {	/* generic lists */
	padding-left: 2px;
	}

li {
	padding-left: 9px;
	line-height: 20px;
	background: transparent url(../images/bullets/bullet.gif) 0px 9px no-repeat;
	}

	body.sub li { _position: relative;	/* fixes IE/Win bullet peekaboo bug */ }

li.charities { background: none; }

ul.horiz { 
	margin-bottom: 0;
	padding-left: 0;
	}

	ul.horiz li {
		display: inline;
		padding: 0;
		border-left-width: 1px;
		border-left-style: solid;
		line-height: 13px;
		background: none;
		font-size:12px;
		}

	ul.horiz li a { padding: 0 1px 2px 5px }

	ul.horiz li.first {
		border: none;
		padding-left: 0;
		}
		
	ul.horiz li a:link, ul.horiz li a:visited { text-decoration: underline; }
	ul.horiz li a:hover, ul.horiz li a:active { text-decoration: underline; }

dl { line-height: 18px; }

dt { 
	font-weight: bold; 
	margin-top: 7px; 
	}
	
dd { margin-left: 10px }

div#contact-info {
	float: right;
	width: 260px;
	}
	
div#contact-info dl{
	_display:inline;	/* IE/Win double margin bug */
	margin-right: 25px;
	clear:both;
	}
	
	div#contact-info dl dd { margin-left:0; }


/* subheaders
 * ------------------------------------------------------------------------- */

body.index .subheader {	/* index page main subheaders */
 	display: block;
	height: 20px;
	width: 315px;
	margin-bottom: 12px;
	background-position: left bottom;
	background-repeat: no-repeat;
	}

	body.index .subheader#concours  { height:210px; background-image: url(../images/subheaders/subhead_index_concours.gif) }

body.index .subheader-sm {	/* index page smaller subheaders */
 	display: block;
	height: 16px;
	width: 200px;
	margin-bottom: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	}

	body.index .subheader-sm#ferrari  { background-image: url(../images/subheaders/subhead_index_ferrari.gif) }
	body.index .subheader-sm#media  { background-image: url(../images/subheaders/subhead_03_sm_media.gif) }
	body.index .subheader-sm#travel-nyc  { background-image: url(../images/subheaders/subhead_index_sm_travel.gif) }
	body.index .subheader-sm#charity { background-image: url(../images/subheaders/subhead_index_sm_charity.gif) }
	body.index .subheader-sm#moreinfo { background-image: url(../images/subheaders/subhead_index_sm_moreinfo.gif) }
	body.index .subheader-sm#sponsors { background-image: url(../images/subheaders/subhead_index_sm_sponsors.gif); margin-bottom:0; }
	body.index .subheader-sm#partners { background-image: url(../images/subheaders/subhead_index_sm_partners.gif); margin-bottom:0; }

body.sub .subheader {	/* subpages main subheaders */
 	display: block;
	height: 20px;
	width: 400px;
	margin-bottom: 16px;
	background-position: left top;
	background-repeat: no-repeat;
	}

	body.sub .subheader#nyc-cp { background-image: url(../images/subheaders/subhead_01_nyc.gif) }
	body.sub .subheader-sm#travel-nyc  { background-image: url(../images/subheaders/subhead_index_sm_travel.gif) }
	body.sub .subheader#history { background-image: url(../images/subheaders/subhead_02_history.gif) }
	body.sub .subheader#press { background-image: url(../images/subheaders/subhead_03_press.gif); }
	body.sub .subheader#event { background-image: url(../images/subheaders/subhead_event.gif); }
	body.sub .subheader#tickets { background-image: url(../images/subheaders/subhead_04_tickets.gif) }
	body.sub .subheader#contact { background-image: url(../images/subheaders/subhead_05_contact.gif) }
	body.sub .subheader#application { background-image: url(../images/subheaders/subhead_06_application.gif) }
	body.sub .subheader#videos { background-image: url(../images/subheaders/subhead_sm_videos.gif); margin:20px 0 -5px 0; }
	body.sub .subheader#pix { background-image: url(../images/subheaders/subhead_sm_pictures.gif); margin:20px 0 -5px 0; }
	body.sub .subheader#magazines { background-image: url(../images/subheaders/subhead_sm_magazine.gif); margin:20px 0 -5px 0; }		
	body.sub .subheader#winners { background-image: url(../images/subheaders/subhead_sm_winners.gif); margin:40px 0 10px 0; height:40px; }
	body.sub .subheader#show { background-image: url(../images/subheaders/subhead_sm_show.gif); margin:20px 0 10px 0; height:40px; }
	body.sub .subheader#entrants { background-image: url(../images/subheaders/subhead_sm_entrants.gif); margin:20px 0 10px 0; height:40px; }
	
	
	
body.sub .subheader-sm {	/* subpages smaller subheaders */
 	display: block;
	height: 16px;
	width: 400px;
	margin: 15px 0 7px 0;
	background-position: left top;
	background-repeat: no-repeat;
	}

	body.sub .subheader-sm#centralpark { background-image: url(../images/subheaders/subhead_01_sm_centralpark.gif) }
	body.sub .subheader-sm#nyc { background-image: url(../images/subheaders/subhead_01_sm_nyc.gif) }
	body.sub .subheader-sm#hotels { background-image: url(../images/subheaders/subhead_01_sm_hotels.gif) }
	body.sub .subheader-sm#flights { background-image: url(../images/subheaders/subhead_01_sm_flights.gif) }
	body.sub .subheader-sm#travel { background-image: url(../images/subheaders/subhead_01_sm_travel.gif) }
	body.sub .subheader-sm#exec { background-image: url(../images/subheaders/subhead_03_sm_exec.gif) }
	body.sub .subheader-sm#title { background-image: url(../images/subheaders/subhead_03_sm_title.gif) }
	body.sub .subheader-sm#class { background-image: url(../images/subheaders/subhead_03_sm_class.gif) }
	body.sub .subheader-sm#award { background-image: url(../images/subheaders/subhead_03_sm_award.gif) }
	body.sub .subheader-sm#present { background-image: url(../images/subheaders/subhead_03_sm_present.gif) }
	body.sub .subheader-sm#host { background-image: url(../images/subheaders/subhead_03_sm_host.gif) }
	body.sub .subheader-sm#general { background-image: url(../images/subheaders/subhead_04_sm_general.gif) }
	body.sub .subheader-sm#general-vip { background-image: url(../images/subheaders/subhead_04_sm_general_vip.gif) }
	body.sub .subheader-sm#vip { background-image: url(../images/subheaders/subhead_04_sm_vip.gif) }
	body.sub .subheader-sm#purchase { background-image: url(../images/subheaders/subhead_04_sm_purchase.gif) }
	body.sub .subheader-sm#hours { background-image: url(../images/subheaders/subhead_04_sm_hours.gif) }
	body.sub .subheader-sm#rules { background-image: url(../images/subheaders/subhead_06_sm_rules.gif) }
	body.sub .subheader-sm#instructions { background-image: url(../images/subheaders/subhead_06_sm_instructions.gif) }
	body.sub .subheader-sm#entry-fee { background-image: url(../images/subheaders/subhead_06_sm_entry-fee.gif) }


/* misc
 * ------------------------------------------------------------------------- */

h1 span, h2 span, h3 span, #button-contact span, #button-play span, #button-view-more span  { display:none }

div.clear {
	clear:both;
	width:100%;
	
	}

#button-contact {	/* contact us button used on most pages */
	clear:both;
	padding-bottom: 20px;
	}

#button-contact a {	/* button bg changes as per content bg color */
	float:right;
	display: block;
	height: 24px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/buttons/button_contact_03.gif);
	}

	#sub-01 #button-contact a { background-image: url(../images/buttons/button_contact_01.gif); }
	#sub-02 #button-contact a { background-image: url(../images/buttons/button_contact_02.gif); }
	#sub-03 #button-contact a { background-image: url(../images/buttons/button_contact_03.gif); }
	#sub-04 #button-contact a { background-image: url(../images/buttons/button_contact_04.gif); }
	#sub-05 #button-contact a { background-image: url(../images/buttons/button_contact_05.gif); }
	#sub-06 #button-contact a { background-image: url(../images/buttons/button_contact_06.gif); }

/* ------------------------------------------------------------ */

#button-play {	/* contact us button used on most pages */
	clear:both;
	padding-bottom: 20px;
	}

#button-play a {	/* button bg changes as per content bg color */
	float:right;
	display: block;
	height: 24px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:  url(../images/buttons/button_push_play.gif);
	}
	
#button-view-more {	/* contact us button used on most pages */
	clear:both;
	padding-bottom: 20px;
	}

#button-view-more a {	/* button bg changes as per content bg color */
	float:right;
	display: block;
	height: 24px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:  url(../images/buttons/button_view_more.gif);
	}

/* ------------------------------------------------------------ */

div.separator { /* used primarily on index page to separate content sections */
	clear: both;
	width: 754px;
	height: 4px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: left top;
	}

	.sep-01 { background-image: url(../images/layout/separator_01.gif) }
	.sep-02 { background-image: url(../images/layout/separator_02.gif) }
	.sep-03 { background-image: url(../images/layout/separator_03.gif) }
	.sep-04 { background-image: url(../images/layout/seperator_03.gif) }
div.logos { margin-bottom:25px }

img.logo {
	margin-right: 20px;
	vertical-align: middle;
	}

#sidebar #logo-concours {
	width: 95px;
	height: 189px;
	background-repeat: no-repeat;
	background-position: left top;
	}

.important { 
	color: #900; 
	font-weight: bold;
	}
	
	a.important:link, a.important:visited {
		text-decoration: none;
		color: #900;
		}
		
	a.important:hover, a.important:active {
		text-decoration: underline;
		}

#paypal-entry-fee .field {
	height: 18px;
	width: 75px;
	color: #fff;
	border: 1px solid #4C4853;
	background-color: #9993A0;
	cursor:default;
	}

#paypal-entry-fee dt { 
	padding: 0 0 7px 0;
	}
	
	#paypal-entry-fee dd {
		padding-left: 10px;
		padding-bottom: 3px;
		}

#hours th	{ text-align: left }
#hours td	{ padding-left: 10px; font-size: 11px; } 


/* event page
 * ------------------------------------------------------------------------- */
 


.title { 
	color: #FFFCC4;
	font-weight:bold;
	}
.bg-dark {
	background-color:#344E67;}
	
a.event-popup {
	display:block; 
	width:118px; 
	float:left; 
	margin-right:22px;
	margin-left:-5px; 
	text-align:left;
	padding-top:10px; 
	text-decoration:none;
	outline:none;
	}
	.event-popup span {
	display:block; 
	width:110px; 
	float:left; 
	text-align:left;
	padding-left:5px;
	text-decoration: underline;
	}
	
	

/* forms
 * ------------------------------------------------------------------------- */
 
input, textarea, select {
	margin-bottom: 4px;
	padding: 1px 0;
	vertical-align: middle;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 14px;
	}

form label { position:relative; }

.field	{ width: 275px }

.button {
	margin-top: 5px;
	padding: 0 1px 0 0;
	width: 60px;
	}

#quickcontact .field 	{ width: 140px; }
#quickcontact .upload	{ width: 142px;}

#contact_business { display: none; } /* do not remove */ 


/* registration forms */
.registration, .travel {
	width: 575px;
	margin: 0 0 15px 0;
	font-size:11px;
	}
	
	.registration	{ background-color: #817C89 }
	.travel 		{ background-color: #95ABBC }

table th {
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	}
	
	.registration th { background-color:#4C4853 }
	.travel th { background-color: #324556 }

table .lbl {
	padding: 6px 0;
	font-weight: bold; 
	text-align: right;
	}

	.registration .lbl { background-color: #716C78 }
	.travel .lbl { background-color: #7B91A2 }
	
	.lbl em { 
		font-weight:normal; 
		font-size:10px; 
		}

.registration .field, .travel .field  {
	height: 18px;
	margin-left: 5px;
	margin-bottom: -1px;
	_margin-bottom: 0;	/* IE-Win only */
	line-height: 17px;
	color: #fff; 
	cursor:default;
	}

	.registration .field, .registration textarea {
		border: 1px solid #65616C;
		background-color: #9993A0;
		}

	.travel .field, .travel textarea {
		background-color: #AFC5D6; 
		border: 1px solid #667C8C; color: #324556;
		}

.registration textarea.field, .travel textarea.field {
	height: 65px;
	width: 375px;
	_width: 374px;	/* IE-Win only */
	margin: 4px 0 4px 5px;
	overflow: auto;
	line-height: 17px;
	cursor:default;
	}

	form .xsm	{ width: 40px;  }
	form .sm	{ width: 132px; _width: 133px; }
	form .med	{ width: 200px; }
	form .lg	{ width: 375px; _width: 374px; }

.registration input:focus, .registration textarea:focus	{ border: 1px solid #BFBAC6; }
.travel input:focus, .travel textarea:focus	{ border: 1px solid #CAE0F1; }

.registration .radio, .travel .radio {
	margin: 5px 7px 7px 5px;
	}

.registration .button, .travel .button {
	width: 150px;
	margin-left: 5px;
	}
	
	.registration .hilite,  #paypal-entry-fee #amount.hilite { border: 1px solid #BFBAC6; }

.travel ul, .registration ul {
	margin-bottom: 0;
	padding-left: 5px;
	line-height: 25px;
	}

	.travel .hilite { border: 1px solid #CAE0F1; }

form.paypal { margin: 2px 0 5px 5px; }

.upsize { font-size:12px;}
.standout { color:#D5EBFF;font-weight:bold;}
.standout-dark {background-color:#344E67; color:#D5EBFF; font-weight:bold;}

/* forms - upload field css - http://www.quirksmode.org/dom/inputfile.html
 * ------------------------------------------------------------------------- */
 
 /* DO NOT CHANGE THESE VALUES */
 
div.file-inputs {
	position: relative;
	margin-bottom: 5px;
	}

div.file-fake {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

	.registration .file-fake input {
		height: 18px;
		width: 315px;
		margin-left: 5px;
		line-height: 17px;
		border: 1px solid #65616C;
		background-color: #9993A0;
		color: #fff; 
		cursor:default;
		}

input.file {
	position: relative;
	width: 380px;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	}
	
	 /* -----------------------------------test css-------------------------------------- */