html, body { height: 100%; }

blockquote { padding-left: 50px; }

img { border: none; }
h5 img { vertical-align: middle; }

p, ul, ol { margin-bottom: 12px; }
	
ul { list-style-position: outside;  padding-left: 30px; }
ol { padding-left: 30px; }
	ol li { list-style-position: outside; }

hr { border-width: 1px; border-style: dashed; clear: both; margin: 20px auto; width: 80% }

.hidden { display: none !important; }

.icon-l { padding: 2px 0 2px 20px !important }
.icon-r { padding: 2px 20px 2px 0 !important }

.button { border: none !important; -moz-border-radius: 5px; border-radius: 5px; padding: 8px 8px; }
.button[disabled] { padding-left: 24px; }
	.button-small { padding: 5px 6px; }
	.text-c .button { margin: 0 5px; }
	
.missing-link { border-bottom-style: dashed; border-bottom-width: 1px; }
	
p.buttons { padding: 12px 0; }
#accessibility { display: none; }
	
.b { display: block; }
.text-c { text-align: center; }
.text-r { text-align: right; }
.text-l { text-align: left; }
.text-j { text-align: justify; }
.image-m, .text-m { vertical-align: middle !important; }
.float-r { float: right; }
.clearfix { clear: both; min-height: 15px; overflow: hidden; }
.centered { margin-left: auto !important; margin-right: auto !important; }

#wrapper { min-height: 100%; min-width: 970px; position: relative; z-index: 1; }
	#wrapper:after { content: ''; position: absolute; width: 404px; height: 273px; right: 0; bottom: 430px; z-index: 2; }
#vertical-logo { position: absolute; top: 15px; left: -51px; }
	#vertical-logo a { display: block; }

#breadcrumb {
	border-style: solid; border-width: 1px; border-bottom: none;
	clear: both; height: 40px; line-height: 40px; margin: 0 auto; padding: 0 5px; text-align: left; width: 960px;
	-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}
	#breadcrumb span { float: left; margin-right: 5px; }
	#breadcrumb ol { float: left; margin: 0 0 0 5px; padding: 0 0 0 22px; }
		#breadcrumb li { float: left; margin-right: 5px; }
			#breadcrumb a { display: block; padding-right: 15px; }
	#breadcrumb .current { position: relative; }
	#breadcrumb .next { padding-right: 16px; }
	#breadcrumb li ul { display: block; line-height: 1.5em; left: -9999px; top: -9999px; padding: 5px; margin: 0; position: absolute; z-index: 12; width: 200px;  }
		#breadcrumb ul li { display: block; float: none; }
		#breadcrumb ul a { padding-left: 15px; }
		#breadcrumb li:hover ul { left: auto; right: -199px; top: 0; }


#header { height: 211px; margin: 0 auto; position: relative; z-index: 12; }		
.homepage #header { height: 371px; }

#header-inner { border-right-width: 1px; border-right-style: solid; height: 160px; }
#header-images { position: absolute; top: 0; right: 0; }
#header-logo { position: absolute; top: 0; left: 0; }
	#header-logo img { vertical-align: middle; }
	
#header-appstore { position: absolute; z-index: 6; top: 10px; right: 10px; }
	.homepage #header-appstore { top: 250px; left: 20px; }

.homepage #header-inner { border-width: 0 1px; border-style: solid; height: 320px; }
.homepage #header-images { height: 320px; overflow: hidden; }
	.homepage #header-logo { 
		border-style: solid; border-width: 1px 1px 1px 0; left: -1px; top: 40px; padding: 10px; z-index: 6;
		-moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
	}
	
#header-inner { margin: 0 auto; position: relative; width: 970px; }

#languages { margin: 0; padding: 0; position: absolute; left: 10px; top: 5px; }
	#languages li { display: inline; margin-right: 3px; }
		#languages li a { padding-left: 20px; }
		
.homepage #languages {
	border-style: solid; border-width: 1px 0 1px 1px; left: auto; right: -1px; top: auto; bottom: 20px; padding: 5px 10px; z-index: 6;
	-moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;
}

#logo-print { display: none; }

#top-links { left: 0; top: -20px; position: absolute; width: 970px; }
		
