.imageLeft {float:left; margin-right:7px; margin-bottom:7px; width:70px; height:70px;}
.imageRight {float:right; margin-bottom:7px; width:70px; height:70px;}
/* --- MAIN PAGE FORMATTING --- */
body {text-align:center; background:#fff; margin:0; padding:0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#container {width:800px; height:572px; margin: 30px auto 0 auto; text-align:left; }
#header	{position:relative; height:141px; }
#mainContent {height:458px;}
#left {float:left; width:263px; height:458px; overflow:hidden;}
#content {float:right; width:527px; height:458px;}

/* --- HEADER FORMATTING --- */
#logo {float:left; background:url(images/LondonOfficesLogo.jpg) top left no-repeat; width:228px; height:141px; margin:0 0 0 -20px;}
#topNav {float:right; margin-top:58px;}
#topNav ul {margin:0; padding:0; list-style:none;}
#topNav li {float:left; margin-left:9px; line-height:18px; height:18px;}
#topNav a {text-decoration:none; font-size:10px;}
#topNav .divider {border-left:2px solid #c0343e; line-height:18px; height:18px;}
#phoneNumber {position:absolute; right:0px; top:82px; font-size:20px;}

/* --- SIDE BAR --- */
.callBackForm {float:left; width:263px; background:#373535; height:269px; margin:0 0 11px 0; padding:0;}
.callBackForm ul {float:left; width:231px; list-style-type:none; margin:0; padding:11px 16px 0px 16px; }
.callBackForm li {float:left; clear:both; display:block; width:100%; list-style-type:none; margin:0 0 9px 0; padding:0;}
.callBackForm li.header {background: url(images/RequestCallBack.jpg) top left no-repeat; width:184px; height:19px;}
.callBackForm li.header label {display:none;}
.callBackForm label {float:left; clear:both; color:#FFFFFF; font-size:9px;}
.callBackForm input {float:left; clear:both; width:229px; border:0; background:#FFFFFF;}
.callBackForm .header {margin-bottom:16px;}
.callBackForm .header label {font-size:20px;}
.callBackForm .submit {text-align:right;}
.callBackForm .submit input {float:right; background:#373535; font-size:10px; color:#FFFFFF; width:auto; margin:0; padding:0; cursor:pointer;}
.validate {font-size:25px; color:red;}

/* --- NAVIGATION FORMATTING --- */
#mainNav {float:left; width:263px;  margin:0 0 0 0;}
#mainNav ul {margin:0px; padding:0px; list-style-type:none;}
#mainNav li {background:#9e7e65; padding:0px; margin:0px; border:0;}

#mainNav .buttonHome {background:#C0343E; margin-bottom:11px;}
#mainNav .buttonContactMe {background:#97999B; margin-top:0; margin-bottom:11px; padding-top:0;}
#mainNav .buttonContactUs {background:#97999B;}
#mainNav li a {display:block; height:16px; padding:18px; font-size:14px; border:0; text-transform:uppercase;}
#mainNav li .selected {background:#C0343E;}

/* --- OFFICE LISTINGS FORMATTING --- */
.officeListings {background:url(images/LondonOfficesHomeImage.jpg) top left no-repeat; height:458px;}
#strapLine {font-size:20px; float:left; margin-top:280px; background:#C0343E; height:52px; line-height:52px; padding:0 19px; width:489px; color:white;}
.listing {float:left; position:relative; height:98px; padding:14px; width:499px; }
.listing .currentPage {position:absolute; bottom:14px; right:50px; color:white;}
.listing .buttonPrev {position:absolute; bottom:10px; left:10px; width:30px; height:30px; margin:0; padding:0; background:none; border:0; font-size:30px; color:#C0343E;}
.listing .buttonNext {position:absolute; bottom:10px; right:10px; width:30px; height:30px; margin:0; padding:0; background:none; border:0; font-size:30px; color:#C0343E;}
.listing .buttonPrev:hover {cursor:hand;}
.listing .buttonNext:hover {cursor:hand;}
.listing ul {list-style-type:none; color:white; margin:0px; padding:13px 0 0 0;}
.listing table {margin-left:30px;}
.listing td {width:115px; margin:0; padding:0;}
.list {width:100px; margin:0 auto;}
.listingsText {display:block; margin-top:-5px; color:white; font-size:15px; font-family:'Tahoma', Helvetica, sans-serif; font-weight:bold;}
.listing li {font-weight:bold; color:#00CCCC; margin:0; padding:0;}

/* --- OFFICE DETAILS FORMATTING ---*/
.panelOfficeDetails {height:458px;  font-size:11px; background:#C0343E;} 
.officeDetailsContentMain {float:left; padding:14px 14px 0 14px; color:#FFFFFF; min-height:392px; background:#C0343E; width:499px;}
#officeDetailsInfo {float:left; width:332px;}
.infoBlock {position:relative; margin-bottom:20px;}
.seeMap {position:absolute; top:0; right:0; text-transform:uppercase; background:#C0343E; font-size:9px; padding:1px; font-weight:bold;}

#officeDetailsImages {float:right; width:147px; overflow:hidden; height:392px;}
.bigImage {margin-bottom:7px;}
.thumbButton {float:left; margin-bottom:7px; padding-right:3px; width:70px; height:70px;}

#officeDetailsFooter {float:left; width:527px; height:32px; padding-top:20px; background:#C0343E; text-align:left; font-size:12px;}
#officeDetailsFooter a {font-size:12px;}
.officeDetailsPrev {float:left; clear:none; text-align:left; padding-left:50px;}
.officeDetailsBack {float:left; text-align:center; width:120px; }
.officeDetailsNext {float:right; clear:none; text-align:right; padding-right:50px;}
.orange {color:#FFFFFF; font-weight:bold;}
.border {width:150px;}

/* --- CONTACT ME FORM --- */
#pnlFeedbackForm {height:458px; background:#C4B299;}
.contactMeContentMain {height:458px; background:#C0343E;}
.contactMeContentMain .contactright {margin:23px 16px; color:#FFFFFF; width:400px;}
.contactMeContentMain input {width:400px; border:0px;}
.contactMeContentMain .input {width:400px; border:0px; height:50px;}
.contactMeContentMain .submit input {float:right; margin-bottom:0; background:#C0343E; font-size:11px; color:#FFFFFF; width:auto; margin:0; padding:0;}

/* --- CONTACT US FORMATTING --- */
.panelContactUs	{height:458px; background:#C0343E; text-transform:uppercase;}
.panelContactUs .contactright {margin:23px 16px; color:#FFFFFF;}
.contactUsTable td {vertical-align:top; padding-bottom:5px;}
.contactUsContentMain a	{color:#fff; text-decoration:none;}
.contactUsContentMain a:hover {text-decoration:underline;}
.contactright {float:left;}

/* --- CONTACT ME FORMATTING --- */
.line {float:left; width:400px; padding-bottom:4px;}

/* --- STANDARD FORMATTING --- */
#header a {color:#000000;}
a {text-decoration:none; color:white; font-size:11px;}
h1 {font-size:14px; color:#FFFFFF; margin:0 0 7px 0; padding:0; text-transform:uppercase;}
h2 {font-size:12px; color:#FFFFFF; margin:0 0 7px 0; padding:0;}
.submitButton:hover {cursor:hand;}
.hidden {display:none;}