html{
width:100%;
height:100%;
}
body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
    font-size:9pt;
	color:#000000;
	height:100%;
	background-color:#000;
	background-image:url(../images/ioam_mainbg01.jpg);
background-repeat:no-repeat;
background-position:right top;
	
}
a:link {
	color: #c21f25;
	text-decoration: underline;
	background-color : transparent;
}
a:visited, a:active {
	color: #c21f25;
	text-decoration: underline;
	background-color : transparent;
}
a:hover {
	color: #c21f25;
	text-decoration: underline;
	background-color : transparent;
}
.wrapper {
width: 100%;
min-height:768px;
height:100%;
min-width:970px;
background-color:transparent;	
}
/** intro **/

.intro{
width:565px;
height:auto;
background-color:transparent;
background-image:url(../images/ioam_introbg.gif);
background-repeat:repeat-y;
}
.intro #ileft{
float:left;
width:250px;
height:auto;
padding-left:15px;
padding-top:10px;
}
.intro #iright{
float:right;
width:250px;
height:auto;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:20px;
}
/** section **/
.section{
width:565px;
height:auto;
background-color:transparent;
background-image:url(../images/ioam_sectionbg.gif);
background-repeat:repeat-y;
padding-bottom:20px;
text-align:center;
}

/** tour **/

.tour{
width:264px;
height:auto;
background-color:#fff;
border-left:#050708 10px solid;
border-right:#050708 10px solid;
}
/** container **/
.container {
width: 970px;
min-width:970px;
max-width:970px;
height:auto;
background-color:transparent;
text-align:left;
margin-top:20px;
}

.container #right{
float:right;
width:390px;
}
.container #left{
float:left;
width:575px;
height:auto;
}

.container #tourbox{
float:left;
width:264px;
}
.container #ticketbox{
float:right;
width:274px;
margin-top:30px;
}
.ticket{
width:274px;
height:371px;
background-color:transparent;
background-image:url(../images/ioam_ticketbg.gif);
background-repeat:no-repeat;

}
.ticket #text{
width:235px;
padding-top:30px;
height:365px;
overflow:hidden;
text-align:left;
}
/** title **/
.title{
font-family: Impact, Charcoal, "Arial Black", Verdana, Arial, Helvetica, sans-serif;
color:#c21f25;
font-size:25px;
}

/** title image **/

.titleimg{
width:353px;
height:231px;
max-height:231px;
background-image:url(../images/ioam_title.png);
background-repeat:no-repeat;
}

.footer {
background-color:#transparent;
width: 970px;
min-width:970px;
max-width:970px;
height:auto;
color:#fff;
font-size:7pt;
text-align:left;
padding-top:10px;
padding-left:10px;
}

.footer a, .footer a:visited, .footer a:active {
color:#fff;
font-size:7pt;
text-decoration:none;
}
.footer a:hover{
color:#fff;
font-size:7pt;
text-decoration:underline;
}
.nav{
width:320px;
position:relative;
left:30px;
}
.nav a:link, .nav a:visited{
color:#fff;
font-size:12pt;
text-transform:uppercase;
text-decoration:none;
padding-right:10px;

}
.nav a:hover,.nav a:active{
color:#7c65a3;
font-size:12pt;
text-transform:uppercase;
text-decoration:none;
padding-right:10px;

}
.nav #on{
padding-right:10px;
}
.clear10px{
clear:both;
height:10px;
}

.clear20px{
clear:both;
height:20px;
}
.clear50px{
clear:both;
height:50px;
}
.clear{
clear:both;	
}
.clearnone{
clear:none;	
}
/** fonts**/
.red{
color:#c21f25;
}
.white{
color:#fff;
}
.big{
font-size:18pt;
}
.medium{
font-size:12pt;
}
.small{
font-size:7pt;
}
/** floats **/
.floatleft{
float:left;
}
.floatright{
float:right;
}
/** aligments **/
.alignleft{
text-align:left;
}
/** padding **/
.paddingright5px{
padding-right:5px;
}
.padding5px{
padding:5px;
}
.padding10px{
padding:10px;
}
.padding20px{
padding:20px;
}