/*
---------------------------- 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 Sans", 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: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; 	
}

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

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


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

p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", 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 Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 130%;
	margin: 0.4em 0;
}

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;	
}



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

img.clPortrait {
}

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

* html img.clRight {
	position: relative;
}

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

* html img.clLeft {
	position: relative;
}


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

h1 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 120%;
	color: #5a607c;
	margin: 0.4em 0 0.8em 0;
}

h2 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 120%;
	color: #5a607c;
	margin: 0.4em 0 0.4em 0;
}

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

h4 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 120%;
	color: #5a607c;
	margin: 0.2em 0;
}

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

img.clLucyPortrait {
	width: 239px;
	float: right;
	padding: 0 0 1em 1.4em;
	margin: -8em 2em 0 0;
}


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


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

#idBranding {
	width: 100%;
}

#idInnerBranding {
	width: 90em;
	margin: 0 auto;
	height: 3em;
	position: relative;
}

#idLogo {
	position: absolute;
	top: 4em;
	left: 2em;
}

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

.clLogo span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:357px; height:46px;
	margin:0; padding:0;
	background: url(../images/lucy-whittington-logo.gif) top left no-repeat;
}

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

h4.clContact {
	
}

/*
-------------------------------- 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: 40em;
	background: #dce7e2 url(../images/inspired-business-marketing-home-image.jpg) no-repeat bottom left;
}

#idTopRight {
	float: right;
	width: 29em;
	margin: 2.8em 4.0em 2.8em 44em;
}

#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 {
	text-decoration: none;
	font-size: 1.2em;
	font-family: "Lucida Sans", 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 {
	color: #b66565;
	background: url(../images/red-dbl-arrow.gif) no-repeat left 0.5em;
}

#idMainNav a:hover {
	color: #b66565;
}

/* 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.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.5em;
}

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


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

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

#idHomeContent {
	float: left;
	width: 90em;
	padding: 2em 3.4em;
	margin-bottom: 2.0em;
}

.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: 90em;
	min-height: 35em;
	margin: 6em 0 3em 2em;
	padding-right: 2em;
}

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


#idContentSection p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", 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;	
}

.clClear {
	clear: both;
}

.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: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-style: italic;
	margin: 0;
	padding: 0;
}


/*
---------------------------------- 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
*/

h2.clThumbListTitle {
	display: block;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #c4d6ce;
}

.clThumbList {
	float: left;
	width: 42em;
	margin: 2em;
	margin-left: 0;
	min-height: 16em; 
}

.leftItem {clear:both;}

* html .clThumbList {
	height: 16em; 
}


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

.clThumbImg img {
	float: left;
	width: 7em;
	padding: 0.4em;
	border: 1px solid #dbe6e1;
	margin: 0 1em 1em 0;
}

.clThumbText {
	margin-left: 9em;
	width: 31em;
	display: block;
}

.clThumbText h2 {
	margin: 0;
}

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

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

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


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

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

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

.clWebTypeText h2 {
	margin: 0;
}

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

/*
--------------------------- 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 0 2em 0;
}

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

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

/*
--------------------------- 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 #c4d6ce;
	padding: 0.4em 0.6em 0.3em 0.6em;
	vertical-align: baseline;
}

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

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;	
}

col#idColPrice {
	width: 14em;
}

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;
}




/*
--------------------------- 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 Sans",tahoma,verdana,arial;
	font-size: 90%;
	margin-bottom: 0.4em;
	margin-left: 3em;
	width: 14em;
}

.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 Sans",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 Sans",tahoma,verdana,arial;
	font-size: 90%;
	width: 20em;	
}

.clCheckboxLabel {
	font-family: "Lucida Sans",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%;
}




/*

#idEmailForm {
	margin-left: 1em; 
}

#idEmailForm .label {
	float: left;
	font-size: 1.2em;
	width: 11em;
	color: #424240;
	margin: 0 0.4em 0.6em 0;
}

input#name, input#email, input#phone, textarea#message {
	float: left;
	margin: 0 0 0.6em 0.4em;
	font-size: 1.2em;
	color: #424240;	
}

textarea#message {
	font-size: 1.6em;
}

#idEmailForm select{
	font-size: 1.2em;
	color: #424240;	
}

#idEmailForm select.clRefer{
	margin: 0 0 0.6em 0.4em;
	float: left;
}
	

#idEmailForm .clDateLabel {
	font-size: 1.1em;
	color: #424240;
	margin: 0;
	padding: 0;	
}

#idEmailForm .formErrorText {
	font-style: italic;
	font-size: 1.1em;
	color: #c7345c;
}

#idEmailForm em {
	font-style: italic;
	font-size: 1.1em;
	color: #c7345c;
}

#idEmailForm .clButtonGroup {
	float: left;
	width: 20em;
}

#idEmailForm .bigButton { 
	font-family: "Lucida Sans", Verdana, Arial, sans-serif; 
	font-size: 1.0em; 
	margin-top: 0.6em;
	width: 6em;
	height: 2.2em;
	color: #424240;
}

.clFormGroup {
	float: left;
	width: 100%;
	margin: 0.3em 0;
}

.clDateGroupSet {
	float: left;
	width: 36em;
	margin: 0 0 0.6em 0.4em;
	padding: 0;
}

.clFormDateGroup {
	float: left;
	width: 16em;
	margin: 0;
	padding: 0;
}

.clFormDateGroup li {
	list-style: none;
	float: left;
	margin-right: 0.2em;
}

.clCheckBoxes {
	float: left;	
}

.clCheckBoxes span {
	font-size: 1.1em;	
	color: #424240;
	margin-left: 0.5em;
}

.clContactDetails h2 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #1e83bf;	
	margin-top: 0.8em;
}

.clContactDetails p {
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #37283A;
}

.clContactDetails p.clStrong {
	font-weight: bold;
	margin-top: 0.4em;
}

*/
	

/*
------------------------------------- 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 Sans", 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 Sans", 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 Sans", 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 Sans", 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 Sans", 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 Sans", 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 Sans", Tahoma, Verdana, sans-serif;
	color: #37283A;
	margin: 0.4em 0 0.8em 4.0em;
}


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

#idFooter {
	clear: both;
	width: 80em;
	margin: 2.0em auto;
	background-color: #fff;
	min-height: 4em;
}

* html #idFooter {
	height: 4em;
}


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

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

* html #idCopyright {
	display: inline;
}

#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;
}