/* All associated graphics copyright 2005, Jefrey G Designs */
/* Added: September 14th, 2005 */

/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	background:#660000 url(images/miami_main_bg.jpg) repeat-y top left;
	font-family:verdana, arial, sans-serif;
}
ul, ol {list-style:none;}
/*
-----------------------------------------------------------------------------------------
Layout Structure
-------------------------------------------------------------------------------------- */
#container {
width:760px;
}
#intro, #supportingText {
	float:left;
	width:570px;
}
#linkList {
	padding:190px 0 0 0;
	margin:0 0 0 570px;
	font-size:11px;
}
* html #linkList {position:absolute;left:0;top:0;} /* For Internet Explorer */
/*
-----------------------------------------------------------------------------------------
=intro
-------------------------------------------------------------------------------------- */
#pageHeader h1 {
	width:570px;
	height:190px;
	background:url(images/miami_title.gif) no-repeat top left;
	text-indent:-5000px;
}
#pageHeader h2 {display:none;}
#quickSummary p {font-size:11px;margin:0;padding:0;}
#quickSummary p.p1 {
	float:left;
	width:380px;
	height:178px;
	background:url(images/miami_summary.gif) no-repeat top left;
	text-indent:-5000px;
}
#quickSummary p.p2 {
	float:left;
	width:190px;
	padding:102px 0 50px 9px;
	height:76px;
	background:url(images/miami_download.gif) no-repeat top left;
	color:#CCCCCC;
	/* start box model to fix main nav in IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:181px;
	padding:102px 0 0 9px;
	height:76px;
	/* end box model to fix main nav in IE 5.5 */
}
#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited, #quickSummary p.p2 a:active {color:#FFFFFF;}
#quickSummary p.p2 a:hover {color:#FF6600;}
#preamble {
	clear:both;
	width:570px;
	padding:0 0 20px 0;
	background:#660000 url(images/miami_beach_bg.gif) repeat-x top left;
	font-size:11px;
}
#preamble h3 {
	width:268px;
	height:45px;
	background:url(images/miami_the_beach_title.gif) no-repeat top left;
	text-indent:-5000px;
}
#preamble p {
	margin:12px;
	color:#CCCCCC;
}
/*
-----------------------------------------------------------------------------------------
=supportingText
-------------------------------------------------------------------------------------- */
#supportingText div {
	padding: 19px 0;
	background:#999999 url(images/miami_music_bg.gif) repeat-x top left;
}
#supportingText h3 {
	float:left;
	width:190px;
	text-indent:-5000px;
}
#supportingText #explanation h3 {
	height:40px;
	background:url(images/miami_music.gif) no-repeat top left;
}
#supportingText #participation h3 {
	height:40px;
	background:url(images/miami_movie_dvd.gif) no-repeat top left;
}
#supportingText #benefits h3 {
	height:40px;
	background:url(images/miami_books_mags.gif) no-repeat top left;
}
#supportingText #requirements h3 {
	height:40px;
	background:url(images/miami_other_stuff.gif) no-repeat top left;
}
#supportingText p {
	margin:0 0 0 190px;
	padding:0 10px 22px 0;
	font-size:11px;
	line-height:16.5px;
	color:#333333;
}
#supportingText p a {padding:2px;text-decoration:none;}
#supportingText p a:link {color:#660000;}
#supportingText p a:visited {color:#990000;}
#supportingText p a:active {color:#000000;}
#supportingText p a:hover {background:#660000;color:#CCCCCC;}
#supportingText div#footer {
	clear:both;
	padding:6px 0;
	background:#555;
	text-align:center;
	font-size:10px;
}
#supportingText div#footer a {
	margin:5px 15px;
	padding:5px;
}
#supportingText div#footer a:link, #supportingText div#footer a:visited, #supportingText div#footer a:active {color:#999;text-decoration:none;}
#supportingText div#footer a:hover {background:#777;color:#bbb;}
/*
-----------------------------------------------------------------------------------------
=linkList
-------------------------------------------------------------------------------------- */
#linkList2 {
	width:180px;
	padding:0 0 250px 10px;
	background:url(images/miami_linklist_bg.gif) no-repeat top left;
}
#linkList2 h3 {
	width:180px;
	height:22px;
	text-indent:-5000px;
}
#lselect h3 {background:url(images/miami_g_pictures.gif) no-repeat top left;}
#larchives h3 {background:url(images/miami_g_pictures.gif) no-repeat top left;}
#lresources h3 {background:url(images/miami_g_pictures.gif) no-repeat top left;}
#linkList2 ul {
	margin:10px 0 20px 0;
	color:#FF6600;
}
#linkList2 ul li {margin:10px 0 0 0;padding: 1px 0 0 12px;}
#lselect ul li {background:url(images/miami_lselect_bullet.gif) no-repeat top left;}
#lselect ul li a:link, #lselect ul li a:visited, #lselect ul li a:active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#lselect ul li a:hover {color:#666666;}
#lselect ul li a.c:link, #lselect ul li a.c:visited, #lselect ul li a.c:active, #larchives ul li a:link, #larchives ul li a:visited, #larchives ul li a:active, #lresources ul li a:link, #lresources ul li a:visited, #lresources ul li a:active {
	color:#FF6600;
	font-weight:normal;
}
#lselect ul li a.c:hover, #larchives ul li a:hover, #lresources ul li a:hover {
	color:#666666;
	/*color:#7FA2B0;*/
	font-weight:normal;
}

/*
-----------------------------------------------------------------------------------------
=Extra Divs
-------------------------------------------------------------------------------------- */
#extraDiv1 {
	position:fixed;
	left:0;
	top:0;
	width:770px;
	height:184px;
	background:url(images/r3_zc_clouds.png) no-repeat top left;
}
* html #extraDiv1 {display:none;} /* Hide from Internet Explorer */
  
