/*
Title:    Roizman Development, Inc.
Author:   Tome Wilson - tome@creativewebgroup.net
Last Updated:  2008-04-17
*/

/* ---[ structure ]--------------------- */

html {margin: 0; padding: 0; scrollbar-base-color: #4B7abe;}
body {margin: 0; padding: 0; background: url(shell/4B7abe.gif); background-color: #4B7abe; font-family: arial, helvetica, monaco, sans-serif; font-size: 5px; color: #000}

#container {width: 770px; display: block; margin: 0 auto}
/* ---[ FORM Check for Spammer ]--------------------- */
#formsend{display:none;}

#top {width: 770px; height: 20px; display: block; margin: 0; padding: 0; background: url(shell/bg-top.gif)}
#bottom {width: 770px; height: 33px; display: block; margin: 0; padding: 0; background: url(shell/bg-bottom.gif)}
#bnav {float: right; padding: 8px 14px 0 0; color: #ccc; font-size: 10px; display: block}
#searchbox {border: 0; height: 15px; width: 112px; background: url(shell/bg-search.gif); font-size: 12px; padding: 3px 3px 0 3px; margin: 5px 5px 0 0; float: right; text-align: left}
#search {border: 0; height: 20px; width: 36px; background: transparent url(shell/search.gif); margin-top: 4px; float: right; text-indent: -1000em; vertical-align: middle; cursor: pointer; cursor: hand}
#content {width: 496px; background: #fff; font-size: 12px; line-height: 1.5em}
.pad {margin: 8px 6px 8px 8px}
.XPleft {float: left; text-align: center; font-size: 11px; padding: 4px 4px 0 0}
.XPright {float: right; width: 324px; text-align: left; padding: 0 6px 12px 0}
.diverse {width: 233px; display: block; float: left; text-align: center}
.screenbox {width: 100%; height: 400px; background-image: url(images/Screen.gif); text-align: center}
.center {text-align: center; display: block; clear: both}
.photoL {float: left; padding: 4px 8px 0 0}
.photoR {float: right; padding: 4px 0 0 8px}

/* ---[ elements ]--------------------- */

a:link {text-decoration: none; color: #4a7bbd}
a:visited {text-decoration: none; color: #4a7bbd}
a:hover {text-decoration: underline; color: #4a7bbd}
a:active {text-decoration: none; color: #4a7bbd}

img {border: none}
a img {border: none}
em {font-style: italic}
strong {font-weight: bold}
.strong {font-weight: bold}
hr {height: 0; border: 0; border-top: 1px solid #4a7bbd; clear: both}
.h1 {border-top: 1px solid #444}

table.border {font-size: 11px; text-align: center; width: 480px; border-collapse: collapse; border-style: none}
td.border {border: 1px solid #666; padding: 4px; border-collapse: collapse}

ul {margin: 0 0 0 28px; padding: 0 0 .5em 0}
ol {margin: 0 0 0 28px; padding: .5em 0 .5em 0}
li {margin: 0;  padding: 0 0 4px 0}
li li {list-style: square; margin: 0;  padding: 0 0 4px 0}
ul .nodot {list-style: none; margin: 0 0 0 -20px; padding: 0 0 .5em 0}

.directions {width: 216px; margin: 4px; padding: 2px; border: 1px solid #4a7bbd; border-left: 12px solid #4a7bbd; text-align: center; font-size: 11px}
a.directions:hover {text-decoration: none; color: #000; border-color: #444}

.border {border: 1px solid #444; padding: 6px}
.results {width: 466px; display: block; margin: 0 0 16px 0}

.pdf {border: 1px solid #4a7bbd; color: #000; background: url(images/pdf.gif) no-repeat center left; padding: 8px 8px 8px 51px; margin: 12px 0 0 0}


/* ---[ navigation ]--------------------- */

#bnav {font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; float: right}
a.bnav:link {color: #ccc}
a.bnav:visited {color: #ccc}
a.bnav:hover {color: #ccc; text-decoration: underline}
a.bnav:active {color: #ccc}


/* ---[ content ]--------------------- */

.blue {color: #4a7bbd}
.black {color: #000 !Important}
.red {color: #94061c}


/* ---[ headings ]--------------------- */

h1, h2, h3, h4 {font-weight: bold; color: #4a7bbd; padding: 0; margin: 0}
h1 {font-size: 20px; font-family: georgia, times, serif; font-weight: normal; color: #444}
h2 {font-size: 15px; font-family: georgia, times, serif; font-weight: bold; margin: 4px 0 0 2px}
h3 {font-size: 14px}
h4 {font-size: 13px}


/* ---[ form elements ]--------------------- */

.contact {border: 1px solid #000; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000; padding: 2px; padding-left: 4px; width: 280px}
.button {border: 0; background: #4a7bbd; font-size: 10px; color: #fff; margin: 0; padding: 0}


/* ---[ highslide ]--------------------- */

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer; outline: none}
.highslide img {border: 2px solid #ccc}
.highslide:hover img {border: 2px solid #4a7bbd}
.highslide-image {border: 2px solid #fff}
.highslide-image-blur {}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white}
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; /*padding-left: 22px; background-image: url(highslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */}
a.highslide-credits, a.highslide-credits i {display: none}
a.highslide-credits:hover, a.highslide-credits:hover i {display: none}
.highslide-move {cursor: move}
.highslide-overlay {display: none}
.controlbar {background: url(highslide/graphics/controlbar4.gif); width: 167px; height: 34px}
.controlbar a {display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px}
.controlbar a:hover {background-image: url(highslide/graphics/controlbar4-hover.gif)}
.controlbar .previous {width: 50px}
.controlbar .next {width: 40px; background-position: -50px 0}
.controlbar .highslide-move {width: 40px; background-position: -90px 0}
.controlbar .close {width: 36px; background-position: -130px 0}
.highslide-display-block {display: block}
.highslide-display-none {display: none}



/* ---[ contact form ]--------------------- */
#contactform form {margin: 0; padding: 0; font-size: 100%; width: auto; font-family: arial, helvetica, sans-serif}
#contactform form fieldset {clear: both; font-size: 100%; border-color: #000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0}
#contactform form fieldset legend {font-size: 16px; font-weight: bold; color: #666666; margin: 0; padding: 0 .25em;}
#contactform label {font-size: 100%}
#contactform label u {font-style: normal; text-decoration: underline}
#contactform input, select, textarea {font-family: arial, helvetica, sans-serif; font-size: 1em; color: #000}
#contactform textarea {overflow: auto}
#contactform form div {clear: left; display: block; width: auto; height: 1%; margin: 5px 0 0 0; padding: 1px 3px}
#contactform form div fieldset {clear: none; border: 1px solid #666; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px}
#contactform form div fieldset legend {font-size: 100%; padding: 0 3px 0 9px}
#contactform form div.required fieldset legend {font-weight: bold; color: #4a7bbd}
#contactform form div label {display: block; float: left; width: 150px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right}
#contactform form div.optional label, label.optional {font-weight: normal}
#contactform form div.required label, label.required {font-weight: bold; color: #4a7bbd}
#contactform form div label.labelCheckbox, form div label.labelRadio {float: none; display: block; width: 200px; height: 1%; padding: 0; margin: 0 0 5px 142px; text-align: left}
#contactform form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {margin: 0 0 5px 0; width: 170px}
#contactform form div img {border: 1px solid #000}
#contactform form div input, form div select, form div textarea {width: 216px; padding: 1px 3px; margin: 0}
#contactform form div input.inputFile {width: 211px}
#contactform form div select.selectOne {width: 211px; padding: 1px 3px}
#contactform form div select.selectMultiple {width: 211px}
#contactform form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {display: inline; height: 14px; width: 14px; background: transparent; border-width: 0; padding: 0; margin: 0 0 0 140px}
#contactform form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {background-color: #ccc; color: #000; width: auto; padding: 0 6px; margin: 0}
#contactform form div.submit div input.inputSubmit, form div.submit div input.inputButton {float: right; margin: 0 0 0 5px}
#contactform form div small {display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 10px; height: 1%}
#contactform form fieldset legend {line-height: 150%}
#contactform form input, form select, form textarea {background-color: #fff}
#contactform div.optional label:before {content: ''}
#contactform div.required label:before {content: ''}
#contactform form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {display: block; width: 190px; height: 1%; padding: 4px 0 0 18px; text-indent: -18px; line-height: 120%}
#contactform form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {margin: 0}
#contactform form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {width: 160px; margin: 0 0 0 18px; margin: 0 0 0 -124px}
#contactform form div label.compact {display: inline; width: auto; padding: 4px 10px 0 0; text-indent: 0; margin: 0}
#contactform form div.wide label {float: none; display: block}
#contactform form div label.wide {width: 348px}
#contactform form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width: 344px; margin: 0}
#contactform form div.notes p, form div small {line-height: 125%}
#contactform form div.wide small {margin: 0 0 5px 0}


#searchform form {float: right; display: inline !Important}