@charset "utf-8"; /***** This removes all padding and margins. *****/ * { padding: 0; margin: 0; } /***** The body tag - the body has a blue bg *****/ body { background: #182732 url(http://discretiondesigns.com/images/page_bg.png) repeat-x left top; } .backtan { background-color: #D5C9C8; } .rtborder { border-right: 1px solid #b8a79f; } /***** This contains the entire page content *****/ #container { width: 969px; margin-right: auto; margin-left: auto; border: 2px solid #000; } /***** These are all for the header *****/ #container #header { background: url(http://discretiondesigns.com/images/header_bg.png) no-repeat center top; height: 36px; width: 969px; float: left; margin-bottom: 0px; } #container #header #logo { font: .9em Verdana, Arial, Helvetica, sans-serif; color: #E9E7E0; height: 18px; width: 221px; padding-top: 8px; padding-left: 8px; float: left; } #container #header #logo a { background: url(http://discretiondesigns.com/images/discretiondesigns_logo_sprite.gif) left top no-repeat; height: 18px; width: 221px; display: block; } #container #header #logo a:hover { background: url(http://discretiondesigns.com/images/discretiondesigns_logo_sprite.gif) left -18px no-repeat; height: 18px; width: 221px; } #container #header #logo span { display: none; } /***** These are all for the main menu *****/ #menuWrap {float:right; margin-top: 6px; margin-bottom: 200px; z-index: 10; /*margin-left:40px; background:url(stamp/topBar.gif) right top;*/} #menu {margin:0; padding: 0; list-style:none; white-space:nowrap; z-index: 10; text-align: left; float:right; /*background:url(stamp/topBar.gif) left top;*/} #menu li {margin:0; padding:0; list-style:none; z-index: 10; display:inline-block; display:inline;} #menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 10; /*border:1px solid #000; border-color:#ddd #333 #000 #ddd;*/} #menu ul.ul-one { padding-top: 3px; background:#1c2d42; filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000; z-index: 10;} #menu ul.ul-two {background:#453935;} #menu ul.ul-three {background:#5c4f4c;} #menu ul.ul-four {background:#756764;} #menu ul.ul-five {background:#8f817d;} #menu ul.ul-six {background:#a99b97;} #menu ul.ul-seven {background:#c5b6b2;} #menu li.li-top {float:left; display:block; z-index: 10; /*background:url(stamp/divider.gif) no-repeat left center;*/} #menu li.first {background:none; z-index: 10;} #menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#C9C5B4; line-height:23px; text-decoration:none; padding:0 20px 7px 10px;} #menu :hover a:hover {/*background:#2e2320;*/ color:#fff; text-decoration: underline;} #menu li a.sub {/*background:url(stamp/sub.gif) no-repeat right center;*/} #menu li.li-top a.top {float:left;} #menu li a.top:hover {position:relative; /*background:#2e2320;*/ color:#fff;} #menu li.li-top:hover {position:relative; /*background:#2e2320;*/ color:#fff;} #menu li.li-top:hover > a, #menu li.li-top:hover ul :hover > a {/*background:#000;*/ color:#fff;} #menu li.li-top:hover ul {margin-top:32px;} #menu :hover ul {left:0;} #menu :hover ul a {white-space:nowrap;} #menu :hover ul b {position:absolute;} #menu :hover ul.right {left:auto; right:-1px;} #menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul, #menu :hover ul :hover ul :hover ul :hover ul, #menu :hover ul :hover ul :hover ul :hover ul :hover ul, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul {left:95%; margin-top:-26px;} #menu :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left {left:auto; right:95%; margin-top:-26px;} #menu :hover ul ul, #menu :hover ul :hover ul ul, #menu :hover ul :hover ul :hover ul ul, #menu :hover ul :hover ul :hover ul :hover ul ul, #menu :hover ul :hover ul :hover ul :hover ul :hover ul ul, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul {left:-9999px;} #menu :hover ul ul.left, #menu :hover ul :hover ul ul.left, #menu :hover ul :hover ul :hover ul ul.left, #menu :hover ul :hover ul :hover ul :hover ul ul.left, #menu :hover ul :hover ul :hover ul :hover ul :hover ul ul.left, #menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left {left:-9999px; right:auto;} #menu table {border-collapse:collapse; margin-top:-1px;} /***** These are all for the slider area *****/ #container #portfolio_slider { background: url(http://discretiondesigns.com/images/portfolio_piece_bg.jpg) no-repeat center top; height: 354px; width: 969px; float: left; font-weight: normal; overflow: hidden; position: relative; clear: none; } #container #portfolio_slider #testimonial_disclaimer { font: italic 9px Verdana, Arial, Helvetica, sans-serif; color: #3B5C6D; float: right; padding-right: 5px; margin-top: 339px; } #container #portfolio_slider .notactive { visibility:hidden; } #container #portfolio_slider .jshide{ visibility:hidden; } #container #portfolio_slider .slideme { position:relative; left:0; list-style: none; } #container #portfolio_slider .slideme .client { padding-left: 10px; font-weight: normal; } #container #portfolio_slider .slideme .client a { color: #9AC9DA; text-decoration: none; } #container #portfolio_slider .slideme .client a:hover { color: #FFF; text-decoration: underline; } #container #portfolio_slider .slideme .testimonial { font-style: italic; color: #A69085; padding-top: 10px; padding-left: 15px; font-weight: normal; } #container #portfolio_slider .slide1 { visibility:visible; z-index:1; } #container #portfolio_slider .slider_container { height:354px; width:969px; position: absolute; left: 0px; top: 0px; } #container #portfolio_slider #sleekslide .slideimage { /*background:url('http://discretiondesigns.com/images/slider_reflection.png') repeat-x 0 100%;*/ position:absolute; } #container #portfolio_slider #sleekslide .slideimage_big, #sleekslide .nophoto { left:20px; bottom:45px; } #container #portfolio_slider #sleekslide .slideimage_med, #sleekslide .nophoto-md { left:190px; bottom:20px; } #container #portfolio_slider #sleekslide .slideimage_sm1, #sleekslide .nophoto-sm1 { bottom:20px; left:80px; } #container #portfolio_slider #sleekslide .slideimage_sm2, #sleekslide .nophoto-sm2 { bottom:20px; left:275px; } #container #portfolio_slider #sleekslide .intro { color:#c8bfbd; width:435px; position:absolute; top:20px; left:50%; margin-left:30px; font: 0.8em/1.75em Verdana, Arial, Helvetica, sans-serif; padding: 5px; } #container #portfolio_slider #sleekslide .intro h2 a, #sleekslide .intro h2 a:visited { color:#fff; font:bold 1.2em "Arial Black",Arial,sans-serif; text-transform:uppercase; letter-spacing:-1px; margin-bottom:15px; } #container #portfolio_slider #sleekslide .buttonlinks { display:block; position:absolute; top:260px; width:400px; overflow:hidden; } #container #portfolio_slider #sleekslide .buttonlinks .next { font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; } #container #portfolio_slider #sleekslide .buttonlinks a { display:block; background: url(../portfolio/slider/button_bg_sprite.png) left 5px no-repeat; color:#C8BFAC; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; text-indent:5px; width:119px; margin-right: 80px; padding-bottom:17px; border:none; position:relative; float:left; padding-top: 8px; } #container #portfolio_slider #sleekslide .buttonlinks a:hover { color:#FFF; } * html body #sleekslide .slideimage { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale /*src='http://discretiondesigns.com/images/slider_reflection.png'*/); } * html body #sleekslide .buttonlinks a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://discretiondesigns.com/images/button_bg.png'); } @media screen and (-webkit-min-device-pixel-ratio:0){ #container #portfolio_slider .slideme .client { padding-bottom: 0px; font-size: .9em; } #container #portfolio_slider .slideme .testimonial { font-size: .9em; } } /***** These are for the content area *****/ #container #content { float: left; width: 969px; border-top: 11px solid #A69085; background: #E3DBDA; padding-top: 20px; padding-bottom: 10px; } #container #content #webandprint, #container #content #seoandanalytics, #container #content #multimedia, #container #content #marketing { width: 212px; float: left; margin-right: 15px; margin-left: 15px; } #container #content #webandprint h1, #container #content #seoandanalytics h1, #container #content #multimedia h1, #container #content #marketing h1 { height: 20px; font: normal 1em Georgia, "Times New Roman", Times, serif; color: #17252F; text-align: center; margin-bottom: 20px; } #container #content #webandprint #title_webandprint a, #container #content #multimedia #title_multimedia a, #container #content #marketing #title_marketing a, #container #content_body #content #web #title_web a, #container #content_body #content #print #title_print a { display: block; width: 212px; height: 16px; } #container #content_body h3 { font: bold .9em Tahoma, Geneva, sans-serif; color: #311404; background: #CABDB7; margin-bottom: 15px; padding: 5px 5px 5px 8px; margin-top: 10px; } #container #content_body h4 { padding-left: 15px; font: normal .8em Verdana, Geneva, sans-serif; padding-bottom: 15px; } #container #content_body h4 a { text-decoration: none; } #container #content #webandprint #title_webandprint { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -50px no-repeat; width: 212px; height: 16px; } #container #content #webandprint #title_webandprint a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -34px no-repeat; width: 212px; height: 16px; } #container #content_body #content #web #title_web, #container #content #web #title_web { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -146px no-repeat; width: 212px; height: 16px; } #container #content_body #content #web #title_web a:hover, #container #content #web #title_web a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -130px no-repeat; width: 212px; height: 16px; } #container #content_body #content #print #title_print, #container #content #print #title_print { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -178px no-repeat; width: 212px; height: 16px; } #container #content_body #content #print #title_print a:hover, #container #content #print #title_print a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -162px no-repeat; width: 212px; height: 16px; } #container #content #multimedia #title_multimedia { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -82px no-repeat; width: 212px; height: 16px; } #container #content #multimedia #title_multimedia a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -66px no-repeat; width: 212px; height: 16px; } #container #content #seoandanalytics #title_seoandanalytics { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left top no-repeat; width: 212px; height: 17px; } #container #content #seoandanalytics #title_seoandanalytics a { display: block; width: 212px; height: 17px; } #container #content #seoandanalytics #title_seoandanalytics a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -17px no-repeat; width: 212px; height: 17px; } #container #content #marketing #title_marketing { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -114px no-repeat; width: 212px; height: 16px; } #container #content #marketing #title_marketing a:hover { background: url(http://discretiondesigns.com/images/box_titles_sprite.gif) left -98px no-repeat; width: 212px; height: 16px; } #container #content #webandprint a, #container #content #seoandanalytics a, #container #content #multimedia a, #container #content #marketing a { color: #003366; } #container #content #webandprint a:hover, #container #content #seoandanalytics a:hover, #container #content #multimedia a:hover, #container #content #marketing a:hover { color: #4e711d; } #container #content #webandprint #title_webandprint a span, #container #content #seoandanalytics #title_seoandanalytics a span, #container #content #multimedia #title_multimedia a span, #container #content #marketing #title_marketing a span { display: none; } #container #content #webandprint .right_border, #container #content #seoandanalytics .right_border, #container #content #multimedia .right_border { padding-right: 15px; border-right: 1px solid #d5cbb1; width: 212px; } #container #content #webandprint p, #container #content #seoandanalytics p, #container #content #multimedia p, #container #content #marketing p { font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #392D2A; padding-bottom: 10px; } #container #content .box_image a img { border: 8px solid #C4B5AF; margin-bottom: 15px; } #container #content .box_image a:hover img { border: 8px solid #A69085; } #container #content_body #content #print .right_border .box_image a #image_print span, #container #content_body #content #web .right_border .box_image a #image_web span, #container #content_body #content #multimedia .box_image a #image_multimedia span, #container #content #webandprint .right_border .box_image a #image_webandprint span, #container #content #multimedia .right_border .box_image a #image_multimedia span, #container #content #seoandanalytics .right_border .box_image a #image_analytics span, #container #content #marketing .box_image a #image_marketing span, #container #content_body #content #multimedia .box_image a #image_multimedia span, #container #content_body #content #print .right_border .box_image a #image_print span, #container #content_body #content #web .right_border .box_image a #image_web span, #container #content #webandprint .right_border .box_image a #image_webandprint span, #container #content #multimedia .right_border .box_image a #image_multimedia span, #container #content #marketing .box_image a #image_marketing span, #container #content #seoandanalytics .right_border .box_image a #image_analytics span, #container #content #web #title_web a span, #container #content #print #title_print a span, #container #content_body h1 span, #container #footer #BBB a span { display: none; } #container #content #webandprint .right_border .box_image a #image_webandprint { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left top; } #container #content #multimedia .right_border .box_image a #image_multimedia { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -288px; } #container #content #seoandanalytics .right_border .box_image a #image_analytics { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -480px; } #container #content #marketing .box_image a #image_marketing { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -384px; } #container #content_body #content #print .right_border .box_image a #image_print { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -192px; } #container #content_body #content #web .right_border .box_image a #image_web { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -96px; } #container #content_body #content #multimedia .box_image a #image_multimedia { height: 96px; width: 196px; background: url(http://discretiondesigns.com/images/images_sprite.jpg) no-repeat left -288px; } #container #content #web, #container #content #print { width: 212px; float: left; margin-right: 15px; margin-left: 15px; } #container #content #web h1, #container #content #print h1, { height: 20px; font: normal 1em Georgia, "Times New Roman", Times, serif; color: #17252F; text-align: center; margin-bottom: 20px; } #container #content #web #title_web a, #container #content #print #title_print a { display: block; width: 212px; height: 18px; } #container #content #web a, #container #content #print a { color: #003366; } #container #content #web a:hover, #container #content #print a:hover { color: #4e711d; } #container #content #web .right_border, #container #content #print .right_border { padding-right: 15px; border-right: 1px solid #d5cbb1; width: 212px; } #container #content #web p, #container #content #print p { font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #392D2A; padding-bottom: 10px; } #container #content .box_image a div { border: 8px solid #C4B5AF; margin-bottom: 15px; } #container #content .box_image a:hover div { border: 8px solid #A69085; } #container #content_body { float: left; width: 929px; border-top: 11px solid #A69085; background: #E3DBDA; padding: 20px 20px 5px 20px; } #container #content_body .indent { margin-left: 20px; } #container #content_body h1 { margin-bottom: 20px; } #container #content_body p { color: #1C2D42; font: .8em/1.5em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1.2em; } #container #content_body a { color: #003366; } #container #content_body a:hover { color: #4e711d; } #container #content_body h2 { color: #1C2D42; font: bold .9em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; } #container #content_body ul { font: .8em Verdana, Arial, Helvetica, sans-serif; color: #1C2D42; margin-left: 25px; margin-bottom: 1.5em; } #container #content_body li { line-height: 1.5em; margin-bottom: 8px; } #container #content_body .form_text { font: .8em Verdana, Arial, Helvetica, sans-serif; } #container #content_body .right_column .form_textboxes { padding: 2px; } #container #content_body .left_column { width: 430px; float: left; padding: 10px; } #container #content_body .right_column { width: 430px; float: left; margin-left: 15px; background: #D5C9C8; padding: 10px; } #container #content_body #newsletterform { background: #D8CCCB; padding: 15px; float: right; width: 400px; white-space: nowrap; margin-left: 10px; } #container #content_body td { font: .7em Verdana, Arial, Helvetica, sans-serif; padding: 5px; } #container #content_body td td { font-size: .7em; } #container #content_body td.title { font-weight: bold; } #container #content_body tr td p { font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; } /***** Portfolio items *****/ #content_body .portfolio_item { width: 910px; padding: 10px; margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fffcfc; float: left; } #content_body .portfolio_item .portfolio_tn { height: 110px; float: left; vertical-align: middle; } #content_body .portfolio_item .portfolio_tn img { float: left; padding-right: 20px; } #content_body .portfolio_item .portfolio_lg { float: right; width: 500px; margin-left: 20px; } #content_body .portfolio_item .portfolio_lg img { border: 1px solid #666; } #content_body .portfolio_item .portfolio_lg a { text-decoration: none; border: none;} #content_body .portfolio_item .portfolio_details .portfolio_client { font-size: 0.9em; font-weight: bold; color: #000; padding-bottom: 3px; background-color: #cdc4c3; padding-top: 3px; margin-bottom: 5px; } #content_body .portfolio_item .portfolio_details .portfolio_industry { font-size: 0.8em; padding-bottom: 7px; color: #333; } #content_body .portfolio_item .portfolio_details .portfolio_type, #content_body .portfolio_item .portfolio_details .portfolio_website, #content_body .portfolio_item .portfolio_details .portfolio_cooperation { font-size: 0.8em; padding-bottom: 5px; color: #333; } #content_body .portfolio_item .portfolio_details .portfolio_website a:link, #content_body .portfolio_item .portfolio_details .portfolio_cooperation a:link { color: #600; text-decoration: none; border-bottom: dotted 1px #600; } #content_body .portfolio_item .portfolio_details .portfolio_website a:visited, #content_body .portfolio_item .portfolio_details .portfolio_cooperation a:visited { color: #003; text-decoration: none; border-bottom: dotted 1px #003; } #content_body .portfolio_item .portfolio_details .portfolio_description { padding-bottom: 5px; line-height: 18px; color: #333; font-size: .8em; } #content_body .portfolio_item .portfolio_details .portfolio_description li { color: #333; font-size: 1.2em; } #content_body .portfolio_item .portfolio_details .portfolio_features { padding-bottom: 5px; font-size: 0.8em; color: #333; } #content_body #portfoliotiny { width: 930px; margin-right: 10px; margin-top: 10px; padding-top: 20px; float: left; clear: both; border-top-width: 1px; border-top-style: dashed; border-top-color: #999; } #content_body #portfoliotiny a { border: none; padding: 0px; margin: 0px; } #content_body #portfoliotiny .tinyimgleft { padding-right: 8px; float: left; } #content_body #portfoliotiny .tinyimgright { float: left; } /***** These are all for the footer area *****/ #container #blue_footer_line { background: #1C2D42; font-size: 1px; float: left; height: 4px; width: 969px; border-top: 2px solid #000; border-bottom: 2px solid #000; } #container #footer { float: left; height: 55px; width: 969px; background: #0A0709; } #container #footer #copyright { width: 830px; float: right; font: .6em/2em Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #72584A; padding-top: 10px; padding-right: 10px; } #container #footer #copyright a, #container #footer #lower_nav a { color: #C7B8B6; text-decoration: none; } #container #footer #copyright a:hover, #container #footer #lower_nav a:hover { color: #FFF; } #container #footer #lower_nav { float: right; font: .6em/2em Verdana, Arial, Helvetica, sans-serif; color: #72584A; text-align: right; padding-top: 10px; padding-right: 10px; } #container #footer #BBB { float: left; height: 40px; width: 106px; margin-top: 8px; margin-left: 10px; } #container #footer #BBB a { display: block; background: url(../images/BBB_footer_logo.gif) no-repeat left top; width: 106px; height: 40px; } #footer_shade { margin: 0 auto; height: 20px; width: 969px; } /***** These are all for the search page *****/ #result_report { font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #392D2A; padding-bottom: 20px; } #results { font: .8em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #392D2A; padding-bottom: 10px; } #results .title { font-weight: bold; } #results .description { margin-top: 10px; } #results .url a { color: #036; } #results .url a:hover { color: #4e711d; } #other_pages { font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #392D2A; padding-bottom: 10px; } #printinfo { display: none; }