/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; @import "lib/buttons.css"; /* End import/hide */ /* Compressed version: [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this one when your site has launched (Ca 60% compressed): @import "lib/compressed.css"; */ /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). .container { background: url(lib/img/grid.png); } .container { background: url(lib/img/baseline.png); } */ @charset "utf-8"; /* MediaNet Group Technologies Main CSS */ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/body_bg.jpg) repeat-x #000000; } a {color:#00486d;} br {line-height:normal;} .clear {clear:both;} h1 { font-size:18px; font-weight:bold; color:#154f6d; margin:0; padding:5px 0 8px 0; } h2 { font-size:17px; font-weight:bold; color:#154f6d; margin:0; padding:0; } #container { width:900px; margin:0 auto; padding:35px 0 80px 0; } #mainmenu { text-align:right; font-size:14px; color:#dbdbdb; background:#000000; height:50px; } #mainmenu a { color:#dbdbdb; text-decoration:none; } #mainmenu a:hover { text-decoration:underline; } #mainmenu ul { margin:0; padding:17px; list-style:none; } #mainmenu ul li { display:inline; padding:0 30px 0 30px; } #header { width:900px; height:325px; background:url(../images/header.jpg) top center no-repeat; } #submenu div a { float:left; height:94px; display:block; text-decoration:none; } #submenu span { font-size:18px; font-weight:bold; color:#ffffff; } #submenu .men1 a {background:url(../images/about_us.jpg) no-repeat top;padding:0 55px 0 45px;width:200px;color:#dedede;} #submenu .men1 a:hover {background:url(../images/about_us.jpg) no-repeat bottom;color:#ffffff;} #submenu .men2 a {background:url(../images/mission.jpg) no-repeat top;padding:0 40px 0 60px;width:200px;color:#dedede;} #submenu .men2 a:hover {background:url(../images/mission.jpg) no-repeat bottom;color:#ffffff;} #submenu .men3 a {background:url(../images/news.jpg) no-repeat top;padding:0 45px 0 55px;width:200px;color:#dedede;} #submenu .men3 a:hover {background:url(../images/news.jpg) no-repeat bottom;color:#ffffff;} #divider { border-top:1px solid #ffffff; background:#404040; height:14px; clear:both; } #contentbox { background:url(../images/cont_footer.jpg) no-repeat bottom #ffffff; padding:25px 45px 35px 45px; } #content { color:#5d5d5d; line-height:20px; width:530px; } #content_nonews { color:#5d5d5d; line-height:20px; } #content_news { color:#5d5d5d; line-height:20px; width:580px; float:left; } #sidebar {float:right;width:180px;} #news { width:196px; height:270px; padding:25px 35px 5px 35px; background:url(../images/news_bg.jpg) top no-repeat; float:right; line-height:normal; } #news .news_date {color:#698492;font-weight:bold;} #news a {display:block;line-height:18px;} .news_item {padding:8px 0 8px 0;} .footer { width:900px; height:83px; background:url(../images/footer.jpg) no-repeat top; margin:0 auto; padding:85px 0 0 0; font-size:11px; color:#696969; } .footer .image {float:left;width:223px;height:49px;background:url(../images/medg_footer.jpg) no-repeat;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; }