/*
---------------------------- STANDARD SETTINGS 
*/

body, p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6, ol, ul, form, blockquote {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 62.5%;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

body {
	font-family: "Lucida Unicode", Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 150%;
	margin: 0;
	padding: 0;
}


/*
---------------------------- Links 
*/

a:link, a:visited {
/*	display: block; */
	color: #52a5a9;
	text-decoration: none; 	
}

a:hover, a:active {
	color: #b66565;
}

a.anchorLink:hover, a.anchorLink:active {} 


a:link.clArrow, a:visited.clArrow {
	display: block;
	margin: 0.4em 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.0em;
	color: #52a5a9;
	background: url(../images/green-dbl-arrow.gif) no-repeat left 0.5em;
	text-decoration: none; 
	height: 20px;
}

a:hover.clArrow, a:active.clArrow {
	color: #b66565;
	background: url(../images/red-dbl-arrow.gif) no-repeat left 0.5em;
	
}

a:link.clCTAH2, a:visited.clCTAH2, a:hover.clCTAH2, a:active.clCTAH2 {
	display: block;
	color: #88a5ac;
	text-decoration: none; 	
}

a.clGreyText {
	color: #37283a;
}


/*
---------------------------- Paragraphs Text
*/

p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	color: #37283a;
	margin: 0.4em 0 0.4em 0.2em;
}



ul, ol {
	margin: 0.4em 0 1.6em 0.4em;
}

li {
	color: #343e41;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 130%;
	margin: 0.4em 0;
}

li li {
	font-size: 1.0em;
}

li a.clArrow {
	font-size: 1.0em;
}

ol li {
	margin-left: 2.0em;
}

ul li {
	padding-left: 2.0em;
	list-style: none;
	background: url(../images/square-bullet-grey.gif) no-repeat 0.6em 0.4em; 
}

li a {
	font-size: 90%;
	font-weight: bold;
}

blockquote p {
	font-family: Verdana !important;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	margin: 0.5em 2.0em 1em 1.4em !important;
}

ul.clSiteLinks li {
	padding-left: 1.2em;
	margin: 0.2em 0;
	background: url(../images/green-dbl-arrow.gif) no-repeat 0.2em 0.5em;	
}

#idWhatWeDo {
	float: left;
	background: url(../images/what-we-do-dotted-divider.gif) repeat-y 25em top;
	margin-bottom: 2em;
}

#idMarketingDos {
	float: left;
	width: 23em;
	padding-right: 4em;
	margin: 0;
}

*+html #idMarketingDos {
	padding-right: 0;
	width: 24em;
}

#idWebsiteDos {
	float: right;
	width: 23em;
	margin: 0;
	padding: 0;
}

*+html #idWebsiteDos {
	width: 24em;
}


/*
------------------------------------Images
*/

img.clPortrait {
}

img.clRight {
	margin: -1em -2em 1em 1em;
	float: right;
}

* html img.clRight {
	position: relative;
}

img.clRightStandard {
	margin: 0 0 1em 1em;
	float: right;
}

img.clLeft {
	margin: 1em 1em 1em -2em;
	float: left;
}

* html img.clLeft {
	position: relative;
}

img.clLeftStandard {
	margin: 0 1em 1em 0;
	float: left;
}


/*
------------------------------------ Headers
*/

h1 {
	font-family: Georgia, serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 120%;
	color: #88a5ac;
	margin: 0.4em 0 0.8em 0;
}

h2 {
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 120%;
	color: #88a5ac;
	margin: 0.4em 0 0.4em 0;
}

h3 {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 120%;
	color: #88a5ac;
	margin: 0.2em 0 0.4em 0;
}

h4 {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 120%;
	color: #88a5ac;
	margin: 0.2em 0;
}

/*
----------------------------------- Images
*/


/*
---------------------------------- Main IDs 
*/


/*
--------------------------------- Branding
*/

#idBranding {
	width: 100%;
	height: 7.2em;
	background-color: #e8eeeb;
}

#idInnerBranding {
	width: 80em;
	margin: 0 auto;
	height: 7.2em;
	position: relative;
	background-color: #dbe6e1;
}

#idLogo {
	position: absolute;
	top: 2.3em;
	left: 2.2em;
}

.clLogo {
	margin:0; padding:0;
	position:relative;
	width:300px; height:20px;
	overflow:hidden;
}

.clLogo span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:300px; height:20px;
	margin:0; padding:0;
	background: url(../images/inspired-business-marketing-web-logo-turquoise.gif) top left no-repeat;
}

#idContactDetails {
	float: right;
	text-align: right;
	margin: 1.3em 2em 0 0;
}

h4.clContact {
	font-size: 1.3em;
	line-height: 90%;
}

h4.clContact a {
	font-size: 0.9em;
}

/*
-------------------------------- Top Content
*/

#idTopContent {
	width: 100%;
	min-height: 10em;
	background-color: #e8eeeb;
}

* html #idTopContent {  /* IE doesn't recognise min-height */
	height: 10em;
}

#idHomeTop {
	width: 80em;
	margin: 0 auto;
	height: 22em;
	background-color: #dce7e2;
	position: relative;
}

#idPositioning {
	position: absolute;
	width: 440px;
	left: 2.5em;
	top: 0;
}

ul.homeHero {position:absolute;left:2.5em;top:0;margin-left:0;}
ul.homeHero li {float:left;display:inline;list-style:none;width:220px;height:200px;margin:0 25px 0 0;padding:0;background:url(../images/ibm-home-hero-bg.png) no-repeat left top;text-align:center;position:relative;}
ul.homeHero li img.formerlyVenda {position:absolute;top:0;left:0;z-index:2;}
ul.homeHero li.last {margin-right:0;}
ul.homeHero li.vendaHero h2 {height:68px;width:176px;line-height:110%;margin:21px 28px 0;position:relative;overflow:hidden;display:block;}
ul.homeHero li.vendaHero h2 span {display:block;z-index:1;height:68px;width:176px;padding:0;margin:0;background:url(../images/powa-instant-salesware-hero-logo.png) no-repeat left top;left:0;top:0;position:absolute;}
ul.homeHero li.wordpressHero h2 {height:95px;width:152px;line-height:110%;margin:17px 34px 0;position:relative;overflow:hidden;display:block;}
ul.homeHero li.wordpressHero h2 span {display:block;z-index:1;height:95px;width:152px;padding:0;margin:0;background:url(../images/wordpress-hero-logo.png) no-repeat left top;left:0;top:0;position:absolute;}
ul.homeHero li h3 {font-size:14px;width:164px;color:#40A1A6;margin:5px auto;}
ul.homeHero li a {bottom:15px;display:block;height:28px;left:27px;line-height:110%;margin:0;overflow:hidden;position:absolute;width:166px;}
ul.homeHero li.vendaHero a:link span, ul.homeHero li.vendaHero a:visited span {display:block;z-index:1;height:28px;width:166px;padding:0;margin:0;background:url(../images/ecommerce-websites-hero-button.png) no-repeat left top;left:0;top:0;position:absolute;}
ul.homeHero li.vendaHero a:hover span, ul.homeHero li.vendaHero a:active span {background-position:0 -28px;}
ul.homeHero li.wordpressHero a:link span, ul.homeHero li.wordpressHero a:visited span {display:block;z-index:1;height:28px;width:166px;padding:0;margin:0;background:url(../images/business-websites-hero-button.png) no-repeat left top;left:0;top:0;position:absolute;}
ul.homeHero li.wordpressHero a:hover span, ul.homeHero li.wordpressHero a:active span {background-position:0 -28px;}


#idMainImage {
	width: 440px;
	height: 19em;
	border-top: 6px solid #F0F3F1;
	background: url(../images/lucy-whittington-and-andy-wilkes-homepage-image.jpg) no-repeat left bottom;
}

