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


#mygallery {
	padding:0px;
	width:703px;
}

#content_gallery {
	color:black;
	float:right;
}

p.paginate {
	width:250px;
	text-align:center;
}

#first_panel_text {
	float:left;
	vertical-align:middle;
	margin:65px 0 0;
	width:435px;
	font-size:13pt;
}

#alt_panel_text {
	margin:55px 0 0;
	line-height:20pt;
	width:400px;
	font-size:15pt;
	font-weight:bold;
}

#last_panel_text {
	line-height:21pt;
	margin:55px auto 0;
	text-align:center;
	font-size:14pt;
	font-weight:bold;
}

.panel_text {
	margin:115px 0 0;
	float:left;
	width:235px;
	font-size:17pt;
	font-weight:bold;
}

.panel_dining {
	margin:25px;
	float:left;
	font-size:14pt;
	font-weight:bold;
}

img.dining {
	margin:55px 0 0 75px;
	height:225px;
	width:auto;
}

img.dining2 {
	height:150px;
	width:auto;
}

img.dining3 {
	height:110px;
	width:auto;
	_height:75px;
}

p.dining3 {
	float:left;
	margin:0 75px 0 0;
	font-size:14pt;
	font-weight:bold;
}

ul#bullet_step {
	font-size:12pt;
	font-weight:bold;
	line-height:20px;
	margin:0 0 0 -25px;
}

.stepcarousel {
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:703px; /*Width of Carousel Viewer itself*/
	height:433px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position:absolute; /*leave this value alone*/
	left:0;
	top:0;
}

.stepcarousel .panel{
	float:left; /*leave this value alone*/
	overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width:703px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	min-height:433px;
	border-left:1px solid white;
	border-right:1px solid white;
	vertical-align:middle;
}

.stepcarousel .panelcontents {margin:25px;}




/***************** IE 6 ***************/
.ie6 p.paginate {
	position:absolute;
	margin:15px 0 45px;
}

.ie6 #mygallery {width:auto;}

.ie6 #first_panel_text {
	float:left;
	margin:55px 0 0;
	width:425px;
	font-size:14pt;
}

.ie6 #alt_panel_text {
	line-height:24pt;
	font-size:16pt;
}

.ie6 .panel_text {
	margin:55px 0 0;
	width:275px;
	font-size:18pt;
}

.ie6 img.dining {
	margin:0;
	clear:both;
	float:right;
	height:200px;
}

.ie6 img.dining3 {height:75px;}

.ie6 p.dining3 {margin:0 25px 0 0;}

.ie6 ul#bullet_step {
	margin:0;
	line-height:24px;
}

ie6 .stepcarousel {
	width:auto; /*Width of Carousel Viewer itself*/
	height:435px; /*Height should enough to fit largest content's height*/
}

.ie6 .stepcarousel .panel{
	width:705px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:435px;
}
/******************* END IE 6 *****************/





/****************** IE 7 *************************/
.ie7 ul#bullet_step {margin:0 0 0 15px;}

.ie7 #mygallery {
	padding:0px;
	width:703px;
}

.ie7 .stepcarousel {
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:703px; /*Width of Carousel Viewer itself*/
	height:433px; /*Height should enough to fit largest content's height*/
}

.ie7 .stepcarousel .belt {
	position:absolute; /*leave this value alone*/
	left:0;
	top:0;
}

.ie7 .stepcarousel .panel{
	float:left; /*leave this value alone*/
	overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width:703px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	min-height:433px;
	border-left:1px solid white;
	border-right:1px solid white;
	vertical-align:middle;
}

.ie7 .stepcarousel .panelcontents {margin:25px;}

/****************** END IE 7 *********************/






/****************** FIREFOX & CAMINO *********************/
.gecko img.dining {
	margin:55px 75px 0 0;
	float:right;
	height:200px;
	width:auto;
}
/****************** END FIREFOX & CAMINO *********************/