#network { position: absolute; left: 0; top: 0; margin: 0; padding: 0; }
	#network li { display: inline; padding-left: 15px; margin: 0; }
		#network li.first { padding: 0;}
			
#hot-links { margin: 10px auto; text-align: center; width: 970px; }
	#hot-links ul { margin: 0; padding: 0; }
		#hot-links ul li { display: inline; padding-left: 15px; margin: 0; }
			#hot-links ul li.first { padding: 0;}

/* navigazione */
.navigation { position: relative; width: 100%; z-index: 4; }
	.navigation ul { margin: 0 auto; width: 970px; }
		.navigation li { float: left; position: relative; }
			.navigation li a { float:left; height:40px; }
			.navigation li dt { margin-top: 5px; }
			.navigation li dt a { display: block; float:none; height:auto; line-height: 1.4em;  }
			.navigation li dd { padding: 0 15px 0 15px; }
#header .navigation { border-top-style: solid; border-top-width: 5px; float: left; height: 46px; margin-bottom: 10px; }
	#header .navigation dl {
		display: block; left: -9999px; top: -9999px; text-align:left; padding: 0 5px 5px 0; position: absolute;
		-moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px;
	}
	#header .navigation li a { padding:0 20px; }
		#header .navigation li:hover dl { left: 0; top: 38px; width: 260px; }
	#header .navigation li dt a { padding:0 15px; }
#footer .navigation { margin: 0 auto; overflow: hidden; width: 970px; }
#footer .navigation a { overflow: hidden; }
#footer .navigation ul { padding: 0; }
	#footer .navigation li { margin-right: 5px; width: 155px; }
	#footer .navigation dl { clear: both; }

#content, .content { border-style: solid; border-width: 1px; overflow: hidden; padding: 10px; position: relative; width: 950px; z-index: 8; }
#content { margin: 0 auto; }
#content-main { float: left; margin-right: 10px; width: 620px; }
#content-sub { float: left; position: relative; width: 320px; }

.content { clear: both; margin: 10px auto; }
.content-1024 { width: 1004px !important; }

#footer { clear: both; margin-top: 20px; padding-top: 5px; height: 510px; z-index: 12; position: relative; }

#footer-top { border-bottom-style: solid; border-bottom-width: 1px; height: 55px; line-height: 1.4em; padding: 10px; position: relative; text-align: left; }
	#footer-top img { vertical-align: middle; }
	#footer-top p { position: absolute; right: 100px; bottom: 0; }
	
	#credits { border-top-style: solid; border-top-width: 1px; margin: 20px auto 0 auto; padding-top: 10px; text-align: right; width: 970px; }
		#credits p { margin: 0; }

h1, h2, h3, h4, h5, h6 { clear: both; }

h1 {
	border-bottom-style: solid; border-bottom-width: 2px; text-align:center; width: 100%;
}

#content h1, h2 { border: none; line-height: 1.2em; margin-bottom: 12px; padding: 0; text-align: left; }
	#content h1 img, h2 img { margin-left: 5px; vertical-align: middle; }

h3 { border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 12px; padding: 0 0 4px 8px; }
	h3.noborder { border: none; padding-bottom: 0; }
h4 { margin-bottom: 12px; }
	h4.related { margin-top: 15px; }
h5 { margin-bottom: 12px; padding-left: 10px; }
h6 { margin-bottom: 8px; }

.subtitle { text-align: right; }

#content .weather p img { position: absolute; bottom: 30px; right: 5px; }
.agency-proposal { margin: 0; padding: 0; }
.addresses .agency-proposal em { display: block; }