#idMainImage p {
	width: 200px;
	padding: 4px 10px;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
	line-height: 120%;
	color: #686765;
	font-family: Verdana, Arial, sans-serif;
}

#idMainImageCaption {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	width: 440px;
	background: url(../images/homepage-image-bottom.png) no-repeat left top;
}

#idMainImageCaption p {
	padding: 0.4em 0;
	font-size: 1.2em;
	color: #436B6D;
	margin: 0;
}

#idTopRight {
	margin: 0;
	position: absolute;
	right: 8em;
}

#idStatement {
	margin-top: 2em;
}

#idStatement h2 span {
	font-size: 90%;
}

/*
p.clStatement {
	color: #3f4d4e;
	font-size: 1.4em;
}

*/

/*
------------------------------ Main Navigation
*/

ul#idMainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 20em;
	border-bottom: 1px solid #c4d6ce;
}

#idMainNav li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #52a5a9;
	list-style: none;
	background: none;
}

#idMainNav a:link, #idMainNav a:visited {
	text-decoration: none;
	font-size: 1.2em;
	font-family: "Lucida Unicode", Tahoma, arial, verdana, sans-serif;
	font-weight: bold; 
	border-top: 1px solid #c4d6ce;
	display: block;
	padding: 0.2em 0 0.2em 1.2em; 
	background: url(../images/green-dbl-arrow.gif) no-repeat left 0.5em;
}

#idMainNav li.clCurrent a.clTopLevel {
	color: #b66565;
	background: url(../images/red-dbl-arrow.gif) no-repeat left 0.5em;
}

#idMainNav a:hover, #idMainNav a:active {
	color: #b66565;
	background: url(../images/red-dbl-arrow.gif) no-repeat left 0.5em;
}

/* remove annoying gaps */
#idMainNav li {
	display: inline; 
}

/* force hover on entire width of  link */
* html #idMainNav a {
	height: 1px;
}

#idMainNav a.clNoBorder {
	border: none;
}

#idMainNav a:link.clSubMenu, #idMainNav a:visited.clSubMenu {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	padding: 0.3em 0 0.3em 2.4em; 
	list-style: none;
	background: url(../images/green-dbl-arrow-sml.gif) no-repeat 1.4em 0.6em;
}

#idMainNav a:hover.clSubMenu, #idMainNav a:active.clSubMenu {
	background: url(../images/red-dbl-arrow-sml.gif) no-repeat 1.4em 0.6em;	
}

#idMainNav ul.clSubListing li.clCurrent a.clSubMenu {
	color: #b66565;
	background: url(../images/red-dbl-arrow-sml.gif) no-repeat 1.4em 0.6em;
}

.clSubListing h3 {
	padding: 0.1em 0 0.3em 1.4em;
	background: url(../images/dashed-underline.gif) no-repeat 1.4em bottom;
}

ul.clSubListing {
	padding: 0;
	margin: 0 0 0.3em;
}

#idMainNav li li {
	font-size: 1.0em; 
}

#idMainNav a:link.clSubSubMenu, #idMainNav a:visited.clSubSubMenu {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight:normal;
	padding: 0.3em 0 0.3em 2.4em; 
	list-style: none;
	background: url(../images/green-sgl-arrow-sml.gif) no-repeat 1.4em 0.6em;
}

#idMainNav a:hover.clSubSubMenu, #idMainNav a:active.clSubSubMenu {
	background: url(../images/red-sgl-arrow-sml.gif) no-repeat 1.4em 0.6em;	
}

#idMainNav ul.clSubSubListing li.clCurrent a.clSubSubMenu {
	color: #b66565;
	background: url(../images/red-sgl-arrow-sml.gif) no-repeat 1.4em 0.6em;
}

.clSubSubListing h3 {
	padding: 0.1em 0 0.3em 1.4em;
	background: url(../images/dashed-underline.gif) no-repeat 1.4em bottom;
}

ul.clSubSubListing {
	padding: 0;
	margin: 0 0 0.3em 1.4em;
}

#idMainNav li li li {
	font-size: 0.9em; 
}


/*
---------------------------- Home Main
*/

#idMainContent {
	width: 80em;
	margin: 0 auto;
	background-color: #fff;
}

#idHomeContent {float:left;padding:2em 1.5em 2em 2.5em;width:76em;}

.clHomeCTA {
	float: left;
	width: 16em;
	margin-right: 3em;
}

.clNoRightMargin {
	/*margin-right: 0; */
}

* html .clHomeCTA {  /* IE6 double-margin bug */
	display: inline;
}



/*
---------------------------- Content Main
*/


#idContentSection {
	float: left;
	width: 52em;
	min-height: 35em;
	margin: 4em 0 3em 2em;
	padding-right: 2em;
}

* html #idContentSection {
	height: 35em;
	display: inline;
	width: 50em;
}


#idContentSection p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	color: #37283A;
	margin: 0.5em 0 1em 0.2em;
}


#idContentCTAHolder{
	clear: both;
	margin: 3em 0;
	border-top: 1px dashed #dbe6e1;	
}

.clContentCTA {
	float: left;
	width: 22em;
	margin: 1em 1.5em 0 1.5em;
}

* html .clContentCTA {  /* IE6 double-margin bug */
	display: inline;
}

#idContentCTAHolder h2 {
	font-size: 1.6em;
	margin-bottom: 0.4em;
}

#idContentCTAHolder p {
	font-size: 1.2em;
}

.clNutshell {
	display: block;
	padding-bottom: 3em;
}

.clNutshell li {
	float: left;
	background: none;
	font-weight: bold;
	padding: 0 2em 0 1em;
}

