/*-----------------------------------------------------------------------------
Master Style Sheet

version:   2.1
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.evolution-e.com, http://www.jamiestanton.com
-------------------------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Internet Blue 	#90B8D2
*/

/* =Common Classes
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.img-left 					{ float:left; margin:4px 10px 4px 0; }
.img-right 					{ float:right; margin:4px 0 4px 10px; }
.align-left					{ text-align:left; }
.align-right				{ text-align:right; }
.align-center				{ text-align:center; }
.align-justify				{ text-align:justify; }
.nopadding      			{ padding:0; }
.noindent       			{ margin-left:0;padding-left:0; }
.nobullet       			{ list-style:none;list-style-image:none; }
.invisible					{ position:absolute; left:-9000px; }
.spoiler					{ color:#000; background-color:#000; }
.content .vertical-nav 		{ margin:0px; text-align: center; width:100%;}
.content .vertical-nav li	{ display: inline; padding-right: 5px; padding-left: 5px; margin:0px; background-image:none;}
.content .sitemap li 		{ background-image: url("page.png"/*tpa=http://www.officesuites.ie/images/icons/page.png*/);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}

/* =Link Icons
-------------------------------------------------------------------------------
Syntax: class="icon-right email" --- Many of these icons were created by Mark James of http://www.famfamfam.com/
-----------------------------------------------------------------------------*/
.icon-right 				{ background-repeat: no-repeat;background-position: right;padding-right: 20px; margin-right: 5px; } 
.icon-left 					{ background-repeat: no-repeat;background-position: left;padding-left: 20px; margin-left: 5px; } 
.email 						{ background-image: url("email.png"/*tpa=http://www.officesuites.ie/images/icons/email.png*/); }
.external 					{ background-image:url("world_link.png"/*tpa=http://www.officesuites.ie/images/icons/world_link.png*/); }
.calendar 					{ background-image:url("calendar.png"/*tpa=http://www.officesuites.ie/images/icons/calendar.png*/); }
.date 						{ background-image:url("date.png"/*tpa=http://www.officesuites.ie/images/icons/date.png*/); }
.time 						{ background-image:url("time.png"/*tpa=http://www.officesuites.ie/images/icons/time.png*/); }
.rss 						{ background-image:url("rss.png"/*tpa=http://www.officesuites.ie/images/icons/rss.png*/); }
.search 					{ background-image:url("magnifier.png"/*tpa=http://www.officesuites.ie/images/icons/magnifier.png*/); }
.map 						{ background-image:url("map.png"/*tpa=http://www.officesuites.ie/images/icons/map.png*/); }
.photo 						{ background-image:url("picture.png"/*tpa=http://www.officesuites.ie/images/icons/picture.png*/); }
.phone 						{ background-image:url("telephone.png"/*tpa=http://www.officesuites.ie/images/icons/telephone.png*/); }
.mobile 					{ background-image:url("phone.png"/*tpa=http://www.officesuites.ie/images/icons/phone.png*/); }
.next 						{ background-image:url("resultset_next.png"/*tpa=http://www.officesuites.ie/images/icons/resultset_next.png*/); }
.prev, .back				{ background-image:url("resultset_previous.png"/*tpa=http://www.officesuites.ie/images/icons/resultset_previous.png*/); }
.star 						{ background-image:url("star.png"/*tpa=http://www.officesuites.ie/images/icons/star.png*/); }
.printer 					{ background-image:url("printer.png"/*tpa=http://www.officesuites.ie/images/icons/printer.png*/); }
.vcard 						{ background-image:url("vcard.png"/*tpa=http://www.officesuites.ie/images/icons/vcard.png*/); }
.tag 						{ background-image:url("tag.png"/*tpa=http://www.officesuites.ie/images/icons/tag.png*/); }
.add 						{ background-image:url("add.png"/*tpa=http://www.officesuites.ie/images/icons/add.png*/); }
.info 						{ background-image:url("info.png"/*tpa=http://www.officesuites.ie/images/icons/info.png*/); }
.secure 					{ background-image:url("lock.png"/*tpa=http://www.officesuites.ie/images/icons/lock.png*/); }
.text	 					{ background-image:url("page_white_text.png"/*tpa=http://www.officesuites.ie/images/icons/page_white_text.png*/); }
.skype 						{ background-image:url("skype.gif"/*tpa=http://www.officesuites.ie/images/icons/skype.gif*/); }
.paypal 					{ background-image:url("paypal.gif"/*tpa=http://www.officesuites.ie/images/icons/paypal.gif*/); } 
.gearth 					{ background-image:url("gearth.gif"/*tpa=http://www.officesuites.ie/images/icons/gearth.gif*/); } /* Google Earth */
.outlook 					{ background-image:url("outlook.gif"/*tpa=http://www.officesuites.ie/images/icons/outlook.gif*/); } /* Microsoft Outlook - Alternative to vcard icon, depending on audience of site */
.login, .key				{ background-image:url("key.png"/*tpa=http://www.officesuites.ie/images/icons/key.png*/); }
.ie							{ background-image:url("ie.png"/*tpa=http://www.officesuites.ie/images/flags/ie.png*/); }  /* Change country code to get relevant flag */
.new-window					{ background-image:url("newwindow.gif"/*tpa=http://www.officesuites.ie/images/icons/newwindow.gif*/) }


