/* Title: Avocado 2008 Date: May 2008 */ * { margin: 0; padding: 0; list-style-type: none; outline: none} body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; background-color: #000000; /*background-color: #231F20;*/} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0;} input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} /* Structure Styles -------------------------------------------------------------------------------- */ #container { width: 780px; padding: 0; margin: 0; text-align: left; margin-left: auto; margin-right: auto;} #container-news { width: 560px; padding: 10px; margin: 0; text-align: left;} #logo { margin-top: 40px; margin-bottom: 20px; } #wrapper { margin-bottom: 15px; padding: 0; width: 780px;} #leftcol { float: left; position: relative; width: 180px; font-size: 70%;} #twocols { float: right; position: relative; width: 590px;} #rightcol { float: right; position: relative; width: 184px; padding-right: 20px; padding-left: 0;} #maincol { float: left; display: inline; position: relative; width: 386px;} #footer { clear: both; height: 27px; background-color: #30386F;} #wrapper-contact { width: 750px; background-color: #4D4F48; margin: 15px 15px 0 15px;} #col1 { float: left; display: inline; width: 277px; margin-bottom: 6px} #col2 { float: right; position: relative; width: 393px; margin: 0 20px 0 20px;} #wrapper-rec { font-size: 80%; width: 750px; background: #4D4F48 url(../images/recruitment-img2.jpg) right top no-repeat; margin: 15px;} #rec-col1 { float: left; display: inline; width: 368px; padding-right: 305px; padding: 20px;} #rec-col1 p { color: #ffffff; margin-bottom: 20px; line-height: 17px;} #wrapper-about { font-size: 80%; width: 750px; background: transparent url(../images/panel.jpg) right top no-repeat; margin: 15px;} #about-col1 { float: left; display: inline; width: 480px; padding-right: 305px; padding: 20px;} #about-col1 p { color: #ffffff; margin-bottom: 10px; line-height: 17px;} #about-col2 { float: right; position: relative; width: 165px; margin: 65px 10px 5px 10px;} #about-col2 p { color: #ffffff; font-size: 85%; margin-bottom: 10px; line-height: 17px;} #back-home2 {color: #70a83d; font-size: 70%; position: absolute; top: 70px; left: 600px;} #back-home2 a { color: #70a83d; text-decoration: none; } /*#col2 { color: #ffffff; font-size: 80%; line-height: 17px; float: right; position: relative; width: 165px; margin: 85px 10px 5px 10px;} #wrapper-news { width: 560px; margin-top: 15px;} /* Navigation -------------------------------------------------------------------------------- */ /* Main Navigation ---------------------------------------------------------------- */ #nav { width: 780px; height: 43px; padding: 0; margin-top: 15px;} #nav li { padding: 0; margin: 0; float: left; display: inline; list-style-type: none; font-size: 80%;} #nav.last { margin-right: 0;} li.aboutus { background: transparent url(../images/nav/aboutus.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.aboutus a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/aboutus.jpg) no-repeat -169px 0;} li.aboutus a:hover { background-position: 0 -43px; z-index: 50;} li.aboutus-over { background: transparent url(../images/nav/aboutus-over.jpg) no-repeat; width: 130px; height: 43px; display: block;} * html li.aboutus a:link, * html li.aboutus a:visited { height: 43px; he\ight:0;} * html li.aboutus a:hover { height: 43px; he\ight:0;} li.gallery { background: transparent url(../images/nav/gallery.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.gallery a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/gallery.jpg) no-repeat -130px 0;} li.gallery a:hover { background-position: 0 -43px; z-index: 50;} li.gallery-over { background: transparent url(../images/nav/gallery-over.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} * html li.gallery a:link, * html li.gallery a:visited { height: 43px; he\ight: 0;} * html li.gallery a:hover { height: 43px; he\ight: 0;} li.visual { background: transparent url(../images/nav/visual.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.visual a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/visual.jpg) no-repeat -130px 0;} li.visual a:hover { background-position:0 -43px; z-index: 50;} li.visual-over { background: transparent url(../images/nav/visual-over.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} * html li.visual a:link, * html li.visual a:visited { height: 43px; he\ight: 0;} * html li.visual a:hover { height: 43px; he\ight: 0;} li.contact { background: transparent url(../images/nav/contact.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.contact a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contact.jpg) no-repeat -130px 0;} li.contact a:hover { background-position:0 -43px; z-index: 50;} li.contact-over { background: transparent url(../images/nav/contact-over.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} * html li.contact a:link, * html li.contact a:visited { height: 43px; he\ight: 0;} * html li.contact a:hover { height: 43px; he\ight: 0;} li.recruitment { background: transparent url(../images/nav/recruitment.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.recruitment a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/recruitment.jpg) no-repeat -130px 0;} li.recruitment a:hover { background-position:0 -43px; z-index: 50;} li.recruitment-over { background: transparent url(../images/nav/recruitment-over.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.blog { background: transparent url(../images/nav/blog.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} li.blog a { width: 130px; height: 0; display: block; padding-top: 43px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/blog.jpg) no-repeat -130px 0;} li.blog a:hover { background-position:0 -43px; z-index: 50;} li.blog-over { background: transparent url(../images/nav/blog-over.jpg) no-repeat 0 0; width: 130px; height: 43px; display: block;} * html li.contact a:link, * html li.contact a:visited { height: 43px; he\ight: 0;} * html li.contact a:hover { height: 43px; he\ight: 0;} * html #nav a:hover { height: 43px; he\ight: 0;} #nav a { display: block; height: 0; overflow: hidden;} * html #nav a:link, * html #nav a:visited { height: 43px; he\ight: 0;} /* Content Styles -------------------------------------------------------------------------------- */ /* Main Content ---------------------------------------------------------------- */ #main-content { padding: 10px 15px 20px 15px;} #main-content2 { width: 750px; margin: 15px 15px 20px 15px;} #main-content3 { width: 750px; margin: 15px 15px 20px 15px;} #main-content h1, #main-content2 h1 { font-size: 90%; font-weight: bold; color: #ffffff; margin-bottom: 8px;} h3 { color: #FFFFFF; font-size: 90%;} #main-content p, #main-content2 p { font-size: 80%; margin-bottom: 8px; color: #999999;} #contact-content { padding: 20px 0 0 20px;} #contact-content p { font-size: 80%; color: #ffffff; margin-bottom: 10px;} #main-content a, #main-content a:visited { color: #999999; text-decoration: none;} #main-content a:hover, #main-content a.active { color: #999999; text-decoration: underline;} a:link, a:visited { text-decoration: underline; color: #999999;} #main-content ul { color: #5E6467; margin-bottom: 15px; margin-top: 0;} #main-content li { font-size: 80%; margin-bottom: 3px; list-style: disc; padding-left: 10px; margin-left: 15px; color: #5E6467;} .visualapproval { width: 750px; margin: 15px 15px 20px 15px;} #latestnews { padding: 4px 10px 0 6px; background: #000000 url(../images/latestnews-background.jpg) 0 0 no-repeat; width: 760px; height: 37px; color: #999999;} #latestnews h1 { margin-left: 11px; margin-bottom: 0; font-size: 90%; font-weight: bold; color: #ffffff;} #latestnews p { font-size: 75%; margin-bottom: 8px; color: #999999;} #latestnews a, #latestnews a:visited, #latestnews a:hover { color: #999999; text-decoration: none;} #latestnews li { font-size: 75%;} #latestnews a:hover, #latestnews a.active { color: #999999; text-decoration: none;} #flashpanel { width: 750px; margin-left: auto; margin-right: auto; margin: 15px 15px 10px 15px;} #flashpanel-gallery { width: 1000px; margin-left: auto; margin-right: auto; margin: 15px 15px 10px -110px; position: relative;} #flashindex { width: 480px; margin-top: 15px; margin-left: auto; margin-right: auto;} .newsarticle { padding: 5px 0 5px 0;} .newsarticle h1 { font-size: 90%; font-weight: bold; color: #ffffff;} .newsarticle p { font-size: 75%; margin-bottom: 8px; color: #999999;} #newsticker { margin: 0; height: 0; height: 16px; overflow: hidden;} /* Forms -------------------------------------------------------------------------------- */ #form-contact { margin: 0; padding: 0;} .text { border: 0; width: 300px; padding: 2px; margin-top: 1px;} .textarea { width: 300px; height: 83px;} .requiredfields { padding-left: 120px; color: #CCCCCC;} #submit-bttn { float: right; margin-top: -37px;} #form-contact2 { margin: 0; padding: 0;} .text2 { border: 0; width: 160px; padding: 2px; margin-top: 1px;} .text3 { float: right; font-size: 70%; color: #8d8d8d;} .textarea2 { width: 160px; height: 83px;} .requiredfields2 { padding-left: 160px; color: #CCCCCC;} #submit-bttn2 { float: left; margin-top: 5px;} /* Additional Styles -------------------------------------------------------------------------------- */ .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 */