.clNutshell li a {
	padding: 0.2em 0 0.1em 1.0em;
	background: url(../images/green-dbl-arrow.gif) no-repeat left 0.5em;	
}

.clNutshell li a:hover {
	background: url(../images/red-dbl-arrow.gif) no-repeat left 0.5em;	
}

.clClear {
	clear: both !important;
}

.clMainImageBox180 {
	width: 18em;
	margin: 1em 0 1em 1em;
	background-color: #fff;
}

.clRight {
	float: right;
}

.clMainImageBox180 img {
	padding: 0.5em;
	border: 1px solid #d3e0ef;
}

p.clCaption {
	font-size: 1.1em !important;
	margin: 0.5em !important;
	color: #5a6169 !important;
}

#idContentSection h1 span {
	font-size: 55%;
	font-family:Verdana, Geneva, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
}

#idContentSection h1 span.clSubHead {
	font-size: 65%;
	font-style: normal;
	line-height: 90%;
}

#idExperienceBox {
	clear: both;
	margin: 0;
	padding: 0.4em 1.4em;
	border: 1px solid #c4d6ce;
	background-color: #e8eeeb;
}

#idExperienceBox h2 {
	font-size: 1.5em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

#idExperienceBox p {
}

/*
---------------------------------- Homepage 5 Things
*/

#fiveThings {float:left;margin:0 4em 0 0;width:45em;}
#fiveThings h2 {color:#000;text-align:center;}
#fiveThings h2 span {color:#52A5A9;font-size:150%}
#fiveThings ol {border-top:1px solid #72B7BA;margin:0 0 0 2.5em;padding:0;}
#fiveThings li {list-style:none; padding:6px 0 6px 30px;margin:0;border-bottom:1px dashed #C0CEC7;}
#fiveThings li.one {background:url(../images/five-things-1.png) no-repeat left 50%;}
#fiveThings li.two {background:url(../images/five-things-2.png) no-repeat left 50%;}
#fiveThings li.three {background:url(../images/five-things-3.png) no-repeat left 50%;}
#fiveThings li.four {background:url(../images/five-things-4.png) no-repeat left 50%;}
#fiveThings li.five {border:none;background:url(../images/five-things-5.png) no-repeat left 50%;}
#fiveThings h3 {font-family:Georgia, serif;font-size:16px;color:#000;font-weight:normal;}
#fiveThings ul.fiveThingsCTAs {float:left;width:352px;margin:0 50px;padding:0;}
#fiveThings ul.fiveThingsCTAs li {background:none;border:none;float:left;margin:0 20px 0 0;padding:0;width:166px;}
#fiveThings ul.fiveThingsCTAs li.last {margin:0;}
#fiveThings ul.fiveThingsCTAs li a {bottom:0;display:block;height:28px;left:0;line-height:110%;margin:0;overflow:hidden;position:relative;width:166px;}
#fiveThings ul.fiveThingsCTAs li.powa a:link span, #fiveThings ul.fiveThingsCTAs li.powa a:visited span {display:block;z-index:1;height:28px;width:166px;padding:0;margin:0;background:url(../images/ecommerce-websites-5things-button.png) no-repeat left top;left:0;top:0;position:absolute;}
#fiveThings ul.fiveThingsCTAs li.powa a:hover span, #fiveThings ul.fiveThingsCTAs li.powa a:active span {background-position:0 -28px;}
#fiveThings ul.fiveThingsCTAs li.wordpress a:link span, #fiveThings ul.fiveThingsCTAs li.wordpress a:visited span {display:block;z-index:1;height:28px;width:166px;padding:0;margin:0;background:url(../images/business-websites-5things-button.png) no-repeat left top;left:0;top:0;position:absolute;}
#fiveThings ul.fiveThingsCTAs li.wordpress a:hover span, #fiveThings ul.fiveThingsCTAs li.wordpress a:active span {background-position:0 -28px;}




/*
---------------------------------- Homepage Lists
*/

#idMarketingHomeList, #idWebsiteHomeList {
	width: 22em;
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	border: 1px solid #fff;
}

#idMarketingHomeList h2, #idWebsiteHomeList h2 {
	margin: 0;
	padding: 0.2em 6px;
	font-size: 2.2em;
}

#idMarketingHomeList ul, #idWebsiteHomeList ul {
	padding: 0;
	margin: 0;
}

#idMarketingHomeList li, #idWebsiteHomeList li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
	background: none;	
}

#idMarketingHomeList a, #idWebsiteHomeList a {
	padding: 0.3em 6px;
	margin: 0;
	display: block;
	font-weight: normal;
	background-color: #EDF3F0;
	color: #88A5AC;
}

#idMarketingHomeList a span, #idWebsiteHomeList a span {
	display: block;
	font-family: Georgia, serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 0.2em;
	color: #52A5A9;
}

#idMarketingHomeList a:hover, #idWebsiteHomeList a:hover {
	background-color: #DBE6E1;
}


/*
----------------------------------- Homepage Ads
*/

#idiBMAds {
	margin: 0;
	padding: 0;
	float: left;
	width: 260px;
}

#idiBMAds li {
	list-style: none;
	padding: 0;
	margin: 1.2em 0 0;
	height: 120px;
}

#idiBMAds li a.clFullyBooked {
	margin:0; padding:0;
	position:relative;
	width:260px; height:120px;
	overflow:hidden;	
}

#idiBMAds li a.clFullyBooked span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:260px; height:120px;
	margin:0; padding:0;
	background: url(../images/hotel-b-and-b-holiday-rental-marketing-get-fully-booked.png) top left no-repeat;
}

#idiBMAds li a.clVendaAd {
	margin:0; padding:0;
	position:relative;
	width:260px; height:120px;
	overflow:hidden;	
}

#idiBMAds li a.clVendaAd span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:260px; height:120px;
	margin:0; padding:0;
	background: url(../images/venda-tailor-made-design-set-up-and-marketing-services-for-your-ecommerce-website.png) top left no-repeat;
}

#idiBMAds li a.clWhoWeAre {
	margin:0; padding:0;
	position:relative;
	width:260px; height:120px;
	overflow:hidden;	
}

#idiBMAds li a.clWhoWeAre span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:260px; height:120px;
	margin:0; padding:0;
	background: url(../images/about-lucy-and-andy-button.jpg) top left no-repeat;
}

#idiBMAds li a.clLLB {
	margin:0; padding:0;
	position:relative;
	width:260px; height:120px;
	overflow:hidden;	
}

#idiBMAds li a.clLLB span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:260px; height:120px;
	margin:0; padding:0;
	background: url(../images/lucy-loves-business-ideas-news-views-about-business-and-marketing.png) top left no-repeat;
}


/*
---------------------------------- Testimonial About Clients
*/

#idWebHomeAndAbout {
	width: 49.4em;
	padding: 1em;
	background-color: #f3f6f5;
	margin-bottom: 2em;
}

#idClientAbout {
	padding-bottom: 1em;
}

#idClientAbout h2 {
	font-size: 1.6em;
	margin: 0 1em;
}

#idClientAbout p {
	font-size: 1.1em !important;
	margin: 0.5em 1.6em !important;
	color: #5a6169 !important;
}

/*
--------------------------- Image Button
*/

.clImageButtonBlog {
/* 	display: block; */
	width: 30em;
	margin: 2em 21em;
	padding: 0.2em;
	border: 1px solid #d3e0ef;
}

.clImageButtonBlog img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

.clImageButtonBlog h3 {
	margin: 0;
	padding: 0;
}

.clImageButton {
/* 	display: block; */
	width: 30em;
	margin: 2em 0;
	padding: 0.2em;
	border: 1px solid #d3e0ef;
}

.clImageButton img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

.clImageButton h3 {
	margin: 0;
	padding: 0;
}
 


/*
--------------------------- ThumbList
*/

#idCaseStudyIndex {
	margin-top: 2em;
}

#idCaseStudyIndex li {
	padding: 0;
	margin: 0 3em 1em 0;
	background: none;
	float: left;
	width: 14em;
	height: 2.4em;
}

#idCaseStudyIndex li.clSmallWebsitesIconMini a {
	display: block;
	padding: 0 0 2em 42px;
	background: url(../images/small-websites-icon-mini.gif) no-repeat left top;
}

#idCaseStudyIndex li.clBlogsIconMini a {
	display: block;
	padding: 0 0 2em 42px;
	background: url(../images/blogs-icon-mini.gif) no-repeat left top;
}

#idCaseStudyIndex li.clBigWebsitesIconMini a {
	display: block;
	padding: 0 0 2em 42px;
	background: url(../images/big-websites-icon-mini.gif) no-repeat left top;
}
	

ul#idThumbList {
	margin: 3em 0 2em;
	padding: 0;
	float: left;
}

ul#idThumbList li {
	background: none;
}

ul#idThumbList li.clThumbSection {
	float: left;
	margin: 0;
	padding: 0;
	width: 40em;
}

ul#idThumbList li.clThumbSection h2.clThumbListTitle {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #c4d6ce;	
	font-size: 1.6em;
}

.clSmallWebsitesIconMini_h2 {
	padding: 0.8em 0 0.2em 42px;
	background: url(../images/small-websites-icon-mini.gif) no-repeat left top;
}

.clBlogsIconMini_h2 {
	padding: 0.8em 0 0.2em 42px;
	background: url(../images/blogs-icon-mini.gif) no-repeat left top;
}

.clBigWebsitesIconMini_h2 {
	padding: 0.8em 0 0.2em 42px;
	background: url(../images/big-websites-icon-mini.gif) no-repeat left top;
}

ul.clThumbSectionList, ul.clThumbSectionList li.clThumbEntry {
	margin: 0;
	padding: 0;
	float: left;
}

ul.clThumbSectionList li.clThumbEntry {
	margin: 0 0 2em;
}

.clThumbText h2 {
	font-size: 1.5em;
	margin: 0;
}

.clThumbList {
	clear: both;
	padding: 0 0 3em 0;
}


.clThumbImg {
	float: left;
}

.clThumbImg img {
	float: left;
	padding: 5px;
	border: 1px solid #dbe6e1;
	margin: 0 10px 1em 0;
}

.clThumbText {
	margin-left: 205px;
	display: block;
}

.clThumbText span {
	font-style: italic;
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif
}

.clThumbText p {
	font-size: 1.0em !important;
}

.clThumbText a.clArrow {
	font-size: 1.0em !important;
}

/*
--------------------------- Icon Listings
*/

#idIconListingHalf {
	margin: 0;
	padding: 0;
}

#idIconListingHalf li.clMainIconList {
	width: 13em;
	float: left;
	margin: 0 2em 2em 0;
}

li.clIconOdd {
	clear: both !important;
}

li.clIconEven {
	margin-right: 0 !important;
}

li.clWebsiteMarketingListing {
	padding: 0 0 0 75px;
	background: url(../images/website-marketing-icon.gif) no-repeat top left;
}

li.clBusinessMarketingListing {
	padding: 0 0 0 75px;
	background: url(../images/business-marketing-icon.gif) no-repeat top left;
}

li.clWritingListing {
	padding: 0 0 0 75px;
	background: url(../images/writing-icon.gif) no-repeat top left;
}

li.clOtherMarketingServicesListing {
	padding: 0 0 0 75px;
	background: url(../images/other-marketing-services-icon.gif) no-repeat top left;
}

li.clSmallWebsitesListing {
	padding: 0 0 0 75px;
	background: url(../images/small-websites-icon.gif) no-repeat top left;
}

li.clBlogsListing {
	padding: 0 0 0 75px;
	background: url(../images/blogs-icon.gif) no-repeat top left;
}

li.clWebsiteMakeoversListing {
	padding: 0 0 0 75px;
	background: url(../images/website-makeovers-icon.gif) no-repeat top left;
}

li.clBigWebsitesListing {
	padding: 0 0 0 75px;
	background: url(../images/big-websites-icon.gif) no-repeat top left;
}

li.clEcommerceWebsitesListing {
	padding: 0 0 0 75px;
	background: url(../images/powa-updateable-websites-icon2.gif) no-repeat top left;
}

li.clUpdateableWebsitesListing {
	padding: 0 0 0 75px;
	background: url(../images/wordpress-updateable-websites-icon.gif) no-repeat top left;
}

li.clAlignBottom {
	padding: 3.0em 0 0 75px;
	background-position: left bottom;
}

.clMainIconList h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	font-family: "Lucida Unicode", Verdana, Arial, sans-serif;
}

#idIconListingHalf a {
	font-size: 1.0em;
}

/*
--------------------------- Package Listings
*/

#idPackageListing {
	padding: 0;
	margin: 1em 0 0;
}

#idPackageListing li.clPackage {
	float: left;
	padding: 0;
	margin: 0 0 1em;
	background: none;
}

#idPackageListing li ul {
	float: left; 
	width: 27em;
}

#idPackageListing li ul.clPartners {
	clear: both;
}

#idPackageListing li ul li {
	float: left;
	padding: 0 0 0 2em;
	margin: 0 0 1em;
	width: 38em;
}

#idPackageListing li h2 {
	float: left;
	width: 18.5em;
	font-size: 1.4em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #e8eeeb;
}

#idPackageListing li h2 span {
	font-family: "Lucida Unicode", Verdana, Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #B66565;
}

