/* @override http://localhost/default.css */

/* CSS Created by Nick Presta (nick1presta@gmail.com)

/* General default formatting */
* { margin: 0; padding: 0; }
body { background: #fff; color: #000; font: 0.70em verdana, arial, helvetica, sans-serif; }

/* Header styles */
h1 { background: #fff url("/images/header-image.png") no-repeat; text-indent: -1000em; height: 69px; margin: 0.25em; }
p#contact-me { float: right; margin: 10px 10px 0 0;}


/* General styles */
/* This was h1 as well, but that made a lot of space at the top */
h2, h3, h4, h5, h6 { margin: 1em 0; }

a { color: #0000C6;  text-decoration: none;}
a:hover { text-decoration: none; color: #000080; }
/*a:visited { text-decoration: none; } */

#navigation { clear: right; list-style: none; padding: 0 0 1px 0; }
#navigation li { float: left; display: block; margin: 0; padding: 0; }
#navigation a { color: #000; background: url("/images/left-nav-bg.png") left top no-repeat; text-decoration: none; padding-left: 14px }
#navigation a span.outer { background: url("/images/right-nav-bg.png") right top no-repeat; padding-right: 14px }
#navigation a:hover { background: url("/images/left-nav-bg-hover.png") left top no-repeat; }
#navigation a:hover span.outer { background: url("/images/righ-nav-bg-hover.png") right top no-repeat; }

#navigation li.selected a { background: url("/images/left-nav-bg-hover.png") no-repeat top left; }
#navigation li.selected a span.outer { background: #ccc url("/images/righ-nav-bg-hover.png") no-repeat top right; }
#navigation li.selected { margin-bottom: -1px;  border-bottom: 1px solid #ccc; }

#navrule {clear:both; border-bottom: 1px solid #8c8c8c;}

/* Sidebar */
div#sidebar { width: 20%; float: right; background: #eee; padding: 1em 2em; border-left: 1px dotted #888; margin-left: 10px;}
dl#sidebar dt { font-size: 1.75em; font-weight: bold; text-align: center; margin: 0 0 0.5em 0; }
dl#sidebar dd { border-bottom: 1px solid #000; } 
dl#sidebar dd div.news { font-size: 0.8em; padding: 0.8em; text-align: left; border-color: #000; border-style: solid; border-width: 1px 1px 0px 1px; }
dl#sidebar div.news div.headline_date { font-style: italic; }
dl#sidebar div.news div.subject { font-weight: bold; margin: .5em 0 .5em 0; }
dl#sidebar div.news div.body { margin: 0 .5em .5em .5em; }
dl#sidebar ul#footer { font-size: 80%; border-width: 1px 0 0 0; border-style: dotted; color: #8c8c8c; list-style: none; border-top: 1px dotted #000; text-align: center; padding: 0.5em 0 0 0; }
dl#sidebar ul#footer li { display: inline; }
dl#sidebar ul#footer li#copyright { display: block; }
dl#sidebar ul#footer li#updated { display: block; }
dl#sidebar ul#footer li#callback { display: block; }

dl#sidebar dt.smaller_title { font-size:1em; text-align: left; }
dl#sidebar ul { margin: 0.5em 1em; list-style: outside square; }

/* Footer */
ul#footer { font-size: 80%; border-width: 1px 0 0 0; border-style: dotted; margin: 0; color: #8c8c8c; list-style: none; border-top: 1px dotted #000; text-align: center; padding: 0.5em 0 0 0; clear: both; }
li#footer { display: inline;
	padding: 1in;
}


/* Right side news */
div#sidebar div#news-box h2 {
	font-size: 100%;
	padding: 0;
	margin: 20px 0 0;
	font-weight: normal;
	font-style: normal;
}
div#sidebar div#news-box h3 {
	font-size: 120%;
	padding: 0;
	margin: 0;
}



/* Content area */
div#content { margin: 0 0 0 0; padding: 1em 5.8em 1em 2em; text-align: justify; }
div#content p { margin: 0 0 1em 0; }
div#content ul { margin: 1em 2em; list-style: outside square; }
div#content ol { margin: 1em 2em; }

div#content p#desktop_image { float: left; width: 112px; margin: 1em 1em 1em 0; }
div#content h2#safe_effective_replacements { color: #660066; font-size: 1.3em; }
div#content h2#safe_effective_replacements span { display: block; }
div#content h2#tailored_solutions { text-indent: -1000em; font-size: 1.3em; color: #660066; text-align: center; background: #d3d3d3 url('slices/head_tailored.png') no-repeat top center; height: 23px; }

/* This is for equal columns - alternate to faux columns */
div#wrapper { overflow: hidden; }
/* This produced a lot of space at the bottom div#content, dl#sidebar { padding-bottom: 10000px; margin-bottom: -10000px; } */
/* This stopped the footer from being there div#content, dl#sidebar { margin-bottom: -10000px; } 8?

/* preview text for the screenshots */
p.preview { text-align: center; }
p.preview a { display: block; margin: 0 0 1em 0; }

/* Contact information table */
table#contact { text-align: left; }
table#contact caption { display: none; }
table#contact th { text-align: left; }
table#contact th, table#contact td { vertical-align: top; }
table#contact td, table#contact th { padding: 0.5em; }

/* Partners list */
ul#left_floated_list { float: left; }
ul#right_floated_list { float: right; }
p#non_disclosure_practice { clear: both; font-style: italic; }

/* Partner list (images) */
p.partner_info { clear: left; }
p.partner_info a.desc {float: left; width: 250px; margin: 0 3em 0 0; }
p.partner_info img { border: 0; }

/* Why */
blockquote { margin: 1em 2em; }
blockquote p#quote { font-style: italic; }

/* Enquiry Form */
span#required_block { font-size: 0; padding: 15px 15px 0 0; border: 1px solid #000; background: #990000; }
form#contact_form caption { display: none; }
form#contact_form input { width: 100%; }
form#contact_form tr.head td { background: #fff; font-weight: bold; }
form#contact_form table td {  background: #eee; padding: 0.4em 0.6em }
form#contact_form table td.required { background: #990000; color: #fff; }
form#contact_form table td#submit { text-align: center; background: #fff; ; }
form#contact_form table td#submit input { width: auto; }
label span { font-size: 0; }

/* Events */
dl.events dt { float: left; width: 200px; text-align: left;  }
dl.events dd { margin: 0 0 0 200px; }


/* The contact form */
table.form td.requiredFieldTitle { background:#990000 none repeat scroll 0%; color:#FFFFFF; }
table.form td.fieldTitle { background:#EEEEEE none repeat scroll 0%; color:#000000; }


/* Blog styles */
.blog #sidebar li {list-style:none;}
.blog #sidebar h2 {margin:0.5em 0 0 0}
.blog #sidebar li ul li {margin-top:0.1em}

.blog #sidebar li ul li {margin-top:0.1em}

.post {
 border: 1px solid #BBBBBB;
 padding:5px 25px 1em;
 margin-bottom: 10px;
 margin-right: 21%;
 -moz-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 }