/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
html {background:#009bb0;overflow:auto}
body { background:#fff; padding:15px; font-size:70%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555; overflow:auto; line-height:1.7;}
#outerbkg {overflow:auto; background:url(bottom.gif) bottom repeat-x; }

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both;}
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.7em 0}

a {  color:#009bb0; text-decoration:underline  }
a:hover { color:#00b09b}
a img { border:0; }
a:hover img { }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }

h1, h2, h3, h4 {}
h1 {color:#009bb0; font-size:1.6em; line-height:1.4em; font-weight:normal; margin:0.5em 0 0.5em 0; padding:0 0 5px 0; text-transform:uppercase;}
h2 {color:#009bb0; font-size:1.2em; line-height:1.4em; font-weight:normal; margin:0.5em 0 1em 0; background:#d5eae7; padding:0px 3px;}
h3 {color:#00b09b; font-size:1.2em; line-height:1.4em; font-weight:normal; margin:0.5em 0 0.5em 0; ; padding:0; border-bottom:1px solid #009bb0}
h4 {color:#009bb0; font-size:1.2em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0;  padding:0 0 3px 0}

img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #009bb0; padding:4px;}
img.clsbordermiddle { margin-right:10px; margin-left:10px; border:1px solid #009bb0; padding:4px;}
img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #009bb0; padding:4px;}

.datatable th {background: #ccc; color:#fff; font-weight:bold; padding:4px; border:0}
.datatable td {background:#ddd; margin-bottom:2px solid #fff; padding:4px; border:0}
.datatable p {padding:0; margin:0;}

.notes { font-size:0.8em; color:#ddd; margin:1.5em 0;}
.shout {color: #00b09b; font-size: 1.2em; letter-spacing: 1px; font-weight:bold; margin:1.5em 0;}
.shout2 {color: #009bb0; font-size: 1.2em; letter-spacing: 1px; margin:1.5em 0; padding:2px; font-weight:bold;background:#d5eae7}


.quote {border: 4px double #00b09b; padding:5px; color:#009bb0; margin:1.5em 0;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0; color:#009bb0; }
.custom2 { margin:1.5em 0; letter-spacing:2px; color:#00b09b}

.border {border:1px solid #555; padding:4px; }
.noborder {border:0;}

/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto 15px auto; width:930px; overflow:hidden; padding:0; font-size:1.2em;}

#header { overflow:hidden; height:220px; }
#header h2 { float:left; width:568px; text-indent:-9999px; border:none; margin:18px 0px 0 0px; background:url(sitelogo.gif) no-repeat; height:189px;}
#header #rightinfo {float:left; text-align:right; margin:25px 15px; color:#fff000; }
#header #rightinfo li {float:left; margin:0 8px; padding:0; list-style:none;}
#header #rightinfo strong {font-size:1.2em;}
#header #rightinfo #phone {padding-top:3px; display:block;}
#header #rightinfo #email {padding-top:3px; display:block;}
#header #rightinfo #email a {color:#fff000;}
#header #rightinfo #email a:hover { color:#2B3E7A }

#navbkg { }
#nav {width:950px; float:left; margin:25px 0  0 0; height:28px; list-style:none; background:url(nav_bkg.gif) repeat-x top left; padding:0 0 0 2px;}
#nav li { float:left; height:28px;}
#nav li a {display:block; padding:0 10px 0 20px; line-height:20px; color:#00b09b; float:left; text-decoration:none; text-transform:uppercase; background:url(navbkg.gif) left no-repeat;}
#nav li:first-child a {background:none; padding-left:0;}
#nav li a:hover, #nav li a#active {}

#pagecontent {width:930px; float:left; padding:0px; overflow:hidden; min-height:350px;}
#caselinks {display:none;}
#page1 #caselinks {margin:20px auto; overflow:hidden; background:#d5eae7; padding:4px; display:block;}
#page1 #caselinks a {background:#d5eae7; padding:6px; margin-right:10px; display:block; floaT:left;}
#page1 #caselinks h2 {text-indent:-9999px; background:url(case_studies.jpg) no-repeat; width:156px; height:30px; border:0; margin-left:5px;}



#sideimages {float:right; width:243px; padding-left:10px; background:#fff}
#sideimages img {margin-bottom:10px;}

#contact_details {float:left; width:300px; padding:20px;}

.rightcol {float: right; width: 222px; text-align: center; margin-left:15px}
.rightcol img {margin-bottom:10px;}


#pdflinks {display:none;}


#pdflinks {float:right; width:180px; margin-right:10px; border:1px solid #ff0000; padding:0; margin-top:20px; font-size:0.9em;}
#pdflinks h2 {margin:0;}
#pdflinks p {padding:6px;}
#pdflinks p img {margin:0 6px 2px 0;}
#pdflinks ol {padding:0 5px 0 10px }

ul, ol { margin:1.5em 0 1.5em 25px;}
li {margin:0 0 0.5em 0;}


table, td, th {border:none; padding:5px;}
table {padding:0;}
th {text-transform:uppercase; font-weight:bold;}



#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding: 0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #ddd; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:240px; float:left; margin:0 0 0 60px;}
#contactinfo h2 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}


#footer {padding:20px 20px 50px 20px; clear:both; color:#fff; font-size:0.8em;}
#footer a{color:#fff;}

#sitewiz {padding:0 0 15px 0 ; margin:0 auto; width:600px; color:#587dbe; text-align:center;}
#sitewiz a {color:#587dbe}

#slogan { float:right; width:400px; margin-top:70px; text-align:center; margin-right:20px; }
#slogan h3 { border:0; font-size:1.4em;  }

.sign_table, .sign_table td { border:0; }