span.clVAT {
	font-size: 11px;
	font-weight: normal;
	color: #B66565;
}

#idPackageListing li h2 span.clVAT {
	font-size: 65%;
	font-weight: normal;
	color: #B66565;
}

.clPriceColor {
	color: #B66565;	
}

#idPackageListing li.clPackage p {
	float: left;
	font-size: 1.0em;
	width: 23em;
	margin: 0;
}

#idPackageListing li.clPackage h3 {
	float: left;
	font-size: 1.1em;
	width: 23em; 
	margin: 0 0 0.3em;
}

#idPackageListing li.clPackage p.clFullWidth {
	width: 40em;
}

.clPackageDescription {
	float: left;
}

.clBuyButton {
	float: right; 
}

.clContactButton {
	float: right;
	text-align: center;
	width: 160px;
}

.clContactButton img {
}

.clExtraPadding {
	padding: 0.5em 0;
}

.clSpecialOffer {
	float: left;
	margin: 0.6em 1em;
	border: 1px solid #88a5ac;
	padding: 0;
	background-color: #dbe6e1;
}

#idPackageListing li .clSpecialOffer h4 {
	font-family: "Lucida Unicode", Verdana, Arial, sans-serif;
	display: block;
	color: #fff;
	background-color: #88a5ac;
	font-size: 1em;
	font-weight: bold;
	padding: 0.2em 0.6em;
	margin: 0;
	float: none;
}

.clSpecialOffer .clSpecialOfferText {
	padding: 0.6em 2em 0.6em 1.6em;
	margin: 0;
	float: left;
	width: 22em;
}

.clSpecialOfferText p {
	padding: 0 0 0 0.6em;
	margin: 0;
	border-left: 3px solid #88a5ac;
}

#idPackageListing li a.clContact {
	float: left;
	font-size: 1.1em;
	padding: 0.8em 0 0.8em 34px;
	background: url(../images/ibm-email-icon.png) no-repeat left 0.7em;
	width: 100%;
	margin: 0 0 1em;	
}

#idPackageListing li.clSeeAlso {
	clear: both;
	width: 100%;
	margin: 2em 0 1em;
	display: block;
	padding: 0;
	background: none;
}

.clSeeAlsoHeader {
	border-bottom: 2px solid #b66565;	
	margin: 0;
	padding: 0;
}

.clSeeAlsoHeader h4 {
	margin: 0;
	padding: 0.2em 0.6em 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 120%;
	width: 6em;
	color: #fff !important;
	background: #b66565 url('images/header-bg-orange-grad.jpg') no-repeat left bottom;
}

.clSeeAlsoItem {
	margin: 1em 0;
	padding: 0.2em 0.5em 0.5em 44px;
}

.clWebsiteMakeoversMini {
	background: url(../images/website-makeovers-icon-mini.gif) no-repeat left top;
}

.clSeeAlsoItem h3 {
	font-size: 1.2em;
}

.clSeeAlsoItem p, .clSeeAlsoItem a {
	font-size: 1em !important;
	margin: 0 0 0.5em !important;
}

h2.clWordPressIcon {
	padding-left: 2.4em;
	width: 16.1em !important;
	background: url(../images/wordpress-logo-small.gif) no-repeat left 0.2em;
}

h2.clVendaIcon {
	padding-left: 2.4em;
	width: 16.1em !important;
	background: url(../images/venda-logo-small.gif) no-repeat left 0.2em;
}
	
	
	


/*
--------------------------- WhatWeDoTypeList
*/

.clWhatWeDoTypeList {
	clear: both;
	min-height: 13em;
}

* html .clWhatWeDoTypeList {
	height: 13em;
}

.clWhatWeDoTypeText {
	width: 23em;
	display: block;
}

.clWhatWeDoTypeText h2 {
	margin: 0;
}

.clWhatWeDoTypeText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.clWhatWeDoWebMarketing {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoWebMarketing a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoWebMarketing span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/website-marketing-thumb.jpg) top left no-repeat;
}

.clWhatWeDoBusinessMarketing {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoBusinessMarketing a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoBusinessMarketing span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/business-marketing-thumb.jpg) top left no-repeat;
}

.clWhatWeDoWriting {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoWriting a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoWriting span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/writing-thumb.jpg) top left no-repeat;
}

.clWhatWeDoOtherServices {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoOtherServices a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoOtherServices span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/other-services-thumb.jpg) top left no-repeat;
}

.clWhatWeDoSmallWebsites {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoSmallWebsites a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoSmallWebsites span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/small-websites-thumb.jpg) top left no-repeat;
}

.clWhatWeDoBlogs {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoBlogs a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoBlogs span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/blogs-thumb.jpg) top left no-repeat;
}

.clWhatWeDoWebsiteMakeovers {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoWebsiteMakeovers a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoWebsiteMakeovers span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/website-makeovers-thumb.jpg) top left no-repeat;
}

.clWhatWeDoBigWebsites {
	width:210px; height:60px;
	padding: 0.2em;
	border: 1px solid #dbe6e1;
}

.clWhatWeDoBigWebsites a {
	margin:0; padding: 0;
	position:relative;
	width:210px; height:60px;
	overflow:hidden;
}

.clWhatWeDoBigWebsites span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:210px; height:60px;
	margin:0; padding: 0;
	background: #fff url(../images/big-websites-thumb.jpg) top left no-repeat;
}


/*
--------------------------- Packages
*/

#idPackageHeader {
	position: relative;
	height: 8em;
}

#idPackageHeader img {
	float: left;
	width: 60px;
	padding: 3px;
	border: 1px solid #e1e8ca;
	margin: 0 0 0.3em;
	position: absolute;
	left: 0;
	bottom: 0;
}

#idPackageHeader img.clWeb {	
	border: 1px solid #e4c0c4;
}

#idPackageHeader h1 {
	position: absolute;
	left: 75px;
	bottom: 0;
	padding: 0;
	margin: 0;
}



/*
--------------------------- WebTypeList
*/

.clWebTypeList {
	float: left;
	width: 24em;
	padding: 0 2em 3em 0;
}

.clWebTypeListOdd {
	clear: both !important; 
}

.clWebTypeListEven {
	padding-right: 0;
}

.clWebTypeImg {
	width: 8em;
	float: left;
}

.clWebTypeImg img {
	width: 6em;
	padding: 0.3em;
	border: 1px solid #dbe6e1;
	margin: 0 0 1em 0;
}

.clWebTypeText {
	margin-left: 8em;
	width: 16em;
	display: block;
}

.clWebTypeText h2 {
	margin: 0;
}

.clWebTypeText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

/*
--------------------------- WebTypeListSmall
*/