.invisible					{ position:absolute; left:-9000px; }


body {
	margin:0;
	background:#C2D0D3;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.f-left {float:left;}
.f-right {float:right;}
.clear {clear:both;}
img {
	border:none;
	display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul {
	padding:0;
	margin:0;
}


a {
	text-decoration:none;
	color: #0066CC;
}
a:hover {
	color: #CC3300;
}
/*page*/
#page {
	margin:0 auto;
	width:900px;
	padding:354px 9px 0 8px;
	position:relative;
	background-color: #FFFFFF;
	background-image: url(page-bg.gif);
	background-repeat: repeat-y;
}

#text-page {
	margin:0 auto;
	width:900px;
	padding:220px 9px 0 8px;
	background:url("page-bg.gif") repeat-y;
	position:relative;
}

#text-pagegallery {
	margin:0 auto;
	width:900px;
	height:800px;
	padding:220px 9px 0 8px;
	background:url("page-bg.gif") repeat-y;
	position:relative;
}
/*primary content*/
.primary-content {
	width:843px;
	padding:0 18px 10px 39px;
	overflow:hidden;
}
/*left column*/
.left-col {width:534px;}
.left-col h1 {
	color:#39f;
	font:32px Verdana, Arial, Helvetica, sans-serif;
}
.left-col h1 span {
	display:block;
	font-size:35px;
}
.content-box {
	width:100%;
	overflow:hidden;
	margin:-32px 0 0;
	background:url("dotted.gif") repeat-y 222px 0;
}
.sub-right {
	width:291px;
	text-align:justify;
padding-top:30px;
}
.sub-right p {padding:0 0 13px;}
.sub-right a {color:#39f;}
.sub-right p.contact-us {font-size:12px;}
.sub-left {
	width:215px;
}
ul.list {
	overflow:hidden;
	list-style:none;
		font-size:12px;
}



ul.list li {
	background:url("bullet.gif"/*tpa=http://www.officesuites.ie/images/bullet.gif*/) no-repeat 0 6px;
	padding:0 0 5px 10px;
	width:205px;
	font-size:12px;
}

ul.homelist li {
	background:url("bullet.gif") no-repeat 0 6px;
	width:205px;
	font-size:15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 10px;
}



#serviceslist  {
	background:url("bullet.gif") no-repeat 0 6px;
	padding:0 0 5px 10px;
	font-size:8px;
}


ul.contact-info {
	overflow:hidden;
	list-style:none;
	width:203px;
	padding:40px 0 0;
}




