@charset "utf-8";

* {
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Helvetica, Verdana ;
background-color:#FFFFCC;
color: #FF0000;
text-align: center;

}

.h1 {
font-size:32px;
font-weight: bolder;
font-style: normal;
line-height:32px;
color: #000099;
}

.h2 {
font-size:16px;
font-weight: bolder;
font-style: normal;
line-height: 16px;
color: #FFFFFF;
}

h3 {
font-size:18px;
font-weight: bolder;
font-style: normal;
line-height: 18px;
color: #000099;
}

.h4 {
font-size:9px;
font-weight: bolder;
font-style: normal;
line-height: 9px;
color: #FFFFFF;
}

div#container {
width:800px;
background-color:#0000FF;
text-align: center;
margin:10px auto 10px auto;
}

div#header {
width:800px;
height:306px;
background-color:#0000FF;
background-image: url("images/header.jpg");
}

div#header-top {
width:800px;
height:132px;
/*background-color:#FFFF00;*/
}

div#header-mid {
width:800px;
height:132px;
/*background-color:#00FF00;*/
}

div#logo {
width:180px;
height:50px;
padding: 15px;
padding-bottom: 0px;
float: left;
text-align: left;
font-size:16px;
font-weight: bolder;
font-style: normal;
line-height:16px;
color: #000000;
}

div#topsection-right {
width:574px;
height:120px;
float: left;
text-align:left;
padding: 1px;
margin: 0px 0px 0px 0px;
}

div#topsection-topsplit {
width:560px;
height:16px;
float: left;
text-align:left;
padding: 0px;
}

div#topsection-midsplit {
width:560px;
height:36px;
float: left;
text-align:left;
padding: 0px;
}

div#topsection-bottomsplit {
width:560px;
height:60px;
float: left;
text-align:left;
padding: 0px;
}

div#badges {
width:380px;
height:117px;
padding: 5px;
padding-bottom: 0px;
padding-top: 15px;
float: left;
text-align: left;
}

div#address {
width:374px;
height:50px;
float: left;
text-align: left;
padding: 3px;
}

div#offer {

width: 800px;
height: 30px;
background-image: url("images/offerbar.gif");
font-weight: bolder;
font-size:11px;
line-height:13px;
padding-top: 1px;

}

div#topnavbar {
width:736px;
height:22px;
float: left;
text-align: left;
padding: 2px;
font-size:14px;
font-weight: bold;
font-style: normal;
line-height: 14px;
margin-left:30px;
color: #FFFF00;
}

#topnavbar a:link {
	color: #FFFF00;
	text-decoration: underline;
	margin-right:30px;
}

#topnavbar a:visited {
	color: #FFFF00;
	margin-right:30px;
}

#topnavbar a:hover {
	color: #000099;
	text-decoration: overline;
	margin-right: 30px;
}

#topnavbar a:active {
	color: #FFFF33;
	margin-right:30px;
}

div#lownavbar {
width:696px;
height:16px;
float: left;
text-align: left;
padding: 0px;
font-size:12px;
font-weight: bold;
font-style: normal;
margin-left:60px;
line-height: 14px;
color: #000099;}

#lownavbar a:link {
	color: #000099;
	text-decoration: underline;
	margin-right:20px;
}

#lownavbar a:visited {
	color: #000099;
	margin-right:20px;
}

#lownavbar a:hover {
	color: #BB0000;
	text-decoration: overline;
	margin-right: 20px;
}

#lownavbar a:active {
	color: #000066;
	margin-right:20px;
}

div#mainsection {
width:800px;
height:100%;
float: left;
text-align: left;
padding: 0px;
padding-bottom: 0px;
background: url("images/mainpagebackground.jpg");
}


div#leftnavbar {
width:200px;
height:100%;
padding: 0px;
padding-bottom: 0px;
padding-top: 10px;
float: left;
text-align: left;
}

div#tripadvisor {
font-size:9px;
font-weight: bold;
font-style: normal;
color: #000099;
padding-left: 24px;
float: left;
text-align: center;
}

#tripadvisor a:link {
	color: #000099;
	text-decoration: none;
}

#tripadvisor a:visited {
	color: #000099;
	text-decoration: none;
}

#tripadvisor a:hover {
	color: #000033;
	text-decoration: none;
}

#tripadvisor a:active {
	color: #000099;
	text-decoration: none;
}

div#mainpage {
height:100%;
width:560px;
float: left;
text-align: left;
padding: 0px;
padding-top: 16px;
padding-bottom: 10px;
padding-right: 30px;
font-size:14px;
font-weight: normal;
font-style: normal;
color: #000099;
}

.title-main {
font-size:24px;
font-weight: bolder;
font-style: italic;
color: #000099;

}