h2.clWhatWeDoHeader {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
/*	font-family: "Lucida Unicode", Verdana, Arial; */
}

.clMarketingColor {
	color: #a4b672 !important;
}

.clMarketingColorBorder img {
	border: 1px solid #e1e8ca !important;
}

.clWebColor {
	color: #af6166 !important;
}

.clWebColorBorder img {
	border: 1px solid #e4c0c4 !important;
}

.clCurrentColor {
	color: #b66565 !important;
}

.clWebTypeListSmall {
	clear: both;
	padding: 0 0 3em 0;
}

.clWebTypeImgSmall {
	width: 8em;
	float: left;
}

.clWebTypeImgSmall img {
	width: 6em;
	padding: 0.3em;
	border: 1px solid #dbe6e1;
	margin: 0 0 1em 0;
}

.clWebTypeTextSmall {
	margin-left: 8em;
	width: 16em;
	display: block;
}

.clWebTypeTextSmall h3 {
	font-size: 1.4em;
	margin: 0;
}

.clWebTypeTextSmall span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

ul.clSmallListing {
	margin: 0;
	padding: 0;
}

ul.clSmallListing li {
	background: url(../images/square-bullet-grey.gif) no-repeat scroll left 0.5em;
	list-style: none;
	padding: 0 0 0 1.2em;
}

/*
--------------------------- MarketingTypeList
*/

.clMarketingTypeList {
	clear: both;
/*	padding: 0 0 1em 0; */
}


.clMarketingTypeImg {
	float: left;
	width: 8em;
}

.clMarketingTypeImg img {
	float: left;
	width: 6em;
	padding: 0.3em;
	border: 1px solid #dbe6e1;
	margin: 0 1em 1em 0;
}

.clMarketingTypeText {
	margin-left: 8.4em;
	width: 40em;
	display: block;
}

.clMarketingTypeText h2 {
	margin: 0;
}

.clMarketingTypeText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}


/*
--------------------------- Web Design Category
*/


.clWebDesignCategory {
	margin: 1em;
}



/*
--------------------------- Section Navigation
*/

#idSidebar {
	float: right;
	width: 22em;
	padding-left: 1em;
	margin-top: 5em;
}

* html #idSidebar {
	width: 20em;
	padding-left: 1.8em;
}


#idTwitterBox {
	margin: 1.6em 0;
}

#idContentSection img {
	
}

.clMainImageBox {
	float: right;
	width: 25em;
	margin: -2em 0 1em 1em;
	background-color: #fff;
}

.clMainImageBox img {
	padding: 0.5em;
	border: 1px solid #d3e0ef;
}

p.clCaption {
	font-size: 1.1em !important;
	margin: 0.5em !important;
	color: #5a6169 !important;
}

p.clGalleryCaption {
	width: 400px;
	font-size: 1.1em !important;
	margin: 0.5em !important;
	color: #5a6169 !important;
}

.clListing {
	padding: 1em 0 2em 0;
}

.clListItem {
	float: left;
	width: 15.2em;
	padding-right: 2em;
	_padding: 0 0.9em;  /* found this on http://www.ericsprojects.com/?p=207, and thought it was pretty nifty — more IE6 malarky  */
}

ul.clQuestionList {	
	padding: 2em 0;	
}

.clQuestionList {
	padding: 0;
	list-style: none;
	border-bottom: 1px dashed #d3e0ef;
}

.clQuestionList li a {
	font-size: 1.3em !important;
	line-height: 1.4em;
}

.clAnswerList li {
	list-style: none;
	padding: 2em 0;
	border-bottom: 1px dashed #d3e0ef;
}

.clAnswerList li a {
	line-height: 1.4em;	
}

.clAnswerList li a h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #1e83bf;
}

img.clCentered {
	text-align: center;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #d3e0ef;
}

#idFeatureListing {
	padding: 2em 0;
}

.clDotList {
	float: left;
	width: 22em;
	margin-right: 2em;
}

.clDotList h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #1e83bf;
}

.clDotList li {
	list-style: none;
	margin: 0.4em 0;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #37283A;
	background: url(../images/smr-blue-dot.png) no-repeat left 0.4em;	
}

#idImageGallery {
	clear: both;
	padding: 2em 0;
}

#idImageGallery h2 {
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #1e83bf;
	margin: 0.4em 0;
}

.clGalleryItem {
	padding: 2em 0;
}

.clGalleryItem img {
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #d3e0ef;
}

#id2ColList {
	padding: 2em 4em;	
}

#id2ColListBorder {
	float: left;
	padding: 1em 3em;
	background-color: #fff;
	border: 1px solid #d3e0ef;		
}

#id2ColListBorder dl {
	float: left;
	width: 35em;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 0.4em 0;
	color: #37283A;	
	border-bottom: 1px dashed #d3e0ef;	
}

#id2ColListBorder dl.clLast {
	border-bottom: none;
}

* html #id2ColListBorder dl {
	width: 31em;
}

#id2ColListBorder dl dt {
	float: left;
	text-align: left;
}

#id2ColListBorder dl dd {
	float: right;
	text-align: right;
}

ul.clQuickLinks {	
	padding: 2em 0;	
	list-style: none;
}

ul.clQuickLinks li a {
	font-size: 1.3em !important;
	line-height: 1.4em;
}

.clParagraphList {
	margin: 0.4em 0 1.2em 0;
}

.clParagraphList li {
	list-style: none;
	margin: 0.4em 0;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #37283A;
	background: url(../images/smr-blue-dot.png) no-repeat left 0.4em;	
}


/*
--------------------------- See Also
*/

#idSeeAlso {
	margin: 3em 1.2em 2em 0;
	padding: 1em;
	background-color: #F3F6F5;
}

h2.clH2Small {
	font-size: 1.7em;
}

#idSeeAlso li {
	padding-left: 0.8em;
	background: url(../images/green-dbl-arrow-sml.gif) no-repeat left 0.4em;
}

#idSeeAlso li.clCurrentCaseStudy {
	background: url(../images/red-dbl-arrow-sml.gif) no-repeat left 0.4em;	
}

#idSeeAlso li.clCurrentCaseStudy a {
	color: #b66565;
}



/*
--------------------------- Prices Table
*/

table { 
	border-collapse: collapse;
	width: 100%;
	color: #37283A;
	font-size: 1.2em;
	background-color: #f2f5f4;
	margin-bottom: 2em;
}

td,th {
	border: 1px solid #7C8B8A;
	padding: 0.4em 0.6em 0.3em 0.6em;
	vertical-align: baseline;
}

th {
	background-color: #7C8B8A;
	text-align: left;
	color: #fff;
	border-color: #7C8B8A;
}

th span {
	font-size: 1.0em;
	font-weight: normal;
}

