/*
 *        
 * Concierge
 *
 */


@font-face { font-family: MPR; src: url('MyriadPro-Regular.otf'); } 
@font-face { font-family: MPS; src: url('MyriadPro-Semibold.otf'); } 

.callout h1 b { font-family: "MPS", sans-serif; font-size: 24px; font-weight: normal; }
.callout h1 { font-family: "MPR", sans-serif; font-size: 24px; margin: 5px 10px; color: #222; position: relative; }
.callout h1 span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(245,246,247, .6)), to(rgba(245,246,247, 0))); display: block; }

.callout h2 { font-family: "MPR", sans-serif; font-size: 20px; margin: 5px 0; color: #222; position: relative; }
.callout h3 { font-family: "MPR", sans-serif; font-size: 18px; margin: 5px 0; color: #222; position: relative; }
.callout h4 { font-family: "MPR", sans-serif; font-size: 14px; margin:0 9px 5px 0; color: #222; position: relative; }

.callout p  { margin:0.5em 9px 1.7em 0; line-height: 20px; color: #666; }

.callout a       { text-decoration: none; color: #899A3B; }
.callout a:hover { color: #A8BE44; }

.column_left	{ float: left; width: 50%; }
.column_right	{ float: left; width: 50%; }
.column_L	{ float: left; width: 50%; padding: 20px 0 0 0; }
.column_R	{ float: left; width: 50%; padding: 20px 0 0 0; }
.callout h1 { font-size: 40px; margin: 50px 0 0 0; }
.callout .column_left p { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 20px; color: #9a9a9a;  line-height: 26px; margin: 0 0 40px 0; }
.callout .column_right p { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 20px; color: #9a9a9a;  line-height: 26px; margin: 0 0 40px 0; }
.callout .column_left a { font-size: 20px; text-decoration: none; color: #08C; }
.callout .column_left a:hover { text-decoration: underline; }

p.footer { font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #888; padding: 10px 0;  }
p.footer a { color: #08c; text-decoration: none; }
p.footer a:hover { text-decoration: underline; }

.wrapper { width: 960px; margin: 0 auto; }
.callout { background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.5); -webkit-border-radius: 5px; padding: 40px; overflow: hidden; border: solid rgba(0,0,0, .1); border-width: 1px 0 0 0; }

#panel	{ clear: both; -moz-border-radius: .5em; -webkit-border-radius: .5em; margin: 0 0 10px 0; padding: 20px 50px; border:1px solid #ccc; }

#panelTop	{ clear: both; -border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; -moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; margin: 0; padding: 20px; border:1px solid #ccc; border-bottom: none; height: 30px; }
#panelBottom	{ clear: both; -border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; margin: 0 0 10px 0; padding: 20px; border:1px solid #ccc; height: 250px; }

#panelColA	{ width: 170px; float: left; margin: 0 5px 0 0; }
#panelColB	{ width: 170px; float: left; margin: 0 5px 0 0; }
#panelColC	{ width: 170px; float: left; margin: 0 5px 0 0; }
#panelColD	{ width: 300px; float: left; margin: 0 5px 0 0; }

#panelTopA	{ width: 200px; float: left; margin: 0 265px 0 0; }
#panelTopB	{ width: 370px; float: left; }

.pdfcall	{ background: url(../media/images/callout.gif) repeat-x; padding: 20px 0 0 0; }

.noticeIntro	{ clear: both; border-top: solid 1px #e6e6e6; padding: 20px; margin: 20px 0; background: #FFF9D2 url(../media/images/notice.gif) repeat-x bottom; }
.noticeFull	{ clear: both; border-top: solid 1px #e6e6e6; padding: 20px; margin: 20px 0; background: #FFF9D2 url(../media/images/notice.gif) repeat-x bottom; }
.noticeFull strong	{ color: #666; }













/* Form fields
---------------------------------------------------------------------- */

form		{ margin: 0; }
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input, input.title, input.text, textarea, select { margin: 0; border:1px solid #bbb; -moz-border-radius: .5em; -webkit-border-radius: .5em; }

input:focus, textarea:focus, select:focus { border:1px solid #666; }

input, 
input.text   { width: 300px; padding:5px; }
input.text   { font-size:1.5em; }
textarea      { width: 325px; height: 100px; padding:5px; }

input.button	{ border: 1px #2A8FC8 solid; background: #439BCF; color: #fff; -moz-border-radius: .5em; -webkit-border-radius: .5em; width: 50px; }