/*
---------------------------- 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;
	background-color: #fff;
}


/*
---------------------------- Layout
*/

#idBranding {
	width: 76em;
	margin: 0 auto;
	height: 13em;
	position: relative;
}

#idContentWrapper {
	clear: both;
	width: 76em;
	margin: 0 auto;
	padding: 1em 0;
}

#idHomeContentWrapper {
	clear: both;
	width: 76em;
	margin: 0 auto;
	padding: 0.2em 0;
}

* html #idHomeContentWrapper {
	height: 45em;
}

#idHomeTop {
	width: 76em;
}

#idHomeBottom {
	width: 76em;
	clear: both;
}

#idHomeBottom img.clInstituteLogo {
	position: absolute;
	right: 1em;
	bottom: 0.8em;
}

#idContent {
	float: right;
	width: 58em;
	margin-bottom: 1em;
	background: url(../images/bwh-vertical-dashed.gif) repeat-y 1.7em top;
}

* html #idContent {
	display: inline;
}

#idInnerContent {
	margin-left: 1.6em;
	padding-left: 1.6em;
	min-height: 25em;
	float: right;
}

* html #idInnerContent {
	height: 25em;
	display: inline;
}

#idHomeCTAList {
	float: left;
	padding: 0 0 2em;
	width: 58em;
}

#idCTAList {
	clear: both;
	padding: 1em 0;
	width: 55em;
	border-top: 1px dashed #dadada;
}

.clHomeCTA {
	float: left;
	width: 18em;
	margin-right: 2em;
}

*+html .clHomeCTA {  /* IE7 */
	width: 17.9em;
}

* html .clHomeCTA {  /* IE6 double-margin bug */
	display: inline;
	width: 17.4em;
	margin-right: 1.5em;
}

.clCTA {
	float: left;
	width: 17em;
	margin-right: 2em;
}

*+html .clCTA {  /* IE7 */
	width: 16.9em;
}

* html .clCTA {  /* IE6 double-margin bug */
	display: inline;
	width: 16.4em;
	margin-right: 1.5em;
}

.clNoRightMargin {
	margin-right: 0;
}




/*
---------------------------- Accommodation Image Replacement
*/


.clAccThumb1 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:16.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

.clAccThumb1 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:16.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor1.jpg) top left no-repeat;
}

.clAccThumb2 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:16.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

.clAccThumb2 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:16.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor2.jpg) top left no-repeat;
}

.clAccThumb3 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:16.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

.clAccThumb3 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:16.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor3.jpg) top left no-repeat;
}

.clAccThumb4 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:16.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

.clAccThumb4 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:16.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor4.jpg) top right no-repeat;
}


/*
---------------------------- Accommodation Image Replacement Narrow
*/


.clAccThumbNarrow1 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:15.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

* html .clAccThumbNarrow1 {
	width:12em; height:9em;
}

.clAccThumbNarrow1 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:15.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor1.jpg) top left no-repeat;
}

* html .clAccThumbNarrow1 span {
	width:12em; height:9em;
}

.clAccThumbNarrow2 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:15.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

* html .clAccThumbNarrow2 {
	width:12em; height:9em;
}

.clAccThumbNarrow2 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:15.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor2.jpg) top left no-repeat;
}

* html .clAccThumbNarrow2 span {
	width:12em; height:9em;
}

.clAccThumbNarrow3 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:15.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

* html .clAccThumbNarrow3 {
	width:12em; height:9em;
}

.clAccThumbNarrow3 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:15.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor3.jpg) top left no-repeat;
}

* html .clAccThumbNarrow3 span {
	width:12em; height:9em;
}

.clAccThumbNarrow4 {
	margin:0 !important; padding:0.6em;
	border: 1px solid #dcdcdc;
	position:relative;
	font-size: 1.0em !important;
	width:15.6em; height:11em;
	overflow:hidden;
	font-size: 1em;
}

* html .clAccThumbNarrow4 {
	width:12em; height:9em;
}

