/* ----- CSS ----- */

*{
margin: 0 auto;
padding:0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

body{
background: #FCF5E5;
text-align: center;
font-size: 62.5%;
color: #31000E;
}

/* ----- IDS ----- */

#container{
	position: relative;
	width: 774px;
	text-align: left;
	clear: both;
	overflow: visible;
	visibility: inherit;
}	

#header {
width: 774px;
}
#primaryContent{
margin: -12px 0 0 0;
}	

/* secondary */
#secondaryContent{
}	

#secondaryleft {
position: relative;
width: 259px;
float: left;
}

#subsecondaryleft {
	position: relative;
	width: 515px;
	float: left;
	height: 500px;
	overflow: visible;
	visibility: inherit;
}


#secondaryright {
position: relative;
margin-top: -4px; /* pull main up */
background: url(images/main2.gif) no-repeat;
width: 515px;
height: 410px;
float: right;
}

#subsecondaryright {
	position: relative;
	float: right;
	width: 259px;
	visibility: visible;
	overflow: visible;
}

.mainimage {
float: left;
position: relative;
height: 255px;
width: 497px;
margin: 14px 0 0 10px;
}

.content {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;

}

/* */ 

/* secondaryleft */
#signup {
position: relative;
top: -4px;
background: url(images/sub_signup.jpg) no-repeat;
width: 259px;
height: 139px;
}

#subsignup {
	position: relative;
	background: url(images/sub_signup.jpg) no-repeat;
	width: 259px;
	height: 135px;
	margin-top: 0;
}

#tellafriend {
position: relative;

background: url(images/sub_tellafriend.jpg) no-repeat;
width: 259px;
height: 135px;
margin-top: -4px;
}

#subtellafriend {
position: relative;

background: url(images/sub_tellafriend.jpg) no-repeat;
width: 259px;
height: 135px;
margin-top: -4px;
}
/* */


#navigation{
width: 774px;
height: 42px;
position: relative;
background: url(images/navigation.gif);
margin: -12px 2px 12px -1px;
clear: both;
padding-left: 1px;
}	

#navigation2{
width: 774px;
height: 42px;
position: relative;
background: url(images/navigation2.gif);
margin: -12px 2px 12px -1px;
clear: both;
padding-left: 1px;
}	

#navigation3{
width: 774px;
height: 42px;
position: relative;
background: url(images/navigation_flove.gif);
margin: -12px 2px 12px -1px;
clear: both;
padding-left: 1px;
}	

#navigation2{
width: 774px;
height: 42px;
position: relative;
background: url(images/navigation2.gif);
margin: -12px 2px 12px -1px;
clear: both;
padding-left: 1px;
}	


#footer{

width: 774px;
text-align: center;
padding: 10px 20px 40px 0;
}



#navright {
float: right;
}

/* ----- CLASSES ----- */

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.8em;
color:#31000E;
font-weight: normal;
width: 486px;
line-height: 20px;
padding: 20px 0 0 0;
}

h2{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color:#31000E;
font-weight: normal;
width: 486px;
line-height: 18px;
padding: 20px 0 0 0;
}



/* ----- PARAGRAPHS ----- */

p{
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 1.2em;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footer p {
padding: 0 6px 0 0;
float: right;
color: #31000E;
}

#footer a {
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

#hotelsp {
margin-top: 20px;
}


.indexmain {
position: relative;
float: right;
color: #31000E;
width: 160px;
padding: 85px 15px 0 0;
}

#subsecondaryleft p {
	position: absolute;
	padding: 10px 0 0 0;
	color: #31000E;
	font-size: 1.4em;
	line-height: 1.4em;
	top: 161px;
	left: 232px;
	width: 270px;
	height: 100px;
}

#secondaryrightbottom {
float: right;
height: 130px;
}
.bottomright {
position: relative;
top: 40px;
font-size: 1.4em;
color: #fff;
padding: 0 0 0 175px;
width: 338px;
}

#signup p, #tellafriend p, #subsignup p, #subtellafriend p {
	position: relative;
	color: #fff;
	font-size: 1.4em;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}

#subsignup p {
padding: 35px 0 0 18px;
}

#subsecondaryleft #listenp {
float: left;
width: 200px;
margin: 0 0 0 17px;
}



#headptop {
font-size: 1.6em;
padding-top: 6px;
margin: 18px 7px 0 0;
color: #31000E;
}
#headptop2 {
font-size: 1.6em;
padding-top: 50px;
margin: 24px 7px 0 0;
color: #31000E;
}

#headpbottom {
font-size: 1.2em;
color: #31000E;
}

#lovesongs p {
width: 224px;
font-size: 1.4em;
color: #E5E5E5;
padding: 125px 0 0 5px;
text-align: center;
}

/* ----- LISTS ----- */

#detailslist {
list-style-type: circle;
font-size: 1.4em;
line-height: 1.2em;
padding: 5px 0 0 30px;
width: 476px;
}

#detailslist li {
padding: 3px 0 0 0;
}

#nav {
list-style-type: none;
}

#hotelslist {
font-size: 1.2em;
margin: 0 0 40px 18px;
padding-bottom: 50px;
list-style-type: none;
}

#hotelslist li {padding: 5px 0 0 0;}

.state {
font-size: 1.4em;
margin: 10px 0 0 0;
}

#banner {list-style-type: none;}


/* ----- IMAGES ----- */

#logo {
	position: relative;
	float: left;
	margin: 15px 0 0 17px;
	z-index: 11;
}

#tellafriend img, #subtellafriend img {
position: relative;
float: right;
margin: 19px 20px 0 0;
}

.secondarylearnmore {
margin: 15px 0 85px 0;
}

#secondaryrightbottom img {
position: relative;
float: right;
top: 50px;
margin: -5px 40px 0 0;
}

#discovertop {
position: relative;
height: 135px;
width: 259px;
margin-top: -4px;
}

#discovertop_sub {
	position: relative;
	height: 135px;
	width: 259px;
	margin-top: 0;
	border: none;
}

#lovesongs {
	position: relative;
	background: url(images/sub_topleft.jpg) no-repeat;
	width: 259px;
	top: 0;
}



#btn_viewhotels {
margin: 25px 0 0 105px;
}

.musicp {

padding: 10px 0 0 6px;
margin-bottom: 400px;

}

.compactd {
	position:absolute;
	margin: 0 0 0 8px;
	left: 283px;
	top: 51px;


}




.listenright {
margin-top: 10px;

}

/* ----- LINKS ----- */

a{
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #31000E;
text-decoration: underline;
}
a:hover{
color: #31000E;
text-decoration: none;
}
a:visited, a:active, a:focus{
color: #31000E;
}

a:visited{
color: #31000E;
text-decoration: none;
}

/* ----- FORMS ----- */

textarea, input {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #999;
border: 1px solid #999;
background: #FFFFFF;
}

#button {
float: right;
margin: 0 17px 0 0;
border: none;
}

.signup_form {
margin: 5px 0 8px 25px;
font-size: 1.2em;
}

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