@charset "utf-8";
/* CSS Document for Snibor */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background: url(images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.nomarg {margin-bottom: 0;}
h1 {font: 100% Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; font-weight: normal;}
h2 {font: 160% Arial, Helvetica, sans-serif; color: #666; margin-bottom: 5px; padding-top: 10px; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
h2.notoppad {font: 160% Arial, Helvetica, sans-serif; color: #666; margin-bottom: 5px; padding-top: 0px; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
h3 {font: bold 100% Verdana, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 2px; background: url(images/arrow.gif) no-repeat; padding-left: 10px;}
input, textarea {border: 1px solid #006; background: #FFF; padding: 2px;}
img {border: none; display: block;}
strong {font-weight: bold;}
.clear {clear: left;}
img.sitemap {float: left; width: 20px; height: 20px;}
img.sitemap2 {float: left; width: 40px; height: 20px;}
p.sitemappara {line-height: 20px;}

#wrapper {width: 994px; margin: auto auto; background: #FFF;}

.header {background: #492F91; height: 83px; border-bottom: 1px solid #FFF;}
.header img {position: relative; left: 53px; top: 11px;}
.header form {background: url(images/header-form-bkg.jpg) repeat-x; float: right; padding: 5px; position: relative; top: 55px; right: 30px;}
.header form input {border: 1px solid #FFF; background: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; padding-left: 2px; position: relative; left: -2px;}
.header form input.submit {border: 0; padding: 0; margin-right: 0; position: relative; top: 2px;}
.header form p {margin: 0; font: 8px Verdana, Arial, Helvetica, sans-serif;}

.nav {float: left; width: 140px; padding-left: 30px;}
.nav ul {background: #DCDCDA url(images/nav-bottom-bkg.gif) no-repeat bottom; width: 140px; margin-top: 30px; padding-bottom: 170px; padding-top: 10px;}
.nav ul li {list-style-type: none; border-bottom: 1px solid #B8B8B7; margin: 0 10px;}
.nav ul li a:link, .nav ul li a:visited {padding: 5px 0 5px 15px; color: #666; text-decoration: none; display: block; width: 105px;}
.nav ul li a:hover, .nav ul li.active {background: url(images/nav-hover-bkg.gif) no-repeat left top; font-weight: normal;}
.nav ul li#last {border-bottom: none;}
.nav ul li ul {background: none; padding: 0; margin: 0 0 5px 0;}
.nav ul li ul li {border-bottom: 0; margin: 0;}
.nav ul li ul li a:link, .nav ul li ul li a:visited {font-weight: normal; padding: 0 0 5px 15px;}

.content {padding: 30px; background: #FFF; position: relative; float: left; width: 504px;}
.content#gallery { width: 763px; }
.content a:link, .content a:visited {color: #000;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 15px;}
.content ul.paragraph li {margin-bottom: 15px; line-height: normal; list-style-type: none; margin-left:0;}
.content img.hdr {margin-bottom: 15px;}
.content .quote {color: #999; font: italic 18px Arial, Helvetica, sans-serif; text-align: right; float: right; width: 450px; margin-top: 15px;}
.content .quote p.by {text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-top: 5px;}
.content .feature {background: #F4F4F4; padding: 15px 15px 1px 15px; margin-bottom: 15px;}
.content .feature img.left {float: left; margin-right: 10px;}
.content .feature#rightimg {width: 475px;}
.content ul.featurelist li {line-height: normal; margin-bottom: 15px; list-style-type: none; margin-left: 0;}
.content .projects {height: 135px; width: 504px; margin-bottom: 30px;}
.content a.linkbox:link, .content a.linkbox:visited {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 20px; width: 210px; float: left; position: relative; text-decoration: none; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.content a.linkbox#lastlink:link, .content a.linkbox#lastlink:visited {margin-right: 0;}
.content a.linkbox:hover {background: #492F91; color: #FFF;}
.content p.linkbox {background: #492F91; padding: 20px; width: 210px; float: left; position: relative; text-decoration: none; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; color: #FFF; margin-bottom: 0;}
.content a.linkbox span.type, .content p.linkbox span.type {position: absolute; top: 35px; right: 10px; font: bolder 20px Arial, Helvetica, sans-serif; color: #CECEC8;}
.content .smaller {font-size: smaller;}
.content p.clearleft {color: #000; padding-top: 15px; clear: left;}
.content p.padtop {padding-top: 30px; margin-bottom: 0;}
.content p.padtop a {color: #000;}
.content .newsletter {background: #F4F4F4; padding: 5px; border-bottom: 1px solid #CCC; line-height: 20px;}
.content .newsletter p  {margin-bottom: 0px;}
.content .newsletter img {float: left; margin-right: 10px;}

.rightlinks {float: left; width: 230px; padding: 30px 30px 30px 0;}
.rightlinks a.grey:link, .rightlinks a.grey:visited {background: #666 url(images/rightlinks-bkg.jpg) no-repeat; color: #FFF; text-align: right; text-decoration: none; margin-bottom: 15px; width: 210px; padding: 5px 20px 5px 0; display: block;}
.rightlinks a.grey:hover {text-decoration: underline;}
.rightlinks p.activelink {background: #492F91 url(images/rightlinks-active-bkg.jpg) no-repeat; color: #FFF; text-align: right; width: 210px; padding: 5px 20px 5px 0; display: block;}
.rightlinks a.businessclients:link, .rightlinks a.businessclients:visited {background: url(images/business-clients-trans.jpg) no-repeat; width: 230px; height: 99px; display: block;}
.rightlinks a.businessclients:hover {background: url(images/business-clients.jpg) no-repeat;} 
.rightlinks a.schools:link, .rightlinks a.schools:visited {background: url(images/schools-trans.jpg) no-repeat; width: 230px; height: 99px; display: block;}
.rightlinks a.schools:hover {background: url(images/schools.jpg) no-repeat;} 
.rightlinks .rightlist {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 10px 10px 1px 10px;}
.rightlinks .rightlist ul {margin-bottom: 15px;}
.rightlinks .rightlist ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 15px;}

.galleryhdr {font-weight: bold; font-size: 1em; padding-top: 10px;}
.gallery {padding: 5px; float: left; width: 232px; margin-bottom: 10px;}
.gallery#range {height: auto;}
.galleryend {padding: 5px; float: left; width: 232px; margin-bottom: 10px;}
.galleryfirst {padding: 5px 5px 5px 0px; float: left; width: 232px; margin-bottom: 10px;}
.casestudy  {float: left; padding-right: 5px; width: 110px; border-right: 1px solid #FFF; text-align: center;}
.casestudy2  {float: left; width: 110px; padding-left: 5px; text-align: center;}
.casestudy img, .casestudy2 img {border: 1px solid #FFF; margin-bottom: 7px; margin-top: 5px;}
.casestudy a:hover img, .casestudy2 a:hover img {border: 1px solid #492F91;}
.casestudy a.textlink:link, .casestudy a.textlink:visited, .casestudy2 a.textlink:link, .casestudy2 a.textlink:visited {text-decoration: underline; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; padding-bottom: 10px; display: block;}
.casestudy a.textlink:hover, .casestudy2 a.textlink:hover {text-decoration: none;}

.casedetails { border: 1px solid #CCC; color: #666; background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 10px; margin-bottom: 15px; }
.casedetails .detailsholder#lastpara {border: none;}
.casedetails .detailsholder {border-bottom: 1px solid #CCC; padding: 5px 0;}
.casedetails .hdr { float: left; width: 110px; font-weight: bold; }
.casedetails .details { margin-left: 110px; }

img.padbot {margin-bottom: 15px;}
p.quote {color: #666; line-height: 18px; text-align: right;}
p.by {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align: right;}

.fields {padding: 5px; margin-bottom: 0; line-height: 18px;}
.largefields {padding: 5px 5px 65px 5px; margin-bottom: 0; line-height: 25px;}
input.formfield, textarea.formfield {position: absolute; left: 130px; font: 100% Verdana, Arial, Helvetica, sans-serif; border: 1px solid #CCC;}
form.contact {position: relative; width: 500px;}
form.contact input.submitcontact {width: 100px;}


.advice {height: 67px; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;}
.advice#lastadvice {border-bottom: 0px;}
.advice img {float: left; border-right: 15px solid #FFF;}

p.question {background: #F4F4F4; padding: 5px; margin-bottom: 0;}
p.answer {background: #FFF; padding: 5px; margin-bottom: 20px;}
p.backtotop {background: #FFF; text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 15px; padding-right: 5px; padding-bottom: 5px;}
p.backtotop a:link, .faqs p.backtotop a:visited {color: #666;}

.press {float: left; margin-right: 15px; width: 165px; text-align: center; margin-bottom: 30px; height: 300px; position: relative; background: #F4f4f4; padding: 5px;}
.press img {margin-bottom: 5px; margin-left: 7px;}
.press a img {border: none; position: relative;}
.press a.text:link, .press a.text:visited {color: #666; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; position: absolute; left: 5px; bottom: 5px; background: url(images/arrow-list.gif) no-repeat left; padding-left: 10px;}
.press a.text:hover {text-decoration: none;}

.team {height: 180px;}
.team img {float: left; border: 1px solid #CCC; padding: 2px; margin-right: 15px;}
.team p.hdg {font-weight: bold; margin-bottom: 0;}

img.left {float: left; margin-right: 10px;}
img.left#end {margin: 0;}

.glossary {border-bottom: 1px dashed #CCC;}
.glossary p.word {font-weight: bold; margin-bottom: 0; width: 150px; float: left; padding: 5px 0;}
.glossary p.definition {background: #F4F4F4; margin-bottom: 0; margin-left: 160px; padding: 5px;}

p.footer {clear: both; text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; padding-top: 15px; }
p.hplogos {clear: both; margin-left: 360px; padding-top: 30px;}
p.hplogos img {float: left;}
p.footer a:link, p.footer a:visited {color: #666; text-decoration: none;}
p.footer a:hover {text-decoration: none;}

.walk {float: left; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
}
.walkl {float: left; margin-right: 5px; margin-top: 8px; margin-bottom: 14px;
}