/*generic*/

/*body*/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em}
h1 {margin:0; padding:0; font-size:1.9em; color:#7f4122; font-weight:400;}
h2 {margin:0; padding:0; font-size:1.7em; color:#7f4122; font-weight:400;}
a {color:#7BB1DF;text-decoration: underline; }
a:hover {color:#000; }
a.play-button {width:110px; line-height:22px; display:block; background:url(images/no-stroke.jpg) 100% 0 no-repeat;}
img {border:0;}
blockquote {font-size:1.2em; color:#8a644f; font-weight:400; font-style:italic;}
p { margin: 0; padding: 0 0 1em 0; }


/*structure*/
#wrapper{float:left; margin:0; padding:0; width:100%; text-align:center;}
#ff-container{margin:auto;padding:0;width:974px;text-align:left;}
#container {float:left; margin:0 0 10px 0; padding:0; width:974px; background:#FFF; }
#footer {float:left; margin:0; padding:15px 0 15px 0; width:974px; border-top: 1px dotted #ddddde; font-size:0.7em; color:#a4a3a3;}
#footer .copyright {float:left; width:620px; }
#footer-links {float:left; margin:0; padding:0; width:354px; color:#a4a3a3; }
#footer-links ul { padding: 0; margin: 0; }
#footer-links ul li { display:inline; padding: 0 5px 0 5px; margin: 0; list-style-type: none; border-right: 1px solid #a4a3a3;}
#footer-links ul li a {color:#a4a3a3; text-decoration: none;}
#footer-links ul li a:hover {text-decoration:underline; }

#header {float:left; margin:15px 0 0 0; padding:0; width:974px; border:0;}
#logo-bar {float:left; margin:0; padding:0; width:970px; height: 85px; background:#FFF; font-family:Arial, Helvetica, sans-serif;}
#logo-bar .logo {float:left; margin:0; padding:0; width:591px; height: 70px; background:url(images/landmarc-header-logo.gif) 0 0 no-repeat; }
#logo-bar .details {float:left; margin:0; padding:0; width:350px; height: 70px; }
#logo-bar .number {color:#c3dcf4; font-size:30px;}
#logo-bar .enquiries a {font-size: 13px; color:#002d5f; text-decoration:none; }

#top-links {float:left; margin:0; padding:20px 0 0 0; width:350px; color:#a4a3a3; font-size:0.7em; }
#top-links ul { padding: 0; margin: 0; text-align:right; }
#top-links ul li { display:inline; padding: 0 5px 0 5px; margin: 0; list-style-type: none; border-right: 1px solid #a4a3a3;}
#top-links ul li a , #top-links ul li a:visited {color:#002d5f; text-decoration: none;}
#top-links ul li a:hover {text-decoration:underline; }



#content-image {float:left; margin:0; padding:5px 0 10px 0; width:945px;}
#content-image-environment {float:left; margin:0; padding:5px 0 10px 0; width:945px;} 


/* search */
#search-nav {float:left; margin:0; padding:0; width:259px; height:38px; background:url(images/menu/search-end.gif) 0 0 no-repeat; }
#search-nav form {margin:0; padding:0;}
#search-nav ul {float:left; margin:0; padding:10px 5px 0 10px;}
#search-nav li {display:inline; list-style-type:none; margin:0; padding:0;}
#search-nav li input.search-box, input.search-box { margin:0 5px 0 0; padding:1px 15px 6px 5px; background:url("images/menu/search-bg.gif") 0 0 no-repeat; color:#989482; float:left; font-size:0.9em; width: 143px; border:none;}
#search-nav li span.searchsubmit {float:left; margin:0; padding:0;}


/*content*/
#content-wrapper {float:left; margin:0; padding:0; width:974px;}

#main-content-left {float:left; margin:0; padding:0; width:651px;}
#main-content-full {float:left; margin:0; padding:0; width:974px;}
#sub-content-top {float:left; margin:0; padding:0; width:651px; height:23px; background:url(images/home-content-box-top.jpg) 0 0 no-repeat;}
#sub-content-middle {float:left; margin:0; padding:0; width:651px; min-height:60px; background:url(images/home-content-box-mdl.jpg) 0 0 repeat-y;}
#sub-content-btm {float:left; margin:0; padding:5px 0 0 0; width:651px; height:24px; background:url(images/home-content-box-btm.jpg) 0 0 no-repeat;}
#sub-content-text {float:left; margin:0; padding:0 0 0 14px; width:345px; color:#58595a; font-size:0.85em;}
#sub-content-image {float:right; margin:0 ; padding:0 14px 0 0 ; width:265px;}

/*right col*/
#content-right {float:left; margin:0; padding:0; width:294px; background:url(images/news-area-gradient-mdl.jpg) 0 0 repeat-y;}
#content-right-top {float:left; margin:0; padding:0 11px; width:272px; background:url(images/news-area-gradient-top.jpg) 0 0 no-repeat;}
#content-right-text {float:left; margin:0; padding:7px 20px; width:254px; color:#002f5d; font-size: 0.85em; }
#content-right-text a {color:#7bb1df; text-decoration:none; }
#content-right-text p {padding: 0; margin:0; border-bottom:1px dotted #7bb1df; }
#content-right-text span.date-bullet {color:#da7c0a;}
#content-right-btm {float:left; margin:0; padding:0; width:294px; height:15px; background:url(images/news-area-gradient-btm.jpg) 0 0 no-repeat}

#main-orange-news-button {float:right; margin:10px 0 0 0; padding:0; width:100%; height:38px; background:url(images/orange-news-main-btn.jpg) 0 0 no-repeat;}
#more-news-button-orange {float:left; margin:12px 5px 0 0; padding:4px 0 0 20px; width:68px; height:15px; background:url(images/news-lozenge-orange.jpg) 0 0 no-repeat;}
#more-news-button-orange a, #more-news-button-orange a:hover {text-decoration:none; color:#58595a; font-size: 0.85em;}
#news-title {float:left; margin:12px 10px 0 10px; width:150px; padding:0;}
#news-title h2 {margin:0; padding:0; font-size:1.3em;}
#orange-button-text {float:left; margin:0 0 0 24px; padding:0; width:auto;}
#more-news-button-orange-end {float:right; margin:0; padding:0; width:7px; height:19px; background:url(images/orange-news-sml-btn-end.png) 0 0 no-repeat;}

#main-green-events-button {float:left; margin:-5px 0 0 12px; padding:0; width:272px; min-height:38px; background:url(images/green-events-main-btn.png) 0 0 no-repeat;}
#more-events-button-green {float:left; margin:12px 5px 0 0; padding:4px 0 0 20px; width:68px; height:15px; background:url(images/events-lozenge-green.jpg) 0 0 no-repeat;}
#more-events-button-green a, #more-events-button-green a:hover {text-decoration:none; color:#58595a; font-size: 0.85em;}
#events-title {float:left; margin:12px 10px 0 10px; width:150px; padding:0;}
#events-title h2 {margin:0; padding:0; font-size:1.3em;}
#green-button-text {float:left; margin:0 0 0 24px; padding:0; width:auto;}
#green-content-text {float:left; padding:2px 10px 6px 20px; margin:0; width:264px; color:#58595a; font-size: 0.85em; min-height:204px;}
#more-events-button-green-end {float:right; margin:0; padding:0; width:7px; height:19px; background:url(images/green-events-sml-btn-end.png) 0 0 no-repeat;}
#event-row, .event-row {width:255px; min-height: 37px;padding: 5px 0 5px 0; border-bottom:1px dotted #7bb1df; background: url(images/calendar-sprite.gif) 2px 5px no-repeat; float: left; display:block; color: #545454;text-decoration: none; }
#event-row a, .event-row a{color:#7BB1DF; text-decoration:none;}
a:hover.event-row, a:hover.event-row { background: url(images/calendar-sprite.gif) 2px -113px no-repeat #f0f0f2; cursor: pointer; }
#event-row .calender, .event-row .calender {float:left; width: 45px; display: block;}
#event-row .calender-text, .event-row .calendar-text {float:left; width: 200px; }
#event-row .c-month, .event-row .c-month { float: left; color: #fff; width: 41px; text-align: center; padding: 3px 0 0 0; text-transform: uppercase; font-size: 0.8em;display: block; }
#event-row .c-day, .event-row .c-day { float: left; color: #545454; width: 41px; text-align: center; padding: 0 0 0 0; font-size: 1.6em; font-weight: 900; display: block;}

#news-row, .news-row {width:750px; min-height: 45px; padding: 5px 0; border-bottom:1px dotted #7bb1df; background: url(images/calendar-sprite.gif) 2px 5px no-repeat; float: left; display:block; color: #545454;text-decoration: none; }
#news-row .calender, .news-row .calender {float:left; width: 45px; display: block;}
#news-row .calender-text, .news-row .calender-text {float:left; width: 705px; padding: 0 0 10px 0;}
#news-row .calender-text a, .news-row .calender-text a {color:#7BB1DF; text-decoration:none; font-weight:700; font-size:1.0em; }
#news-row .c-month, .news-row .c-month { float: left; color: #fff; width: 41px; text-align: center; padding: 3px 0 0 0; text-transform: uppercase; font-size: 0.7em;display: block; }
#news-row .c-day, .news-row .c-day { float: left; color: #545454; width: 41px; text-align: center; padding: 0 0 0 0; font-size: 1.6em; font-weight: 900; display: block;}

/*secondary content area*/
#feature-box {float:left; margin:0 20px 0 0; padding:0; width:315px; }
#further-left-content {float:left; margin:0; padding:0; width:651px;}
#features-col-top {float:left; margin:0; padding:0; width:315px; height:24px; background:url(images/features-content-box-top.jpg) 0 0 no-repeat; }
#features-col-middle {float:left; margin:0; padding:0; width:315px; min-height: 195px; background:url(images/features-content-box-mdl.jpg) 0 0 repeat-y;}
#features-col-btm {float:left; margin:0; padding:0; width:315px; height:14px; background:url(images/features-content-box-btm.jpg) 0 0 no-repeat;}
#features-content-image {float:left; margin:0; padding:0 0 0 12px; width:auto;}
#features-content-text {float:left; margin:0; padding:0 10px 0  12px; width:160px; color:#58595a; font-size:0.85em;}
#features-content-text h2 {margin:0; padding:0; font-size:1.9em; }

/*right hand feature box*/
#feature-box-right {float:left; margin:0; padding:0; width:315px; }
#features-content-text-right {float:left; margin:0; padding:0 10px 0  12px; width:160px; color:#58595a; font-size:0.85em;}
#features-content-text-right h2 {margin:0; padding:0; font-size:1.9em; }

#job-box {float:left; margin:0; padding:0; width:290px; }
#jobs-section {float:left; margin:0; padding:0; width:290px; background:url(images/jobs-col-middle.jpg);}
#jobs-col-top {float:left; margin:0; padding; width:100%; height:48px; background:#fff url(images/brown-jobs-main-btn.jpg) 0 0 no-repeat;}
#jobs-col-middle {float:left; margin:0; padding:0 10px 0 15px; width:265px; min-height: 168px; background:url(images/jobs-col-middle.jpg) 0 0 repeat-y; color:#58595A; line-height:1.3em; }
#jobs-col-middle a {font-size:1.1em; color:#012d5e; text-decoration:none;}
#jobs-col-middle div.jobrow {padding: 0; margin:3px 0 0 0; border-bottom:1px dotted #7bb1df; font-size:0.85em; min-height: 40px;}
#jobs-col-middle span.date-bullet {color:#da7c0a;}
#jobs-col-middle span.job-date {float:right; color:#8dbce5; margin: -2px 0 0 0; }
#jobs-title {float:left; margin:20px 10px 0 18px; width:150px; padding:0;}
#jobs-title h2 {margin:0; padding:0; font-size:1.3em;}
#more-jobs-button {float:left; margin:20px 5px 0 0; padding:4px 0 0 22px; width:68px; height:15px; background:url(images/jobs-lozenge-brown.jpg) 0 0 no-repeat;}
#more-jobs-button a, #more-jobs-button a:hover {text-decoration:none; color:#000; font-size: 0.85em;}
#jobs-col-btm {float:left; margin:0; padding: 0; width:100%; height:17px; background:url(images/jobs-col-btm.jpg); clear:both}
#main-brown-btn {float:left; margin:0; padding; width:100%; background:url(images/brown-jobs-main-btn.png);}

/* job styling now that this section has moved under latest news - DC 10/6/11 */
#green-content-text a {font-size:1.2em; color:#012d5e; text-decoration:none;}
#green-content-text div.jobrow {padding: 0; margin:1px 0 0 0; border-bottom:1px dotted #7bb1df; font-size:1.0em; min-height: 63px;}
#green-content-text span.date-bullet {color:#da7c0a;}
#green-content-text span.job-date {float:right; color:#8dbce5; margin: -2px 0 0 0; display: block; width: 100%; text-align: right; }

.jobs-row {width:750px; min-height: 45px; padding: 5px 0; border-bottom:1px dotted #7bb1df; float: left; display:block; color: #545454;text-decoration: none; }

/* sub pages */

#submenu {float:left; width:169px; margin:0; padding:0;}
#submenu h2 {color:#3B1A2A; font-size:1.2em; margin:0; padding:0; }

#submenu .title {float:left; width: 154px; height:22px; margin:0; padding:21px 0 0 15px; background:url(images/submenu/left-nav-olive-header.jpg); text-transform:capitalize; font-size: 0.9em; }
#submenu .middle {float:left; width: 154px; min-height: 200px; margin:0; padding:10px 0 0 15px; background:url(images/submenu/left-nav-bg.jpg) 0 0 no-repeat;}
#submenu .botbar {float:left; width: 169px; height:28px; margin:0; padding:0; background:url(images/submenu/left-nav-grad-btm.jpg);}
#sub-content {float:left; width:462px; margin:0; padding:15px 10px 0 10px; color: #545454; font-size:0.85em;}
#sub-content h3 {font-weight:bold; margin:0 0 10px 0; padding:0; color:#79B1E1; font-size:1.2em;}
#sub-content .image-area, #sub-content-full .image-area {float:left; width:185px; height:133px; margin:0 10px 2px 0; padding: 11px 0 6px 2px; background:url(images/sub-img-bg.gif) 0 0 no-repeat;}
#sub-content .image-area-right, #sub-content-full .image-area-right {float:right; width:185px; height:133px; margin:0 0 2px 10px; padding: 11px 2px 6px 0; background:url(images/sub-img-bg.gif) 0 0 no-repeat;}

#sub-content-full {float:left; width:750px; margin:0; padding:15px 10px 0 10px; color: #545454; font-size:0.85em; }
#sub-content-full h3 {font-weight:bold; margin:0 0 10px 0; padding:0; color:#79B1E1; font-size:1.2em;}

/*sub menu */
#submenu ul {float:left; margin:0; padding:0;}
#submenu li {float:none; margin:0; padding: 0; width:140px; list-style-type:none;}
#submenu li a {text-decoration:none; color: #545454; font-size:0.85em; padding: 4px 0; display:block; }
#submenu li a:hover, #submenu li a:active { color: #000; font-weight: 700; /* optional hover background color: #7f4122;background: #f0f0f2;*/ }
#submenu ul li ul li { width: 132px; padding-left: 8px; }
#submenu ul li ul li ul li { width: 124px; padding-left: 16px; }

#submenu ul li a.selected_leaf:link, #submenu ul li a.selected_leaf:hover, #submenu ul li a.selected_leaf:visited{ color: #000; font-weight: 700; }
#submenu ul li a.selected_parent:link, #submenu ul li a.selected_parent:hover, #submenu ul li a.selected_parent:visited{ color: #000; font-weight: 700; }

/* sIFR styles */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
}
*/
.sIFR-hasFlash .number {
	visibility: hidden;
	font-size: 8px;
	letter-spacing: -9px;
}

.sIFR-hasFlash .enquiries {
	visibility: hidden;
	font-size: 8px;
	letter-spacing: -9px;
}
.sIFR-hasFlash #jobs-title h2 {
	visibility: hidden;
	font-size: 19px;
	letter-spacing: -9px;
}

/*Top Navigation*/
#menu-bar {float:left; margin:0; padding:0; width:974px; font-size:0.9em; font-family:"arial", Helvetica, sans-serif; color:#FFF;}
#top-nav {float:left; margin:0; padding:0; width:686px; color:#FFF; text-transform:uppercase;}
#top-nav ul {float:left; margin:0; padding:0; width:686px;}
#top-nav li {float:left; margin:0; padding:0; width:auto; list-style-type:none; display:inline;}
#top-nav li a {float:left; margin:0; text-decoration:none; font-size:0.95em; font-weight:700; color: #fff; }
#top-nav li.white-tab a {padding:12px 0 0 0; width:75px; height:26px; background:url(images/menu/home-0.gif) 0 0 no-repeat; color:#002d5f; text-align:center;}
#top-nav li.orange-tab a {padding:12px 0 0 0; width:111px; height:26px;background:url(images/menu/what-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.orange-tab a:hover, #top-nav li.orange-tab a.main_menu_selected {background:url(images/menu/what-1.gif) 0 0 no-repeat; color:#012d5e;}
#top-nav li.blue-tab a {padding:12px 0 0 0; width:108px; height:26px; background:url(images/menu/community-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.blue-tab a:hover, #top-nav li.blue-tab a.main_menu_selected {background:url(images/menu/community-1.gif) 0 0 no-repeat; color:#012d5e;}
#top-nav li.green-tab a {padding:12px 0 0 0; width:120px; height:26px; background:url(images/menu/environment-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.green-tab a:hover, #top-nav li.green-tab a.main_menu_selected {background:url(images/menu/environment-1.gif) 0 0 no-repeat; color:#012d5e;}
#top-nav li.light-blue-tab a {padding:12px 0 0 0; width:90px; height:26px; background:url(images/menu/careers-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.light-blue-tab a:hover, #top-nav li.light-blue-tab a.main_menu_selected {background:url(images/menu/careers-1.gif) 0 0 no-repeat; color:#012d5e;}
#top-nav li.drk-blue-tab a {padding:12px 0 0 0; width:72px; height:26px; background:url(images/menu/news-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.drk-blue-tab a:hover, #top-nav li.drk-blue-tab a.main_menu_selected {background:url(images/menu/news-1.gif) 0 0 no-repeat; color:#012d5e;}
#top-nav li.drk-orange-tab a {padding:12px 0 0 0; width:110px; height:26px; background:url(images/menu/contact-0.gif) 0 0 no-repeat; text-align:center;}
#top-nav li.drk-orange-tab a:hover, #top-nav li.drk-orange-tab a.main_menu_selected {background:url(images/menu/contact-1.gif) 0 0 no-repeat; color:#012d5e;}


/* for html sign off - remove when added to CMS */
#top-nav li.green-tab-on a {padding:12px 0 0 0; width:120px; height:26px; background:url(images/menu/environment-1.gif) 0 0 no-repeat; color:#012d5e; text-align:center;}
#top-nav li.white-tab-off a {padding:12px 0 0 0; width:75px; height:26px; background:url(images/menu/home-1.gif) 0 0 no-repeat; color:#fff; text-align:center;}
#top-nav li.white-tab-off a:hover {background:url(images/menu/home-0.gif) 0 0 no-repeat; color:#012d5e;}


/* navigation dropdown */
#top-nav ul li ul { background:url("images/topmenu.png") no-repeat scroll 0 100% transparent; left:-999em; margin:34px 0 0 0; padding:4px 0 14px; position:absolute; width:13.5em; text-transform:none;}
#top-nav ul li ul li { display:inline; float:left; line-height:1.4em; padding:0 0.1em; }
#top-nav ul li ul li ul { width: 14.25em; margin: -2em 0 0 14.75em;}
#top-nav ul li ul li a { display: block !important; float: left !important; width: 13.5em !important; padding: 0.25em 0.5em !important; text-decoration: none !important; color: #fff !important; margin: auto !important; background: none !important; height: auto !important; text-align: left !important; }
#top-nav ul li ul li a:hover { color: #9a9224 !important; text-decoration: none !important; }
#top-nav li:hover ul ul, #top-nav li:hover ul ul ul, #top-nav li:hover ul ul ul ul, #top-nav li.menuover ul ul, #top-nav li.menuover ul ul ul, #top-nav li.menuover ul ul ul ul {
	left: -999em;
}
#top-nav li:hover ul, #top-nav li li:hover ul, #top-nav li li li:hover ul, #top-nav li li li li:hover ul, #top-nav li.menuover ul, #top-nav li li.menuover ul, #top-nav li li li.menuover ul, #top-nav li li li li.menuover ul {
	left: auto;
}


.modal {display:none;width:484px;height:313px;text-align:left;opacity:0.8;}
.foriframe { width:640px;height:360px;  }
a.close { cursor:pointer; float:right; width: 66px; height: 21px; display: block; text-align: center; background: #B8C4D0; color: #000; line-height: 21px; font-size: 1em; text-decoration: none; }
a:hover.close { text-decoration: underline; }