.clAccThumbNarrow4 span {
	display:block;
	position:absolute; left:0.6em; top:0.6em; z-index:1;
	width:15.6em; height:11em;
	margin:0; padding:0;
	background: url(../images/bwh-example-decor4.jpg) top right no-repeat;
}

* html .clAccThumbNarrow4 span {
	width:12em; height:9em;
}




#idMainText {
	float: left;
	margin: 3em 2em 2em;
	width: 34.8em;
}

#idMainTextFull {
	padding: 2em 0;
	min-height: 24em;
/*	width: 42em; */
}

* html #idMainTextFull {
	height: 24em;
}

#idSummaryColumn {
	float: right;
	width: 17em; 
	margin: 2em 2em 2em 0;
}

#idSummaryColumn img {
	width: 15.6em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #c2bfc4;
	margin-top: 4em;
	margin-bottom: 0.6em;
}

#idSummaryColumn p.clCaption {
	color: #5a6169;
	font-size: 1.1em;
}

#idSummaryColumn p.clSummary {
	font-family: Verdana, Arial, Sans;
	font-size: 1.1em;
	line-height: 120%;
	color: #5a6169;
	font-weight: normal;
	margin-bottom: 0.8em;
}

#idSummaryColumn p.clSummary span {
	color: #5a5b78;
	display: block;
	font-weight: bold;
	padding-bottom: 0.2em;
	margin: 0.3em 0;
	border-bottom: 1px dotted #8788a5;
}

#idSecondary {
	float: left;
	width: 18em;
}

* html #idSecondary {
	display: inline;
	width: 17.8em;	
}


/*
---------------------------- Letter Text
*/

#idContent .clLetter {
	margin: 2em 0 3em;
	background-color: #f5f5f3;
	border: 1px solid #e1dee2;
	padding: 1.5em;
}

#idContent p.clLetterHeader {
	font-size: 1.1em;
	color: #555355;
	display: block;
	padding-bottom: 0.3em; 
	margin-bottom: 1.6em;
	border-bottom: 1px dashed #9a989a; 
	line-height: 140%;
}

#idContent p.clLetterQuote {
	font-size: 1.3em;
	font-style: italic;
	line-height: 150%;
	color: #5a5b78;
	margin-bottom: 0.8em;
}


#idContent img.clFreeImage {
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #c2bfc4;
	margin: 0.6em 0 0;
}

#idContent p.clFreeCaption {
	font-family: Verdana, Arial, Sans;
	color: #5a6169;
	font-size: 1.0em;
	margin: 0.2em 0 2em;
}

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

#idContent p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	margin: 0.4em 0 0.8em 0.2em;
}

p.clIntro {
	margin: -1.2em 0 1em 0 !important;
	color: #5a6169 !important;
	font-style: italic !important;
	line-height: 120% !important;
}

#idContent ul, ol {
	margin: 0.4em 1em 1.6em 0.2em;
}

#idContent li {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	line-height: 130%;
	margin: 0.4em 0;
}

#idContent ul li.clFreeList {
	font-size: 1.3em;
	padding-left: 1.8em;
	margin: 0.6em 0;
	list-style: none;
	background: url(../images/blue-circle-bullet.gif) no-repeat 0.6em 0.4em; 
}

#idContent ol li {
	margin-left: 1.8em;
}

#idContent ul li {
}

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



/*
---------------------------- Home Top 
*/


#idPositioning {
	width: 58em;
	float: left;
	background: #aaa url(../images/bwh-home-grey-bg-chip.jpg) repeat-y right top;
	margin: 0;
	padding: 0;
}

#idUpperPositioning {
	width: 58em;
	position: relative;
	height: 20em;
	background-color: #fff; 
}

#idPositioning img {
	position: absolute;
	bottom: 0px;
}

#idHomeImage{
	width: 58em;
	height: 20em;
	background: url(../images/looking-after-those-dearest-to-you.jpg) no-repeat left bottom;
}

#idPositioningStatement {
	margin: 0 0 0 290px;
	height: 100%;
	padding: 0;
}