ul.contact-info li {
	text-align:right;
	color:#39f;
	font:19px Arial, Helvetica, sans-serif;
	padding:0 0 10px;
}
ul.contact-info li a {color:#39f;}
ul.contact-info li.card {padding:6px 0 0;}
ul.contact-info li.card a {
	background:url("card-ico.gif") no-repeat;
	padding:0 0 5px 54px;
	float:right;
}
/*right column*/
.right-col {width:274px;}
.featured {
	width:252px;
	margin:8px 0 0;
	overflow:hidden;
	padding:12px 12px 7px 10px;
	background:#dcdcdc;
}
.featured h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 25px;
}

.featured h3 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 5px;
}
.featured p {padding:0 0 7px;}
.featured a {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
/*header*/
.header {
	width:857px;
	height:104px;
padding:85px 29px 0pt 18px;
	overflow:hidden;
	position:absolute;
	top:-2px;
	left:23px;
	z-index:10;
}


.headertab {
	width:480px;

	padding-top:40px;
	overflow:hidden;
	position:relative;
	top:20px;
	left:20px;
	z-index:10;
	clear:left;
	display: block;
	float: left;
}


.ordnung {
	border: 1px solid #f5f5f5;
}


.headertab ul {
	overflow:hidden;
	list-style:none;
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.headertab ul li {
	float:left;
	background:url("separator.gif"/*tpa=http://www.officesuites.ie/images/separator.gif*/) no-repeat 0 3px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 12px 0 14px;
	margin:0 2px 0 -2px;
}
.headertab ul li a {
	color:#3F3F3F;
	text-decoration:none !important;
}

.headertab ul li a.on {
	color: #39f;
}
.headertab ul li a:hover,
.headertab ul li.active a {color:#39f;}








/*logo*/
.logo {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:257px;
	height:95px;
	background:url("logo.jpg"/*tpa=http://www.officesuites.ie/images/logo.jpg*/) no-repeat;
}
.header ul {
	overflow:hidden;
	list-style:none;
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.header ul li {
	float:left;
	background:url("separator.gif"/*tpa=http://www.officesuites.ie/images/separator.gif*/) no-repeat 0 3px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 12px 0 14px;
	margin:0 2px 0 -2px;
}
.header ul li a {
	color:#3F3F3F;
	text-decoration:none !important;
}

.header ul li a.on {
	color: #39f;
}
.header ul li a:hover,
.header ul li.active a {color:#39f;}
.img-box {
	width:100%;
	overflow:hidden;
	position:absolute;
	top:117px;
	left:8px;
}
/*footer*/
.footer {
	width:838px;
	padding:17px 28px 0 51px;
	margin:0 auto;
	height:40px;
	overflow:hidden;
	background-color: #FFFFFF;
	background-image: url(footer-bg.gif);
	background-repeat: no-repeat;
}

.footer a:link, .footer a:visited, .footer a:active, .footer a:hover
{
	color: #3399ff;	
}

.footer ul {
	overflow:hidden;
	list-style:none;
}
.footer ul li {
	float:left;
	color:#fff;
	padding:0 11px 0 0;
	font-size:12px;
}
.footer ul.f-right li {padding:0 0 0 23px;}
.footer ul li a {color:#fff;}
/* inner page 
------------- */
.inn #page {padding-top:488px;}
.detail {
	width:840px;
	overflow:hidden;
	position:relative;
	padding-top: 32px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 36px;
}


.detailneal {
	width:793px;
	height:730px;
	padding:32px 40px 50px 37px;
	overflow:hidden;
	position:relative;
}

.detailharcourt {
	width:793px;
	overflow:hidden;
	position:relative;
	padding-top: 40px;

	padding-bottom: 50px;
	padding-left: 60px;
}

.detail-txt {
	width:610px;
	line-height:16px;
}
.detail-txt h3 {
	color:#83CCE9;
	font:20px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}
.detail-txt h2 {
	color:#9cf;
	font:35px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}

.detail-txt p {padding:0 0 17px;}

.detail-txt blockquote {
	color: #999999;
	margin-right: 10%;
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	
	background-repeat: no-repeat;
	background-position: left top;
}
.detail-txt ul {
	overflow:hidden;
	list-style:none;
	margin-left: 20px;
}

.detail-txt ul li {
	background:url("bullet.gif"/*tpa=http://www.officesuites.ie/images/bullet.gif*/) no-repeat 0 6px;
	padding:0 0 5px 10px;
	font-size:11px;
	margin-bottom: 10px; 
}


.padright {
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.detail-txt strong {
color: #83CCE9;
}

.detail-contact {
	width:309px;
	padding:50px 0 0;
}
.detail-contact p {
	color:#39F;
	text-align:right;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 8px;
}
.detail-contact h3 {
	color:#99CCFF;
	font:29px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 -25px 14px;
}
.detail-contact h3 span {
	display:block;
	overflow:hidden;
}



.send-form {
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
}
.send-form input.text {
	width:287px;
	padding:6px 11px;
	background:#dcdcdc;
	border:0;
	color:#666;
	display:block;
	margin:0 0 10px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
}
.send-form textarea {
	background:#dcdcdc;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 11px 0;
	width:287px;
	height:128px;
	border:0;
	color:#666;
}
.send-form input.button {
	float:right;
	margin:13px 0 0;
}
.image-box {
	width:100%;
	overflow:hidden;
	position:absolute;
	top:118px;
	left:8px;
}

.image-box1 {
	width:100%;
height: 500px;
	position:absolute;
	top:117px;
	left:8px;
}



.text-box {
	width:100%;
	overflow:hidden;
	position:absolute;
	top:117px;
	left:8px;
}

.flash-box {
	width:100%;
/*	overflow:hidden;
*/	position:absolute;
	top:117px;
	left:8px;
	height:370px;
}

.photoContainer {
	
}

.promo {
	width:400px;
	overflow:hidden;
	background:#83CCE9;
	position:absolute;
	top:-2px;
	left:0px;
	min-height:255px;
}
* html .promo {height:255px;}
.promo h1 {
	color:#fff;
	font:33px Verdana, Arial, Helvetica, sans-serif;
	margin:35px 0 0 28px;
}
ul.tabset {
	overflow:hidden;
	list-style:none;
	width:387px;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	/*height: 40px;*/
}
ul.tabset li {
	border-bottom: 0px;
	margin-bottom: 0px;
	/*height: 35px;*/
	float:left;
	font:11px/23px Verdana, Arial, Helvetica, sans-serif;
}

ul.tabset li.tabOver, ul.tabset li.tabActive {
	margin-top: 0px;
	background: url("tab_small.gif"/*tpa=http://www.officesuites.ie/images/tab_small.gif*/) repeat-x;
	/*height: 40px;*/
	margin-bottom: 5px;
}

ul.tabset li.tab {
	margin-top: 5px;
	/*margin-top: 0px;*/
	/*background: url(/images/tab_small.gif) repeat-x;*/
	/*height: 35px;*/
	margin-bottom: 5px;
}

.promo.promo-text {
	min-height: 120px;
}

/*.flash-box .flash-box-text-left {
	position:	absolute;
	left: 0px; 
	bottom: 0px;
	height:253px;
	width: 402px;
background-color:#FFCC66;
}

.flash-box .flash-box-text-right {
	position:	absolute;
	right: 0px; 
	bottom: 0px;
	height:370px;
	width: 498px;
	background-color:#99FF00;
}*/

ul.tabset li a {
	color:#fff;
	padding:2px 8px 0;
	display:block;
	text-decoration:none !important;
}
/*
#ul.tabset li a:hover,
#ul.tabset li a.active {background:#60BEE3;}
*/


.flash-box .flash-box-text-left {
	position:	absolute;
	left: 0px; 
	bottom: 0px;
	height:253px;
	width: 400px;
	padding-left:23px;
background-color:#fff;
border-bottom: solid 1px #C3E3DD;
border-top: solid 1px #C3E3DD;
}

.flash-box .flash-box-text-left h3 {
	padding-top: 30px;
	font-size: 14px;
	
}


h3 {color:#83CCE9;}

.flash-box .flash-box-text-left h4 {
	padding-top: 0px;
	font-size: 14px;
}


.flash-box .flash-box-text-left ol {
	margin-bottom: 5px;
}



.flash-box .flash-box-text-left p {
	padding-right: 30px;
	padding-top:5px;
	padding-bottom:15px;	
}


.flash-box .flash-box-text-right {
	position:	absolute;
	right: 17px; 
	bottom: 1px;
	height:371px;
	width: 500px;
	background-color:#CED9D7;
}



div.tab {display:none;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
@charset "utf-8";
/* CSS Document */

.inn #text-page .detail .location .flashElement {
	float: left;
	width: 288px;
	display: block;
}
.inn #text-page .detail .detail-txt  .location .locaionText {
	height: 140px;
	margin-bottom: 20px;
	padding-left: 10px;
	float:left;
	width:300px;
}


.loctitle{
	color:#3392FE;
	font-family: "ITC Avant Garde Std Bk", "Century Gothic", Arial, Helvetica, sans-serif, Tahoma;
	font-size: 24px;
	word-spacing: 10px;
}
.inn #text-page .detail .detail-txt  .location .locaionText p {
	color: #666666;
	margin: 0px;
	padding: 0px;

}

.inn #text-page .detail .detail-txt  .location .locaionText h3 {
	margin-top: 60px;
}


.inn #text-page .detail .detail-txt  .location .locaionText strong {
	color: #666666;

}
.inn #text-page .detail .detail-txt .location .locaionText .title-anglesea {
	background-image: url("anglesea-title.jpg"/*tpa=http://www.officesuites.ie/images/anglesea-title.jpg*/);

	height: 37px;
	width: 175px;
}


.inn #text-page .detail .detail-txt .location .locaionText .title-harcourt {
	background-image: url("harcourt-title.jpg"/*tpa=http://www.officesuites.ie/images/harcourt-title.jpg*/);
	text-indent: -9000px;
	height: 37px;
	width: 216px;
}

.inn #text-page .detail .detail-txt .location .locaionText .title-church {
	background-image: url("churchrd-title.jpg"/*tpa=http://www.officesuites.ie/images/churchrd-title.jpg*/);
	text-indent: -9000px;
	height: 37px;
	width: 195px;
}

.inn #text-page .detail .detail-txt .location .locaionText p a {
	display:block;
	padding-top:17px;
	color: #3397F9;
}

