@charset "UTF-8";
/* CSS for Retaining Solutions - by Ulladulla Web Design - www.ulladullawebdesign.com */

/* BASIC RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; text-decoration: none; }

/* MAIN LAYOUT */

body			{ background: #444 url('../images/global/body_background.png') repeat-x left top; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; font-size: 62.5% }
#wrapper		{ width: 100%; background: url('../images/global/header_background.jpg') no-repeat center top; }
#main			{ width: 960px; text-align: left; position: relative; margin: 0px auto 0px auto; min-height: 500px; padding-top: 174px;}
#logo			{ width: 282px; height: 141px; position: absolute; left: 2px; top: 0px; box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; }

#footer			{ min-height: 350px; padding: 20px 0px 0px 0px; background: #202a2c url('../images/global/footer_background.png') repeat-x left top; }
#footerContent	{ margin: 0px auto 15px auto; -mox-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #0d1112; width: 890px; padding: 15px 35px 15px 35px; text-align: left; }
#footerContent div		{ float: left; width: 191px; margin-right: 50px; }
#footerContent div.first	{ margin-right: 0px; }
#footerContent div.last	{ margin-right: 0px; }
#footerContent div.noHead	{ padding-top: 31px; }
#footerContent ul, #footer li	{ list-style: none; }
#footerContent h2		{ color: #8ac0cc; font-size: 20px; margin-bottom: 7px; }
#footerContent li		{ color: #FFF; font-size: 13px; margin-bottom: 10px; }
#footerContent li a		{ color: #FFF; } #footerContent li a:hover	{ color: #98cdd7; text-decoration: underline; }

#credits		{ width: 960px; text-align: left; margin: 0px auto 0px auto; font-size: 11px; color: #9a9a9a; }
#credits a		{ color: #98cdd7; }  #credits a:hover	{ color: #FFF; text-decoration: underline; }

#newsletter		{ position: absolute; right: 0px; top: 0px; width: 600px; text-align: right; padding-top: 8px; }
#newsletter .newsletterEmail	{ background: #4c4231 url('../images/global/subscribe_background.png') repeat-x left top; font-size: 14px; font-style: oblique; color: #be995a; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border: none; padding: 5px 5px 5px 10px; width: 180px; text-align: left; } 
#newsletter label	{ color: #FFF; font-size: 14px; }
#newsletter .newsletterSubmit	{ margin-top: -3px; vertical-align: middle; }
form#subscribeForm label.error	{ color: #ff7185 !important; padding: 0px 5px 0px 5px; font-size: 11px; }
#newsletter p		{ color: #FFF; font-size: 13px; padding: 7px 40px 7px 0px; background: url('../images/global/icon_confirm.png') no-repeat right center; }

#search			{ z-index: 9; position: absolute; right: 0px; top: 133px; background: #216f91 url('../images/global/search_background.png') repeat-x left top; width: 296px; padding: 6px 30px 10px 31px; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px;
-moz-border-radius-topright / -webkit-border-top-right-radius}
#search label	{ color: #fff; font-size: 14px; }
#search .searchQuery	{ background: #afdde4 url('../images/global/search_magnify.png') no-repeat 12px center; font-size: 14px; color: #41819a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; padding: 4px 5px 4px 40px; width: 186px; }

#content		{ width: 960px; background-color: #FFF; box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; margin-bottom: 10px; }

#feature		{ width: 894px; padding: 73px 33px 0px 33px; background-position: left 41px; background-repeat: no-repeat; }
#feature p		{ color: #FFF; }

#pageContent		{ width: 894px; padding: 0px 33px 20px 33px; background: #FFF url('../images/global/content_background.png') repeat-x left top; }
#pageContent h2		{ font-size: 13px; color: #000; }
#pageContent p		{ font-size: 11px; color: #555; }

.clear			{ clear: both; content: "."; height: 0; visibility: hidden; display: block; }
.imageBorder	{ background-color: #FFF; border: solid 1px #737373; padding: 6px; }
.imageBorder img	{ border: solid 1px #d1d1d1; }

p a				{ color: #9f0a0a; font-weight: bold; }
p a:hover		{ color: #f33752; text-decoration: underline; }

h1				{ color: #FFF; font-size: 27px; }

#nav			{ z-index: 11; position: absolute; left: 0px; top: 174px; height: 4.2em; width: 960px; background: #000 url('../images/global/nav_background.png') repeat-x left bottom; }

/* MENU ---------------------- */

/*** ESSENTIAL STYLES ***/
#navMenu, #navMenu * { margin: 0; padding: 0; list-style: none; }
#navMenu { line-height:	1.0; margin-left: 33px; }
#navMenu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
#navMenu ul li { width: 100%; }
#navMenu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#navMenu li { float: left; position: relative; }
#navMenu a { display: block; position: relative; }
#navMenu li:hover ul, #navMenu li.sfHover ul { left: 0; top: 4.2em; /* match top ul list item height */ z-index: 99; }
ul#navMenu li:hover li ul, ul#navMenu li.sfHover li ul { top: -999em; }
ul#navMenu li li:hover ul, ul#navMenu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul#navMenu li li:hover li ul, ul#navMenu li li.sfHover li ul { top: -999em; }
ul#navMenu li li li:hover ul, ul#navMenu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** SKIN ***/
#navMenu { float: left; margin-bottom:	1em; background: url('../images/global/nav_divide.png') no-repeat left bottom; }
#navMenu a { border-left: none; border-top: none; padding: 1em 1.3em; font-size: 1.4em; text-decoration: none; }
#navMenu a, #navMenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #ccb48b; }
#navMenu li { background: url('../images/global/nav_divide.png') no-repeat right bottom; }
#navMenu li li { background: #000; border-top: solid 1px #1e1a13; }
#navMenu li li a { padding: 0.75em 1.3em; }
#navMenu li li li { background: #000; }
#navMenu li:hover, #navMenu li.sfHover, #navMenu a:focus, #navMenu a:hover, #navMenu a:active { background: #2a251b; color: #FFF; outline: 0; }

/*** arrows **/
#navMenu a.sf-with-ul { padding-right: 	2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow:	hidden; background:	url('../images/global/navArrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: 1.1em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
#navMenu li li a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: 0.75em; } 

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
#navMenu ul .sf-sub-indicator { background-position:  -10px 0; }
#navMenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#navMenu ul a:focus > .sf-sub-indicator, #navMenu ul a:hover > .sf-sub-indicator, #navMenu ul a:active > .sf-sub-indicator, #navMenu ul li:hover > a > .sf-sub-indicator, #navMenu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:	url('../images/global/navShadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/* END MENU ---------------------------- */

#suggestions	{ position: absolute; top: 174px; right: 0px; width: 357px; display: none; z-index: 999; box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; background-color: #0f4f69; }
/* SEARCHRESULTS */
#searchresults 		{ width: 357px; background-color: #0f4f69; font-size: 10px; }
#searchresults a 	{ display: block; background-color: #002434; clear: left; height: 56px; text-decoration: none; }
#searchresults a:hover { background-color: #003e59; color: #FFF; }
#searchresults a img 	{ float: left; padding: 5px 10px; }
#searchresults a span.searchheading { display: block; padding-top: 5px; color: #FFF; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span 	{ color: #afdde4; font-weight: normal; }
#searchresults a:hover span 	{ color: #f1f1f1; }
#searchresults span.category 	{ font-size: 11px; margin: 5px; display: block; color: #ffffff; }
#searchresults span.seperator 	{ float: right; padding-right: 15px; margin-right: 5px;background-image: url('../images/shortcuts_arrow.gif'); background-repeat: no-repeat; background-position: right; }
#searchresults span.seperator a { background-color: transparent; display: block; margin: 5px; height: auto; color: #ffffff; font-weight: normal; }

#slideshow 		{ position: relative; width: 541px; height: 317px; background-color: #FFF; float: left; margin-right: 37px; }
#slideshow img  { position: absolute; top: 11px; left: 11px; z-index: 8; opacity: 0.0; border: solid 1px #999; }
#slideshow img.active { z-index: 10; opacity: 1.0; }
#slideshow img.last-active { z-index: 9; }

#intro p	{ margin-bottom: 15px; font-size: 19px; line-height: 31px; }
#intro h3	{ color: #a5d0d3; font-weight: normal; font-size: 14px; margin-left: 578px; }
#intro h3 span { float: left; width: 80px; }
#intro h3 img	{ float: right; margin-left: 3px; }

h2.call		{ background: url('../images/global/phone.png') no-repeat left top; padding-left: 74px; height: 67px; color: #FFF; font-size: 18px; line-height: 25px; margin-left: 578px; }
h2.call em	{ font-size: 27px; line-height: 30px; font-style: normal; }

#breadcrumbs	{ width: 960px; background: url('../images/global/breadcrumbs_background.png') no-repeat left center; font-size: 14px; font-weight: bold; padding: 10px 0px 7px 40px; margin-bottom: 10px; color: #999; }
#breadcrumbs h2	{ width: 140px; display: inline; color: #98cdd7; font-size: 14px; }
#breadcrumbs a	{ color: #FFF; } #breadcrumbs a:hover	{ color: #98cdd7; text-decoration: underline; }

#casestudies	{ width: 960px; background: #98cdd7 url('../images/global/casestudies_background.png') repeat-x left top; position: relative; }
#casestudies h2	{ margin-left: 146px; margin-right: 32px; color: #FFF; padding: 15px 0px 15px 0px; background: url('../images/casestudies/casestudies_header.png') no-repeat left bottom; font-size: 14px; }
#casestudies ul li .imageBorder { float: left; margin-right: 10px; width: 149px; height: 111px; }
#casestudies h3	{ color: #000; font-size: 13px; }
#casestudies h3 em	{ color: #316f87; }
#casestudies p	{ color: #26414c; }
#casestudies span { width: 110px; height: 110px; background: url('../images/casestudies/casestudies_icon_white.png') no-repeat left top; position: absolute; top: -8px; left: 31px; }

.credit			{ width: 895px; color: #CCC; font-size: 10px; background: none !important; line-height: 12px !important; text-align: left !important; }