#idPositioningStatement h1 {
	margin: 0 0 0 -160px;
	padding: 0.3em 1.2em 0 0.8em;
	padding-bottom: 0;
	color: #fff;	
	font-size: 2em;
	line-height: 110%;
}

* html #idPositioningStatement h1 {
	margin: 0;
	font-size: 1.8em;
}

#idPositioningStatement h3 {
	margin: 0.2em 0;
	padding: 0 1em;
	color: #BF151E;	
	font-size: 1.5em;
	line-height: 120%
}

#idPositioningStatement p {
	margin: 0;
	color: #fff;
	padding: 0.6em 0.8em 0 1.4em;
	font-size: 1.2em !important;
}

* html #idPositioningStatement p {
	line-height: 116% !important;
}

#idPositioningLink {
	width: 56.8em;
	height: 1.6em;
	padding: 0.3em 0.6em;
	text-align: right;
	background-color: #10155e;
}

#idPositioningLink a {
	color: #fff !important;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.3em 0.6em 0.3em 0.8em;
	background: url(../images/white-dbl-arrow.gif) no-repeat left 0.6em;
}

#idHomeTopAd {
	float: right;
	width: 17.6em; 
	min-height: 22.1em;
	margin: 0;
	padding: 0;
	border: 1px solid #ececec;
	position: relative; 
}

* html #idHomeTopAd {
	height: 22.1em;
}

.clFamilyMember {
	margin:0; padding:0;
	position:relative;
	width:17.6em; height:120px;
	overflow:hidden;
	font-size: 1em;
}

.clFamilyMember span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:17.6em; height:120px;
	margin:0; padding:0;
	background: url(../images/looking-for-a-family-member2.jpg) top left no-repeat;
}

#idHomeTopAd h2 {
	margin: 0;
	padding: 0.4em 0.4em 0.8em;
	line-height: 110%;
}

#idHomeTopAd a {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 8em;
	display: block;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.2em 0.4em 0.4em 1em;
	background: url(../images/blue-dbl-arrow.gif) no-repeat left 0.5em;
}





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

a {
}

a:link, a:visited {
	color: #06c; 
}

a:hover, a:active {
	text-decoration: underline;
}

#idFreeListing li a, #idFreeListing li a:visited {
	display: block;
	font-size: 1.2em;
	border-bottom: 1px dashed #e4e4e4;
	padding: 0.4em 0 0.4em 1.2em; 
	background: url('../images/blue-dbl-arrow.gif') no-repeat left 0.6em;
}

#idFreeListing li a:hover, .idFreeListing li a:active {
	text-decoration: underline;
}

/*
#idFreeListing li a:visited  {
	color: #7D4866; 
	color: #bf151e;
}
*/

* html #idFreeListing li {
	display: inline;
	padding: 0;
}

a:link.clArrowLight, a:visited.clArrowLight {
	display: block;
	margin: 0.4em 0;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.2em;
	background: url(../images/blue-dbl-arrow.gif) no-repeat left 0.5em;
}

a:active.clArrowLight {
	text-decoration: underline; 	
}

a:hover.clArrowLight {
	text-decoration: underline; 	
}



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

p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	margin: 0.4em 0 0.8em 0.2em;
}

ul li {
	list-style: none;
}

#idCQC {
	display: block;
	padding: 0.5em 0 0.5em 140px;
	background: url(../images/care-quality-commission-web-logo.gif) no-repeat left 1em;
}


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

.clMainImageBox {
	float: right;
	width: 33em;
	margin: 0 0 1em 1.6em;
}

.clMidRight {
	margin: 0 0 1em 1.6em;
}

.clMidLeft {
	float: left;
	margin: 0 1.6em 1em 0;
}

.clMainImageBoxFull {
	float: center;
	width: 55em;
	margin: 0 0 1em 0;
}

.clMainImageBox img, .clMainImageBoxFull img {
	padding: 0.5em;
	border: 1px solid #dedede;
}

p.clCaption {
	font-family: Verdana, Arial, sans-serif !important;
	font-size: 1.1em !important;
	margin: 0.5em !important;
	color: #5a6169 !important;
}

.clLeft {
	float: left;
}

.clRight {
	float: right;
}

.cl160 {
	width: 17.4em;
	margin: 0;
}



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

h1 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 2.0em;
	line-height: 120%;
	color: #10155e;
	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: #10155e;
	margin: 1.2em 0 0.4em 0;
}

h3 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	color: #10155e;
	margin: 1em 0 0.4em 0;
}

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

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


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


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

#idLogo {

}

.clLogo a {
	font-size: 80%;
	color: #10155e;
	font-family: "Lucida Sans", Verdana, sans-serif;
	margin:0; padding:0;
	position:relative;
	width:186px; height:110px;
	overflow:hidden;
}

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

.clStrapline {
	color: #6e6e6e;
	left: 200px;
	bottom: 1.0em;
	margin:0; padding:0;
	position: absolute;
}

#idContactDetails {
	position: absolute;
	right: 5px;
	bottom: 1.5em;
	margin: 0.9em 0 0 0;
}

#idContactDetails h3 {
	font-size: 1.3em;
	color: #6e6e6e;
	padding-left: 30px;
	margin: 0;	
}

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

#idContactDetails ul li {
	padding: 0.3em 0 0.6em 30px;
	margin: 0;
	color: #10155e;
	font-size: 1.9em;
	font-weight: bold;
	list-style: none;
	background: url(../images/bwh-telephone-icon.jpg) no-repeat left 0.2em;	
}

#idContactDetails ul li span {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
/*	text-transform: uppercase; */
	color: #6e6e6e;
}

#idContactDetails ul li.clNoBullet {
	padding: 0 0 0.3em 30px;
	margin-top: -0.6em;
	font-size: 1.4em;
	background: none;	
}

#idContactDetails a{
	padding: 0.3em 0 0.3em 30px;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	background: none;
}

.clContactAddress {
	margin: 1em 1em 2em;
}

.clContactAddress p.clStrong {
	font-weight: bold;
	margin: 0.4em 0 0;
}

.clContactAddress p.clAddress {
	margin: 0 0 0.8em;
}

#idTopMenu {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 1.2em;	
}

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

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

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


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

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

#idMainNavWrapper {
	clear: both;
	width: 76em;
	margin: 0 auto;
}

#idMainNav {
	float: left;
	width: 76em;
	background: #e5e5e5 url(../images/bwh-main-nav-highlight.gif) repeat-x left 0;
}

* html #idMainNav { /* for our IE6 friends and their double margin bug */
	display: inline; 
}

#idMainNav ul {
	float: left;
	margin:0;
	padding: 0;
	list-style: none;
}

#idMainNav li {
	margin:0 0.6em 0 0;
	padding: 0;
	float: left;
}

#idMainNav a {
	display: block;
	float: left;
	padding: 0.5em 1.4em;
	font-weight: bold;
	font-size: 1.2em;
	color: #10155e;
	background: #e5e5e5 url(../images/bwh-main-nav-highlight.gif) repeat-x left 0;
}

#idMainNav a:hover {
	background-position: 0 -100px;	
	background-color: #06c; 
	text-decoration: none !important;
	color: #fff;
}

#idMainNav a:active{
	text-decoration: none !important;	
}

#idMainNav li.clCurrent a {
	color: #fff;
	background-color: #10155e; 
	background-position: 0 -200px;
}

* html #idMainNav a{
	/*height: 1px;*/
	display: inline;
}

/*
---------------------------- Testimonials
*/

#idTestimonialHolder {
	float: right;
	width: 18em;
}



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


#idContentSection {
	float: left;
	width: 52em;
	min-height: 25em;
	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 Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	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;
}

.clClear {
	clear: both;
}

.clRight {
	float: right;
}

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: 0 0 2em;
	border-bottom: 1px dashed #d3e0ef;
}

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