.widget { border-style: solid; border-width: 3px; float: left; margin: 5px 0 10px 0; padding: 5px; position: relative; width: 45%; }
.widget { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
	.widget .widget-title { border-bottom: none; margin-bottom: 6px; text-align: center; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 0; }
	.widget h6 { margin: 2px 0; }
	.widget p { margin: 5px 0; }
	.widget .dates { display: block; }
	
#content-sub .widget { margin: 0 0 12px 0; width: 300px; }

.widget-40 { width: 40%; }
.widget-75 { width: 75% }
.widget-100 { width: 95% }
.widget-450p { width: 450px; }

.column { float: left; margin-right: 10px; }
	.col-50 { width: 48%; }
	.col-33 { width: 32%; }
	.col-66 { width: 64%; }
	.col-460p { width: 460px; }
	.col-310p { width: 310px; }
	.col-620p { width: 620px; }
.column .widget { margin-left: 5px; }

p.message { padding: 20px 30px; }
p.error { padding: 20px; }

.addresses { overflow: hidden; }
	.addresses ul { float: left; width: 50%; padding: 0; margin: 0; }
	.addresses li { margin: 1px 0; }
	.addresses .email, .richlist .email { unicode-bidi: bidi-override; direction: rtl; }

.richlist { padding: 0; margin: 0; clear: both; }
	.richlist h4 { margin: 0; padding: 0; }
		.richlist h4 a { line-height: 15px; border-bottom: 1px dotted; }
			.richlist h4 a:hover { border-bottom-style: solid; }
	.richlist li { display: block; border-bottom-style: dotted; border-bottom-width: 1px; margin-bottom: 10px; position: relative; padding: 10px 3px 10px 180px; min-height: 110px; }
		.richlist li.nc { border:none; padding: 10px; min-height: inherit; }
	.richlist .contacts a { margin-right: 10px; }
	.richlist .icon { position: absolute; top: 10px; left: 10px; width: 150px; height: 100px; border-width: 4px; border-style: solid; }
	.richlist .media { position: absolute; top: 10px; right: 10px; }
	.richlist li ul { margin: 5px 0 !important; padding: 0; }
	.richlist li li { border: none; margin: 0; padding: 1px 0; min-height: inherit; }
	.richlist .links { position: absolute; right: 3px; bottom: 7px; }
	.richlist p { margin: 5px 0; }
	
.field { overflow:hidden; }
	.field span.note { margin-left: 3px; }
	
#mini-search legend { line-height: 14px; padding: 0 5px; text-transform: uppercase; }

.width-50 { width: 50%; margin-left: auto; margin-right: auto; }
	.width-50 .field label { width: 120px !important; }
	.width-50 .field input { width: 120px !important; }

.request fieldset {	border-style: solid; border-width: 1px;	padding: 10px; margin: 3px auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.request fieldset h3 { border: none; margin: 0 0 5px 0; }
	.request .inline { margin: 4px 0 !important; }
.request .field { padding: 2px 3px; margin-top: 2px; overflow: hidden; }
	.request .field label { float: left; width: 220px; line-height: 20px; }
	.request label.inline { display: inline; float: none; }
.request input[type=text] { width: 200px; }
.request input.date { width: 80px; }
.request .small { width: 179px; float: left; }
	.request .small label { margin-right: 5px; width: auto; }
.request input.number { width: 30px; }
.request .actions { text-align: center; padding: 5px; }

.mini-request { position: relative; }
	.mini-request label { width: 120px !important; }
	.mini-request .button { position: absolute; bottom: -3px; right: 5px; }
	.widget .mini-request { margin-bottom: 12px; }
	
.inline-request { clear: both; text-align: center; }
.inline-request .field { display: inline; margin-right: 8px; }
	.inline-request .field label { float: none; width: auto; }
.inline-request .button { display: inline; }

.hint {  clear: both; border-style: solid; border-width: 1px; padding: 5px; margin-top: 30px !important; }
	.hint img { float: right; margin: 3px; }
	#content .hint h5 { padding: 2px 3px; }
	#content .hint h6 { margin: 0 0 2px 0; padding: 0;  }
	.hint p { margin: 3px 0; }
	.hint .actions { clear: both; }
		.hint .actions p { text-align: right;  }
	#content .hint ul {  text-align: right; margin: 3px 0; padding: 0; }
		.hint ul li { display: inline; margin-right: 3px; line-height: 20px; }
			.hint ul a { padding: 3px 0 3px 20px; }

div.error {  border-style: solid; border-width: 1px; margin: 10px auto; padding: 3px 3px 3px 45px; }
	div.error h5 { margin: 3px 0 !important; padding: 0 !important; }
	div.error ul { margin: 10px 0; padding: 0; }
		div.error li { list-style-position: inside; }

.offers-list { padding: 0;  }
	.offers-list > li { padding: 5px 20px; margin: 0 0 12px 0; border-style: solid; border-width: 1px; }
		.offers-list .info { margin: 3px 0; padding: 3px; clear: both; overflow: hidden; }
			.offers-list .info a { margin-left: 5px; }
		.offers-list div.description { margin: 3px 0; padding: 5px; overflow: hidden; clear: both; width: auto !important; }
		.offers-list .email { unicode-bidi:bidi-override; direction: rtl; }
		.offers-list .description img { float: right; margin-left: 5px; padding: 2px; }

#marqueecontainer { position: relative; width: 600px; height: 350px; overflow: hidden; padding-left: 50px; }
	#marqueecontainer div { width: 95%;	position:relative }

table { width: 100%; }
	table ul img { vertical-align: middle; margin-right: 5px; }

table.timetable { border-collapse: collapse;	margin: 10px auto 12px auto; width: auto; }
	table.timetable caption { text-align: center; }
	table.timetable td, table.timetable th { border-style: solid; border-width: 1px; text-align: center; padding: 1px 8px; }


table.list { width: 100%; margin-bottom: 20px; }
	table.list caption { text-align: center;  }
	table.list th {  text-align: left; border-bottom-style: solid; border-bottom-width: 1px; }
		table.list th.actions { width: 20%; }
	table.list td { padding: 3px; }

table.weather-data { width: 100%; margin: 10px auto; border-collapse: collapse; }
	table.weather-data caption { margin-top: 15px; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; }
	table.weather-data th { text-align: left;  }
		table.weather-data thead th { text-align: center; padding: 5px; }
	table.weather-data td { text-align: center; border-style: solid; border-width: 1px; }

#content-sub table.dates th {
	 padding-left: 10px; width: 75px;
}

ul.weather-data { overflow: hidden;  padding: 0;  }
	ul.weather-data h4 { border: none; margin: 0 0 8px 0; }
	ul.weather-data li { float: left; width: 215px; position: relative; border-left-style: solid; border-left-width: 1px; margin-right: 8px; padding-left: 8px; }
		ul.weather-data li p { margin: 3px 0; }

table.price-list { margin: 10px auto;  border-spacing: 1px; }
	table.price-list caption {  text-align: center; }
	table.price-list td { border-style: solid; border-width: 1px; text-align: center; }
	table.price-list thead th {	border-style: solid; border-width: 1px; text-align: center;  }
	table.price-list tbody th { border-style: solid; border-width: 1px;  }

table.data { border-spacing: 1px; margin: 5px auto 10px auto; }
	table.data th { padding: 2px 2px 2px 10px; vertical-align: top; }
	table.data td { padding: 2px; }
	table.data th, table.data td { border-style: solid; border-width: 1px; }
	table.data p { margin: 0; }
	
table.distances td { text-align: center; }

ul.unstyled li { list-style-position: outside; }
	
ul.photo-360 li {
	padding-left: 35px; 
}
ul.photo-180 li {
	padding-left: 35px; 
}

a.image img { border-style: solid; border-width: 3px; text-decoration: none; position: relative; }
img.image-l { float: left; margin: 5px 5px 5px 0; }
img.image-r { float: right; margin: 5px 0 5px 5px; }
img.image-c { display: block; margin: 5px auto; }

.gallery { margin: 20px auto; overflow: hidden; padding: 0; text-align: center; }
	.gallery li { display: inline-block; margin: 2px; position: relative; }
			.gallery li a span { display: none; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding: 2px 0; }
			.gallery li a:hover span { display: block; }

ul.inline { list-style-position: outside; overflow: hidden; padding: 0; }
	ul.inline li { float: left; text-align: center; }
ul.columns-2 li { width: 50%; }
ul.columns-3 li { width: 33%; }
ul.columns-4 li { width: 25%; }
ul.columns-5 li { width: 20%; }
ul.columns-6 li { width: 16%; }
ul.columns-12 li	{ width: 8%; }
ul.text-l li { text-align: left; }

ul.print { margin-bottom: 25px !important; }

.gmap { margin: 10px auto 10px auto; }

p.attachment { padding: 3px 28px 3px 3px; text-align: right; border-style: solid; border-width: 1px; }
	
.ad-search { width: 300px; padding: 5px; }
	.ad-search fieldset { margin: 3px 0; text-align: left; }
	.ad-search legend, .ad-search .legend {  display: block; }
	.ad-search label.legend { margin-bottom: 3px; }
	.ad-search .price { width: 125px; }
	.ad-search .field { float: left; padding: 5px 3px; }
	.ad-search .first { margin-left: 24px; }
	.ad-search h3 { padding: 2px; margin-bottom: 8px; text-align: center !important; -moz-border-radius: 8px 8px 0 0; }
	.ad-search .actions { text-align: center; padding: 5px 0; }
	
.ad-detail { margin-bottom: 15px }
	.ad-detail th, .ad-detail td { border-bottom-style: solid; border-bottom-width: 1px; }
	.ad-detail td { padding: 2px 0; width: 150px; }
	
div.description { clear: both; margin-bottom: 12px; overflow: hidden; }
#content .ui-tabs-panel div.description { width: 900px; } /* bug "overflow" */
	
.inline .creq, .inline .isle-map { float: none; margin-left: auto; margin-right: auto; }
.inline .isle-map { margin-top: 50px; }


.av-cal { border-spacing: 1px;  margin-bottom: 15px; }
	.av-cal thead th { text-align: center; }
	.av-cal td { text-align: center; }
	
p.tips { border-style: solid; border-top-width: 1px; border-bottom-width: 1px; margin-left: auto; margin-right: auto; min-height: 40px; padding: 10px 10px 10px 55px; width: 86%; }

.structure .email { unicode-bidi:bidi-override; direction: rtl; }
.structure .gallery li { border-style: solid; border-width: 1px; margin: 10px; padding: 2px; }
.structure .gallery img { vertical-align: middle; }
.structure #main-image { border-style: solid; border-width: 2px; float: left; width:520px; height:380px; position: relative; }
	.structure #main-image p { margin: 0; padding: 2px 10px; position: absolute; bottom: 2px; left: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.structure .widget { height: 365px; margin: 0 0 10px 10px; width: 396px; }
	.structure .widget .ui-tabs-selected { padding-bottom: 0 !important; }
.structure #s-map { padding: 0; }
.structure .subtitle .icon-l { margin-left: 5px; }
.structure .attachments { float: right; margin: 0 0 10px 10px; width: 250px; }

#vcard-request p { margin-bottom: 4px !important; overflow: hidden; }
	
.contacts p, .contacts ul { margin: 0; padding: 0 3px 3px 3px; }
	
.tabs { margin-bottom: 12px; }
	
.map-info { width: 400px; }
	.map-info h4 { border: none; margin-bottom: 3px; margin-left: 0; }
	.map-info p img { float: left; margin-right: 5px; width: 120px; }
	
#content-sub .subpages { padding-left: 0; }
	#content-sub .subpages ul { margin-bottom: 3px; padding-left: 20px; }
.subpages h5 { margin-bottom: 6px; padding: 0; }
	.subpages .toggler { margin-left: 3px; overflow: hidden; padding-left: 12px;}

ul.page-nav { border-style: solid; border-width: 1px; clear: both; padding: 5px !important; }

.pad-10 { padding: 10px; }
.pad-h10 { padding-left: 10px; padding-right: 10px; }
.pad-v10 { padding-top: 10px; padding-bottom: 10px; }

.links { overflow: hidden; padding-left: 10px; }
	.links li { margin-bottom: 10px; margin-right: 10px; overflow: hidden; }
	.links h5 { margin-bottom: 4px; padding: 0; }
	.links .published { margin-bottom: 3px; }

.links-v li { display: inline-block; vertical-align: top; width: 295px; }
.links-v img { display: block; width: 250px; height: 188px; }
.links-v p { border-left-style: solid; border-left-width: 2px; margin-bottom: 0; padding-left: 6px; }
.links-v .title { border: none; padding: 0 }

.links-h li { border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 10px; width: 100%; }
.links-h img { float: right; margin: 0 6px !important; width: 180px; height: 120px; }
.links-h .title { clear: none; margin-bottom: 6px; padding: 0; }

.map-legend ul { margin: 0; overflow: hidden; padding: 5px 0; }
	.map-legend li { float: left; width: 295px; margin: 0 6px 6px 0; }
	.map-legend img { vertical-align: middle; }
	
.notify { display: block; position: absolute; line-height: 20px; height: 26px; width: 28px; top: -12px; right: 0; text-align: center; }

#side-notes {
	padding: 5px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa;
}
	#content-sub #side-notes { /*position: absolute; top: 0; left: 0;*/ width: 308px; }
	.request #side-notes, #side-notes.request { margin-top: 12px; }
	
