/* *************** */
/* common elements */
/* *************** */
body { margin: 0px; background-color: #993400; }
td, div { font: normal 12px times new roman, georgia, times; color: #000; line-height: 16px; }
a { color: #993400; text-decoration: none; }
a.bold { font-weight: bold; }
h1 { font: normal 30px times new roman, georgia, times; margin:0 0 10px 41px; padding:0; text-align:left; }

/* *********** */
/* copy styles */
/* *********** */
.copy_client_text { font: normal 12px times new roman, georgia, times; color: #000; line-height: 16px; text-align: justify; }
.copy_normal { font: normal 12px times new roman, georgia, times; color: #000; line-height: 16px; text-align: justify; }
.dropcap { font: normal 38px times new roman, georgia, times; line-height: 1em; margin: -5px 0; padding: 2px; float: left; color: #000; display: inline; }
p.smalldrop:first-letter { font: normal 38px times new roman, georgia, times; line-height: 1em; margin: -5px 0; padding: 2px; float: left; color: #000; }

.copy_client_name { font: normal 26px times new roman, georgia, times; color: #000; }
/* ******************** */
/* 2 column copy layout */
/* ******************** */
#container_2_col_outside { text-align: center; width: 489px; padding-left: 42px; }
#container_2_col_inside { text-align: center; width: 455px; }
#container_2_col_left { width: 218px; float: left; }
#container_2_col_right { margin-left: 238px; }

/* ***************** */
/* outside container */
/* ***************** */
#container_outer { position: absolute; text-align: center; top: 40px; width: 100%; z-index: 100; }
#container_outer_velocipede { position: relative; text-align: center; top: 40px; width: 100%; z-index: 200; }
#container_inner { width: 800px; margin: auto; background-repeat: repeat-y; z-index: 100; position: relative; background-color: #ebd6a3; }
#container_inner_velocipede { width: 800px; margin: auto; background-repeat: repeat-y; z-index: 100; position: relative; }
.port_layers { position: absolute; left:0px; top:10px; visibility: hidden; width: 410px; text-align: center; }
.port_container { position: relative; width: 410px;padding-bottom:70px; }

/* **************** */
/*   form elements  */
/* **************** */
.form_contact { width: 180px; background-color: #ebd6a3; border: 1px solid black; }

/* **************** */
/* inside container */
/* **************** */
#body_outer { position: relative; z-index: 90; text-align: left; margin-left: 30px; }
#body_left { z-index: 90; width: 532px; text-align: left; float: left; margin-top: 20px; }
#body_right { margin-left: 565px; }
#home { padding-top: 220px; text-align: center; width: 100%; }
#logo { padding-left: 8px; padding-top: 12px; }
#nav_outer { position: relative; border: 1px solid black; }
#nav_inner { position: relative; border: 1px solid black; }
#nav_about { position: absolute; top: 0px; left: 0px; z-index: 61; }
.spacer:after { content: "."; display: block; height: 5; visibility: hidden; }
.spacer { display: inline-table; }
/* Hides from IE-mac \*/
* html .spacer { height: 1%; }
.spacer { display: block; }
/* End hide from IE-mac */



/* ******** */
/* services */
/* ******** */
a.services {color:#000; text-decoration:underline}
a.services:hover {text-decoration:none}

/* stylistic elements */
.align_right { text-align: right; }
.border { border: 1px solid black; }
.left { float: left; }
.right { float: right; }
.clear_r { clear: right; }
.clear_l { clear: left; }
.clear_b { clear: both; }
.center { text-align: center; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */