
/* --- Structure --- */


body {
	margin: 15px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #444;
}

#container {
	margin: 0 auto;
	width: 970px;
	text-align: left;
}


#header {
	height: 186px;
}

	#leftHeader {
		width: 787px;
		float: left;
	}

	
		.mainNav li{
			float: left;
			margin-top: 20px;
			font-size: 12px;
		}
		
		
		.largeTeste{
			float: right;
			margin-top: 10px;
			padding: 10px 10px 0  0;
		
		}
		
	
		.logo {
			width: 197px;
		
		}
		
		.navBlock {
			padding-left: 8px; 
			height: 160px;
		}
		.nav {
		  padding: 0px;
		}
		
		.nav li {
			font-size: 12px;
			clear: both;
			margin: 0;
			
		}
		
		.nav a{
			font-size: 12px;
			color: #888888;
			text-decoration: none;
		}

		.nav a:hover {
			color: #02a6d9;
			text-decoration: none;
		}

		.active {
			color: #02a6d9;
		}
				

	*html #rightHeader {
		position: absolute;
	}
	
	#rightHeader {
    margin-top: 18px;
    width: 174px;
    height: 174px;
    float: right;
    padding-left: 8px;
    border-left: 1px solid #6cd8f7;
  }
  
		.contactList li{
			padding-top: 2px;
		}

#mainTemplate1 {
	margin-top: 30px;
	float: left;
	width: 786px;
background: url(/images/bgline.gif) top left;
}

* html #mainTemplate1{
  margin-top: 65px;
}

#mainTemplate2 {
	margin-top: 30px;
	float: left;
	width: 786px;
background: url(/images/bglineAlt.gif) top left;
}

* html #mainTemplate2{
  margin-top: 65px;
}

#mainTemplate3 {
	margin-top: 30px;
	float: left;
	width: 786px;
background: url(/images/bgline3.gif) top left;
}

* html #mainTemplate3{
  margin-top: 65px;
}
  
#main {
	margin-top: 30px;
	float: left;
	width: 786px;
	min-height: 320px;
	border-left: 1px solid #6cd8f7;
	border-right: 1px solid #6cd8f7;

}

* html #main{
	height: 740px;
	margin-top: 65px;
}

#mainBigpic {
	float: left;
	width: 770px;
	padding-left: 8px;
}

#mainLeft {
	width: 385px;
	float: left;
	padding-left: 8px;
	min-height: 320px;
}

* html #mainLeft{
	height: 740px;
}
	
.mainLeftColumn {
	min-height: 320px; 
	width: 178px;
	float: left;
	padding: 0 8px 0 8px;
	border-left: 1px solid #6cd8f7;
}
		
* html #mainLeftColumn{
height: 740px;
}
	
#mainRight {
	padding: 0 8px 0 8px;
	width: 374px;
	float: left;


}

* html #mainRight{
	height: 1035px;
}


#rCol {
	margin-top: 15px;
	float: right;
	width: 180px;

}

  *html #rCol {
    margin-top: 50px;
  }

/* ----- Vertical Nav ------ */


.nav, .nav ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
	float : left;
	width : 14em;
}
	
.nav li { 
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 14em;
}

.nav li ul { 
	position : absolute;
	left: -999em;
	margin-left : 15em;
	margin-top : -1.60em;
	background-color: #FFFFFF;
  padding : 0px;
}

* html .nav li ul {
	margin-left: 14em;

}
	
.nav li ul ul { 
	left: -999em;
	
}
	
.nav li a {
	width: 14em;
	display : block;
	text-decoration : none;
	padding : 0.2em 0.5em;
}

.nav li ul li a{
	width: 12em;
}	
	
* html .nav li a {
	width : 13em;
	font-size:12px;
}
	
	
.nav li a:hover {
	background-color: #edf3f7;
}
	
.nav li ul li a:hover {
	border: none;
}
	
	
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
}
	
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.nav li:hover, .nav li.hover {
    position: static;
}

.hoverCl {
	background-color: #edf3f7;
}		
	

/* --- Content Boxes --- */

.contentBox {
	margin-bottom: 30px;
	padding: 0 8px 0 8px;
	border-left: 1px solid #6cd8f7;
	
}


/* --- Headings --- */

h1.londonvision {
	background: url(/images/londonvision-h1.gif) no-repeat;
	text-indent: -2000px;
	width: 328px;
	height: 24px;
	
}

h1 {
	font-size: 28px;
	color: #407595;
	line-height: 105%;
	margin: 0 0 7px 0;
}

h1.blue {
	font-size: 28px;
	color: #00b6cc;
	line-height: 105%;
	margin: 18px 0 7px 0;
}

h2.choosing {
	background: url(/images/choosing-h2.gif) no-repeat;
	text-indent: -2000px;
	width: 269px;
	height: 27px;
}


h2 {
	margin: 18px 0 5px 0;
	font-size: 25px;
	color: #407595;
	line-height: 105%;
}

h2.blue {
	margin: 18px 0 5px 0;
	font-size: 25px;
	color: #00b6cc;
	line-height: 105%;
}

h3 {
	margin: 17px 0 5px 0;
	font-size: 19px;
	color: #00b6cc;
	line-height: 110%;
}

h3 a {
	text-decoration: none;
}

h4 {
	margin: 16px 0 5px 0;
	font-size: 15px;
font-weight: bold;
	color: #407595;
	line-height: 110%;
}

h5 {
color:#407595;
font-size:15px;
font-style: italic;
margin: 0 0 10px 0;
}


.headingBigpic {
	margin-bottom: 18px;
}

.headingsList {
	margin: 10px 0 25px 0;
}

.headingsList li {
	padding-bottom: 7px;

}
.twitterTweeter a { font-weight: bold; color: #407595; text-decoration: none; margin: 10px 0 5px 0 !important; }
.twitterHeader a { color: #407595; text-decoration: none; margin: 10px 0 5px 0 !important; }


/* --- Repeat Elements --- */

a {
color: #00b6cc;

}

a:hover {
	color: #008595;
}



.imageBorder{
	border: 1px solid #e8e9ea;
}

/* ------------ Search Box -------------*/

input {
	border: none;
}


.mainSearch {
	background-color: #f6f9fa;
	width: 127px;
	height: 19px;
	padding: 3px 0 0 3px;
	border: 1px solid #cadbe6;
	float:left;
}

.newTxt {
	background-color: #f6f9fa;
	width: 220px;
	height: 19px;
	padding: 3px 0 0 3px;
	border: 1px solid #cadbe6;
	float:left;
}

.newSelect {
  background-color: #f6f9fa;
  width: 225px;
  padding: 3px 0 0 3px;
  border: 1px solid #cadbe6;
  float:left;
}

.mainSelect {
  background-color: #f6f9fa;
  width: 127px;
  padding: 3px 0 0 3px;
  border: 1px solid #cadbe6;
  float:left;
}

.addressBoxes {
  display: none;
}

.commentField {
  background-color: #f6f9fa;
  width: 200px;
  height: 70px;
  padding: 3px 0 0 3px;
  border: 1px solid #cadbe6;
}

.formField {
	background-color: #f6f9fa;
	width: 150px;
	height: 19px;
	padding: 3px 0 0 3px;
	border: 1px solid #cadbe6;

}

.mainSearchSubmit {
	background: url(/images/arrow-search.gif) no-repeat;
	width:14px;
	height:25px; 
	cursor:pointer;
}


/* -------- testimonial box ------------ */

.testimonialBox {
	background-color: #ead7bf;
	width: 145px;
	margin-top: 10px;
	padding: 7px;
	color: #a66f23;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 130%;
}

.quoter {
	font-size: 10px;
	font-style: normal;
}


.quote {
	margin: 0;
	padding: 0;
}

/* --- Contact Dropdown ---- */


#contactBigBox {
	width: 146px;
	background-color: #f5f5f5;
	padding: 7px 7px 0 7px;
	border: 1px solid #eaeaea;
}


.contactFields {
	margin:10px 0;
}


.contactFields li{
	padding-bottom: 6px;
	
}


.textfield {
	border: 1px solid #e9e7e7;
	width: 132px;
	padding-left: 3px;
	
}

form#frmComment { border:1px solid #6CD8F7; float:left; position:relative; width:460px; margin-left: 5px; }
.button {
	background: url(/images/send.gif) no-repeat;
	width: 38px;
	height: 18px;
	border: none;
}

.submit-details {
	background: url(/images/submit-details.png) no-repeat;
	width: 108px;
	height: 32px;
	border: none;
	cursor: pointer;
}


.btnsubscribe {
  background: url(/images/send.gif) no-repeat;
  width: 38px;
  height: 18px;
  border: none;
  margin-right: 27px;
}

.btnblogpost {
  background: url(/images/send.gif) no-repeat;
  width: 38px;
  height: 18px;
  border: none;
  margin-right: 20px;
}

#inforequestImage {
	margin-top: 3px;
}


.newContact {
	background: url(/images/middle-contact-panel.gif) repeat-y;
	width: 163px;

}


.newContact h3 {
	background: url(/images/top-contact-panel.gif) no-repeat top;
	width: 163px;
	height: 7px;
	
}

.bottomContact {
	background: url(/images/bottom-contact-panel.gif) no-repeat bottom;
	width: 163px;
	height: 11px;
}

.formContent {
	padding: 0 5px 0 6px;

}

.contactFieldSmaller {
	margin:3px 0 0 0;
	padding: 0;
	height: 13px;
	width: 143px;
	padding-left: 4px;
	font-size: 10px;
}

.contactButtons {
	padding: 4px 0 0 0

}

.contactButtons li {
	float: left;
}

/* --- Blog --- */

.categories li, .actions li, .socialMedia li {
	float: left;
	padding: 0 5px;
}

#prev {
	float: left;
}


#next {
	float: right;
}



/* --- Footer ---- */

#footer {
	margin: 15px 0;
	padding: 5px 0 15px 0;
	border-top: 1px solid #919396;

}

.footerRight {
	float: right;
}

.footerLeft {
	float: left;
}

.footerLeft ul {
	margin-bottom: 18px;
}


.footerLeft ul li {
	float: left;
	padding-right: 15px;
}

/* --- Miscellaneous --- */

.cleared {
	clear: both;
}

.headings li{
	padding: 3px 0;

}

.breadcrumbs li{
	float: left;
	padding-right: 5px;
}

.breadcrumbs {
	padding: 0 0 26px 0;
	background: #FFF;
}

.bullets {
	list-style: disc;
	margin: 10px 0 0 20px;
}

.bullets2 {
	list-style: disc;
	margin: 10px 20px 0 20px;
	float: left;
	width: 350px;
}


.bulletsStats {
	list-style-type: decimal; 
	margin: 10px 0 0 20px;
}



.fontButton {
	background:url(/images/a2.gif) no-repeat;
	width: 11px;
	height: 14px;
}

.fontButtonLarger {
	background:url(/images/a3.gif) no-repeat;
	width: 14px;
	height: 17px;

}

hr {
	margin: 12px 0;
	color: #6cd8f7;
	background-color: #6cd8f7;
	height: 1px;
	border: 0;
}

strong {
	color: #444444;

}

#mainBigpicTest {
	float: left;
	width: 770px;
	padding-left: 8px;

}


#mainBigpicTest h4{
	font-weight: normal;
	font-size: 14px;
	color: #6f6f6f;
}

.errors, .actionErrors, .fieldErrors {
	color: #eea29f;
  font-weight: bold;
}	

.genericList li {
	margin-top: 6px;	
	float: left;
	padding: 0 8px;
	border-right: 1px solid #888;
}

.testiBold {
	font-weight: bold;
	font-style: italic; 
}

.backToTop {
	margin: 15px 0;
}

.LeftColBlock {
	min-height: 250px;
}


.LeftColBlock2 {
	min-height: 210px;
}


.LeftColBlock3 {
	min-height: 320px;
}

body.small { font-size: 11px }
body.medium { font-size: 15px }
body.large { font-size: 17px }

.smallBlocks {
	width: 385px;
	

}

.smallBlockLeft {
	float: left;
	width: 178px;
}

.smallBlockRight {
	float: right;
	width: 178px;
	padding: 0 8px;
	
}

.backToTop {
	font-size: 9px;
}

.videoCaption {
	font-style: italic;
	font-weight: bold;
	color: #676767;
}

.centered { text-align: center !important; }

.qavideos {
	float: right;
	width: 370px;
}
.qavideos div{
  padding:1px;	 
}

.videoTestimonial {
	float:right;
	padding: 0 0 5px 10px;
}


.mediaTable h3 {margin-top:2px;}


.mediaTable td{
	border-right: 1px solid #6cd8f7;
	padding: 0 10px;
}

/*---- .centreCaption {
	position: absolute; 
	top: 92px; 
	left: 25px; 
	width: 180px; 
	font-size: 10px;"
} ---- */

.centreCaption {
	font-size: 11px;
	text-align: right;
	margin-top: -22px;
	padding-right: 36px;
	color: #000;
}

#contactMessages {
	font-weight: bold;

}

.postbody img{
	margin:10px;
}

div#map { float: right; margin-left: 15px; margin-bottom: 15px; margin-top:12px; }
div.testimonial-block { width: 220px; position: relative; float: right; border: 1px solid #6CD8F7; padding: 20px; margin-right: 10px; margin-left: 20px; margin-bottom: 20px; }
table.formTable { position: relative; float: left; }
.address-button { float: right; margin-right: 25px; margin-top: 5px; }
.slim { width: 95%; }
div.resizer { float: right; margin: 19px 20px 0 0; }
div.resizer h4 { margin:2px 0 5px 0 !important; }
div#sizer { text-align: right; }
.sidebox { width: 154px; margin-left: 5px; }
.sidebox img { position:relative; display: block; margin-bottom: 20px; }