/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,textarea { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { margin: 0px; padding: 0px; text-align:center; background-color: #8e8e8e; font-family: Arial, Helvetica, sans-serif; } a { color: #e9fdbd; text-decoration: none; } a:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6 { color: #e9fdbd; } /* classes */ .btn_more { background: url(../images/home/btn_more.gif) no-repeat; width: 62px; height: 15px; margin: 0px 5px 0px 5px; } .btn_more span { display: none; } .linkspace { margin-right: 7px; } .teal { color: #74fffa; } /* framework */ #wrap_home { background:url("../images/home/bg.jpg") repeat-x 50% 0; width:100%; margin:0 auto; text-align: center; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #afafae; } #wrap_sub { background:url("../images/sub/bg_sub.jpg") repeat-x 50% 0; width:100%; margin:0 auto; text-align: center; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #afafae; } .container { width: 770px; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; text-align: left; font-size: 13px; } .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #home_flash { height: 396px; width: 770px; } #sub_flash { height: 238px; width: 770px; } /* Navigation */ #nav_bar { height: 40px; width: 770px; } #nav { width: 770px; height: 40px; background: url("../images/home/navbar.gif") no-repeat; position: relative; padding: 0px; margin: 0px; } #nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #nav li, #nav a { height: 40px; display: block; } #nav span { display: none;} #btn_home { width: 44px; left: 0px;} #btn_about { width: 183px; left: 44px;} #btn_vela { width: 67px; left: 227px;} #btn_procedures { width: 98px; left: 294px;} #btn_gallery { width: 112px; left: 392px;} #btn_resources { width: 140px; left: 504px;} #btn_faqs { width: 49px; left: 644px;} #btn_contact { width: 77px; left: 693px;} #btn_home a:hover { background: transparent url("../images/home/navbar.gif") -0px -40px no-repeat;} #btn_about a:hover { background: transparent url("../images/home/navbar.gif") -44px -40px no-repeat;} #btn_vela a:hover { background: transparent url("../images/home/navbar.gif") -227px -40px no-repeat;} #btn_procedures a:hover { background: transparent url("../images/home/navbar.gif") -294px -40px no-repeat;} #btn_gallery a:hover { background: transparent url("../images/home/navbar.gif") -392px -40px no-repeat;} #btn_resources a:hover { background: transparent url("../images/home/navbar.gif") -504px -40px no-repeat;} #btn_faqs a:hover { background: transparent url("../images/home/navbar.gif") -644px -40px no-repeat;} #btn_contact a:hover { background: transparent url("../images/home/navbar.gif") -693px -40px no-repeat;} #content_area { width: 770px; } #left_column { width: 516px; float: left; color: #ffffff} #left_column h1 { font-size: 13px; } #left_column h2 { font-size: 14px; } #left_column p { line-height: 20px; margin: 2px 40px 10px 0px; } #left_column ul { line-height: 18px; margin: 5px 0px 15px 0px; width: 474px; font-size: 12px; } #left_column li { background: url(../images/sub/bullet.gif) no-repeat 0px 6px; padding: 0px 0px 3px 10px; margin: 0px 0px 0px 0px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #cccccc; } #indent { padding: 0px 0px 0px 20px; } #sub_hdr { width: 505px; height: 64px; background-repeat: no-repeat; margin: 0px 0px 7px 0px; } #sub_hdr h1 { display: none; } #contactform div { text-align: right; width: 375px; } .bigfields { width: 300px; height: 100px; } #right_column { width: 254px; float: left; font-size: 11px; line-height: 18px; } #procedure_links p { margin: 3px 20px 10px 26px; } #procedure_links { background: url("../images/home/side_bg.gif") repeat-y; width: 254px; color: #8e8e8e; } #quick_contact { width: 254px; color: #ebe8e8; line-height: 20px; } #quick_contact p { margin: 0px 13px 10px 12px; } #quick_contact form { margin: 0px 30px 10px 30px; } .quick_field { width: 152px; height: 17px; border-width: 1px; border-style: solid; border-color: #cacaca; font-size: 11px; color: #676666; margin-bottom: 2px; padding: 0px 0px 0px 3px } .quick_textarea { width: 152px; height: 78px; border-width: 1px; border-style: solid; border-color: #cacaca; font-size: 11px; color: #676666; padding: 0px 0px 0px 3px; margin-bottom: 2px; } .btn_form { background-color: ffffff; border-color: cacaca; border-style: solid; border-width: 1px; color: 676666; font-size: 11px; font-family: arial; margin-bottom: 2px; } /* footer area */ #wrap_footer { background:url("../images/footer-bkgr.jpg") top left repeat; width:100%; margin:0 auto; text-align:center; } #footer_left { width: 400px; float: left; } #footer_right { width: 370px; float: left; } #footer_right p { line-height: 26px; color: #ffffff; font-size: 12px; margin: 12px 0px 0px 14px; } #footer_right a { color: #ffffff; }