.location {margin-bottom: 40px; display:block; height: 188px;}

.flash-logo {
	position:absolute;
	top: 10px;
	right: 40px;
	z-index: 10;
}

.small p { font-size: 11px; }


.small  .send-form input.text {
	width:187px;
	padding:6px 11px;
	background:#dcdcdc;
	border:0;
	color:#666;
	display:block;
	margin:0 0 10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-left:100px;
}

.small  .send-form textarea {
	background:#dcdcdc;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 11px 0;
	width:187px;
	height:70px;
	border:0;
	color:#666;
	margin-left:100px;
}

.small .detail-contact h3 {
	color:#99CCFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:25px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0pt 0pt 0px 87px;
}
.small .detail-contact {
	padding:0px;
}

.harcourtimage {
	width:100%;
/*	overflow:hidden;
*/	position:absolute;
	background-image:url("harcourt-large.jpg"/*tpa=http://www.officesuites.ie/images/harcourt-large.jpg*/);
	repeat: no-repeat;
	top:117px;
	left:8px;
	height:370px;
	width: 900px;
}

.detail-txt a {color:#3399FF;}

.detail-txt.wide { width:654px;}

.news {
	font-size:11px;
	float: left;
	width: 280px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 4px;
	padding: 4px;
	background-color: #F5F5F5;
	line-height: 1.5em;
}

.news-heading {
	font-size:15px;
	float: none;
	width: 590px;
	color: #FFFFFF;
	background-color: #8DD4F6;
	font-weight: bold;
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	height: 18px;
}

.news-highlights {
	font-size:15px;
	float: left;
	width: 200px;
	color: #FFFFFF;
	background-color: #990033;
	font-weight: bold;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.highlights-detail {
	font-size:11px;
	float: left;
	width: 196px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 4px;
	background-color: #F5F5F5;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 1.5em;