th span.italic {
	font-style:italic;
}

tr.alt {
	background-color: #e8eeeb;
}

td.clTableBullet {
	padding: 0.2em 0 0.1em 1.8em;
	background: url(../images/square-bullet-grey.gif) no-repeat 0.6em 0.6em;	
}
td li {font-size:1.0em;}


col#idColPrice {
	width: 9em;
}

col#idColOffer {
	width: 9em;
}

col#idColPkgPrice {
	width: 5em;
	text-align:center;
}

p.clFootNote {
	clear: both;
	margin-top: 3em !important;
	font-style: italic;
	padding: 0.5em 0.8em;
	border: 1px solid #dbe6e1;
	font-size: 1.1em !important;
	font-family: Arial, sans-serif !important;
}

p.clBottomBias {
	margin: 0 0 3em !important;	
}

td.clOfferCell {
	background: #c4d6ce url(../images/offer-bracket.gif) no-repeat 0.4em center;
	padding-left: 1.4em;
}

td.clOfferCell span {
	font-weight: bold;
	color: #fff;
}

td.clNote {font-family:verdana;font-size:0.8em;font-style:italic;text-align:right;text-transform:uppercase;}



/*
--------------------------- Events Calendar
*/

#idEventsCalendar {
	float: left;
}

#idEventsCalendar h2 {
	clear: both;
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #1e83bf;
	margin: 0.2em 0 0.8em 0;	
}

#idEventsCalendar h3 {
	clear: both;
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #1e83bf;
	margin: 1.2em 0 0.2em 0;
	padding-bottom: 0.4em;
	border-bottom: 1px dashed #d3e0ef;
}

#idEventsCalendar .clCalendarItem {
	float: left;
	width: 20em;
	margin: 1em 4em 1em 0;
}

#idEventsCalendar .clCalendarItem p.clEventName {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}

#idEventsCalendar .clCalendarItem p.clEventDate {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	padding: 0;
}


/*
--------------------------- Testimonial List
*/


#idTestimonialList p.clQuote {
	font-size: 1.5em;
	color: #5a6169;	
	line-height: 120%;
	font-style: italic;
	margin: 0;
}

#idTestimonialList p.clPerson {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1em 0;
	padding: 0;
	color: #37283A;	
}


/*
--------------------------- Rates Listing
*/


#idRatesListing {
	float: left;
	width: 48em;
	margin: 1em 0 3em 0;
	padding: 0em 2em 2em 2em;
	background-color: #fff;
	border: 1px solid #d3e0ef;
}

* html #idRatesListing {
	width: 46em;
}

#idRatesListing dl {
	float: left;
	margin: 0;
	padding: 0;	
}

#idRatesListing dl.clListHeader {
	margin-top: 1em;
	border-bottom: 1px dashed #d3e0ef;
	padding-bottom: 0.5em;
	color: #4080bf;
}

#idRatesListing dt {
	float: left;
	margin-top: 1.5em;
	width: 8em;
	font-weight: bold;
	font-size: 1.2em;
}

#idRatesListing dt.clLowSeason {
	float: left;
	width: 10em;
	text-align: center;
}

#idRatesListing dt.clMidSeason {
	float: left;
	width: 10em;
	text-align: center;
}

#idRatesListing dt.clHighSeason {
	float: left;
	width: 10em;
	text-align: center;
}

#idRatesListing span {
	width: 8em;
	text-align: center;
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;	
}

#idRatesListing dd {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.0em;	
}

/*
--------------------------- Email Form
*/

#idEmailForm {
	margin: 1em; 
}

p.clFormPara {
	margin: 0.4em 0 !important;
}

.clInputLabel {
	clear: left;
	float: left;
	font-family: "Lucida Unicode",tahoma,verdana,arial;
	font-size: 90%;
	margin-bottom: 0.4em;
	margin-right: 1em;
	width: 12em;
	text-align: right;
}

.clInputLabel span {
	font-family: Verdana, Arial;
	font-size: 120%;
	font-weight: bold;
	color: #52a5a9;
}

.clFormErrorText {
	color: #52a5a9;
}

input.clText {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #c4d6ce;
	color: #000000;
	font-family: "Lucida Unicode",tahoma,verdana,arial;
	font-size: 90%;
	width: 16em;
}

textarea#message {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #c4d6ce;
	color: #000000;
	font-family: "Lucida Unicode",tahoma,verdana,arial;
	font-size: 90%;
	width: 20em;	
}

.clCheckboxLabel {
	font-family: "Lucida Unicode",tahoma,verdana,arial;
	font-size: 85% !important;
	margin-bottom: 0.4em;
	width: 7em;	
}

input.clCheckboxes {
	width: 2em;
	color: #000000;
}

input.clSendButton {
	background-color: #52a5a9;
	border: 0 none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.2em 0.5em;
	text-align: center;
	font-size: 90%;
}

.clInterestList {
	width: 18em;
	margin-left: 6em;
}


/*
---------------------------------------- Services Enquiry Form
*/

#idServicesEnquiryForm {
	margin: 1em 0;
	padding: 0;
}

#idServicesEnquiryForm ul {
	margin: 0;
	padding: 0;
}

#idServicesEnquiryForm ul ol {
	margin: 0 0 0 11em;
	padding: 0;
}

#idServicesEnquiryForm ul li {
	background: none;
	padding: 0;
}

#idServicesEnquiryForm ul.clFieldsetList li {
	background: none;
	padding: 0;
	float: left;
	margin: 0.2em;
	padding: 0.2em 0 0 0.5em;
	background-color: #f3f6f5;
	height: 2.5em;
		
}

#idServicesEnquiryForm ul li input.clText {
	width: 22em;
} 

#idServicesEnquiryForm ul li textarea#message {
	width: 26em;
}

#idServicesEnquiryForm ul li label.clInputLabel {
	float: left;
	font-family: "Lucida Unicode",tahoma,verdana,arial;
	font-size: 90%;
	margin-bottom: 0.4em;
	margin-right: 1em;
	width: 11em;
	text-align: right;
}

#idServicesEnquiryForm ol li {
	background: none;
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 0;
	margin: 0 0 0.5em 0;
	border: none;
}

legend {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 0.2em;
	font-weight: bold;
	color: #88a5ac;
}

#idServicesEnquiryForm ul.clFieldsetList {
	margin: 0;
	padding: 0;
	width: 30em;
	float: left;
}

ul.clFieldsetList li label.clCheckboxLabel {
	float: left;
	width: 12em;
	line-height: 130%;
}

ul.clFieldsetList li label.clCheckboxes {
	width: 1em;
}




/*
------------------------------------- CTA Buttons
*/
	