.banners { clear: both; margin: 10px auto; padding: 0; text-align: center; }
	.banners-1 li { display: inline; }
	.banners-1 img { padding: 0 6px 6px 0; }
.banners img { vertical-align: middle; }

ul.services span {
	padding: 0 5px;
	vertical-align: middle;
}

#infoelbads { clear: both; margin-bottom: 15px; }

/* toolbar */

#toolbar, #toolbar-show { position: fixed; bottom: 0px; right: 0px; z-index: 9999; height: 36px; }
#toolbar { width: 1024px; margin: 0px auto; left: 0px; }
	#toolbar img { vertical-align: middle; }

#toolbar-left { float: left; }
	#toolbar-left > div { float: left; height: 36px; }
	
	#toolbar-loader { padding: 7px 8px; text-align: center; }
	#social-links { display: none; padding: 2px 8px 0 8px; }
	#social-share { display: none; padding: 6px 0 0 8px; }

#toolbar-right { float: right; }

#toolbar-show { height: 24px; margin-right: 15%; display: none; text-align: center; }
	#toolbar-show a { padding: 5px; }

#toolbar-hide { float: right; }
	#toolbar-hide a { display: block; height: 36px; line-height: 36px; padding: 0 10px; }

#toolbar-menu-container { padding: 10px 10px 10px 35px; display: inline; line-height: 34px; }
	#toolbar-menu-container:hover #toolbar-menu { display: block; }

