/* @override http://localhost/above/styles/styles.css */

body
{
	font: 10pt arial;
}

.pilot p
{
	margin-bottom: 1em;
}

#wrapper
{
	width: 850px;
	margin: 0 auto;
}

#header
{
	height: 102px;
	position: relative;
	background: url(../images/bg-header.jpg) repeat-x;
	border-bottom: 10px solid #f77507;
}


#logo
{
	position: absolute;
	left: 0;
	top: 11px;
}

#navigation
{
	float: right;
	margin-top:  72px;
}

#navigation li
{
	display: block;
	float: left;
}

#navigation li a
{
	display: block;
	height: 10px;
	padding: 10px;
	color: #fff;
	line-height: .8em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
}

#navigation li a:hover
{
	background-color: #ffffff;
	color: #000000;
}

#navigation li.selected a
{
	background-color: #f77507;
	color: #ffffff;
}

#intro
{
	height: 331px;
	background: url(/images/main_image-index.jpg) no-repeat;
	position: relative;
}

#concierge #intro
{
	background: url(/images/bg-concierge.jpg) no-repeat;
}

#maintenance #intro
{
	background: url(/images/bg-maintenance.jpg) no-repeat;
}


#school #intro
{
	background: url(/images/bg-school.jpg) no-repeat;
}

#intro_content
{
	width: 500px;
	position: absolute;
	top: 23px;
	left: 25px;
	padding: 20px;
}

#intro_content h1
{
	margin-left: 200px;
	font-size: 20px;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #0a1557;
}

#intro_content p
{
	margin: 10px 0 0 200px;

}

.sub_main_image
{
	position: absolute;
	top: 20px;
}

#footer
{
	margin-top: 10px;
}

.column
{
	float: left;
	margin-right: 5px;
	background-color: #c4d0d5;
	/*height: 236px;*/
	height: 265px;
	border-top: 10px solid #f77507;
	padding: 10px;
}

#column1, #column3
{
	width: 190px;
	text-align: center;
	font-weight: bold;
}

#column1 table
{
	width: 100%;
}

#column1 img, #column3 img
{
	margin: 10px 0;
}

#column1 td
{
	padding: 4px;
}

#column1 td.key
{
	text-align: right;
}

#column1 td.value
{
	text-align: left;
}

#column2
{
	width: 400px;
	xbackground: url(/images/overhead-ocean.jpg) no-repeat;
	color: #000000;
}

#column2 h3
{
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	margin-bottom: 10px;
	padding-right: 130px;
}

.feature h3, #body_content .column h3
{
	text-decoration: none;
}

.feature h4
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;

}

#column2 p
{
	xpadding-right: 140px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#column3
{
	margin-right: 0;
}

.feature
{
	margin: 10px 10px;
	width: 180px;
	float: left;
	xheight: 150px;
}

.feature img
{
	float: left;
	margin-right: 10px;

}

.feature .odd
{
	float: right;
}

.odd img
{
	float: right;
	margin-right: 0;
	margin-left: 10px;

}

.feature h3, #body_content .column h3
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.feature p
{
	font-size: 12px;
	margin-top: .5em;
	line-height: 1.2em;
}

.feature blockquote
{
	padding: 10px;
	font-style: italic;
}

#footer_info
{
	clear: both;
	padding: 10px;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 8pt;
}

#footer_info li
{
	display: inline;
	padding: 8px;

}

strong
{
	font-weight: bold;
}

/* My Comment */
#pilot_list
{
	width: 550px;
	float: left;
}

.pilot .profile
{
	float: left;
	margin: 0 10px 10px 0;
}

.pilot h3
{
	font-weight: bold;
	font-size: 14pt;
}

.pilot
{
	margin-top: 10px;
	border-bottom: 1px solid #974600;
}

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

.pilot
{
	zoom: 1;
}

/* custom items - IE Modification */
INPUT.text,SELECT.text
{
	font-family: Verdana;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 4px;
}

TEXTAREA.text
{
	font-family: Verdana;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 4px;
	margin: -1px 0px;
}

INPUT.button,BUTTON.button
{
	/*background: #F2C528;
	border: 2px outset #F2C528;*/
	color: #FFFFFF;
	background: #F77507;
	border: 2px outset #F77507;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
}

INPUT.checkbox
{
	width: 15px;
	height: 19px;
}

.admin_nav
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.admin_nav:hover
{
	/*color: #2262AC;*/
	color: #254880;
	font-weight: bold;
	text-decoration: none;
}