/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

/*Eric Meyer you are awesome - Thanks for CSS reset!*/

/* html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dt, dd, dl, ol, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, */
h1, h2, h3, h4, h5, ul, img { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* body { line-height: 1; } */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define visible focus styles! 
:focus { outline: ?????; } */
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }



/****** GLOBAL STYLES ******/
body,td,th { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222A25; }
body { background-color: #faf9f6; margin:0px; padding: 0px; }

a:link { text-decoration: none; color:#494b50; color: rgba(73,75,80,.9); }
a:visited { text-decoration: none; color:#494b50; color: rgba(73,75,80,.9); }
a:hover { text-decoration: none; color:#494b50; color: rgba(73,75,80,.9); }
a:active { text-decoration: none; color:#494b50; color: rgba(73,75,80,.9); }

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.7em; font-weight: normal; margin-top: .5em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.9em; font-weight: normal; margin:.2em 0px 0em 0px; }
h3 { text-transform: uppercase; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; letter-spacing: 0.1em; display:block; border-top: solid 1px #94bfc7; border-bottom: solid 1px #94bfc7; padding: .25em 0; margin: 1em 10px 0 0;}
h4 { text-transform: uppercase; font-weight:bold; color:#ff6600; font-size: .9em; line-height:1em; letter-spacing: 0.1em;}
h5 { font-weight:bold;}
p { font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.6em; margin:1em 0px 0px 0px;}

.clear 			{ clear:both; }

#stage { display:block; float:left; width:100%; border-top:#e1ddd6 solid 1px; }
#stage a:hover { color:#ff6600; }

#instage { font-style: normal; text-shadow: 1px 1px 1px #FFF; margin-right:auto; margin-left:auto; max-width:910px; padding: 0px 5px 0px 5px; position: relative; overflow: hidden; }
#instage h3 { width:100%; }
#instage h4 { display:inline;}
#instage li a:hover { display: block; }
#instage p { font-family:Arial, Helvetica, sans-serif;}
#instage img { border: none; }

#footer { display:block; float:left; width:100%; background-color:#efebe3; border-top:#e1ddd6 solid 1px; margin-top:1px; position: relative; color: #494B50; }
#footer a:hover { color: #0098d3; }
#footerLogo { float: right !important; }
#footerRequest { float: right !important; margin-top:2em; margin-bottom:1em; }
.footerContainer { max-width: 910px; margin: 0px auto; }
#quickindex a, #quickindex h5 { display: list-item; }

#quickindex { font-style: normal; text-shadow: 1px 1px 1px #FFF; margin-right:auto; margin-left:auto; max-width:910px; padding: 0px 5px 0px 5px;}
#quickindex h5 {display:inline; font-size: 1.1em; }
#quickindex a:hover:after {content:"\00bb"; padding-left: 4px;}
#quickindex p {font-family:Arial, Helvetica, sans-serif;}
#quickindex img { float:left; border: none; }

.oneColIndex { width: 162px; min-height:8em; margin: 1em 0px 0px 0px; padding: 10px; list-style-type: none; display:block; float:left; line-height: 1.6em; font-size:1em; }
.twoColIndex { width: 230px; margin: 0; padding: 0px 10px 10px 0px; list-style-type: none; line-height: 1.5em; float:left; }
.threeColIndex { max-width: 525px; margin-bottom:1.8em; padding: 0px 10px 0px 10px; list-style-type: none; line-height: 1.6em; font-size:1em; float:left; }

.formContainer { border: 1px solid rgb(219, 218, 218); }
.title { font-weight:bold; font-size: 19px; font-family: Arial, 'Times New Roman', Times, serif }
.subTitle { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; }
.transition { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}


.universal_halfContainer { float: left; margin-top: 20px; width: 432px; margin-bottom: 10px; }
#universal_leftContainer { margin-right: 46px; text-align: center; position: relative; }
#universal_welcomeMessage { width: 430px; height: 254px; font-size:30px; font-family: Georgia, "Times New Roman", Times, serif; }
#universal_welcomeLogo { width: 100%; float: none !important; }
#universal_smallHeading { width: 320px !important; margin-left: auto; margin-right: auto; margin-bottom: 53px; overflow: hidden; }
#universal_slideShowContainer { margin-top: 35px; margin-left: auto; margin-right: auto; width: 370px; }
.universal_arrowClicker { float: left; cursor: pointer; padding-top: 32px; }
#universal_testimonialContainer { width: 264px; height: 155px; float: left; overflow:hidden; position: relative; }
#universal_testimonial { position: absolute; top:0px; left: 0px; width: 224px; padding: 5px 20px 5px 20px ; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; }
.universal_testimonialUser { font-weight: bold; font-family: Arial, "Times New Roman", Times, serif; position: relative; margin-top: 7px; }
.universal_testimonialMessage { font-style: italic; font-size: 150%; position: relative; }
.universal_leftQuote { position: absolute; top: -8px; left: -21px; font-weight: bold; font-size: 150%; }
.universal_rightQuote { position: absolute; bottom: -7px; right: -13px; font-weight: bold; font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; }

#universal_mapIcon { float: left; }
#universal_formContainer { width: 322px; float: left; }
#universal_mapInput { width: 100%; text-indent: 7px; height: 40px; line-height: 40px; color: rgb(182, 182, 182); font-size: 17px; }
#universal_mapSearchButton { float:left; cursor: pointer; background-color:#ff6345; text-shadow: none; color: white; font-size: 17px; text-align: center; width: 106px; line-height: 42px; }
#universal_mapTitle { width: 100%; font-family: Georgia, "Times New Roman", Times, serif; }
#universal_title { font-weight:bold; font-size: 19px; font-family: Arial, 'Times New Roman', Times, serif; padding-top: 15px; }
#universal_mapSearch { width: 100%; margin: 5px 0px 5px 0px; }
#universal_mapContainer { width: 416px; height: 320px; background-color: white; padding: 6px; margin-top: -5px; border: 1px solid rgb(219, 218, 218); }
#universal_mapCanvas { width: 100%; height: 100%; }
#universal_request { width: 280px; margin-top:1em; }

#universal_locationsTitle { clear: both; text-align: center; font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; }
.universal_fourColOutstage { width: 720px; margin: 0em 10px 4em 0px; padding: 0px 0px 0px 0px; list-style-type: none !important; font-size:1em; float:left; }
.universal_oneColOutstage { width: 180px; list-style-type: none; display:block; float:left; }
.universal_oneColMain { width: 180px; float:left; }
.universal_oneColStage { width: 164px; margin: .5em 0px 0px 0px; padding: 10px 6px 0px 10px; list-style-type: none; display:block; line-height: 1.6em; font-size:1.25em;}
.universal_oneColStage a { color: #0098D3; }
.universal_cityListExpand { display: none; }
.universal_hoverImage:hover { background-image:url('http://6a66e047f3e460001b08-9c8de170feb0883ba5649f745b33cd82.r86.cf2.rackcdn.com/list_ro.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: 0px 2px; }


#footerStage		{ background-image: url('http://6a66e047f3e460001b08-9c8de170feb0883ba5649f745b33cd82.r86.cf2.rackcdn.com/footer_background.png'), url('http://6a66e047f3e460001b08-9c8de170feb0883ba5649f745b33cd82.r86.cf2.rackcdn.com/scratch.png'); background-repeat: repeat-x; background-position: left bottom, left top; position: relative;  }
#footerInstage		{ max-width: 1024px; height: 100%; margin: 0px auto; padding-top: 17px; }
#footerInstage .links		{ max-width: 782px; min-width: 300px; width: 100%; background-color: #FFFFFF; margin: 20px auto 26px auto; border-radius: 3px; box-shadow: 0px 0px 8px 1px #EFEBE3; }
#footerInstage .linkList	{ width: 162px; padding: 16px; float: left; line-height: 16px; height: 143px; border-right: 1px solid #e5e8e6; }
#footerInstage .links .linkList:last-child { padding-right: 0px; border: none; }
#footerInstage .linkList a	{ display: list-item; color: #222A25;  font-size: 14px; line-height: 24px; }
#footerInstage .linkList a:hover	{ text-decoration: underline; }
#footerInstage .linkList h5	{ text-transform: uppercase; color: #ff6600; font-size: 14px; line-height: 24px; font-weight: bold; }
#footerInstage .logo		{ background-image: url('http://6a66e047f3e460001b08-9c8de170feb0883ba5649f745b33cd82.r86.cf2.rackcdn.com/bookoo_hills_alt.png'); background-repeat: no-repeat; background-position: center 0px; min-height: 219px; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
#footerInstage #privacy	{ float: left; line-height: 19px; margin-left: 5px; }
#footerInstage #privacy a { color: #222A25; }
#footerInstage #privacy a:hover { text-decoration: underline; }
#footerInstage #request { float: right; margin-right: 5px; margin-top: -13px; }
#footerInstage #mediaSwitch { min-height: 12px; line-height: 12px; height: 12px; font-size: 12px; padding: 2px; margin: 10px 0px; box-shadow: none; cursor: pointer; }
#footerInstage #mediaSwitch:hover { text-decoration: underline; }
#footerInstage #testimonialHolder { max-width: 782px; min-width: 300px; width: 100%; margin: 0px auto; text-align: center; }
#footerInstage #testimonialHolder .testimonial { font-family: "Domine", Georgia, Times, Serif; font-size: 16px; }
#footerInstage #testimonialHolder .testimonialUser { font-weight: bold; font-size: 13px; }


@media screen and (max-width: 1015px) {
	body { background-position: 0px -40px; }
	h4 { cursor: pointer; }
	#instage { padding: 0px 5px 0px 5px; }
	.universal_halfContainer { float: none; margin: 0px auto; }
	#universal_leftContainer { margin: 0px auto; margin-top: 10px; }
	#universal_rightContainer { margin-top: 15px; }
	#universal_bookooHeader { display: none; margin: 0px auto; width: 430px; }
	#universal_welcomeMessage { height: auto; font-size: 33px; }
	#universal_smallHeading { margin-bottom: 2em; margin-top: 2em; }
	#universal_slideShowContainer { margin-bottom: 20px; }
	#universal_filling { height: 183px; }
	#universal_slideShowContainer { position: absolute; bottom: -674px; left: 50%; margin-left: -179px; z-index: 10000; }
	.universal_city { display: none; }
	.universal_state { cursor: pointer; }
	.universal_cityListExpand { display: inline; }
	.universal_fourColOutstage { width: 210px; }
	.universal_oneColOutstage { width: 210px; }
	.universal_oneColMain { width: 210px; }
	.universal_oneColStage { width: 194px; }
	.oneColIndex { width: 105px; }
	#universal_bottom_stage { width: 432px; margin: 0 auto; }
	#quickindex { padding: 0px 5px 0px 5px; }
}

@media screen and (max-width: 800px) {
	#footerLogo { float: left !important; margin-right: 5px; }
	#footerRequest { float: left !important; margin-top: 0px; margin-bottom: 2em; margin-left: 7px; }
	.footerContainer { width: 100%; margin: 0px; }
	.oneColIndex { padding: 10px 10px 0px 10px; }
}

@media screen and (max-width: 550px) {
	.universal_halfContainer { width: 300px; }
	#universal_bookooHeader { width: 300px; }
	#universal_welcomeMessage { width: 300px; font-size: 24px; }
	#universal_smallHeading { width: 300px !important; letter-spacing: 0em !important; margin-top: 20px; }
	#universal_slideShowContainer { width: 260px; position: absolute; bottom: -605px; left: 50%; margin-left: -132px; }
	.universal_arrowClicker { display: none; }
	#universal_formContainer { width: 206px; }
	#universal_mapSearchButton { width: 90px; }
	#universal_mapContainer { width: 284px; height: 250px; }
	#universal_locationsTitle { font-size: 20px; }
	.universal_fourColOutstage { width: 150px; }
	.universal_oneColOutstage { width: 150px; }
	.universal_oneColMain { width: 150px; }
	.universal_oneColStage { width: 134px; }
	.oneColIndex { width: 105px; }
	#universal_bottom_stage { width: 310px; margin: 0 auto; }
	.footerContainer { width: 250px; }
}

@media screen and (max-width: 400px) {
	.footerHide { display: none; }
	.footerBlock { display: block; }
}

/****** HACKS ******/
.clearFix:after { visibility: hidden; display: block; font-size: 0px; line-height: 0px; content: " "; clear: both; height: 0px; width: 0px;}
.clearFix { display: inline-block; }
* html .clearFix { height: 1%; }
.clearFix { display: block; }
fieldset { list-style-type: none; /*border-top-color: #cccccc;*/ border-right-style: none; border-left-style: none; border-bottom-style: none; /*border-top-style: dotted; border-top-width: 1px; margin-top: 15px;*/ }
legend { /*letter-spacing: 4px; font-size: 1.2em; background-color: #fff; padding: 0px 5px; */ }