.highlight-main {
font-size:18px;
font-weight: bolder;
font-style: italic;
color: #000099;

}

.navigation {
font-size:10px;
font-weight: bold;
font-style: normal;
color: #000099;
border-collapse:collapse;
}

.navigation a:link {
	color: #000099;
	text-decoration: none;
}

.navigation a:visited {
	color: #000099;
	text-decoration: none;
}

.navigation a:hover {
	color: #0000FF;
	text-decoration: none;
}

.navigation a:active {
	color: #000099;
	text-decoration: none;
}


.navigation td {
border-style: solid;
border-width: 1px;
border-color:#000099;
margin: 0px;
padding-left: 1px;
}

div#shufflercase {
width:540px;
padding: 5px;
float: left;
text-align: left;
}

div#shufflerpic {
padding:5px;
width: 170px;
font-size:10px;
font-weight: bolder;
line-height:16px;
float:left;
}

div#shuffler {
width:350px;
padding: 5px;
float: left;
text-align: left;
font-size:14px;
font-weight: normal;
font-style: normal;
line-height:20px;
color: #000099;
}

h5 {
font-size:14px;
font-weight: bolder;
font-style: normal;
text-indent: 20px;
line-height: 19px;
color: #FFFFFF;
}

h5 a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

h5 a:visited {
	color: #FFFFFF;
}

h5 a:hover {
	color: #FFF000;
	text-decoration: overline;
	
}

h5 a:active {
	color: #FFFFFF;
}
	

h6 {
font-size:14px;
font-weight: bolder;
font-style: normal;
line-height: 19px;
text-indent: 10px;
color: #000099;
}

h6 a:link {
	color: #000099;
	text-decoration: underline;
}

h6 a:visited {
	color: #000099;
}

h6 a:hover {
	color: #00FF00;
	text-decoration: overline;
	
}

h6 a:active {
	color: #000000;
}


div#sm1 {
float: left;
text-align: left;
text-indent: 0px;
}

div#sm2 {
float: left;
text-align: left;
text-indent: 40px;
}

div#sm3 {
float: left;
text-align: left;
text-indent: 80px;
}

div#sm4 {
float: left;
text-align: left;
text-indent: 120px;
}


div#upperfoot {
background-color:#9999FF;
width: 800px;
height:40px;
font-size:8px;
font-weight: normal;
font-style: normal;
color: #000099;
float: left;
}

#facebook {
border-width: 0px;
padding: 0px;

}

#facebook a:link {
	color: #000000;
	text-decoration: none;
}

#facebook a:visited {
	color: #000000;
	text-decoration: none;
}

#facebook a:hover {
	color: #000000;
	text-decoration: none;
}

#facebook a:active {
	color: #000000;
	text-decoration: none;
}


#upperfoot a:link {
color: #000099;
}

#upperfoot a:visited {
color: #000099;
}

.h3 {
font-size:18px;
font-weight: bolder;
font-style: normal;
color: #000099;
}

div#footer {
width:800px;
height:50px;
padding: 0px;
background-color:#FF00FF;
background-image: url("images/footer.jpg");
float: left;
}

div#iphone_container {
width:480px;
background-color:#0000FF;
text-align: center;
margin:0px auto 0px auto;
}

div#iphone_header {
width:480px;
height:160px;
background-color:#FF0000;
background-image: url("images/iphone_header.jpg");
}

div#iphone_line1 {
width:440px;
height:29px;
float: left;
color:#000044;
font-size:12px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 8px;

}

div#iphone_line2 {
width:420px;
height:24px;
float: left;
color:#FFFFFF;
font-size:18px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 22px;

}

div#iphone_line3 {
width:400px;
height:16px;
float: left;
color:#000044;
font-size:12px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 32px;

}

div#iphone_halfsplit {
width:220px;
height:74px;
float: left;

}

div#iphone_wifi {
width:120px;
height:54px;
padding-top:20px;
float: left;

}

div#iphone_line4 {
width:200px;
height:39px;
float: left;

}

div#iphone_line5 {
width:200px;
height:35px;
float: left;
color:#000044;
font-size:30px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 8px;

}

div#iphone_line6 {
width:320px;
height:16px;
float: left;
color:#000044;
font-size:12px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 8px;

}

div#iphone_line6B {
width:140px;
height:16px;
float: left;
color:#FFFF00;
font-size:12px;
font-weight: bolder;
font-style: normal;
text-align: left;
padding-left: 12px;

}

div#iphone_middle {
width:480px;
height:100%;
background-color:#FF0000;
background-image: url("images/iphone_mainsectionback.jpg");
}

div#iphone_middle_left {
width:179px;
text-align: left;
float: left;
}

div#iphone_middle_right {
width:180px;
text-align: left;
float: left;
}