/* Site: Sauer Holdings Designer: Toni Tesori Date: 2009-June Colors:: #e78e41 - Orange #333333 - Dark Grey #000000 - Black Fonts:: Arial Black - Headlines H1 & H2 Arial - Body copy */ /* RESET - No or */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;} /* Standard Styles - Layout [margin,padding,width,height,float,overflow,border-width,border-style] */ body {background:url(../i/bkg_body.gif);text-align:center;} /* Header */ #header {margin-top:40px;} #header .container {width:900px;margin:0 auto;overflow:auto;padding-bottom:10px;} #header h1#title {width:180px;height:88px;float:left;background:url(../i/bkg_title.gif);margin-right:50px;position:relative;} #header h1#title a {width:180px;height:88px;position:absolute;top:0;left:0;} #header ul#nav {width:620px;height:24px;float:right;overflow:visible;margin-top:64px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-variant:small-caps;} #header ul#nav li {float:left;padding:0 8px;} #header ul#nav li a {display:block;height:24px;text-indent:-999em;} #header ul#nav li a:hover {border-bottom:0;} /* Navigation */ a#nav_ho {width:47px;background:url(../i/nav_ho.gif) no-repeat;background-position:0 -24px;} a#nav_ab {width:89px;background:url(../i/nav_ab.gif) no-repeat;background-position:0 -24px;} a#nav_co {width:82px;background:url(../i/nav_co.gif) no-repeat;background-position:0 -24px;} a#nav_se {width:80px;background:url(../i/nav_se.gif) no-repeat;background-position:0 -24px;} a#nav_su {width:135px;background:url(../i/nav_su.gif) no-repeat;background-position:0 -24px;} a#nav_ma {width:78px;background:url(../i/nav_ma.gif) no-repeat;background-position:0 -24px;} a:hover#nav_ho, a:hover#nav_ab, a:hover#nav_ho, a:hover#nav_se, a:hover#nav_su, a:hover#nav_ma, #home #nav_ho, #abou #nav_ab, #serv #nav_se, #sust #nav_su, #mark #nav_ma, #cont #nav_co, a:hover#nav_co {background-position:0px 0px;} /* Orange Stripe */ #stripe {height:225px;background:url(../i/bkg_stripe.gif) repeat-x;clear:left;} #stripe .container {width:920px;margin:0 auto;} #stripe img#stripe_photo {width:440px;height:225px;float:left;} #stripe blockquote {width:471px;height:225px;float:left;background:url(../i/stripe_tagline.gif);text-indent:-999em;} /* Main Content */ #main {width:905px;margin:0 auto;padding:20px 0;text-align:left;clear:left;} #main_content {padding:10px 0px;overflow:auto;width:585px;float:left;margin-right:60px;} #main_content h2 {margin-bottom:10px;} #main_content h3 {margin-bottom:10px;} #main_content p {margin-bottom:15px;} #main_content img {float:left;margin-right:35px;margin-bottom:15px;border:1px solid #333;margin-top:5px;} #main_content img.right {float:right;margin:5px 0 15px 35px;} #main_content .company {width:228px;margin-right:7px;float:left;overflow:visible;margin-bottom:10px;} #main_content .company img {margin-bottom:10px;border:0;} #main_content .company p {padding-right:10px;} #main_content .hr {height:6px;margin-bottom:30px;clear:both;background:url(../i/bkg_sep.gif) no-repeat;} #main_content .emp {clear:both;padding:25px;background:#efad70 url(../i/bkg_home_cont.jpg) no-repeat;border:1px solid #333;width:90%;} /* Sidebar */ #sidebar {width:260px;float:left;height:300px;min-height:300px;margin-top:50px;} #sidebar h3{margin-bottom:10px;} #sidebar h4{margin-bottom:10px;} #sidebar p {margin-bottom:15px;} #sidebar ul {margin-bottom:15px;} #sidebar li {margin-left:15px;margin-bottom:5px;list-style:outside disc;} /* Footer */ #footer {background:url(../i/bkg_footer.gif);height:42px;margin-bottom:20px;text-align:left;clear:both;} #footer .container {width:900px;margin:0 auto;background:url(../i/footer_logo.gif) no-repeat right 2px;padding:10px;height:22px;} #footer #foot_info {width:400px;float:left;margin-top:-2px;} #footer form {height:20px;float:right;margin-right:90px;margin-top:3px;} #footer form select {float:left;background:#fff;border:1px solid #f39c4d; color:#333;font-size:1.2em;margin-right:5px;} #footer form input {float:left;background:#fff;border:1px solid #f39c4d; color:#333;font-size:1.2em;width:30px;} .clear {clear:both;} /* Standard Style - Typography and Colors [font-family,text-align,font-size,color,line-height,border-color] */ body {font-size:62.5%;} /* Header */ #header h1#title {text-indent:-999em;} #header ul#nav li, #sidebar_nav li {font-size:1.7em;} #header ul#nav li a {text-decoration:none;color:#333;} /* Main */ #main {font-family:Arial, Helvetica, sans-serif;} #main a {color:#333;border-bottom:1px solid #ddd;text-decoration:none;} #main a:hover {color:#666;border-bottom-color:#888;} /* Main Content */ #main h1, #main h2, #main h3, #main h4 {margin-bottom:15px;font-variant:small-caps;} #main_content h2, #sidebar h3 {font-variant:small-caps;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;} #main_content h1 {font-variant:small-caps;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;font-size:2.2em;} #main_content h2 {font-size:1.9em;} #main_content h3 {font-size:1.6em;} #main_content p {font-size:1.3em;line-height:150%;} #main_content a .color {color:#f2964a;} #main_content .company h2 {font-size:1.45em;font-variant:small-caps;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;} #main_content .company h2 a {color:#000;border:0;} #main_content .company h2 small {font-size:.7em;} #main_content .company p {font-size:1.1em;line-height:135%;} #main_content .last {margin-right:0;width:235px} /* Sidebar */ #sidebar h3 {font-size:1.5em;} #sidebar h4 {font-size:1.3em;} #sidebar p, #sidebar li {font-size:1.1em;line-height:150%;} /* Footer */ #footer {font-size:.9em;line-height:135%;color:#222;font-family:Arial, Helvetica, sans-serif;} #footer a {color:#222;border-bottom:1px solid #e78e41;text-decoration:none;} #footer a:hover {color:#444;border-bottom-color:#fff;} /* Page-specific Styles */ #home #main {width:960px;} #home #main, #home main_content {padding-bottom:0;} #home #main_content, #mark #main_content, #serv #main_content {width:auto;float:none;margin-right:0;} #home #main_content {position:relative;left:30px;overflow:hidden;} #home #main_content p {font-size:1.1em;} #home #main_content h2 {font-size:1.5em;font-variant:small-caps;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;} #home #main_content img {border:0;} #serv #sidebar, #mark #sidebar {display:none;} #serv #main_content {overflow:visible;} #serv #main_content ul {padding-bottom:30px;overflow:auto;} #serv #main_content li {width:205px;float:left;font-size:1.3em;margin-bottom:5px;background:url(i/nav_bullet.gif) no-repeat;height:15px;padding-left:20px;line-height:140%;overflow:visible;} #mark #main_content li { width:200px; float:left; font-size:1.3em; margin-bottom:5px; background:url(i/nav_bullet.gif) no-repeat; height:15px; padding-left:20px;} #cont #main_content .sat_locations p {float:left;width:160px;font-size:1.1em;} #cont #main_content .sat_locations p.larger {width:200px;} #cont #main_content #map {position:relative;background:url(../i/sauer_map3.jpg) no-repeat;border:1px solid #000;width:540px;height:359px;margin-bottom:20px;} #cont #main_content #map a {position:absolute;text-indent:-999em;display:block;width:10px;height:10px;border:0;} #cont #main_content #map a:hover {border:1px solid #fff;} #cont #main_content #map a#jump_sg {left:400px;top:139px;} #cont #main_content #map a#jump_rsl {left:438px;top:131px;} #cont #main_content #map a#jump_rsi {left:444px;top:126px;} #cont #main_content #map a#jump_si {left:433px;top:273px;} #home #main_content .company {padding:4px;width:228px;margin-right:3px;} #home #header ul#nav {width:340px;} #home a#nav_co {width:310px;background:url(http://sauerholdings.com/i/nav_co2.gif) no-repeat;background-position:0 -24px;float:right;} #home a:hover#nav_co {background-position:0 0px;}