.clCTAButton {
	width: 19em;
	height: 7em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #d3e0ef;
	margin: 1em 0;
}

.clCTAButton img {
	float: left;
	width: 70px;
	margin-right: 0.3em;
}

.clCTARight {
	float: right;
	width: 11em;
}
	

/*
------------------------------------- Site Map
*/

#idSiteMap {
	margin: 0 2em;
	border-bottom: 1px dashed #d3e0ef;
}

#idSiteMap h2 {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	border-top: 1px dashed #d3e0ef;
}


h2 a:link.clParent, h2 a:visited.clParent {
	display: block;
	margin: 0.4em 0;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #4080bf;
	background: url(../images/smr-blue-arrow-light.png) no-repeat left 0.4em;
	text-decoration: underline; 	
}

h2.clParent a:active.clParent {
	color: #f99e11;	
}

h2 a:hover.clParent {
	color: #f99e11;
}

ul.clChildGroup {
	margin: 0 0 2em 1em;
}

ul.clChildGroup li {
	margin-right: 1em;
	list-style: none;
	margin-bottom: 0.4em;
}

li a:link.clChild , li a:visited.clChild {
	margin: 0.4em 0;
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #4080bf;
	background: url(../images/smr-orange-arrow-light.png) no-repeat left 0.4em;
	text-decoration: underline; 	
}

li a:active.clChild  {
	color: #f99e11;	
}

li a:hover.clChild  {
	color: #f99e11;
}
	

/*
------------------------------------- Terms & Conditions
*/

h2.clTerms {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h3.clTerms {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h4.clTerms {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h5.clTerms {
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 0.4em 0 0.8em 0;
}

p.clTerms {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	color: #37283A;
	margin: 0.4em 0 0.8em 0;
}

ol.clTerms {
	margin: 0.4em 0 0.8em 2.0em;
}

ul.clTerms {
	margin: 0.4em 0 0.8em 2.0em;
}

li.clTerms {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	color: #37283A;
	margin: 0 0 0.4em 0;
}

blockquote.clTerms {
	font-size: 1.0em;
	line-height: 1.0em;
	font-family: "Lucida Unicode", Tahoma, Verdana, sans-serif;
	color: #37283A;
	margin: 0.4em 0 0.8em 4.0em;
}


/*
--------------------------- Footer
*/

#idFooter {
	clear: both;
	width: 80em;
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 2em;
}

#idSiteInfo {
	width: 76em;
	margin: 0 auto;	
}

#idCopyright {
	float: left;
	color: #949ba9;
	text-transform: uppercase;
	margin: 0.5em 0 0 0;
}

* html #idCopyright {
	display: inline;
}

#idTwitter {
	float: right;
	margin: 5px 0 0 0;
}

#idTwitter a {
	font-size: 1.2em;
	padding: 0.2em 0 0.2em 24px;
	display: block;
	background: url(../images/twitter-logo.png) no-repeat left 50%;
}

#idSiteLinks {
	float: right;
	color: #949ba9;
	margin: 0.5em 0 0 0;
}

* html #idSiteLinks {
	display: inline;
}

#idCredits {
	float: right;
	display: block;
	height: 18px;
	margin: 5px 0 0 0;
}

#idCredits span {
	font-family: Georgia, serif;
	font-size: 1.1em;
	color: #949ba9;
	text-decoration: none;
	padding: 0.2em 0 0.1em 1.2em;
/*	background: url(../images/ibm-grey-arrow.png) no-repeat left 0.5em; */
}

/*
	----------------------------------------- House
*/

#idHousePage {
	background-color: #e8eeeb;
	padding: 2em;
	margin: 0;
}

#idHouseWrapper {
	width: 85em;
	padding: 1em 0 1em 4em;
	margin: 0 auto;
	background-color: #fff;
	min-height: 60em;
}

* html #idHouseWrapper {
	height: 60em;
}

#idHeader h1 {
	font-size: 3.2em;
	text-align: center;
/*	color: #cb514e; */
}

#idPictures {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#idPictures li {
	list-style: none;
	padding: 0;
	float: left;
	width: 400px;
	margin: 0 1em 1em 0;
}

#idLeftList {
	width: 40em;
	float: left;
}

#idRightList {
	width: 40em;
	float: right;
}

#idDetails {
	clear: both;
	float: left;
}

#idPrice {
	width: 40em;
	float: left;
}

#idContact {
	width: 40em;
	float: right;
}

#idForm {
	clear: both;
	width: 100%;
	padding: 3em 0;
	margin: 0 auto;
}



/*
--------------------------------| Fully Booked Hotel
*/

#idTestimonialListing {
	margin: 1em 0;
	padding: 0;
}

#idTestimonialListing li {
	font-size: 1em;
	background-image: none;
	margin: 0 0 1em;
	padding: 1em 1.8em;
}

#idTestimonialListing li.clListOdd {
	background-color: #f2f5f4;
}

#idTestimonialListing li.clListEven {
	background-color: #e8eeeb;
}

#idTestimonialListing li p.clQuote {
	font-family: Verdana, sans-serif;
	font-style: italic;
	margin: 0 0 0.3em;
}

#idTestimonialListing li p.clSource {
	font-size: 1.1em;
	color: #555;
	margin: 0 0 1.2em;
}

#idPayPalButton input {
	margin: 1em 2em;
}

p span.clHighlighter {
	padding: 1px;
	background-color: #ff0;
}


/* BUSINESS MARKETING PACKAGES */
.packageList li {background:none;padding-left:0;}
.packageList li h2 {font-size:1.4em;}
.packageList li h2 span {font-family:Lucida Sans,Verdana;font-size:0.6em;font-weight:normal;line-height:130%;}
.packageList li h2 span.sub {font-size:0.7em;}
.packageList li h2 span.price {color:#333;}
.packageList li h2 a.anchor {font-weight:normal;font-size:1em;text-decoration:none;line-height:100%;}
.packageList li h2 a.anchor:link, .packageList li h2 a.anchor:visited, .packageList li h2 a.anchor:hover, .packageList li h2 a.anchor:active {font-weight:normal;font-size:1em;text-decoration:none;color:#88A5AC;}
.packageList li li {padding:2px 10px;margin:0 0 2px;background-color:#e8eeeb;display:block;}
.packageList li li.highlightBG {background-color:#CDD9DC;}
.packageList li li.contactItem {background:none;}
.packageList li li.contactItem a {padding-left:14px;display:block;background: url(../images/green-dbl-arrow.gif) no-repeat 0.2em 0.5em;}

#idContentSection p.standoutParagraph {color:#AF6166;font-family:Georgia,serif;font-size:1.6em;margin:40px 0 10px;padding:0 0 5px;}

.videoBlock {margin:10px 0 30px;}