/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2004. 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/Op7/NS7/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* 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 { 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 { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background:url("../images/index/bg-body.gif") repeat top left; } p, a:link, a:visited, ul, li, h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFCC99; text-decoration:none; } p, td, th, tbody, ul, li, dt, dd { line-height: 18px; } p, pre, blockquote { margin-bottom:7px; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } h1, h2, h3 { font-size:13px; padding-left:50px; margin:20px 0 8px 0; } h1 span, h2 span, h3 span { display:none; } /* classes */ .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .bna {width:170px; float:left; padding:5px 10px 5px 10px; text-align:center;} .right { text-align:right; } .center { text-align:center; } .clear { clear:both; height:.01em; overflow:hidden;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:155px; padding-left:45px; padding-bottom:15px; } input, textarea { background-color:#ffdbac; border:1px solid #000; width:155px; height:20px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } textarea { height:60px; } .submit { background:url("../images/index/submit.gif") no-repeat; width:63px; height:30px; border:0; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 0 0; margin-bottom:110px; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } #big-contact form, #big-contact label { color:#ffcc99; } #big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:-8px; } #big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; } #big-contact label textarea { top:0; width:250px; height:100px; } .submit-big-contact { width:60px; cursor:pointer; margin-top:85px; } /* skeleton * ------------------------------------------------------------------------- */ #body-horizontal-bar { background:url("../images/index/bg-body-h.gif") repeat-x; margin:0; padding:0; } #wrap { background:url("../images/index/bg-index.gif") repeat-y; width:750px; margin:0 auto; } #column-left { width:492px; float:left; } #column-left p, ul, li { font-size:12px; } #banner-top { background:url("../images/index/banner-top.jpg") no-repeat; height:127px } #banner-index { background:url("../images/index/banner-index.jpg") no-repeat; height:212px; } #wrap-welcome { background:url("../images/index/header-index.jpg") no-repeat; padding-top:100px; } #wrap-welcome p { padding-left:50px; padding-right:30px; } .padded-text { margin-left:110px; } #wrap-procedure-lists { background:url("../images/index/header-procedures.jpg") no-repeat; margin-top:20px; padding-top:106px; padding-left:47px; } #wrap-procedure-lists ul { width:127px; padding-right:17px; padding-bottom:15px; float:left; } #wrap-procedure-lists ul, li { position: relative; /* fixes bullet peekaboo bug in IE/Win */ line-height:17px; } #wrap-procedure-lists a:link, #wrap-procedure-lists a:visited { text-decoration:none; font-size:12px; } #wrap-procedure-lists a:hover, #wrap-procedure-lists a:active { text-decoration:underline; } #column-right { width:258px; float:left; } #column-right p { padding-left:45px; padding-right:30px; } #banner-right { background:url("../images/index/banner-right.jpg") no-repeat; height:375px; } #header-contactus { background:url("../images/index/header-contactus.jpg") no-repeat; height:77px; } #bottom { background:url("../images/index/bottom.jpg") no-repeat; width:750px; height:40px; clear:both; overflow:hidden; } #ptt-btn { background:url("../images/index/ptt-btn.jpg") no-repeat; margin:20px 0 0 20px; width:200px; height:37px; } #ptt-btn a { position:absolute; height:37px; width:200px; } #ptt-btn a:hover{ background:transparent url("../images/index/ptt-over.jpg") no-repeat;} #ptt-btn a span {display:none;} /* skeleton inside * ------------------------------------------------------------------------- */ #column-left-inside { width:492px; margin-bottom:10px; float:left; } #column-left-inside p { padding-left:50px; padding-right:30px; font-size:12px; } #header-meet { background:url("../images/inside/header-meet.gif") no-repeat; padding-top:77px; } #header-meet ul { margin: 8px 0 15px 65px; font-size:12px; } #header-body { background:url("../images/inside/header-body.gif") no-repeat; height:77px; } #header-breast { background:url("../images/inside/header-breast.gif") no-repeat; height:77px; } #header-contact { background:url("../images/inside/header-contact.gif") no-repeat; height:77px; } #header-thankyou { background:url("../images/inside/header-thankyou.gif") no-repeat; height:77px; } #header-face { background:url("../images/inside/header-face.gif") no-repeat; height:77px; } #map { padding-left:35px; margin-bottom:30px; } #map p { padding-left:30px; } /* footer * ------------------------------------------------------------------------- */ #footer { width:720px; text-align:center; margin:5px auto; } #footer a { text-decoration:none; } #footer a:hover { text-decoration:underline; } /* horizontal navigation * ------------------------------------------------------------------------- */ #nav { background:url("../images/index/nav.gif") no-repeat; width:492px; height:36px; position:relative; } #nav li { position:absolute; top: 0; } #nav li, #nav a { height:36px; display:block; } #nav span { display:none; } #nav-01 { width: 63px; left:0; } #nav-02 { width: 150px; left: 64px; } #nav-03 { width: 55px; left: 215px; } #nav-04 { width: 74px; left: 271px; } #nav-05 { width: 60px; left: 346px; } #nav-06 { width: 85px; left: 407px; } #nav-01 a:hover { background: transparent url(../images/index/nav.gif) -0 -36px no-repeat; } #nav-02 a:hover { background: transparent url(../images/index/nav.gif) -64px -36px no-repeat; } #nav-03 a:hover { background: transparent url(../images/index/nav.gif) -215px -36px no-repeat; } #nav-04 a:hover { background: transparent url(../images/index/nav.gif) -271px -36px no-repeat; } #nav-05 a:hover { background: transparent url(../images/index/nav.gif) -346px -36px no-repeat; } #nav-06 a:hover { background: transparent url(../images/index/nav.gif) -407px -36px no-repeat; } /* misc */ #privacy {background-color:#FFFFFF; margin:15px; padding:10px; width:600px;} #privacy p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}