.clAnswerList li a.clBackToTop{
	font-size: 1.3em;	
}

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

.clAnswerList li img {
	margin: 0 1em 1em 0;
	padding: 0.5em;
	border: 1px solid #dedede;	
}


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

.clTestimonialList {
	padding: 1em 0;
	margin-bottom: 1em;
	border-bottom: 1px dashed #d3e0ef;
}


p.clQuote {
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 1.4em !important;
	line-height: 120%;
	font-style: italic;
	margin: 0 !important;
}

p.clPerson {
	font-size: 1.2em !important;
	font-weight: bold;
	margin: 0 0 1em;
	padding: 0;
	color: #10155e !important;	
}

.clNoBorder {
	border: none;
}

#idTestimonial {
	float: left;
	width: 15em;
	margin: 0;
	padding: 3em 1.5em;
	background: url(../images/open-quote.gif) no-repeat 0.5em 1em;
}

* html #idTestimonial {
	width: 14.6em;
}

.clTestimonialSnip {
	background: url(../images/close-quote.gif) no-repeat right bottom;
}


/*
--------------------------- 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 {
	clear: both;
	padding: 0 0 3em 0;
}


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

.clThumbImg img {
	float: left;
	width: 18em;
	padding: 0.5em;
	border: 1px solid #c2bfc4;
	margin: 0 1em 1em 0;
}

.clThumbText {
	margin-left: 20.4em;
	width: 28em;
	display: block;
}

.clThumbText h2 {
	margin: 0;
}

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

.clAboutList {
	width: 26em;
	margin: 0 0 2em 1em;
}

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



/*
--------------------------- Secondary Navigation
*/

h2#idSecNavHeader {
	margin: 0 0 0.2em;
	padding: 0.4em;
	font-family: "Lucida Sans", Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #010223;
}

#idSecondaryNav li {	
	margin: 0 0 0.2em;
	padding: 0;	
	background-color: #ececec;
}

#idSecondaryNav li a, #idSecondaryNav li a:visited, #idSecondaryNav li.clSecCurrent.a {
	display: block;
	font-size: 1.2em;
	padding: 0.6em 1em 0.6em 2.0em; 
}

#idSecondaryNav li a:hover, #idSecondaryNav li a:active {
	text-decoration: underline;
}

#idSecondaryNav li.clSecCurrent, #idSecondaryNav li.clSecCurrent a:hover, 
#idSecondaryNav li.clSecCurrent a:active, #idSecondaryNav li.clSecCurrent a:visited {
	font-weight: bold;
	color: #010223;	
	background-color: #dcdcdc;
	text-decoration: none;
}

* html #idSecondaryNav li {
	width: 100%;
	padding: 0;
}


/*
--------------------------- Breadcrumbs
*/

#idBreadCrumbs {
	padding-bottom: 0.8em;
	font-size: 1.2em;
	border-bottom: 1px dashed #dadada;
}


#idBreadCrumbs span {
	font-weight: bold;
	color: #10155e;
}


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

/*
--------------------------- 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: #c00;
}

.clFormErrorText {
	color: #c00;
}

input.clText {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #687184;
	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 #687184;
	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: #10155e;
	border: 1px solid #333;
	color: #FFFFFF;
	font-family: "Lucida Sans", Verdana;
	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: #2b3442;
}

.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: #2b3442;
	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: #2b3442;
	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: #2b3442;
	margin: 0.4em 0 0.8em 4.0em;
}


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

#idFooter {
	clear: both;
	width: 74.4em;
	margin: 0 auto;
	height: 1.4em;
	background-color: #ececec;
	padding: 0.4em 0.8em;
	color: #a2a2a2;
}


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

#idCopyright {
	float: left;
}

* html #idCopyright {
	display: inline;
}

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

* html #idSiteLinks {
	display: inline;
}

#idCredits {
	float: right;
}

#idCredits a {
	color: #a2a2a2;
}

#idCredits a:hover {
	text-decoration: underline;
}