/************************************************* ALIAT ONG #author: html/css - www.dotweb.ro #web: www.aliatong.ro #file: styles.css #desc: Styles required for the screen type *************************************************/ * { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; list-style-type:none; outline:none; } body { margin:0; padding:0; background-color:#f2f2f2; } img { border:none; } /* ClearFix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* END */ #super-wrapper { padding-bottom:3px; background:url(../images/bg_header.jpg) repeat-x 0 82px; } #wrapper { margin:0 auto; width:990px; } /*Site navigation*/ #site-nav { padding-left:22px; height:82px; } #site-nav div.logo { float:left; width:168px; height:82px; overflow:hidden; } #site-nav ul.head-menu { float:left; padding:56px 0 0 45px; height:25px; } #site-nav ul.head-menu li { float:left; margin-right:25px; } #site-nav ul.head-menu li a {color:#16395f; font-family:Trebuchet MS, arial, sans-serif; font-size:18px; font-weight:bold; }#site-nav ul.head-menu li a:hover { color:#4884bf; text-shadow: 1px 1px #c4cfd3; } #site-nav ul.head-menu li a.selected { color:#4884bf; text-shadow: 1px 1px #666; } /*Header*/ #header { height:150px; } #header .splash { float:left; margin-top:34px; width:217px; filter: alpha(opacity = 80); overflow:hidden; } #header .highlight-box { float:right; padding:50px 0 0 0; height:120px;} #header .highlight-box a { display: block; float:left; margin-right:10px; padding:10px; width:120px; height:50px; filter: alpha(opacity = 30); border: 1px dotted #5ba1dd;} #header .highlight-box a h2 { padding:5px; padding-top: 20px; text-align: center; color:#f2f2f2; font-size:14px; font-family:Trebuchet MS, arial, sans-serif; text-shadow: 1px 1px #4e8ecb; } #header .highlight-box a p { margin-top:20px; width:120px; text-align:left; font-size:8px; color:#f2f2f2; line-height:12px; text-indent: 5px;} #header .highlight-box a:hover { background: #5ba1dd; color: #16395f; } #header .highlight-box a:hover h2 { color: #16395f; text-shadow: 1px 1px #4e8ecb; } #header .highlight-box a:hover p { color: #16395f; text-shadow: 1px 1px #4e8ecb; } /*Left-content*/ .left-content { float:left; padding-top:20px; width:125px; } .left-content .banner { text-align:center; width:125px; border: 1px dotted #16395f; margin: 10px 0;} /*Content*/ #inner-wrapp { min-height:300px; _height:300px; } #inner-wrapp .content { float:left; margin-top:25px; width:600px; margin-left:47px; } #inner-wrapp .content h1 { margin-bottom:22px; font-size:24px; color:#16395f; font-weight:normal; font-family: arial, sans-serif; overflow:hidden; } #inner-wrapp .content .text-wrapper p { margin-bottom:14px; line-height:19px; text-align:justify; font-size:13px; font-family:Trebuchet MS, arial, sans-serif; } #inner-wrapp .content .text-wrapper h2.title { margin-bottom:12px; } #inner-wrapp .content .text-wrapper h3 { margin-bottom:3px; } #inner-wrapp .content .text-wrapper ol { list-style-position:inside; margin-bottom:14px; } #inner-wrapp .content .text-wrapper ol li { line-height:19px; list-style-type:decimal; } #inner-wrapp .content .text-wrapper ul { margin-bottom:14px; } #inner-wrapp .content .text-wrapper ul li { line-height:19px; font-family:Trebuchet MS, arial, sans-serif; font-size:13px; list-style-type:disc; list-style-position:inside; } #inner-wrapp .content .text-wrapper ul li.last { list-style-type:none; } #inner-wrapp .content .text-wrapper strong { font-family:Trebuchet MS, arial, sans-serif; font-size:13px; } #inner-wrapp .content .text-wrapper a { color:#60a8e6; font-style: bold; text-decoration:underline; font-family:Trebuchet MS, arial, sans-serif; font-size:12px; } #inner-wrapp .content .text-wrapper a:hover { text-decoration:underline; } #newsdate { display: inline; color:#60a8e6; font-style: italic;} /*Footer*/ #footer { margin-top:20px; width:100%; border-top:3px solid #16395f; background:#4176ab url(../images/bg_footer_splash.jpg) no-repeat 450px 0px; } #footer .holder { padding:10px 0; margin:0 auto; width:980px; } #footer .holder .contact { float:left; width:218px; } #footer .holder .contact p { color:#F2F2F2; line-height:14px; font-size:11px; font-family:Trebuchet MS, arial, sans-serif; margin-bottom: 5px;} #footer .holder .contact p.last { margin:0; } #footer .holder .contact a { font-size:11px; color:#fff; text-decoration:underline; } #footer .holder .made { float:right; margin-top:20px; width:215px; line-height:51px; } #footer .holder .made p { float:left; height:44px; line-height:44px; font-size:11px; margin-right:15px; color:#F2F2F2; } #footer .holder .made a { float:left; display:block; width:44px; height:44px; background:url(../images/logo_footer_on.jpg) no-repeat 0 0; } #footer .holder .facebook { margin: 13px 0 0 210px; width: 144px; float: left;} /*Contact*/ #contactform ul {list-style: none;} #contactform ul li {list-style-type: none !important; margin-bottom: 5px;} #contactform label {display: block; width: 80px; float: left;} #contactform input { width:160px; padding-top:2px; height:25px; border:1px solid #ccc; } #contactform textarea { width:220px; height:120px; border:1px solid #ccc; } #submit {margin-left: 80px; border: 1px solid #333;} /*Training*/ #inner-wrapp .content .text-wrapper ul.menu-select { margin-bottom:20px; height:22px; } #inner-wrapp .content .text-wrapper ul.menu-select li { float:left; width:90px; line-height:22px; margin-right:2px; } #inner-wrapp .content .text-wrapper ul.menu-select li a { display:block; text-decoration:none; text-align:center; width:100%; height:22px; background:url(../images/btn_off.jpg) no-repeat 0 0; } #inner-wrapp .content .text-wrapper ul.menu-select li a.selected { color:#fff; background:url(../images/btn_on.jpg) no-repeat 0 0; } #inner-wrapp .content .text-wrapper ul.menu-select li a.none { background:url(../images/btn_off.jpg) no-repeat 0 0; } #inner-wrapp .content .text-wrapper ul.menu-select li a:hover { color:#fff; text-decoration:none; background:url(../images/btn_on.jpg) no-repeat 0 0; } #inner-wrapp .content .text-wrapper div.hidden { display:none; } /*Right-content*/ .right-content { float:right; padding-top:15px; width:180px; } #NewsTicker{ border: dotted 1px #16395f; background:#fff; width:180px; height:450px; margin:0 auto; } #NewsTicker h1{ padding:10px; margin:0; border:0; background:#16395f; color:#fff; font-family:Trebuchet MS, arial, sans-serif; font-size:18px; font-weight:bold; margin-bottom: 10px; text-shadow: 1px 1px #4e8ecb; } #NewsVertical { width: 180px; height: 400px; display: block; overflow: hidden; position: relative; } #play_scroll_cont{display:none;} #TickerVertical { width: 180px; height: 330px; display: block; list-style: none; margin: 0; padding: 0; } #TickerVertical li { display: block; width: 168px; color: #333333; text-align: left; font-size: 11px; margin: 0; padding: 0 5px; float: left; text-align: justify;} #TickerVertical li .NewsTitle{ display: block; color: #16395f; font-size: 12px; font-weight:bold;} #TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited { display: block;color: #16395f;font-size: 12px;font-weight:bold;text-decoration:none; } #TickerVertical li .NewsTitle a:hover {text-decoration:underline;} #TickerVertical li .NewsFooter{display: block;color: #63afed;font-size: 10px; margin-bottom: 10px;} /*Training*/ #training li {padding: 5px;} #training li a {display: block;color: #16395f;font-size: 12px;text-decoration:none; padding: 1px;} #training li a h2 {font-weight: bold; padding: 5px; padding-left: 20px;text-decoration:underline;} #training li a p {padding: 5px 10px; text-align: justify; color: #666;} #training li a:hover h2 {background-color: #16395f; color: #fff;text-decoration:none; } #training li a:hover {border: 1px dotted #16395f; padding: 0px;} #training li a:hover p {color: #333;} /*Projects*/ #projects li {padding: 5px;} #projects li a {display: block;color: #16395f;font-size: 12px;text-decoration:none; padding: 1px;} #projects li a h2 {font-weight: bold; padding: 5px; padding-left: 20px; text-decoration:underline;} #projects li a p {padding: 5px 10px; text-align: justify; color: #666;} #projects li a:hover h2 {background-color: #16395f; color: #fff;text-decoration:none; } #projects li a:hover {border: 1px dotted #16395f; padding: 0px;} #projects li a:hover p {color: #333;} #projects li a h2 span {float: right; padding-right: 10px; text-decoration: none !important; font-size: 10px;} .gallerythumb { width: 100px; height: 100px;} /*NewsArchive*/ #newsarchive li {padding: 5px 0;} #newsarchive li a {display: block;color: #16395f;font-size: 12px;text-decoration:none; padding: 1px;} #newsarchive li a h2 {font-weight: bold; padding: 5px; padding-left: 20px; background-color: #16395f; color: #fff; text-decoration:none; } #newsarchive li a h2 span {float: right; padding-right: 10px; } #newsarchive li a p {padding: 5px 10px; text-align: justify; color: #666;text-decoration:none !important;} #newsarchive li a:hover {border: 1px dotted #16395f; padding: 0px;} #newsarchive li a:hover p {color: #333;} /*Lang*/ #lang { top: 10px; right: 10px; position: absolute; } #lang label {display: none;} #lang select {display: none; }