body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    color: #5B5B5B;
    background: url('images/background-slice.png') repeat-x;
    background-color: #F7F7F7;
}

.cb { clear: both; }
.cl { clear: left; }

img a, a img { border: 0px; }

a {
    text-decoration: none;
    color: #0B6AA2;
}

a:hover { text-decoration: underline; }

a, a:focus, a:hover {
    outline: none;
}

p.contact, a.contact { color: #FF4004; }

h1 {
    font-size: 25px;
    color: #0B6AA2;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

h1 a { color: #0B6AA2; }

h2 {
    font-size: 18px;
    color: #03B359;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;   
}

h2 a { color: #03B359; }

h3, h2.h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}

h2.h3 { margin-bottom: 5px; }

p {
    color: #5B5B5B;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.fl {
    float: left
}

.fr {
    float: right;
}

ul {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

li {
    list-style-image: url('images/bullet.gif');
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

ul.normal li, ol.normal li {
    list-style-image: none;
}

ul.sitemap li, ol.sitemap li {
    line-height: 100% !important;
}

table, td, th {
    text-align: left;
}

label {
    width: 125px;
    float: left;
    display: block;
    margin-bottom: 20px;
    padding-top: 5px;
}

input, textarea {
    font-family: Arial, helvetica, Verdana, Sans-Serif;
    color: #5b5b5b;
    width: 200px;
    padding: 2px;
}

textarea {
    margin-bottom: 20px;
    width: 330px;
}

.send {
    width: 100px !important;
    border: 1px solid #0b6aa2;
    text-align: center;
    background-color: #0b6aa2;
    color: white;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 125px;
}

.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.small {
    font-size: 10px;
}

#mainWrapper {
    text-align: center;
    padding-top: 10px;
}

#contentTop {
    background: url('images/content-top.gif') no-repeat;
    height: 19px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#contentBottom {
    background: url('images/content-bottom.gif') no-repeat top left;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    margin-bottom: 10px;
}

#contentWrapper {
    background-color: #FFFFFF;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 19px 19px 1px 19px;
    position: relative;
}

#header {
    height: 108px;
    margin: 0px 0px 28px 0px;
    padding: 0px;
}

#logo {
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
}

#headerRight {
    text-align: right;
    position: relative;
    top: -9px;
}

#contactDetails, #contactDetails a {
    color: #5B5B5B;
    font-size: 19px;
    text-decoration: none;
    font-weight: normal;
}

#emailContact:hover {
    text-decoration: underline;
}

#contentInner {
    /*border-top: 2px solid #FF4004;*/
    padding-top: 20px;
}

#content {
    width: 659px;
    font-size: 12px;
    min-height: 420px;
    float: left;
}

#content p, #content ul, #content li {
    line-height: 150%;
}

#content p {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

#footer {
     border-top: 1px solid #CFCFCF;
     margin-top: 20px;
     padding-top: 20px;
}

#footer div div {
    margin-right: 50px;
}

#footer ul, #footer ul li {
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    line-height: 103%;
}

#footer ul li a, #footer p, #footer p a {
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    color: #525252;
    font-size: 10px;
}

#footer p {
    margin-bottom: 10px;
}

#footer ul li.toplevelpage a {
    color: #525252;
    font-weight: bold;
    font-size: 12px;
}

#footer ul li a.selected, #footer p a.selected {
    color: #0b6aa2
}

/* SIDEBAR */
#sidebar {
    width: 240px;
    float: right;
}

#one, #two, #three {
	display: block;
	height: 100px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.teaser h2 {
    font-size: 22px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.teaser p {
    font-size: 13px;
    padding-top: 0px;
    margin-top: 0px;
}

.teaser a:hover h2, .teaser a:hover p {
    cursor: pointer;
    color: white;
}

* html #one a, *html #two a, *html #three a {
	width: 100%;
}

#one a, #two a, #three a {
	display: block;
	height: 100px;
}

#one {
    background-image: url('images/sidebar-1.gif');
}

#one h2 {
    color: #FF4004;
}

#two {
    background-image: url('images/sidebar-2.gif');
}

#two h2 {
    color: #0B6AA2;
}

#three {
    background-image: url('images/sidebar-3.gif');
}

#three h2 {
    color: #03B359;
}

#one a:hover, #two a:hover, #three a:hover {
	font-weight: bold;
	color: white !important;
	text-decoration: none;
}

.teaserContent a {
	color: black !important;
}

.teaserContent p {
    width: 160px;
    padding: 10px;
}

#one a:hover, #two a:hover, #three a:hover {
    width: 240px;
	height: 100px;
	z-index: 99;
	position: absolute;
}

#one a:hover h2, #two a:hover h2, #three a:hover h2 {
    color: #FFFFFF;
}

#one a:hover {
	background-image: url('images/sidebar-1-over.png');
}

#two a:hover {
	background-image: url('images/sidebar-2-over.png');
}

#three a:hover {
	background-image: url('images/sidebar-3-over.png');
}

#specialOfferForm {
    margin-top: 0px;
}

#specialOffer {
    margin-top: 11px;
}

#specialOffer a {
    width: 220px;
    height: 82px;
    background-image: url('images/special-offer-background.jpg');
    padding: 5px 10px 5px 10px;
    display: block;
}

#specialOffer a:hover {
    text-decoration: none;
    background-image: url('images/special-offer-hover-background.gif');
}

#specialOffer #specialHeading {
    margin: 0px 0px 3px 0px;
    padding: 0px;
}

#largeRed {
    color: #FF4004;
    font-size: 22px;
}

#smallerGreen {
    font-size: 17px;
    color: #03B359
}

#specialDescription {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.quote {
    font-size: 11px;
    position: relative;
}

.quote .big {
    font-size: 14px;
    font-weight: bold;
}

#quoteOpen {
    float: left;
    margin-right: 15px;
}

#quoteClose {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.quoteTop {
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.quoteTop a {
    color: #5b5b5b;
}


/* TOP NAVIGATION */
#topNavigation {
    height: 40px;
}

#navigation {
    margin:0px;
    list-style: none;
    padding-left:0px;
    
}

#navigation li {
    float: left;
    position: relative;
    background: none;
    list-style-image: none;
}

#navigation a * {
    display: none;
}

#navigation li a, #navigation li a .hover {
    height: 40px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: right-top;
    cursor: pointer;
    background-image: url('images/navigation.png');
    font-family: arial;
    font-size: 12px;
}

#navigation a.home {
    background-position: 0px 0px;
    width: 153px;
}

#navigation .highlight a.home:hover, #navigation a.home .hover {
    background-position: 0px -40px;
}

#navigation a.what {
    background-position: -153px 0px;
    width: 154px;
}

#navigation .highlight a.what:hover, #navigation a.what .hover, #navigation li.subhover a.what {
    background-position: -153px -40px;
}

#navigation li ul#drpwhat li a { width: 139px; }

#navigation a.about {
    background-position: -307px 0px;
    width: 153px;
}

#navigation .highlight a.about:hover, #navigation a.about .hover, #navigation li.subhover a.about {
    background-position: -307px -40px;
}

#navigation li ul#drpabout li a { width: 138px; }

#navigation a.clients {
    background-position: -461px 0px;
    width: 153px;
}

#navigation .highlight a.clients:hover, #navigation a.clients .hover, #navigation li.subhover a.clients {
    background-position: -461px -40px;
}

#navigation li ul#drpclients li a { width: 138px; }

#navigation a.sharing {
    background-position: -614px 0px;
    width: 153px;
}

#navigation .highlight a.sharing:hover, #navigation a.sharing .hover, #navigation li.subhover a.sharing {
    background-position: -614px -40px;
}

#navigation li ul#drpsharing li a { width: 138px; }

#navigation a.contact {
    background-position: -767px 0px;
    width: 153px;
}

#navigation .highlight a.contact:hover, #navigation a.contact .hover, #navigation li.subhover a.contact {
    background-position: -767px -40px;
}

ul#navigation li ul.subnav {
    list-style: none;
    position: absolute;
    left: 0px; 
    top: 40px;
    margin: 0px; 
    padding: 0px;
    display: none;
    float: left;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    border-bottom: 1px solid #A5A5A5;
    padding-right: 1px;
    padding-left: 1px;
    background-color: White;
    z-index: 99;
}

ul#navigation li ul.subnav li {
    margin: 0px; 
    padding: 0px;
    clear: both;
    z-index: 99;
    line-height: 100%;
}

ul#navigation li ul.subnav li a {
    display: block;
	height: 21px;
	color: #000000;
	text-decoration: none;
	width: 100px;
	padding-left: 10px;
	padding-top: 5px;
	background: #F3F3F3 url('images/subnav-border.gif') repeat-x 0px 25px;
}

ul#navigation li ul.subnav li.lastDrp a { background: #F3F3F3 none; }

ul#navigation li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    font-weight: normal;
	background: url('images/subnav-over-bg-border.jpg') repeat-x;
	color: #FFFFFF;
	height: 21px;
}

ul#navigation li ul.subnav li.lastDrp a:hover {
    background: url('images/subnav-over-bg-noborder.jpg') repeat-x;
}

/* CAROUSEL */
#carousel {
    border: 1px solid #CCCCCC;
    overflow: hidden;
    position: relative;
}

