/*
+-------------------------------------------------------------------------+
Title:		DeStefino Souothside
Author:		gjh @ nmm! for blue tomato design
Version:	1.1
Copyright:	2008 - gjasonhead
Updated:	6/191/2008
+-------------------------------------------------------------------------+
*/

/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}
	
/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0; speak: spell-out;}
.clear {clear: both;}
.hide, hr {display: none;}

/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	color: #1c0707;
	margin: 0; padding: 0;	
	text-align: center;}
	
#destefino {
	width: 757px;
	height: 800px;
	margin: 0 auto;
	background:#ffffff;
	text-align: left;
	position: relative;
	overflow: hidden;}
	
/* header styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#header {
	height: 21px;
	width: 757px;
	background: #ffffff;
	position: relative;
	border-bottom: 2px solid #1c0707;
	margin: 100px 0 365px;}
	
	#header h1 {
		height: 21px;
		width: 177px;
		background: url(../images/logo.gif) top left no-repeat;
		text-indent: -5000px;}
	
	#header h2 {
		height: 12px;
		width: 53px;
		background: url(../images/shadyside.gif) top left no-repeat;
		text-indent: -5000px;
		position: absolute;
		right: 0;
		top: 9px;}

/* nav styles ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
		
#nav {
	height: 9px;
	width: 610px;
	position: absolute;
	top: 445px;
	right: 0;}
	
	#nav li {float: left;}
	
	#nav a {
		display: block;
		height: 9px;
		background-image: url(../images/nav.gif);
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		text-indent: -5000px;}
		
		#home a {
			width: 28px;
			background-position: -0 -14px;
			right: 582px;}
			#home a:hover,
			#home a.on {background-position: 0 0px;}
			
		#abo a {
			width: 46px;
			background-position: -65px -14px;
			right: 499px;}
			#abo a:hover,
			#abo a.on {background-position: -65px 0px;}
		
		#hai a {
			width: 69px;
			background-position: -146px -14px;
			right: 395px;}
			#hai a:hover,
			#hai a.on {background-position: -146px 0px;}
		
		#spa a {
			width: 66px;
			background-position: -245px -14px;
			right: 299px;}
			#spa a:hover,
			#spa a.on {background-position: -245px 0px;}
		
		#pro a {
			width: 50px;
			background-position: -345px -14px;
			right: 215px;}
			#pro a:hover,
			#pro a.on {background-position: -345px 0px;}
		
		#faq a {
			width: 27px;
			background-position: -426px -14px;
			right: 157px;}
			#faq a:hover,
			#faq a.on {background-position: -426px 0px;}
		
		#fin a {
			width: 36px;
			background-position: -482px -14px;
			right: 92px;}
			#fin a:hover,
			#fin a.on {background-position: -482px 0px;}
		
		#con a {
			width: 61px;
			background-position: -549px -14px;
			right: 0px;}
			#con a:hover,
			#con a.on {background-position: -549px 0px;}


/* content --------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#content {
	width: 356px;
	height: 205px;
	overflow: auto;
	position: absolute;
	top: 483px;
	right: 0;
	padding: 5px 10px 5px 0;}
	
	body.scrolloff #content {height:225px;}
	
	#content p {
		margin-bottom: 1em;}
	
	#content ul {
		margin-bottom: 1.2em;}
	
	#content h1 {
		margin-bottom: 1em;
		font-size: 11px;}
	
	#content h2 {
		margin-bottom: 1em;
		font-size: 11px;}
	
	#content a {color: #005c62; text-decoration: none;}
		#content a:hover {text-decoration: underline;}

/* masthead -------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#masthead {
	width: 756px;
	height: 300px;
	position: absolute;
	top: 131px;
	left: 0;}
	
/* credits --------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#credits {
	width: 153px;
	height: 19px;
	background: url(../images/credits.gif) top left no-repeat;
	text-indent: -5000px;
	position: absolute;}

	#index #credits {top:480px; right:0;}
	#sub #credits {top:717px; right:0;}
		
		#c-apple a {
			display: block;
			height: 11px;
			width: 95px;
			position: absolute;
			right:0;
			bottom:0;}

	

/* scrollbar */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;}
.vscrollerbase {
	width: 10px;
	background-color: white;}
.vscrollerbar {
	width: 10px;
	background-color: #666666;}
.hscrollerbase {
	height: 10px;
	background-color: white;}
.hscrollerbar {
	height: 10px;
	background-color: #666666;}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: #666666;}