/* Import Blueprint's screen styles */ @import url(blueprint/compressed/screen.css); /* Import structure for menu -- DO NOT MODIFY */ /* If you need to style the menu, you should add those styles in this screen.css file */ @import url(lib/main-menu.css); /* Uncomment the line below for helpful debugging CSS */ /*@import url(lib/debug.css);*/ @import url(reset.css); #font-ref { /* Font-size reference. Calcuate with: pixel_size / 12 9px : 0.75em 10px : 0.8333em 11px : 0.9167em 12px : 1.0em 13px : 1.0833em 14px : 1.1667em 15px : 1.25em 16px : 1.3333em 17px : 1.4167em 18px : 1.5em 19px : 1.5833em 20px : 1.6667em 21px : 1.75em 22px : 1.8333em 23px : 1.9167em 24px : 2.0em 25px : 2.0833em 26px : 2.1667em 27px : 2.25em 28px : 2.3333em 29px : 2.4167em 30px : 2.5em 31px : 2.5833em 32px : 2.6667em */ } body {margin:0.9em;} /* 1.5em */ body, h1, h2, h3, h4, h5, h6, p, li, em {color:#5e5350; font-family: arial, helvetica, sans-serif;font-weight:normal;} a, a:active, a:visited {color:#5e5350; font-weight:bold;} a:hover {color:#463e3c;} strong {font-weight:bold;} .container {width:950px; margin:0 auto;} .container2 {width:1050px; margin:0 auto;} div#wrapper {border:1px solid #b9babd; padding:14px 8px;} /* padding:30px; */ #header {border-bottom:1px solid #eae6e5; padding-bottom:12px; margin-bottom:8px;} #header h1 {width:200px;float:left;} #header h1 a {display: block; text-indent: -9999px; width: 200px; height: 65px;background: transparent url(../img/logo.gif) no-repeat -34px 15px;} #header #nav {float:right; height:70px;} #content {height:632px;} #content #main_content {float:left; width:318px; height:632px; background: transparent url(../img/paper_bg.jpg) no-repeat 0 0; overflow:hidden;} #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6, #main_content p, #main_content ul, #main_content ol, #main_content div {margin-left:44px; width:235px;} #main_content p {margin-bottom:20px; font-size:0.8em; font-weight:normal;} #main_content h2#hometitle {text-indent:-9999px; width:230px; height:94px; background: transparent url(../img/hometitle.jpg) no-repeat 0 0; margin-top:39px; margin-bottom:18px;} #main_content h2#about_title {text-indent:-9999px; width:230px; height:94px; background: transparent url(../img/about_title.jpg) no-repeat 0 0; margin-top:23px; margin-bottom:18px; margin-left:45px;} #main_content h2#services_title {text-indent:-9999px; width:230px; height:94px; background: transparent url(../img/services_title.jpg) no-repeat 0 0; margin-top:23px; margin-bottom:18px;} #main_content h2#news_title {text-indent:-9999px; width:230px; height:94px; background: transparent url(../img/news_title.jpg) no-repeat 0 0; margin-top:23px; margin-bottom:18px;} #main_content h2#contact_title {text-indent:-9999px; width:230px; height:94px; background: transparent url(../img/contact_title.jpg) no-repeat 0 0; margin-top:23px; margin-bottom:18px;} #main_content em {background-color:transparent; font-style:italic; font-size:inherit; font-weight:inherit; color:inherit;} #main_content hr.line { width:230px; height:8px; background: transparent url(../img/line.gif) no-repeat 0 0; margin:7px 0; margin-left:44px; } body.default #main_content ul, body.homepage #main_content ul, body.services #main_content ul {list-style-type:disc; margin-top:5px; margin-bottom:20px;} body.default #main_content ol, body.homepage #main_content ol, body.services #main_content ol {list-style-type:decimal; margin-top:5px; margin-bottom:20px;} body.default #main_content li, body.homepage #main_content li, body.services #main_content li {font-size:0.8em; margin-left:11px; padding:0 0 0 4px; } #content #sub_content { float:right; width:620px; height:630px; border:1px solid #b9babd;overflow:hidden; } #sub_content .caption p { text-align:center; font-size:0.75em; line-height:1.4em; padding:5px 40px; color:#5e5350; } #sub_content .caption a { font-size:0.85em; text-decoration:none; padding:2px 4px; background:#e6e4d3; background:rgba(207,203,173,0.5); } #footer {border-top:1px solid #eae6e5; padding-top:8px; margin-top:8px;} #footer, #footer p {font-size:0.8333em; color:#9c8f8b;} #footer p#copyright {float:left;} #footer p#footer_menu {float:right;} #footer a {color:#9c8f8b; font-weight:normal; text-decoration:none;} #footer a:hover {color:#463e3c;} /* =submenu */ #main_content div#submenu { margin-left:0; margin-top:30px; } #main_content #submenu h3 { background:#e6e4d3; background:rgba(207,203,173,0.5); font-size:95%; margin-left:0; margin-top:20px; margin-bottom:4px; padding-top:5px;padding-left:64px; width:147px; text-transform:uppercase; } /* width:211px; */ #main_content #submenu ul { margin-left:44px; list-style-type:none; } #main_content #submenu li { background:url(../img/arrow.gif) no-repeat 0 2px; line-height:0.95em; padding-left:15px; position:relative; width:160px; } #main_content #submenu a { display:block; font-size:0.75em; font-weight:normal; text-decoration:none; padding:2px 6px; width:140px; } /* width:150px; */ #main_content #submenu a:hover { } #main_content #submenu li.current a { background:#ebcc83; background:rgba(235,204,131,0.5); } #main_content #submenu li ul { display:none; position:absolute; left:155px; top:0; margin:0; } #main_content #submenu li ul li { background:none; } #main_content #submenu li.current ul{ display:block; } #main_content #submenu li ul a { width:100px; } /* =aboutmenu */ body.about div#aboutmenu { margin-left:0; margin-top:10px; } body.about_names div#aboutmenu { margin-left:0; margin-top:30px; } #aboutmenu h3 { background:#e6e4d3; background:rgba(207,203,173,0.5); font-size:95%; margin-left:0; margin-top:15px; padding-top:5px;padding-left:64px; width:147px; text-transform:uppercase; } /* width:211px; */ #aboutmenu ul { margin-left:44px; } #aboutmenu li { background:url(../img/arrow.gif) no-repeat 0 2px; line-height:0.75em; padding-left:15px; position:relative; width:210px; } #aboutmenu a { display:block; font-size:66%; font-weight:normal; text-decoration:none; padding:3px 6px; width:140px; } /* width:150px; */ #aboutmenu a:hover { color:#beb7b1; } #aboutmenu li.current a { background:#ebcc83; background:rgba(235,204,131,0.5); } body.about #submenu li { font-size:1.25em; margin:2px 0; } body.about-names #submenu li { font-size:1.25em; margin:4px 0; } body.about-names #aboutbg { margin:0; padding:0; position:relative; } body.about-names #about_txt { width:265px; position:absolute; top:45px; left:315px; font-size:0.9em; } /* =newsitem */ ul.blockList { list-style-type: none; list-style-image: none; list-style-position: outside; margin-left:45px; width:235px; } ul.blockList li { margin-bottom:1em; line-height:0.9em; } ul.blockList li span { margin-left:0; } ul.blockList li span.item_title { margin-bottom:6px; display:block; font-size:0.9em; } ul.blockList li a { text-decoration:none; font-style:oblique; margin:0; padding:0; } ul.blockList li a:hover { color:#b2aba5; } ul.blockList li strong { text-transform:uppercase; font-size:0.7em; color:#b2aba5; margin-bottom:2px; padding:0; display:block; } ul.blockList li span.snippet { display:block; font-size:0.88em; color:#7a716c; } div#news_item { margin-left:0; } div#news_item h3 { text-transform:uppercase; } div#news_item em { background-color: rgba(207,203,173,0.5); font-size:0.8em; } ul.item_xtra_list { margin-left:45px; width:235px; } ul.item_xtra_list li a { text-transform:uppercase; font-size:0.75em; color:#7a716c; margin-bottom:2px; padding:0; display:block; } ul.item_xtra_list li a:hover { color:#b2aba5; } #main_content h4 a { font-size:0.8em; text-decoration:none; } #main_content h4 a:hover { color:#b2aba5; } /* MAIN MENU for Handheld devices on @handheld.css, hidden from #screen */ /*#nav #handheld_menu { display:none; }*/