/* CSS DOCUMENT */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0px; }
img { border: none 0px #FFFFFF; }
a { text-decoration: none; color: inherit; }
a.underline:hover { text-decoration: underline; }

.fLeft { float: left; }
.fRight { float: right; }

.bottomLeft { position: absolute; bottom: 0; left: 0; }

.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }

.bold { font-weight: bold; }

.orange { color: #f19f1e; }
.blue { color: #1b648e; }

h1 { color: #1b648e; font-size: 16px; margin: 0 0 10px 0; }
h2 { font-size: 14px; margin: 0 0 5px 0; }
h3 { font-size: 14px; display: inline; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none !important; }

.readMore { font-size: 12px; line-height: 12px; padding: 0 18px 0 0; margin: 10px 0 0 0; color: #1b648e; background-image:url('../images/blueArrow.png'); background-repeat: no-repeat; background-position: right; }
.readMore:hover { color: #f19f1e; text-decoration: none !important; background-image:url('../images/orangeArrow.png'); }
.readMore a { text-decoration: none !important; }

body { background-color: #f5f7f9; color: #093349; font-size: 12px; word-wrap: break-word; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }

#container { width: 936px; padding: 0 0 8px 0; background-color: #fff; -moz-box-shadow: 0px 0px 30px #d9dfe7; -webkit-box-shadow: 0px 0px 30px #d9dfe7; box-shadow: 0px 0px 30px #d9dfe7; }
#page { width: 899px; text-align: left; padding: 0 7px 7px 7px; background-color: #d3dce7; border-left: 1px solid #f2f6f9; border-right: 1px solid #f2f6f9; border-bottom: 1px solid #f2f6f9; }


/* HEADER */

.header { height: 129px; width: 899px; font-size: 16px; }
.header ul { height: 39px; width: 899px; border-bottom: 2px solid #c6ccd8; font-size: 14px; background-color: #185272; }
.header ul li { float: left; height: 39px; width: 111px; text-align: center; color: #fff; margin: 0 1px 0 0; background-image:url('../images/menuBackground.png'); background-repeat: repeat-x; }
.header ul li a { display: block; height: 30px; padding: 11px 0 0 0; }
.header ul li:hover a { height: 28px; width: 112px; padding: 9px 0 0 0; background-image:url('../images/menuBackgroundHover.png'); background-repeat: repeat-y; color: #093349; border-top: 2px solid #c6ccd8; }
.header ul li.current a { height: 28px; width: 112px; padding: 9px 0 0 0; background-image:url('../images/menuBackgroundHover.png'); background-repeat: repeat-y; color: #093349; border-top: 2px solid #c6ccd8; }
.header .banner { height: 75px; width: 875px; position: relative; padding: 13px 24px 0 0; color: #fff; background-image:url('../images/bannerBackground.png'); background-repeat: repeat-x; }
.header .banner .overlay {position: absolute; width: 422px; height: 89px; top: 0; right: 20px; background-image:url('../images/bannerBackgroundLogo.png'); background-repeat: no-repeat; }
.header .banner img { position: absolute; left: 32px; }
.header .banner .text { position: relative; float: right; }
.header .banner .telephone { position: absolute; bottom: 15px; right: 24px; padding: 0 0 0 25px; background-image:url('../images/telephone.png'); background-repeat: no-repeat; background-position: left; }


/* BODY */

.boxTop { min-height: 229px; width: 858px; padding: 14px 18px 0 15px; background-color: #fff; border: 4px solid #c6ccd8; margin: 6px 0 0 0; }
.boxTop .text { width: 400px; float: right; }
.boxLeft { background: red; width: 445px; height: 396px; padding: 14px 0 0 15px; background-color: #fff; border: 4px solid #c6ccd8; float: left; margin: 6px 0 0 0; }
.boxLeft .service { width: 210px; min-height: 80px; float: left; margin: 0 12px 20px 0; }
.boxRightT { min-height: 193px; width: 384px; float: right; padding: 14px 18px 0 15px; background-color: #fff; border: 4px solid #c6ccd8; margin: 6px 0 0 0; }
.boxRightT .text { position: relative; height: 152px; width: 190px; float: right; }
.boxRightB { min-height: 153px; width: 389px; padding: 21px 0 0 28px; float: right;  border: 4px solid #c6ccd8; margin: 6px 0 0 0; background-color: #fff; background-image:url('../images/quotationMarksLeft.png'); background-repeat: no-repeat; background-position: 5px 5px; }
.boxRightB .text { position: relative; width: 360px; height: 163px; padding: 0 20px 0 0; float: left; background-image:url('../images/quotationMarksRight.png'); background-repeat: no-repeat; background-position: right bottom; }

#leftColumn { width: 619px; float: left; margin: 6px 0 0 0; padding: 16px 15px 20px 21px; background-color: #fff; border: 4px solid #c6ccd8; }
#leftColumn a:hover { text-decoration: underline; }
#leftColumn ul { list-style: circle inside; }
#leftColumn .testimonial { width: 267px; padding: 14px 0 0 23px; float: left; margin: 0 19px 30px 0; background-image:url('../images/quotationMarksLeft.png'); background-repeat: no-repeat; }
#leftColumn .services { position: relative; min-height: 50px; width: 177px; float: left; margin: 20px 25px 0 0; }
#leftColumn .services:hover h2 { color: #f19f1e; }
#leftColumn .experiences { width: 177px; min-height: 365px; float: left; margin: 20px 25px 0 0; }
#leftColumn .experience { position: relative; min-height: 123px; margin: 20px 0 0 0;   }
#leftColumn .experience .quote { position: absolute; bottom: 0; left: 150px; font-size: 10px; font-style: italic; }
#leftColumn .award { margin: 10px 0 40px 0; }
#leftColumn .articles { margin: 0 0 10px 0; }
#leftColumn .relatedArticle { width: 205px; margin: 17px 0 10px 10px; padding: 10px 5px 30px 15px; float: right; border: 4px solid #dde2e9; background-color: #f5f7f9; background-image:url('../images/articleLogo.png'); background-repeat: no-repeat; background-position: right bottom; }
#leftColumn .relatedArticle .text { padding: 0 0 0 20px; margin: 15px 0 0 0; background-image:url('../images/blueArrow.png'); background-repeat: no-repeat; background-position: 0 3px; }
#leftColumn form { position: relative; width: 495px; margin: 20px 0 45px 0; }
#leftColumn form label { width: 90px; margin: 4px 0 0 0; display: block; float: left; }
#leftColumn form input { height: 16px; width: 395px; margin: 0 0 5px 0; padding: 3px; border: 2px solid #c6ccd8; }
#leftColumn form input[type=submit] { position: absolute; width: 70px; height: 25px; right: 0; padding: 0; color: #fff; margin: 10px 0 0 0; border: 1px solid #125073; background: url('../images/menuBackground.png') repeat-x; }
#leftColumn form input[type=submit]:hover { background: #fff; color: #093349; border: 2px solid #c6ccd8; }
#leftColumn form textarea { height: 185px; width: 392px; margin: 0 0 5px 0; padding: 5px 4px 5px 5px; border: 2px solid #c6ccd8; }
#leftColumn form .captcha { position: absolute; left: 90px;  }
#leftColumn form .captcha input { height: 16px; width: 127px; margin: 0 15px 5px 10px; border: 1px solid #125073; }

#rightColumn { width: 222px; float: right; margin: 6px 0 0 0; background-color: #fff; border: 4px solid #c6ccd8; }
#rightColumn .slideshow { width: 196px; height: 168px; margin: 10px 0 23px 10px; border: 3px solid #c6ccd8; }
#rightColumn .widget { position: relative; width: 203px; margin: 10px 0 0 10px; line-height: 17px; }
#rightColumn .widget input { height: 14px; width: 152px; padding: 4px; margin: 2px 0 0 0; border: 1px solid #225c7c; }
#rightColumn .widget input.submit { position: absolute; right: 0; width: 70px; height: 22px; padding: 0; color: #093349; border: 1px solid #125073; background-color: #fff; }

/* Bordered Image */
.borderedImageL { position: relative; float: left; display: inline-block; margin: 0 10px 10px 0; }
.borderedImageR { position: relative; float: right; display: inline-block; margin: 0 0 10px 10px; }
.borderedImageL img, .borderedImageR img { float: left; }
.borderedImageL .overlay, .borderedImageR .overlay { z-index: 20; opacity: 0.2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid gray; }


/* FOOTER */

.footer { width: 899px; margin: 28px 0 38px 0; font-size: 12px; color: #2d2d2d; line-height: 18px; }
.footer li { float: left; }
.footer a:hover { text-decoration: underline; }
.footer .fsb { float: left; margin: -18px 10px 0 0; }