@charset "utf-8";
/* Verasseti CSS Document */

* {margin: 0; border: 0; padding: 0;}
img {display: block}

html {height: 100%;}
body {height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #005C9B; background: url(../assets/bkgrnds/body.jpg) repeat-x;}

a {text-decoration: none; color: #005C9B;}
a:hover {text-decoration: underline; color: #005C9B;}

h1 {font-size: 1.0em;}
h2 {font-size: 0.85em;}
h3 {font-size: 0.8em;}
p {font-size: 0.75em; line-height: 1.3em; padding: 0 0 13px 0;}
p.intro {font-size: 0.85em; font-weight: bold;}

ul {margin: 0 0 0 16px; padding: 0 0 13px 0; list-style-position: outside; font-size: 0.75em;}
li {margin: 0; padding: 0 0 3px 0;}

br.clearit {clear: both; height: 0; line-height: 0;}


#wrapper {margin: 0 auto 0 auto; width: 920px;} 

/* header */
#header {width: 920px;}
.headerHome {height: 434px; background: url(../assets/bkgrnds/home.jpg) no-repeat;}
.headerWho {height: 275px; background: url(../assets/bkgrnds/who.jpg) no-repeat;}
.headerHow {height: 275px; background: url(../assets/bkgrnds/how.jpg) no-repeat;}
.headerTry {height: 275px; background: url(../assets/bkgrnds/try.jpg) no-repeat;}
.headerClients {height: 275px; background: url(../assets/bkgrnds/clients.jpg) no-repeat;}
.headerContact {height: 275px; background: url(../assets/bkgrnds/contact.jpg) no-repeat;}
.headerLegal {height: 275px; background: url(../assets/bkgrnds/legal.jpg) no-repeat;}

#headerHome1 {float: left; width: 674px;}
#headerLogo {margin: 0 0 54px 49px;}
#headerHomeHeading {}

#headerHome2 {float: left; width: 246px;}
#headerHomeQuote {width: 200px; padding: 20px 0 0 20px;}
#headerHomeQuoteOuter {background: url(../assets/homequote_open.gif) no-repeat top left;}
#headerHomeQuoteInner {background: url(../assets/homequote_close.gif) no-repeat bottom right;}
#headerHomeQuoteText {color: #fff; font-size: 1.0em; line-height: 1.2em; font-weight: 200; padding: 16px 10px 0 36px;}
#headerHomeQuotePerson {color: #fff; font-size: 0.75em; padding: 10px 10px 0 36px;}

#headerNav {height: 34px; padding: 17px 0 0 0; width: 540px; margin-left: 380px;}
#headerNav ul {list-style: none; font-size: 0.65em;}
#headerNav ul li {display: inline; padding: 0 17px 0 0px;}
#headerNav ul li a {}
#headerNav ul li a:hover {color: #E9632D; text-decoration: none;}
#headerNav ul li a.active {color: #E9632D;}

/* main column/s */
#main {width: 920px; border-top: 1px solid #005C9B; border-bottom: 1px solid #C2D4E5; background: #FFF;}

#mainHome1 {float: left; width: 305px; padding: 28px 21px 0 32px;}
#mainHome2 {float: left; width: 306px; padding: 28px 20px 0 10px;}
#mainHome3 {float: left; width: 200px; padding: 28px 26px 0 0;}

#main3Col1 {float: left; width: 432px; padding: 0 20px 0 32px;}
#main3Col2 {float: left; width: 180px; padding: 0 20px 0 10px;}
#main3Col3 {float: left; width: 164px; padding: 0 36px 0 26px;}

#main2Col1 {float: left; width: 432px; padding: 0 20px 0 32px;}
#main2Col2 {float: left; width: 390px; padding: 0 36px 0 10px;}

#main1Col {width: 600px; padding: 0 0 0 32px;}


.topMarginAdjust {margin-top: -22px;}

/* boxes */
.box390OrangeOuter {clear: both; background: url(../assets/390_orange_bottom.jpg) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px;}
.box390OrangeInner {background: url(../assets/390_orange_top.gif) no-repeat left top; padding: 20px 16px 8px 16px;}

.box305BlueOuter {clear: both; background: url(../assets/306_blue_bottom.jpg) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px;}
.box305BlueOuterCurve {clear: both; background: url(../assets/306_blue_bottom_curve.jpg) no-repeat left bottom;  padding-bottom: 20px; margin-bottom: 20px;}
.box305BlueInner {background: url(../assets/306_blue_top.gif) no-repeat left top; padding: 20px 16px 8px 16px;}

.box200BlueOuter {clear: both; background: url(../assets/200_blue_bottom.jpg) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 20px;}
.box200BlueInner {background: url(../assets/200_blue_top.gif) no-repeat left top; padding: 20px 16px 8px 16px;}

.box180BlueOuter {clear: both; background: url(../assets/180_blue_bottom.jpg) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px;}
.box180BlueOuterCurve {clear: both; background: url(../assets/180_blue_bottom_curve.jpg) no-repeat left bottom;  padding-bottom: 20px; margin-bottom: 20px;}
.box180BlueInner {background: url(../assets/180_blue_top.gif) no-repeat left top; padding: 20px 12px 6px 10px;}
.box180BlueInnerFeaturedProfile {background: url(../assets/180_blue_top_featured_profile.jpg) no-repeat left top; padding: 104px 12px 6px 10px;}


/* some headings and extra font styling */
.mainHeading {margin: 28px 0 20px 32px;}

img.titles {margin-bottom: 8px;}
img.titles2 {margin-bottom: 5px;}
img.titles3 {margin-bottom: 16px;}

.box180BlueInner p, .box180BlueInnerFeaturedProfile p, #main3Col3 p {font-size: 0.7em; line-height: 1.25em; padding-bottom: 7px;}


/* some home page bits */
.homeNewsItem {}
.homeNewsItem h2 {font-size: 0.75em; padding-bottom: 3px; line-height: 1.25em;}
.homeNewsItem p {font-size: 0.7em; padding-bottom: 6px; line-height: 1.25em;}

p.nextLink {text-align: right; font-size: 0.75em; padding-top: 4px;}
p.nextLink a:hover {text-decoration: none;}
img.nextIcon {display: inline; vertical-align: middle; margin-left: 5px;}

#homeClientSuccesses {clear: both; padding: 8px 0 8px 32px;}
.homeClientLogo {display: inline; margin-right: 12px;}



/* quotes */
.bodyQuoteOuter {background: url(../assets/bodyquote_open.gif) no-repeat top left; width: 330px; margin-left: 40px; padding: 0 0 16px 0;}
.bodyQuoteInner {background: url(../assets/bodyquote_close.gif) no-repeat bottom right;}
.bodyQuoteText {color: #E9632D; font-size: 0.75em; line-height: 1.3em; font-weight: 200; padding: 6px 24px 8px 24px;}

.midColQuoteOuter {background: url(../assets/rightcolquote_open.gif) no-repeat top left; margin: 11px -10px 8px -10px; padding: 0 0 5px 0;}
.midColQuoteInner {background: url(../assets/rightcolquote_close.gif) no-repeat bottom right;}
.midColQuoteText {font-size: 0.8em; line-height: 1.3em; font-weight: 200; padding: 6px 16px 8px 20px; font-weight: bold;}

.rightColQuoteOuter {background: url(../assets/rightcolquote_open.gif) no-repeat top left; margin: 11px -20px 8px -20px; padding: 0 0 5px 0;}
.rightColQuoteInner {background: url(../assets/rightcolquote_close.gif) no-repeat bottom right;}
.rightColQuoteText {font-size: 0.8em; line-height: 1.3em; font-weight: 200; padding: 6px 16px 8px 20px; font-weight: bold;}


.clientLogo {float: left; width: 144px; height: 80px; text-align: center;}
.rightColClientLogo {margin: 0 0 16px 0;}

.findoutmore {float: right;}

.pdfIcon {float: left; margin: -2px 10px 10px 0;}

p.tick {margin: 0; padding: 0 0 8px 0; font-weight: bold;}
.tickIcon {margin: -5px 10px 0 0; vertical-align: middle; display: inline;}

.contactInfo {font-size: 1.5em; color: #E9632D; padding-left: 5px;} 

#map {width: 580px; padding: 10px 20px 0 20px; background: #FFF;}
#map h1 {padding: 8px 0 8px 0;}
#map h2 {padding: 0 0 8px 0;}
#map p {}
#map img {margin-bottom: 16px;}
.maplinks {font-size: 0.75em; padding-left: 10px;}

/* page bottom and footer bits */
#signoff {clear: both; padding: 24px 0 24px 32px;}

#footer {text-align: right; padding: 10px 0 20px 0;}
#footer ul.legal {list-style: none; font-size: 0.55em;}
#footer ul.legal li {display: inline; padding: 0 0 0 10px;}
#footer ul.legal li a {}