#carousel ul {
	list-style-type: none;
	/*width:1600px;*/
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 9999px;
}

#carousel li {
	display:inline;
	float:left;
}

#carousel img {
    display: block;
}

.thumbsWrapper {
    float: left;
    position:relative;
    overflow:auto;
    text-align:left;
    padding-top: 10px;
    width: 659px !important;
}

.thumb {
    cursor:pointer;
    display:inline;
    float:left;
    padding:0;
    overflow:hidden;
    text-align:center;
    margin-right: 6px;
}


.playPause {
    position:absolute;
    top:296px;
    left: 25px;
    border:none;
}

/* MODAL POPUP */
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border: 1px solid #0b6aa2;
}
        
#boxes #dialog {
    width: 375px;
    height: 203px;
    padding: 10px;
    background-color: #ffffff;
    text-align: left;
    font-size: 14px;
}

#boxes p {
    padding-top: 10px;
}

#closeQuote {
    position: absolute;
    right: 10px;
}

.window p {
    font-size: 12px;
    line-height: 1.5;
    padding-top: 0px !important;
}

.window #quoteOpen {
    margin-bottom: 5px;
}

#boxes #quoteClose {
    bottom: 15px;
    right: 10px;
}

/* WHAT WE DO */
#contentServices {
    width: 920px;
    height: 466px;
    padding-bottom: 20px;
}

#whatWeDoMap {
    border: 0px;
    height: 446px;
    width: 920px;
}

.bubble h2, .bubble img, .bubble p { 
    position: absolute;
}

.bubble h2, .bubble h2 a {
    color: #0B6AA2;
    text-align: center;
    font-size: 28px;
    width: 130px;
}

.bubble p {
    text-align: center;
    font-size: 15px;
}

.bubble p a {
    color: #03B359;
}

.bubble p a:hover, .bubble h2 a:hover {
    text-decoration: none;
}

#bubbleOne img {
    left: 520px;
    top: 285px;
}

#bubbleOne h2 {
    top: 270px;
    left: 375px;
}

#bubbleOne p {
    top: 345px;
    left: 400px;
    width: 160px;
}

#bubbleTwo img {
    top: 380px;
    left: 820px;
}

#bubbleTwo h2 {
    top: 385px;
    left: 690px;
}

#bubbleTwo p {
    top: 450px;
    left: 705px;
    width: 190px;
}

#bubbleThree img {
    top: 580px;
    left: 740px;
}

#bubbleThree h2 {
    top: 570px;
    left: 600px;
}

#bubbleThree p {
    top: 637px;
    left: 615px;
    width: 180px;
}

#bubbleFour img {
    top: 580px;
    left: 285px;
}

#bubbleFour h2 {
    top: 570px;
    left: 145px;
}

#bubbleFour p {
    top: 637px;
    left: 160px;
    width: 190px;
}

#bubbleFive img {
    top: 400px;
    left: 175px;
}

#bubbleFive h2 {
    top: 385px;
    left: 50px;
}

#bubbleFive p {
    top: 450px;
    left: 67px;
    width: 190px;
}

.contentImage {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.associate img {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.associateContent {
    margin-left: 115px;
}

.relatedLinks {
    margin-bottom: 5px;
}

.more {
    margin-bottom: 5px;
}

/* ABOUT US */
.aboutUsContent {
    min-height: 490px;   
}

.linkedin-bullet {
    list-style-image: none;
    list-style-type: none;
    padding-top: 5px;
}

/* NEWS */
.newsIcon {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#news-archive {
    font-size: 12px;
    margin-top: 10px;
}

#news-archive ul {
    margin: 0px;
    padding: 0px;
}

#news-archive ul li {
    list-style-type: none;
    background: none;
    list-style-image: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
}

#news-archive ul li img {
    margin-right: 8px;
}

#news-archive ul li.subArchive {
    min-height: 10px;
    _height: 10px;
    margin: 0px;
    padding: 0px;
}

#news-archive ul li ul {
    margin-top: 0px !important;
    padding-top: 0px !important;    
}

#news-archive ul li ul li {
    margin-bottom: 15px;
    padding-bottom: 0px;
    margin-top: 10px;
    padding-top: 0px;
    margin-left: 21px;
    line-height: 150%;
}

/* USEFUL LINKS */
.usefulLink h3 {
    margin-bottom: 5px;
}

.usefulLink h3 a {
    color: #03b359;
}

/* SITEMAP */
.sitemapHeading {
    margin-bottom: 5px;
}

.sitemapHeading a, #sitemapNoMarginHeading a {
    color: #03b359;
}

/* SHARING */
#sharingImage {
    border: 0px;
}

/* CONTENT PAGES */
.introPara {
    margin-bottom: 15px;
}