/* ---------------------------------------------

/////////////// /////////////// /////////////
    /////           /////       ////
    /////           /////       ////
    /////           /////       //// ////////
    /////           /////       ////    /////
    /////           /////       /////////////

The Thomas Group
Ian Arensbak
ian@thomasgrouponline.com 
http://www.thomasgrouponline.com

------------------------------------------------ */

/* RESETS & BASIC PAGE SETUP
-------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html { overflow-y: scroll; }

body {
    font: 62.5% Helvetica, sans-serif;
    background: url(../images/body-bg.gif) repeat;
}

ul {
    padding-left: 25px;
}



p {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 1.2em;
}

a { outline: none; }

a img { border: none; }

h2 { font:bold 1.6em "Times New Roman", Times, serif; }

/* TOOLBOX
-------------------------------- */
.floatleft { float: left; }

.floatright { float: right; }

.clear { clear: both; }

/* PAGE STRUCTURE
-------------------------------- */

#page-wrap {
    position:relative;
    width: 980px;
    margin: 0 auto;
}

#header {
    height:200px;
    background: url(../images/header.jpg) no-repeat;
    text-indent: -9999px;
}

#nav {
    background:#00727D;
    padding:5px;
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li {
    display:inline;
    margin:0;
    padding:5px 10px 5px 10px;
}

#nav li a {
    font: 1.6em Georgia, "Times New Roman", Times, serif;
    color: #ffffff;
    text-decoration: none;
}

#nav li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#faux {
    background: url(../images/content-bg.gif);
    overflow: auto;
    width: 980px;
}

#rightcolumn {
    display: inline;
    color: #333;
    margin-left: 15px;
    padding: 0px;
    width: 215px;
    float: left;
}

#rightcolumn .content { margin: 15px; }

#rightcolumn a { color: #000; }

#leftcolumn {
    float: left;
    color: #333;
    margin: 0px;
    padding: 0px;
    width: 735px;
    display: inline;
    position: relative;
}

#leftcolumn .content { padding: 15px; }

.clear { clear: both; }


ul.amenities {
    font: 1.2em "Times New Roman", Times, serif;
}

table.areainfo {	
    font: 1.4em "Times New Roman", Times, serif;
}

table.areainfo a {
	color: #00727D;
    text-decoration: none;
}

table.areainfo a:hover {
	color: #000000;
   	text-decoration: underline;
}

#footer {
    width: 980px;
    height: 25px;
    clear: both;
    color: #333;
    background: #00727D;
}

#footer p {
    color: #ffffff;
    padding: 5px;
}

#footer a { color: #ffffff; }

/* FORM STYLING
-------------------------------- */


form.appnitro {
    margin:20px 20px 0;
    padding:0 0 20px;
}

.appnitro {
    font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
}

.appnitro li { width:61%; }

form ul {
    font-size:100%;
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
}

form li {
    display:block;
    margin:0;
    padding:4px 5px 2px 9px;
    position:relative;
}

form li:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.buttons:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.buttons {
    clear:both;
    display:block;
    margin-top:10px;
}

* html form li { height:1%; }

* html .buttons { height:1%; }

* html form li div { display:inline-block; }

form li div {
    color:#444;
    margin:0 4px 0 0;
    padding:0 0 8px;
}

form li span {
    color:#444;
    float:left;
    margin:0 4px 0 0;
    padding:0 0 8px;
}

form li div.left {
    display:inline;
    float:left;
    width:48%;
}

form li div.right {
    display:inline;
    float:right;
    width:48%;
}

form li div.left .medium { width:100%; }

form li div.right .medium { width:100%; }

.clear { clear:both; }

form li div label {
    clear:both;
    color:#444;
    display:block;
    font-size:9px;
    line-height:9px;
    margin:0;
    padding-top:3px;
}

form li span label {
    clear:both;
    color:#444;
    display:block;
    font-size:9px;
    line-height:9px;
    margin:0;
    padding-top:3px;
}

form li .datepicker {
    cursor:pointer !important;
    float:left;
    height:16px;
    margin:.1em 5px 0 0;
    padding:0;
    width:16px;
}

.form_description {
    border-bottom:1px dotted #ccc;
    clear:both;
    display:inline-block;
    margin:0 0 1em;
}

.form_description[class] { display:block; }

.form_description h2 {
    clear:left;
    font-size:160%;
    font-weight:400;
    margin:0 0 3px;
}

.form_description p {
    font-size:95%;
    line-height:130%;
    margin:0 0 12px;
}

form hr { display:none; }

form li.section_break {
    border-top:1px dotted #ccc;
    margin-top:9px;
    padding-bottom:0;
    padding-left:9px;
    padding-top:13px;
    width:97% !important;
}

form ul li.first {
    border-top:none !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

form .section_break h3 {
    font-size:110%;
    font-weight:400;
    line-height:130%;
    margin:0 0 2px;
}

form .section_break p {
    font-size:85%;
    margin:0 0 10px;
}

input.button_text {
    overflow:visible;
    padding:0 7px;
    width:auto;
}

.buttons input {
    font-size:120%;
    margin-right:5px;
}

label.description {
    border:none;
    color:#222;
    display:block;
    font-size:95%;
    font-weight:700;
    line-height:150%;
    padding:0 0 1px;
}

span.symbol {
    font-size:115%;
    line-height:130%;
}

input.text {
    background:#fff url(../../../images/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    font-size:100%;
    margin:0;
    padding:2px 0;
}

input.file {
    color:#333;
    font-size:100%;
    margin:0;
    padding:2px 0;
}

textarea.textarea {
    background:#fff url(../../../images/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    margin:0;
    width:99%;
}

select.select {
    color:#333;
    font-size:100%;
    margin:1px 0;
    padding:1px 0 0;
    background:#fff url(../../../images/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
}

input.currency { text-align:right; }

input.checkbox {
    display:block;
    height:13px;
    line-height:1.4em;
    margin:6px 0 0 3px;
    width:13px;
}

input.radio {
    display:block;
    height:13px;
    line-height:1.4em;
    margin:6px 0 0 3px;
    width:13px;
}

label.choice {
    color:#444;
    display:block;
    font-size:100%;
    line-height:1.4em;
    margin:-1.55em 0 0 25px;
    padding:4px 0 5px;
    width:90%;
}

select.select[class] {
    margin:0;
    padding:1px 0;
}

*:first-child+html select.select[class] { margin:1px 0; }

.safari select.select {
    font-size:120% !important;
    margin-bottom:1px;
}

input.small { width:25%; }

select.small { width:25%; }

input.medium { width:50%; }

select.medium { width:50%; }

input.large { width:99%; }

select.large { width:100%; }

textarea.small { height:5.5em; }

textarea.medium { height:10em; }

textarea.large { height:20em; }

form li.highlighted { background-color:#fff7c0; }

form .guidelines {
    background:#f5f5f5;
    border:1px solid #e6e6e6;
    color:#444;
    font-size:80%;
    left:100%;
    line-height:130%;
    margin:0 0 0 8px;
    padding:8px 10px 9px;
    position:absolute;
    top:0;
    visibility:hidden;
    width:42%;
    z-index:1000;
}

form .guidelines small { font-size:105%; }

form li.highlighted .guidelines { visibility:visible; }

form li:hover .guidelines { visibility:visible; }

.no_guidelines .guidelines { display:none !important; }

.no_guidelines form li { width:97%; }

.no_guidelines li.section { padding-left:9px; }