#toolbar-menu { display: none; position: absolute; top: -152px; right: 46px; width: 260px; height: 150px; }
	#toolbar-menu ul { list-style: none; padding: 10px; }
	#toolbar-menu ul a { display: block; }

/* speech bubbles */

.bubble {
	background: #fff;
	border: 1px solid #fff;
	color: #333;
	font-family: Arial,Verdana,serif;
	font-size: 10px;
	padding: 3px 5px;
	position: relative;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bubble-left {
	margin-left: 2px;
}

#toolbar .bubble-left { margin-right: 4px; }

.bubble-right {
	margin-right: 2px;
}


.bubble-left:before {
	content: "";
	position: absolute;
  display: block; 
  width: 0;
	border-style: solid;
	
	top: 5px;
	bottom: auto;
	left: -5px; /* - border-left-width - border-right-width */
	border-width: 5px 5px 5px 0;
	border-color: transparent #fff;
}

.bubble-left:after {
	content: "";
	position: absolute;
  display: block; 
  width: 0;
	border-style: solid;
	
	top: 6px; /* (:before top) + (:before border-top) - (:after border-top) */
	bottom: auto;
	left: -4px; /* - border-left-width - border-right-width */
	border-width: 4px 4px 4px 0;
	border-color: transparent #fff;
}


.highlight-box
{
  position: relative;
  width: 60%;
  background: #ddd;
  padding: 10px 1.5em;
  color: rgba(0,0,0, .8);
  line-height: 1.5;
  margin: 10px auto;
  -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
  border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #aaa;
	-webkit-box-shadow: 2px 2px 2px #aaa;
	-ms-box-shadow: 2px 2px 2px #aaa;
	box-shadow: 2px 2px 2px #aaa;
}

a.highlight-box {
	color: #fff;
  text-shadow: 0 1px 0 #aaa;
	background: #88b6d9;
	display: block;
	text-decoration: none;
}

a.highlight-box span {
	color: #f60;
	position: absolute;
	top: -18px;
	left: 0;
	font-size: 12px;
	font-variant: small-caps;
}