@import url(../_css/tripoli.simple.css);
body { font-family: Arial, sans-serif; color: #383838; }
a { text-decoration: none; }
#wrapper { width: 1000px; margin: 0 auto; }
#header { height: 87px; position: relative; }
#header .logo { position: absolute; top: 0; left: 0; width: 383px; height: 87px; }
#header .logo img { display: block; }
#header .strapline { position: absolute; top: 0; right: 0; width: 383px; height: 87px; }
#header .strapline img { display: block; }
#banner { border: 4px solid /*<edit title="colman coyle red">*/#b20032/*</edit>*/; background: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
#banner .main_menu { background: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; height: 2.3em; padding-bottom: 4px; }
#banner .main_menu ul { font-size: 1.3em; line-height: 1.769em; text-align: center; }
#banner .main_menu ul li { display: inline; vertical-align: middle; }
#banner .main_menu ul li a { padding: 0 0.7em; color: #fff; }
#banner .main_menu ul ul { display: none; }
#banner .three_images { height: 134px; padding: 26px 25px 26px 16px; background: #383838; }
#banner .three_images .border, #\_blocks .image .border { float: left; margin-left: 11px; border: 4px solid /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
#banner .image img { display: block; }
#banner .image_quote .border { border-right: 4px solid /*<edit title="colman coyle red">*/#b20032/*</edit>*/; width: 500px; float: left; }
#banner .image_quote { background: #383838 url(../_images/quote_bg.png) 100% 50% no-repeat; color: #fff; }
#banner .image_quote .quote { width: 488px; height: 168px; float: left; }
#banner .image_quote .quote .text { padding: 56px 56px 0; font-size: 1.05em; font-weight: bold; }
#breadcrumb { font-size: 1.1em; margin: 10px; clear: both; overflow: hidden; }
#breadcrumb li { float: left; margin-right: 10px; background: url(../_images/breadcrumb_bg.png) 100% 50% no-repeat !important; line-height: 1.6em; }
#breadcrumb li a { color: #666; padding-right: 16px; }
#breadcrumb li a:hover { text-decoration: underline; }
#content { margin: 10px 0; background: url(../_images/content_bg.png) 0 0 repeat-y; }
#content .column { float: left; padding: 10px; margin-right: 10px; }
#content .hr, #\_blocks .hr { border-top: 1px dotted #ccc; margin-bottom: 10px; }
#content .left_column, #content .right_column { width: 212px; }
#content .right_column { margin-right: 0; }
#content .right_column .extra_links a { color: #999 !important; }
#content .right_column .extra_links a:hover { color: #383838 !important; text-decoration: underline; }
#content .main_column { width: 450px; padding: 10px 33px; }
.content h1, #\_blocks h1 { font-size: 1.5em; color: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
.content h3, #\_blocks h3 { font-size: 1.25em; font-weight: normal; color: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
.content a, #\_blocks a { color: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
.content strong em, #\_blocks strong em { font-style: normal; color: /*<edit title="colman coyle red">*/#b20032/*</edit>*/; }
.contact_form, .search_form { width: 212px; padding: 0; }
.contact_form fieldset, .contact_form form, .search_form fieldset, .search_form form { border: none; padding: 0; margin: 0; }
.contact_form legend, .search_form legend { display: none; }
.contact_form label, .search_form label { display: none; }
.contact_form input, .search_form input { font-family: Arial, sans-serif; width: 210px; }
.contact_form .submit, .search_form .submit { width: auto; float: right; margin-top: -1em; margin-bottom: 1em; }
.image_block { margin-bottom: 10px; }
.image_block .image { border: 1px dotted #ccc; }
.image_block .image img { display: block; }
.member_profile { width: 212px; }
.member_profile .wrapper { position: relative; overflow: hidden; height: 106px; }
.member_profile .information { position: absolute; right: 10px; bottom: 0.5em; text-align: right; }
.member_profile p { margin-bottom: 0; }
.member_profile a:hover { text-decoration: underline; }
.member_detail { width: 450px; margin-bottom: 10px; }
.member_detail .image { border: 1px dotted #ccc; float: left; width: 210px; }
.member_detail .image img { display: block; }
.member_detail .text { float: left; width: 228px; margin-left: 10px; }
.submenu .menu ul li { font-size: 1.066em; padding: 0.3em 0; border-bottom: 1px dotted #ccc; }
.submenu .menu ul li ul { margin-bottom: 0; }
.submenu .menu ul li ul li { font-size: 0.9em; padding: 0.3em 0 0 1em; border-bottom: 0; }
.submenu .menu ul, .news_items .menu ul { list-style-type: none; margin: 0 0 10px; padding: 0; }
.news_items .menu ul li { margin-bottom: 1em; }
.news_items .menu ul li a { color: #383838 !important; }
.news_items .menu ul li a:hover { text-decoration: underline; }
#footer { margin-top: 9px; border-top: 1px dotted #ccc; padding-top: 8px; position: relative; min-height: 5em; color: #666; }
#footer .copyright { position: absolute; top: 10px; left: 10px; }
#footer .legal { position: absolute; top: 10px; right: 10px; }
#footer .legal a { color: #666; }
#footer .legal li.first { border-left: none; }
.clearfix, #\_blocks .vx_block { overflow: hidden; zoom: 1; }
#banner .private_clients .border, #\_blocks .private_clients .border { border-color: /*<edit title="private clients">*/#f16521/*</edit>*/; }
#banner .business_clients .border, #\_blocks .business_clients .border { border-color: /*<edit title="business clients">*/#006cd9/*</edit>*/; }
#banner .property_clients .border, #\_blocks .property_clients .border { border-color: /*<edit title="property clients">*/#e8a500/*</edit>*/; }
body.privatepage #content a, body.privatepage #content h1, body.privatepage #content h3, body.privatepage #content strong em { color: /*<edit title="private clients">*/#f16521/*</edit>*/; }
body.privatepage .main_menu { background-color: /*<edit title="private clients">*/#f16521/*</edit>*/ !important; }
body.privatepage #banner, body.privatepage #banner .image_quote .border { border-color: /*<edit title="private clients">*/#f16521/*</edit>*/ !important; }
body.businesspage #content a, body.businesspage #content h1, body.businesspage #content h3, body.businesspage #content strong em { color: /*<edit title="business clients">*/#006cd9/*</edit>*/; }
body.businesspage .main_menu { background-color: /*<edit title="business clients">*/#006cd9/*</edit>*/ !important; }
body.businesspage #banner, body.businesspage #banner .image_quote .border { border-color: /*<edit title="business clients">*/#006cd9/*</edit>*/ !important; }
body.propertypage #content a, body.propertypage #content h1, body.propertypage #content h3, body.propertypage #content strong em { color: /*<edit title="property clients">*/#cba200/*</edit>*/; }
body.propertypage .main_menu { background-color: /*<edit title="property clients">*/#fcb913/*</edit>*/ !important; }
body.propertypage #banner, body.propertypage #banner .image_quote .border { border-color: /*<edit title="property clients">*/#fcb913/*</edit>*/ !important; }

.mp3_link { display: inline-block; position: relative; padding-left: 21px; background: url(../_images/play_pause.gif) 0 0 no-repeat; }
		.mp3_link .total_loaded { position: absolute; bottom: -7px; left: 0; height: 6px; width: 0; z-index: 5; background: #e4e4e4; }
		.mp3_link .play_progress { position: absolute; bottom: -7px; left: 0; height: 6px; border-right: 1px solid orange; width: 0; z-index: 7; background: #3d3d3d; }