/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Arial, Verdana, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { vertical-align:middle; font-size: 100%; } table{ width:100%; border-collapse: collapse; clear:both; } tbody{ vertical-align:top; } img{border:none} p{line-height:16px} /*=======================================================*/ /* LINKS LAYOUT*/ a{color:#231f20;outline:none; text-decoration:none} a:hover{color:#d5001e; text-decoration:underline} /*=======================================================*/ /* STANDARD PAGE LAYOUT*/ html{ scrollbar-face-color: #aaaaaa; scrollbar-shadow-color: #666666; scrollbar-highlight-color: #eeeeee; scrollbar-3dlight-color: #666666; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #666666; scrollbar-arrow-color: #eeeeee; } body{/*background:transparent url(/bg.gif) center top repeat-y; */font-size:12px; color:#111; font-family:Verdana, Helvetica, Arial, sans-serif} #site_wrapper{background:#ffffff; margin-left:auto; margin-right:auto; width:960px} #sidebar .logo{margin-top:10px; margin-bottom:20px; display:block; margin-left:10px} #sidebar{width:200px; margin:10px 23px 0 23px; position:fixed; left:50%; margin-left:-460px} #content{width:690px; margin-left:246px} #menu{border-top:1px solid #f0f1e8; list-style-type:none} #menu a{border-bottom:1px solid #f0f1e8; display:block; padding:10px 0 10px 10px; font-size:15px; width:190px; background-color:#fff} #menu a.sel{font-weight:bold; color:#d5001e} #menu a:hover{text-decoration:none} #menu .subcat{border-top:none; border-bottom:1px solid #f0f1e8; position:relative} #menu .subcat ul{border-top:none; margin-bottom:5px; list-style-type:none; position:absolute; display:none; margin-left:200px; background-color:#fff; width:175px; top:15px; /*border:solid 1px #f0f1e8*/} #menu .subcat a{border-bottom:none; text-decoration:none} #menu .subcat li a{color:#8ebcd6; color:/*#fff*/#c00; background-color:/*#086da7*/#eee; font-size:12px; padding:0 0 0 15px; display:block; padding:10px 0 10px 10px; border-bottom:1px solid /*#2b84b8*/#ddd; width:165px} #menu .subcat li a:hover{color:#fff; background-color:#231f20} #menu #deal_cats { width: 350px; overflow: hidden } #menu #deal_cats li { float: left } #sidebar .company{margin:35px 0 10px 10px; line-height:1.3em; font-size:12px} #sidebar .company .insprong{width:30px; display:block; float:left} #sidebar .company span{float:left; width:150px} #content h3{color:#cccebf; border-bottom:1px solid #f0f1e8; padding-bottom:7px; font-size:12px; padding-top:10px; margin-bottom:35px} #content h1{color:#d5001e; font-family:Georgia; font-weight:normal; font-size:32px; margin-bottom:40px} #content h1 img{margin-left:10px} #content h2{color:#525349; font-family:Georgia; font-weight:normal; font-size:20px; line-height: 1.3em; margin-bottom:30px} #content h4{font-family:Georgia; font-size:15px; margin-bottom:15px; color:#074672} #footer_wrapper{margin:0 auto; padding:20px 0; width:960px; text-align:center; color:#666; background:#fff} #content{font-size:13px} #content p{line-height:1.4em} .italic{font-style:italic} .bold{font-weight:bold} .pageitem{padding-top:63px} .red{color:#d5001e} .align_left{text-align:left} .align_right{text-align:right} /*=======================================================*/ /* home */ #home{padding-top:63px} #home .blok{float:left; width:220px; margin-right:15px} #home .last{margin-right:0} /*=======================================================*/ /* about us */ #our-dna h4{color:#525349; font-size:20px; margin-bottom:10px} #our-dna p{margin-bottom:30px} /*=======================================================*/ /* partners */ #the-partners .first{padding-top:10px} #the-partners .partner{padding-top:40px} #the-partners .partner img{vertical-align:middle} #the-partners .partner div{float:right; width:450px; margin-left:10px; margin-top:25px} #the-partners .partner h4{font-size:20px; color:#525349; line-height:20px} #the-partners .partner p{margin-top:5px} /*=======================================================*/ /* deals */ .deal{border:solid 1px #c8cbb4; margin-bottom:15px} .deal.spotlight{width:208px; float:left; margin-right:20px; margin-bottom:0; text-align:center} .deal .wrapper{border:solid 6px #f0f1e8; padding:10px 20px} .deal.spotlight .wrapper{padding:5px 10px; min-height:420px} .deal.over .wrapper{border-color:#c8cbb4; cursor:pointer; position:relative} .deal .logo{display:block; text-align:center; margin:10px 0} .deal .logo img{vertical-align:top; margin-left:8px} .deal .logo img.flag{margin:0 0 0 3px} .deal p{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px} .deal .action{display:block; text-align:center; font-weight:bold; color:#074672; padding:5px 0; background:transparent url(/action_bg.gif) left center no-repeat; margin-left:-16px; width:208px} .deal ul.head{list-style-type:none; margin:25px 0; float:left; width:100%} .deal ul.head li{display:block; float:left} .deal li.company{width:210px} .deal li.company img{vertical-align:top; margin-left:3px} .deal li.action{background:none; margin:0; line-height:30px} .deal .content ol{margin:10px 5px 15px 35px} #content h4.deal_cat{color:#525349; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:10px} #filter_container{margin-bottom:15px} #filter fieldset{padding:0} #filter label{margin-right:15px} input.button{margin-left:15px} #inline_deal_cats{display:none; position:absolute; list-style-type:none; border:solid 1px #ccc; background-color:#f6f6f6} #inline_deal_cats a{display:block; padding:2px 4px; text-decoration:none} #inline_deal_cats a:hover{background-color:#fff} #lnk_all_deals {/*float:left;*/ margin-bottom:15px; width:100%} #lnk_all_deals a{/*float:left;*/ padding:4px; background-color:#2b84b8; color:#fff; width:100px; font-weight:bold; border:solid 1px #2b84b8; display:block} #lnk_all_deals a:hover{background-color:#fff; color:#D5001E; text-decoration:none} #cat_menu{margin:0 10px 15px 0; line-height:16px} #cat_menu a:hover{font-size:14pt; color:#d5001e; font-weight:bold; text-decoration:none; padding:4px} /*=======================================================*/ /* services */ #services .blok{float:left; width:230px} #services .blok ul{list-style-type:none; margin-left:20px; padding-top:10px} #services .blok li{padding:6px 0} #services .blok div{background:#fff url(/bg_gradient1.jpg) no-repeat; height:155px} #services .big{width:440px; margin-left:20px} #services .big div{background:#fff url(/bg_gradient1.jpg) no-repeat; height:155px} #services h2{margin-bottom:10px} #services h4{margin-top:30px; font-size:20px; color:#525349; padding:20px 0 20px 20px; border-top:1px solid #D5001E; border-bottom:1px solid #D5001E} /*=======================================================*/ /* contact */ #contact {margin-bottom:100px} #contact .blok{line-height:16px} #contact .blok .insprong{width:30px; display:block; float:left} #menu .blok span{float:left; width:150px} #contact .google{color:#979988; padding-top:15px} #contact h4{font-size:20px; font-family:Georgia; color:#525349; font-weight:normal; margin-top:30px; margin-bottom:10px} #pd_lnk{display:block; margin:10px 0} /* CLEARFIX */ * html .clearfix {height: 1%} .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 */