body {
	margin:0 auto;
	background:#fff url(images/home_bg.gif) repeat-x;
	color: #4c4b4c;
	text-align:center;
	padding:0;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	 }
/* basic elements*/  

img{
	border:none;
}
td {
	vertical-align:top;
	}
a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #f37521;
}

a:hover {	color: #a7bcb9;}

a.blue {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.blue:hover {	color: #FF6600;}
h2 a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}
h3 a { background:url(images/arrow_orange.gif) no-repeat 0 2px; padding-left:16px;}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 6e8279;
	vertical-align: top;
	text-align: left;
}
	
 p, h1, h2, h3, {
	line-height: 1.3em;
	margin: 0.7em 5%;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin:0.7em 5%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #a7bcb9;
	font-weight:normal;
	margin:0.7em 5%;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin:0.7em 5%;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight:normal;
	margin:0.7em 5%;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;

}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	margin: 1px;

}

/*------------------------------------------------------------structure*/
#wrapper{
 	position:relative;
 	width:726px;
	padding:0;
	margin: 0 auto;
	text-align:center;	
		 }
#title{
	padding:0;
	margin:0;	
	width:726px;
	text-align:left;
	height:206px;
	overflow: hidden;
 }
#title_r{
	background:url(images/head_home.jpg) no-repeat;
	width:560px;
	height:206px;
	text-align:left;
	float:left;
 }
#title_print{
	background:url(images/head_deaf.jpg) no-repeat;
	width:560px;
	height:206px;
	text-align:left;
	float:left;
 }
#title_web{
	background:url(images/head_beach.jpg) no-repeat;
	width:560px;
	height:206px;
	text-align:left;
	float:left;
 }
#title_ill{
	background:url(images/head_studebaker.jpg) no-repeat;
	width:560px;
	height:206px;
	text-align:left;
	float:left;
 }
#title_contact{
	background:url(images/head_contact.jpg) no-repeat;
	width:560px;
	height:206px;
	text-align:left;
	float:left;
 }

#content{
	background:#fff;
	padding:0;
	margin:0;	
	width:726px;
	text-align:left;
	overflow: hidden; 

	 }
#column_l{
	background:#fff ;
	padding:0;
	margin:0;	
	width:166px;
	float:left;
	text-align:left;
	overflow: hidden; 
	 }

#column_r{
	background:#fff ;
	padding:0;
	margin:0;	
	width:550px;
	float:left;
	text-align:left;
	overflow: hidden; 
	 }
#column_r_nofloat{
	background:#fff ;
	padding:0;
	margin:0;	
	width:550px;
	float:left;
	text-align:left;
	overflow: hidden; 
	 }
#column_r img{
	float:left;
	margin:0.5em 5%;
	border:1px solid #333333;
	}
#column_r_nofloat img{
	border:1px solid #333333;
	}


/*------------------------------------------------------------navigation*/
#nav-menu{
	background: url(images/nav_bg.gif) no-repeat ;	
	padding:0;
	margin:0;	
	width:166px;
	height:206px;
	overflow: hidden; 
	float:left;
	}
#nav-menu ul{
	list-style: none;
	padding: 0;
	margin:90px 0 0 40px;
}

#nav-menu li{	display: block; margin: 2px 20px 2px 0; width: 104px; TEXT-INDENT: -10000px; height: 16px;}
#nav-menu li a#about{	display: block; width: 104px; height: 16px; background: url(images/about.gif) no-repeat;}
#nav-menu li a#print{	display: block; width: 104px; height: 16px; background: url(images/print.gif) no-repeat;}
#nav-menu li a#illo{	display: block; width: 104px; height: 16px; background: url(images/illustration.gif) no-repeat;}
#nav-menu li a#web{	display: block; width: 104px; height: 16px; background: url(images/web.gif) no-repeat;}

#nav-menu li a#about:hover {	background-position: -104px 0px}
#nav-menu li a#print:hover {	background-position: -104px 0px}
#nav-menu li a#illo:hover {	background-position: -104px 0px}
#nav-menu li a#web:hover {	background-position: -104px 0px}


/*--------------------------------------------------------------side nav*/
ul.sidenav {
	list-style-type:none;
	}
ul.sidenav li a{
	background:url(images/arrow_orange.gif) no-repeat 0 2px;
	padding:0 0 0 16px;
	}

/*--------------------------------------------------------------ticket boxes*/
.box-container{
	overflow:auto;
	height: 300px;
	margin:0;
	padding:0;	
	}
.box{
	float:right;
	WIDTH: 450px; 
	height: 300px; 
	POSITION: relative;	
	padding:0;
	margin:0px 20px 5px 0;
	text-align:right;
	overflow:auto;
	}
.box img{
	float:right;
	margin:0;
	padding:0;
	}
.box form{
	margin:0;
	padding:0;
	}
.box h4{
	color:#330033;
	padding:2px 10px 0 0;
	margin:1px 2px 1px 0 ;
	font-size: 11px;
	font-weight: bold;
	border:1px solid #648097;
	background-color:#59acb6;
	}
.box h5{
	color:#6b1f6b;
	padding:2px 10px 0 0;
	margin:1px 2px 1px 0 ;
	font-size: 12px;
	font-weight: bold;
	}

.box ul{
	list-style:none;
	line-height: 1.3;
	padding:0;
	margin: 0.2em 1% 0.2em 5%;
	}
.box li{
	list-style:none;
	background: url(images/red_bullet.gif) no-repeat left 3px;
	padding:0 0 2px  12px;	
	margin:0; 
	}
.box li a{
	color:#336699;	 
	}
.box li a:hover{
	color:#3399CC;	 
	}
/*------------------------------------------------------------presentation*/




#content_r p{
	height:200px;
	overflow:auto;
	}

.red{
	color:#FF0000;
	font-size:14px;
	}
.tagline{
	float:right;
	color:#6b1f6b;
	line-height: 1.2;
	padding:0;
	margin: 0.7em 20px;
	width:320px;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	 }
/*----------------------------------------------------------------footer*/
#footer{
	height:45px;
	padding:0;
	margin: 0;
	width:726px;
	text-align:left;
	overflow:hidden;
 }
#footer p {
	font-size: 11px;
	padding: 0;
	color: #333;
	text-align:left;
	}
#footer a{color:#004891;}
#footer a:hover {color: #006CD9; }

/*------------------------------------------------------------clear floats*/
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}

/*------------------------------------------------------------top of page link*/	
.top a {
	DISPLAY: block; MARGIN: 0px 0px 5px 380px; padding:0; WIDTH: 21px; TEXT-INDENT: -10000px; HEIGHT: 21px;
	BACKGROUND: url(images/top.gif) no-repeat;
}
.top a:hover {
	BACKGROUND-POSITION: -21px 0px
}
/*------------------------------------------------------------horizontal rule*/
	
hr {border: none 0;
	border-top: 1px dashed #648097;/*the border*/
	width: 98%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}