html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #fff url(http://30arentals.com/images/bg.jpg) no-repeat 50% top;
	font: normal 0.7em/1.6em Verdana, Helvetica, sans-serif;
	color: #515151;
	text-align: center;
}
#index{
width:980px;
margin: 0 auto;
}
#header{
position: relative;
height: 339px;
background: #fff url(http://30arentals.com/images/header.jpg) no-repeat;
}
#step2 #header{
background: #fff url(http://30arentals.com/images/step2Header.jpg) no-repeat;
}
#thumbs{
position: relative;
float:right;
margin: 0 -1px 0 0;
width: 214px;
height: 292px;
}
#thumbs img{
width: 214px;
height: 292px;
}
.leftCol{
width: 485px;
float:left;
text-align: left;
margin: 20px 0 0 13px;
}
.leftCol h2{
color:#349eee;
font-size: 2.1em;
margin: 0 0 11px 0;
font-family: Georgia, serif;
font-weight: bold;
line-height: 1.1;
letter-spacing: -1.1px;
}
.leftCol p{
font-size: 1.6em;
font-family: Georgia, serif;
font-weight: normal;
margin: 0 0 26px 0;
line-height: 1.45;
text-align: justify;
letter-spacing: -1.25px;
}
#quotes{
width: 483px;
height: 92px;
}
#quotes img{
width:483px;
height: 92px;
}
#quotes p{
font-size: 1.25em;
line-height: 1.4em;
text-align: justify;
margin-bottom: 0px;
}
#quotes em{
font-style: italic;
color:#349eee;
font-size: 1.2em;
}
.rightCol{
float:right;
width: 454px;
min-height: 487px;
background: #fff url(http://30arentals.com/images/rightColBg.jpg) no-repeat 0 -70px;
}
.rightCol h3{
width: 355px;
color:#349eee;
font-size: 1.5em;
margin: 0 0 11px 0;
font-family: 'Quicksand Bold', Georgia, serif;
line-height: 1.1;
letter-spacing: -1.1px;
margin: 69px 0 0 62px;
}
#formStepOne{
text-align: left;
margin: 175px 0 0 148px;
}
#formStepOne input[type="text"]{
border: 0px;
outline: none;
width: 250px;
height: 20px;
margin-bottom:18px;
display:block;
color:#888276;
background:transparent;
font-size: 1.2em;
font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}
#formStepOne input[type="text"].phone{
float:left;
width: 70px;
text-align:center;
margin-right: 24px;
}
#formStepOne #stepOneSubmit{
margin-left: 32px;
margin-top: -4px;
outline: none;
}
.message{
background: url(http://30arentals.com/images/messageBg.png) repeat-x;
width: 345px;
height: 90px;
padding: 50px 20px 0 20px;
margin: 120px 0 0 46px;
font-weight: bold;
font-size: 1.5em;
color:#349eee;
}

.footer{
display: block;
width: 201px;
height: 15px;
text-indent: -9999em;
margin: 20px 0 0 140px;
background: url(http://30arentals.com/images/footerBg.png) no-repeat;
}

.select span span span {
	filter:alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0; 
	color: #ee83bd;  
	padding: 0; 
	text-align: center;
}
.select span span {
	padding:0; 
	cursor: text; 
	overflow: hidden; 
	text-align: center;
}

/* ------ STEP 2 STYLES ------- */

#step2 .leftCol{
position: relative;
z-index: 10;
width: 363px;
margin: 3px 0 0 13px;
}
#step2 .leftCol p{
padding-right: 20px;
font-size: 1.8em;
line-height: 2;
}
#step2 .leftCol h2{
margin: 0 0 15px 0;
text-indent: -9999em;
height: 93px;
background: url(http://30arentals.com/images/headlineStep2.png) no-repeat;
}
#step2 .leftCol h4{
width: 181px;
height: 113px;
text-indent: -9999em;
padding-right: 21px;
margin: -15px auto 0 auto;
background: url(http://30arentals.com/images/needHelpBg.png) no-repeat;
}
#step2 .rightCol{
float:left;
text-align: left;
width: 595px;
min-height: 507px;
background: #fff url(http://30arentals.com/images/step2RightColBg.png) no-repeat 0 -1px;
}
.resortButton{
position:relative;
float:right;
width: 559px;
height: 100px;
margin-bottom: 10px;
padding: 15px 0 0 15px;
background: url(http://30arentals.com/images/resortButtonBg.png) no-repeat 0 0;
}
.resortButton:hover{
background-position: 0 -115px;
}
.resortButton a{
color: #515151;
}
.hiddenButton{
position:absolute;
top: 0;
left: 0;
z-index: 10;
display:block;
width: 574px;
height: 105px;
}
#step2 .rightCol h3{
width: 100%;
color:#349eee;
font-size: 1.5em;
font-family: 'Quicksand Bold', Georgia, serif;
line-height: 1.1;
letter-spacing: -1.1px;
margin: 0px;
}
/*
.resortButton img{
border: 1px solid #fff;
float:left;
margin-right: 11px;
}
*/
.resortButton p{
font-family: arial;
font-size: 1.1em;
line-height: 1.45;
letter-spacing: -.5px;
text-align: justify;
float:left;
width: 372px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.resortButton p{font-size: 1em;}
}
.titleSeaside, .titleWatercolor, .titleRosemary, .titleAlys{
height: 19px;
float:left;
width: 200px !important;
text-indent: -9999em;
background: url(http://30arentals.com/images/titleSeaside.png) no-repeat 0 0;
}
.titleWatercolor{background: url(http://30arentals.com/images/titleWatercolor.png) no-repeat 0 0;}
.titleRosemary{background: url(http://30arentals.com/images/titleRosemary.png) no-repeat 0 0;}
.titleAlys{background: url(http://30arentals.com/images/titleAlys.png) no-repeat 0 0;}

/* Synchronize the selection colors */
::-moz-selection{ background-color: #349fed; color: #fff; }
::selection { background-color: #349fed; color: #fff; }
.hilite { opacity: .65; background-color: #bddee4; }
a { text-decoration: none;}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  #home .sIFR-active h2 {
    font-family: Verdana;
    visibility: hidden;
  }
  .sIFR-active .leftCol p {
    font-family: Verdana;
    visibility: hidden;
    line-height: 1.45;
  }
  .sIFR-active #step2 .leftCol p {
    font-family: Verdana;
    visibility: hidden;
    line-height: 2;
  }
  .sIFR-active .leftCol em {
    font-family: Verdana;
    visibility: hidden;
    line-height: 1.45;
  }
.sIFR-active #home .rightCol h3 {
    font-family: Verdana;
    visibility: hidden;
    line-height: 1.45;
  }
}