/* CSS Document */ body {margin:0;padding:0;background:#000000;} #bg_container {background:url(../images/bg.jpg) no-repeat top center #050505;} img {border:none;outline:none;vertical-align:middle;} .clear, .clr {clear:both;} a {outline:none;color:#000;text-decoration:none;} .backtotop {cursor:pointer;} .single_link {padding-bottom:1px;border-bottom:1px dotted #FEFEFA;color:#FEFEFA;text-decoration:none;} .requiredfield {margin-top:-20px;position:absolute;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;color:#900;text-decoration:none;text-align:left;} fieldset {margin:0;padding:0;border:none;} /* ===[ WRAPPER ] === */ div#wrapper {width:960px;margin:0 auto;padding:0;} /* ===[ HEADER STYLES ]=== */ div#header {width:100%;height:110px;margin:0;padding:0;overflow:hidden;} #header #logo a {width:229px;height:55px;margin:26px 0 0 30px;background:url(../images/interdevil_logo.jpg) no-repeat;display:block;float:left;} #header #clients_button a {width:194px;height:35px;margin:0;padding:0;background:url(../images/clients_top_button.jpg) no-repeat top center;float:right;} /*=[ NAVIGATION ]=*/ #header #nav {width:500px;margin:20px 0 0 0;padding:0;float:right;clear:right;} #header #nav.mod {margin:55px 0 0 0;} #header #nav ul {margin:0;padding:0;list-style-type:none;} #header #nav ul li {width:auto;margin:0 20px 0 0;padding:0;float:right;} #header #nav ul li a span {height:20px;border-bottom:1px dotted #000;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;display:block;color:#FEFEFE;text-decoration:none;cursor:pointer;} #header #nav ul li a span .small {margin:7px 0 0 0;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:normal;color:#383838;text-decoration:none;text-align:left;display:block;border:none;cursor:pointer;} /* ROLLOVER and ACTIVE */ #header #nav ul li a:hover span, #header #nav ul li a.active span {color:#FEFEFE;border-bottom:1px dotted #900;text-decoration:none;} #header #nav ul li a:hover span .small, #header #nav ul li a.active span .small {color:#FEFAFE;text-decoration:none;border:none;} /* ===[ PROJECT DISPLAY (MAIN PAGE) ]=== */ div#project_display {width:959px;height:695px;margin:0 0 0 -4px;padding:0;overflow:hidden;position:relative;} #project_display .title {width:790px;height:29px;margin:50px auto 0 auto;padding:0;background:url(../images/title_main.jpg) no-repeat;} #project_display .wrapper {width:100%;height:621px;margin:0;padding:0;background:url(../images/screenshots_bg.jpg) repeat-x bottom;overflow:hidden;} #project_display .wrapper .wrp {width:692px;height:582px;margin:0 auto;background:url(../images/screenshots_genericbg.jpg) no-repeat} #project_display .wrapper h1 {margin-left:15px;margin-right:15px;margin-bottom:0;font-family:Georgia, "Times New Roman", Times, serif;font-size:25px;font-weight:bold;color:#660000;text-align:left;} #project_display .wrapper h1 a {color:#660000;text-decoration:none;} #project_display .wrapper h1 a:hover {color:#900;text-decoration:none;} #project_display .wrapper p {margin-left:15px;margin-right:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#010101;text-align:left;line-height:20px;} #project_display .wrapper .codebox {width:auto;margin:0 0 0 5px;padding:2px 5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FEFAFE;text-align:center;background-color:#660000;float:left;} #project_display .wrapper .first {margin-left:15px;} /* ===[ SUBTOP (ALL SUB PAGES) ]=== */ div#subtop {width:100%;height:100px;margin:0 0 0 -4px;padding:0;} #subtop .sitemap {margin:0;padding:5px 35px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#999999;text-align:left;display:block;} #subtop .sitemap span {color:#FFFFFF;} /*=[ SUBTOP (OUR WORK) ]=*/ #subtop.ourwork {background:url(../images/subtop/subtop_ourwork.jpg) no-repeat bottom left;} #subtop.ourwork .companyinformation {width:550px;margin:4px 0 0 385px;padding:0;position:absolute;} #subtop.ourwork .companyinformation h1 {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;font-size:25px;font-weight:bold;color:#FEFEFA;text-align:right;letter-spacing:1px;} #subtop.ourwork .companyinformation h2 {margin:0 0 5px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#CCCCCC;text-align:right;} #subtop.ourwork .companyinformation h2 a {color:#CCCCCC;text-decoration:none;} #subtop.ourwork ul {margin:0;padding:0;list-style-type:none;} #subtop.ourwork li.redbox {width:auto;margin:0 0 0 5px;padding:2px 5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FFFFFF;text-align:center;display:block;background:#990000;float:right;} /*=[ SUBTOP (SERVICE) ]=*/ #subtop.service {margin-bottom:25px;background:url(../images/subtop/subtop_service.jpg) no-repeat bottom left;} #subtop.service #startproject {width:33%;margin:10px 15px 0 0;padding:0;float:right;} #subtop.service #startproject p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#B20E0E;text-align:right;line-height:16px;} #subtop.service #startproject p a {margin:5px 0 0 0;color:#FEFAFE;font-size:12px;text-align:right;text-decoration:none;display:block;} /*=[ SUBTOP (CONTACT) ]=*/ #subtop.contact {margin-bottom:25px;background:url(../images/subtop/subtop_contact.jpg) no-repeat bottom left;} #subtop.contact #startproject {width:33%;margin:10px 15px 0 0;padding:0;float:right;} #subtop.contact #startproject p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#B20E0E;text-align:right;line-height:16px;} #subtop.contact #startproject p a {margin:5px 0 0 0;color:#FEFAFE;font-size:12px;text-align:right;text-decoration:none;display:block;} /*=[ SUBTOP (ABOUT US) ]=*/ #subtop.aboutus {margin-bottom:25px;background:url(../images/subtop/subtop_aboutus.jpg) no-repeat bottom left;} #subtop.aboutus #startproject {width:33%;margin:10px 15px 0 0;padding:0;float:right;} #subtop.aboutus #startproject p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#B20E0E;text-align:right;line-height:16px;} #subtop.aboutus #startproject p a {margin:5px 0 0 0;color:#FEFAFE;font-size:12px;text-align:right;text-decoration:none;display:block;} /*=[ SUBTOP (READ ON) ]=*/ #subtop.readon {margin-bottom:25px;background:url(../images/subtop/subtop_readon.jpg) no-repeat bottom left;} #subtop.readon #startproject {width:33%;margin:10px 15px 0 0;padding:0;float:right;} #subtop.readon #startproject p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#B20E0E;text-align:right;line-height:16px;} #subtop.readon #startproject p a {margin:5px 0 0 0;color:#FEFAFE;font-size:12px;text-align:right;text-decoration:none;display:block;} /* ===[ DEFINING SERVICES (SERVICES PAGE) ]=== */ div#defined {width:960px;margin:0 0 0 -4px;padding:0;overflow:hidden;display:block;clear:both;} #defined #sidebar {width:265px;height:515px;margin:0;padding:0;background:url(../images/service_defined/sidebar_top.jpg) repeat-x top #F2F2F2;overflow:hidden;float:left;} #defined #sidebar ul {margin:27px 0 0 14px;padding:0;list-style-type:none;z-index:500;position:relative;} #defined #sidebar ul li {width:215px;height:68px;margin:0;padding:0;} #defined #sidebar ul li a {width:215px;height:60px;padding:10px 0 0 0;text-decoration:none;display:block;cursor:pointer;} #defined #sidebar ul li a img {margin:0 10px 0 18px;float:left;} #defined #sidebar ul li a span {margin:0;padding:7px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;color:#0E0E0E;text-align:left;text-decoration:none;display:block;} #defined #sidebar ul li a span:hover {text-decoration:underline;} #defined #sidebar ul li.active {width:251px;height:68px;padding:8px 0 0 0;background:url(../images/service_defined/defined_active.png) no-repeat top left;} #defined #sidebar ul li.active a {width:251px;height:35px;margin:0 0 0 8px;padding:10px 0 8px 0;text-decoration:none;display:block;background:#000000;} #defined #sidebar ul li.active a img {margin:0 10px 0 18px;float:left;} #defined #sidebar ul li.active a span {margin:0;padding:7px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#FEFEFE;text-align:left;text-decoration:none;} #defined #sidebar ul li.active a span:hover {text-decoration:none;} #defined #definearea {width:725px;margin:-4px 0 0 -30px;padding:0;float:left;overflow:hidden;} #defined #definearea .top {width:725px;height:25px;margin:0;padding:0;background:url(../images/service_defined/definearea_bgtop.png) no-repeat bottom;} #defined #definearea .bottom {width:725px;height:20px;margin:0;padding:0;background:url(../images/service_defined/definearea_bgbottom.png) no-repeat top;bottom:0;} #defined #definearea .wrap {width:610px;height:505px;margin:0 0 0 -1px;padding:0 50px 0 65px;background:url(../images/service_defined/definearea_bg.png) repeat-y left;overflow:hidden;} #defined #definearea .wrap h1 {font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;color:#FEFEFE;text-align:left;} #defined #definearea .wrap p {font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#CCC;text-align:left;line-height:20px;} #defined #definearea .wrap p a {color:#FEFEFE;font-weight:bold;} /* ===[ PORTFOLIO SHOWCASE (OUR WORK PAGE) ]=== */ div#portfolioshowcase {width:959px;margin:0 0 0 -4px;padding:0;overflow:hidden;} #portfolioshowcase ul {margin:0 0 0 5px;padding:0;list-style-type:none;overflow:hidden;display:block;} #portfolioshowcase ul li {width:auto;float:left;} #portfolioshowcase ul li a {width:200px;height:130px;margin:0 0 20px 0;padding:23px 12px 20px 23px;background:url(../images/subtop/showcase-bg.png) no-repeat;display:block;float:left;} #portfolioshowcase ul li a:hover {background:url(../images/subtop/showcase-bg_active.png) no-repeat;} #portfolioshowcase ul li a span {width:200px;height:140px;margin:-140px auto 0 auto;position:absolute;z-index:20;background:url(../images/showcase_tumbs/clicktoview.png) no-repeat center;display:none;} #portfolioshowcase ul li a:hover span {display:block;} /* ===[ ABOUT US PAGE ]=== */ div#aboutcompany {width:959px;margin:0 auto;padding:0 0 20px 0;overflow:hidden;} #aboutcompany h1 {margin:10px 0;padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;color:#FEFAFE;font-style:italic;text-align:left;} #aboutcompany p {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#FEFEFE;text-align:left;line-height:25px;} #aboutcompany p a {color:#FEFEFA;text-decoration:none;} #aboutcompany p a:hover {color:#C00;text-decoration:underline;} #aboutcompany #context {width:60%;margin:0 0 0 25px;padding:0;float:left;} #aboutcompany #context h1 {margin:0;padding:0;} #aboutcompany #context h1.mod {padding:20px 0 0 0;} #aboutcompany .rightsidebar {width:255px;margin:0 15px 15px 0;padding:10px;text-align:center;background:url(../images/rightsidebar_bg.png) repeat;overflow:hidden;float:right;clear:right;} #aboutcompany .rightsidebar h1 {margin:10px 0 0 0;padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;color:#FEFAFE;font-style:italic;text-align:left;} #aboutcompany .rightsidebar .darkwrap {width:245px;margin:0 auto;padding:5px;background:#000000;overflow:hidden;} #aboutcompany .rightsidebar p {margin:5px 10px 5px 5px;font-size:12px;} #aboutcompany .rightsidebar ul {margin:0 0 0 30px;padding:0;list-style-type:circle;} #aboutcompany .rightsidebar ul li {padding-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FAFEFA;text-align:left;line-height:25px;} #aboutcompany .rightsidebar ul li.sub {margin-left:25px;} /* ===[ BLOG PAGE ]=== */ div#blog {width:960px;margin:0 0 0 -5px;padding:0 0 20px 0;background:url(../images/main_bg/blog_modded_bg.jpg) no-repeat top #F2F2F2;overflow:hidden;} #blog #cLeft {width:592px;margin:0;padding:0;float:left;} #blog #cRight {width:280px;margin:0 25px 0 0;padding:0;float:right;} #blog #sidebar {width:280px;} #blog #sidebar .top {width:100%;height:35px;margin:0;padding:0;background:url(../images/blog_images/sidebar_bg.png) no-repeat top;} #blog #sidebar .context {width:280px;margin:0;padding:0;background:url(../images/blog_images/sidebar_bgrepeat.png) repeat-y center;overflow:hidden;} #blog #sidebar .context input.searchbox {width:167px;height:33px;margin:0 0 0 35px;padding:10px 20px 0 20px;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:normal;color:#010101;text-align:left;border:none;background:url(../images/blog_images/search_bg.jpg) no-repeat;} #blog #sidebar .context input.searchbutton {width:102px;height:21px;margin:10px 38px 0 0;padding:0;border:none;background:none;float:right;} #blog #sidebar .context .divider {width:100%;height:1px;margin:20px 0;padding:0;background:url(../images/blog_images/sidebar_divider.jpg) no-repeat center;clear:both;} #blog #sidebar .context img.titles {margin-bottom:15px;margin-left:15px;} #blog #sidebar .context ul {margin:0;padding:0;list-style-type:none;} #blog #sidebar .context ul li {width:100%;margin:0 0 5px 35px;padding:0;clear:both;} #blog #sidebar .context ul li .num {width:25px;height:25px;margin-right:10px;background:url(../images/blog_images/category_num_bg.jpg) no-repeat center;float:left;} #blog #sidebar .context ul li .num span {width:18px;margin:3px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FEFAFE;text-align:center;display:block;} #blog #sidebar .context ul li a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FEFEFE;text-align:left;text-decoration:none;} #blog #sidebar .context ul li a:hover {color:#FEFEFE;text-decoration:underline;} #blog #sidebar .bottom {width:100%;height:35px;margin:0;padding:0;background:url(../images/blog_images/sidebar_bg.png) no-repeat bottom;} #blog .articlebox {width:592px;height:237px;margin:-5px 0 20px 20px;padding:10px 15px;background:url(../images/main_bg/mainlog_article-box-bg.jpg) no-repeat center;float:left;} #blog .newest {margin-bottom:40px;} #blog .articlebox img.articlepic {margin:5px 20px 0 0;padding:0;border:3px solid #660000;float:left;} #blog .articlebox h1 {margin:0;padding:10px 0 0 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:bold;color:#000000;text-align:left;} #blog .articlebox h1 a {color:#0A0A0A;text-decoration:none;} #blog .articlebox h1 a:hover {color:#0E0E0E;text-decoration:underline;} #blog .articlebox p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;line-height:20px;} #blog .articlebox p a {width:auto;margin:-10px 0 0 0;padding:0;color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #990000;float:right;} #blog .articlebox .comments {width:43px;height:37px;margin:0 0 0 549px;padding:10px 0 0 0;text-align:center;background:url(../images/frontpg_article/comments_tab.jpg) no-repeat center;position:absolute;} #blog .articlebox .comments a {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#FEFEFE;text-decoration:none;} #blog .articlebox .comments a:hover {color:#FEFEFE;text-decoration:underline;} #blog .articlebox .postedon {width:59%;margin:10px 0 0 0;padding:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;font-style:italic;color:#666666;text-align:right;border-top:1px solid #FFFFFF;text-align:right;float:right;} #blog .articlereader {width:585px;margin:0 0 25px 23px;padding:5px 18px 10px 12px;background:#FFFFFF;border:none;overflow:hidden;} #blog .articlereader img.articlepic {margin:5px 20px 0 0;padding:0;border:3px solid #660000;float:left;} #blog .articlereader h1 {margin:0;padding:10px 0 0 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:bold;color:#000000;text-align:left;} #blog .articlereader h1 a {color:#0A0A0A;text-decoration:none;} #blog .articlereader h1 a:hover {color:#0E0E0E;text-decoration:underline;} #blog .articlereader p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;line-height:20px;} #blog .articlereader p a {width:auto;margin:-10px 0 0 0;padding:0;color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #990000;float:right;} #blog .articlereader .comments {width:43px;height:37px;margin:0 0 0 549px;padding:10px 0 0 0;text-align:center;background:url(../images/blog_images/comments_bgicon.jpg) no-repeat center;position:absolute;} #blog .articlereader .comments a {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#FEFEFE;text-decoration:none;} #blog .articlereader .comments a:hover {color:#FEFEFE;text-decoration:underline;} #blog .articlereader .postedon {width:100%;margin:10px 0 0 0;padding:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;font-style:italic;color:#666666;text-align:right;border-top:1px solid #CCC;text-align:right;float:right;} #blog .commentsbox {width:615px;margin:20px 0 20px 23px;padding:0;overflow:hidden;} #blog .commentsbox .title {width:100%;height:23px;margin:0;padding:0;background:url(../images/blog_images/comment-title_bg.jpg) no-repeat center;} #blog .commentsbox .wrap {width:100%;padding:10px 0 0 0;background:url(../images/blog_images/blog-extras_bg.jpg) repeat-y center;} #blog .commentsbox .wrap .comment {width:584px;margin:0 auto;overflow:hidden;} #blog .commentsbox .wrap .comment .wrap {width:544px;margin:0;padding:0 20px;background:#FAFAFA;text-align:left;overflow:hidden;} #blog .commentsbox .wrap .comment .wrap p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#010101;text-align:left;} #blog .commentsbox .wrap .comment .postedon {width:100%;margin:10px 0 15px 0;padding:5px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;font-style:italic;color:#666666;text-align:right;border-top:1px solid #FEFEFE;text-align:right;float:right;} #blog .commentsbox .bottom {width:100%;height:10px;margin:0;padding:0;background:url(../images/blog_images/extras-bottom_bg.jpg) no-repeat center top;} #blog .yourthoughtsbox {width:615px;margin:0 0 0 23px;padding:0;overflow:hidden;} #blog .yourthoughtsbox .title {width:100%;height:23px;margin:0;padding:0;background:url(../images/blog_images/yourthoughts-title_bg.jpg) no-repeat center;} #blog .yourthoughtsbox .wrap {width:100%;background:url(../images/blog_images/blog-extras_bg.jpg) repeat-y center;} #blog .yourthoughtsbox .wrap form {width:588px;margin:0 auto;padding:0;} #blog .yourthoughtsbox .wrap form textarea {width:568px;height:152px;margin:10px 0 0 0;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FEFEFE;text-align:left;background:url(../images/blog_images/textarea_bg.jpg) no-repeat;border:none;} #blog .yourthoughtsbox .wrap form input {width:568px;height:20px;margin:10px 0 0 0;padding:7px 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FEFEFE;text-align:left;background:url(../images/blog_images/input_bg.jpg) no-repeat;border:none;} #blog .yourthoughtsbox .wrap form input.addcomment {width:138px;height:21px;margin:10px 0 0 0;padding:0;border:none;background:none;float:right;} #blog .yourthoughtsbox .bottom {width:100%;height:10px;margin:0;padding:0;background:url(../images/blog_images/extras-bottom_bg.jpg) no-repeat center top;} /* ===[ CONTACT US PAGE ]=== */ div#contactingus {width:959px;margin:0 auto;padding:0 0 20px 0;overflow:hidden;} #contactingus #form {width:595px;margin:0;padding:0;float:left;overflow:hidden;} #contactingus #form form {margin:-15px 0 0 0;padding:0;} #contactingus #form form label {margin:15px 0 5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#FEFEFE;text-align:left;display:block;} #contactingus #form form label.mod {margin-left:20px;} #contactingus #form form input.text {width:255px;height:27px;margin:0;padding:8px 10px 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#FFC;background:url(../images/inputs/text-input.png) no-repeat;border:none;outline:none;} #contactingus #form form select {width:274px;height:35px;margin:0;padding:7px 10px 10px 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#000;text-align:left;color:#FFC;background:url(../images/inputs/select_center.jpg) no-repeat #000000;border:none;outline:none;} #contactingus #form form select.mod1 {background:url(../images/inputs/select_center2.jpg) no-repeat #000000;} #contactingus #form form textarea {width:565px;height:177px;margin:0 0 0 10px;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;text-align:left;color:#FFC;border:none;background:url(../images/inputs/textarea.png) no-repeat;outline:none;} #contactingus #form form input.button {width:170px;height:51px;margin:25px 0;padding:0;background:url(../images/inputs/button_submit.jpg) no-repeat;border:none;outline:none;cursor:pointer;float:right;clear:both;} #contactingus #form form .left {width:275px;margin-left:10px;float:left;} #contactingus #form form .right {width:275px;float:right;} #contactingus .rightsidebar {width:255px;margin:0 15px 0 0;padding:10px;text-align:center;background:url(../images/rightsidebar_bg.png) repeat;overflow:hidden;float:right;clear:right;} #contactingus .rightsidebar .darkwrap {width:245px;margin:0 auto;padding:5px;background:#000000;overflow:hidden;} #contactingus .rightsidebar #map a {width:235px;height:235px;margin:5px auto 10px auto;padding:0;background:url(../images/map_hover.jpg) no-repeat;display:block;} #contactingus .rightsidebar #map a:hover {background:url(../images/map.jpg) no-repeat;} #contactingus .rightsidebar p {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FEFEFE;text-align:left;margin:0 0 0 5px;padding:0;line-height:20px;} #contactingus .rightsidebar p .tt {font-weight:bold;color:#C00;} #contactingus .rightsidebar p a {color:#FEFEFA;text-decoration:none;} #contactingus .rightsidebar p a:hover {color:#C00;text-decoration:underline;} /* ===[ BOTTOM CONTENT (MAIN PAGE ) ]=== */ div#bottom_content {width:959px;margin:0 0 0 -4px;padding:40px 0 40px 0;background:#F2F2F2;overflow:hidden;display:block;} #bottom_content .divider {width:931px;height:2px;margin:0 auto;padding:10px 0 30px 0;background:url(../images/divider.jpg) no-repeat center;clear:both;display:block;} #bottom_content .two {padding-top:0px;} #bottom_content .three {padding:0 0 20px 0;background-position:top;} #bottom_content .bottomheading {width:100%;margin:0;padding:0 15px 20px 0;cursor:pointer;float:right;} /*=[ SERVICES BAR ]=*/ #bottom_content #servicesbar {width:960px;height:85px;margin:-41px 0 15px -1px;padding:0;background:url(../images/service_servnav_bg.jpg) no-repeat top;overflow:hidden;} #bottom_content #servicesbar ul {width:88%;height:30px;margin:10px auto 0 auto;padding:0;list-style-type:none;} #bottom_content #servicesbar ul li {width:auto;margin:0;padding:0 5px;border-right:1px solid #FEFEFE;float:left;} #bottom_content #servicesbar ul li a {padding:10px 0.60em;font-family:Arial, Helvetica, sans-serif;font-size:0.88em;font-weight:bold;color:#0E0E0E;text-align:center;text-decoration:none;display:block;} #bottom_content #servicesbar ul li a:hover {background:#990000;color:#FEFEFE;} #bottom_content #servicesbar ul li.none {padding-right:0;border-right:none;} #bottom_content #processbar {width:960px;height:75px;margin:-20px 0 0 0;padding:0;background:#600000;clear:both;display:block;} #bottom_content #processbar img.title {margin:0 0 0 40px;float:left;} #bottom_content #processbox {width:947px;height:165px;margin:15px auto 25px auto;padding:0;background:url(../images/process_box-bg.jpg) no-repeat;} #bottom_content #processbox .contxt {width:205px;margin:45px 25px 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:0.85em;font-weight:normal;color:#010101;text-align:left;line-height:17px;float:left;} #bottom_content #processbox .contxtnorm {margin:45px 0 0 10px;} /*=[ CLICKABLE HEADINGS ]=*/ .become-a-fan a {width:215px;height:43px;margin-right:20px;background:url(../images/heading_becomefan.png) no-repeat bottom right;display:block;float:right;} .lets-talk-business a {width:286px;height:42px;margin-right:20px;background:url(../images/heading_talk-business.png) no-repeat bottom right;display:block;float:right;} /*=[ BOTTOM CONTENT -> INFO BOXES (MAIN PAGE) ]=*/ #bottom_content .box {width:300px;margin:0;padding:0;overflow:hidden;float:left;} #bottom_content .box .readmore a {width:auto;margin:0;padding:0;float:right;color:#999999;text-align:right;text-decoration:none;} #bottom_content .box .readmore a:hover {color:#990000;text-decoration:none;font-weight:bold;} /*=[ BOTTOM CONTENT -> INFO BOXES -> BUSINESS ]=*/ #bottom_content .business {margin:0 0 0 15px;padding:97px 0 20px 0;background:url(../images/mainbox_1.gif) no-repeat center top;cursor:pointer;overflow:hidden;} #bottom_content .business p {margin:0;padding:10px 15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#999999;text-align:left;line-height:21px;} #bottom_content .business:hover {background:url(../images/mainbox_1_hover.gif) no-repeat center top;} #bottom_content .business:hover p {color:#000;} /*=[ BOTTOM CONTENT -> INFO BOXES -> SERVICES ]=*/ #bottom_content .services {margin:0 0 0 15px;padding:97px 0 20px 0;background:url(../images/mainbox_2.gif) no-repeat center top;cursor:pointer;overflow:hidden;} #bottom_content .services p {margin:0;padding:10px 15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#999999;text-align:left;line-height:21px;} #bottom_content .services:hover {background:url(../images/mainbox_2_hover.gif) no-repeat center top;} #bottom_content .services:hover p {color:#000;} /*=[ BOTTOM CONTENT -> INFO BOXES -> COMPANY ]=*/ #bottom_content .company {margin:0 0 0 15px;padding:97px 0 20px 0;background:url(../images/mainbox_3.gif) no-repeat center top;cursor:pointer;overflow:hidden;} #bottom_content .company p {margin:0;padding:10px 15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#999999;text-align:left;line-height:21px;} #bottom_content .company:hover {background:url(../images/mainbox_3_hover.gif) no-repeat center top;} #bottom_content .company:hover p {color:#000;} /*=[ BOTTOM CONTENT -> ARTICLE BOX ]*/ #bottom_content #articlebox {width:592px;height:237px;margin:0 0 0 25px;padding:28px 15px 0 8px;background:url(../images/main_bg/fontpg_article-box-bg.png) no-repeat center;float:left;} #bottom_content #articlebox img.articlepic {margin:5px 20px 0 0;padding:0;border:3px solid #660000;float:left;} #bottom_content #articlebox h1 {margin:0;padding:10px 0 0 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:bold;color:#000000;text-align:left;} #bottom_content #articlebox h1 a {color:#0A0A0A;text-decoration:none;} #bottom_content #articlebox h1 a:hover {color:#0E0E0E;text-decoration:underline;} #bottom_content #articlebox p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;line-height:20px;} #bottom_content #articlebox p a {width:auto;margin:-10px 0 0 0;padding:0;color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #990000;float:right;} #bottom_content #articlebox .comments {width:43px;height:37px;margin:0 0 0 549px;padding:10px 0 0 0;text-align:center;background:url(../images/frontpg_article/comments_tab.jpg) no-repeat center;position:absolute;} #bottom_content #articlebox .comments a {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#FEFEFE;text-decoration:none;} #bottom_content #articlebox .comments a:hover {color:#FEFEFE;text-decoration:underline;} #bottom_content #articlebox .postedon {width:59%;margin:10px 0 0 0;padding:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;font-style:italic;color:#666666;text-align:right;border-top:1px solid #FFFFFF;text-align:right;float:right;} /*=[ BOTTOM CONTENT -> CONTACT FORM BOX ]=*/ #bottom_content #contactformbox {width:585px;height:245px;margin:0 0 0 15px;padding:20px 10px 0 10px;background:url(../images/main_bg/contact_form_box-bg.png) no-repeat top;float:left;} #bottom_content #contactformbox .left {width:250px;margin:0;padding:0;float:left;} #bottom_content #contactformbox .right {width:287px;margin:0;padding:0;float:right;} #bottom_content #contactformbox label {margin:15px 0 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#FEFEFE;text-align:left;display:block;} #bottom_content #contactformbox input {width:230px;height:22px;margin:4px 0 0 0;padding:8px 10px 0 10px;border:none;background:url(../images/main_bg/input_text-bg.jpg) no-repeat center;} #bottom_content #contactformbox textarea {width:267px;height:153px;margin:4px 0 0 0;padding:8px 10px 0 10px;border:none;background:url(../images/main_bg/textarea-bg.jpg) no-repeat center;} #bottom_content #contactformbox input.button {width:69px;height:25px;margin:10px 0 0 40px;outline:none;cursor:pointer;float:right;} #bottom_content #contactformbox select {width:250px;height:25px;margin:10px 0 0 0px;padding-top:3px;font-weight:bold;outline:none;float:left;} #bottom_content #contactformbox .send {background:url(../images/main_bg/send_button-bg.jpg) no-repeat;} #bottom_content #contactformbox .clear {background:url(../images/main_bg/clear_button-bg.jpg) no-repeat;} /*=[ BOTTOM CONTENT -> CONTACT BOX ]=*/ #bottom_content #contactbox {width:195px;height:237px;margin:0 15px 0 0;padding:28px 0 0 83px;background:url(../images/main_bg/contact_box-bg.png) no-repeat center;float:right;} #bottom_content #contactbox p {margin:0;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#CCCCCC;text-align:left;line-height:20px;} #bottom_content #contactbox p span {font-weight:bold;color:#FAFAFA;} #bottom_content #contactbox p a {color:#CCCCCC;text-decoration:none;} #bottom_content #contactbox p a:hover {color:#C00;text-decoration:none;} /*=[ BOTTOM CONTENT -> BUTTONS ]=*/ #bottom_content #buttons {width:90%;margin:0 auto;padding:0 0 50px 0;overflow:hidden;} #bottom_content #buttons a.digg {width:46px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_digg.gif) no-repeat center;float:left;} #bottom_content #buttons a.bookmark {width:44px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_bookmark.gif) no-repeat center;float:left;} #bottom_content #buttons a.facebook {width:48px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_facebook.gif) no-repeat center;float:left;} #bottom_content #buttons a.rss {width:48px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_rss.gif) no-repeat center;float:left;} #bottom_content #buttons a.netvibes {width:48px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_netvibes.gif) no-repeat center;float:left;} #bottom_content #buttons a.stumble {width:46px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_stumb.gif) no-repeat center;float:left;} #bottom_content #buttons a.technorati {width:48px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_tech.gif) no-repeat center;float:left;} #bottom_content #buttons a.twitter {width:48px;height:47px;margin:0 36px;display:block;background:url(../images/icons/icon_tweet.gif) no-repeat center;float:left;} /* ===[ FOOTER STYLES ]=== */ div#footer {width:100%;height:145px;margin:-43px 0 0 0;padding:0;background:url(../images/footer_bg.png) no-repeat bottom;position:absolute;overflow:hidden;} #footer .wrap {width:960px;margin:0 auto;padding:0;} #footer .wrap #totop a {width:185px;height:36px;margin:7px 6px 0 0;padding:0;background:url(../images/footer_totop.jpg) no-repeat top;display:block;float:right;} #footer .wrap p {width:45%;margin:100px 0 0 22px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#666666;text-align:left;line-height:18px;float:left;} #footer .wrap #footnav {width:50%;margin:50px 20px 0 0;padding:0;float:right;clear:right;} #footer .wrap #footnav ul {margin:0;padding:0;list-style-type:none;} #footer .wrap #footnav ul li {width:auto;height:15px;margin:0;padding:0 5px;border-right:1px solid #666;float:right;} #footer .wrap #footnav ul li.none {border:none;} #footer .wrap #footnav ul li a {height:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#CCCCCC;text-decoration:none;border:none;border-bottom:1px dotted #000;display:block;} #footer .wrap #footnav ul li a:hover, #footer .wrap #footnav ul li a.active {color:#FEFEFE;border-bottom:1px dotted #900;}