<<<<<<< .mine @charset "utf-8"; /* CSS Document for GravityJack */ /* ****************************************************************************************************** Title: main.css Browser(s): All Author: Harper Marketing & Co. (http://harpermarketingco.com) Created: 10.25.2009 ****************************************************************************************************** */ /*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/ * { margin: 0 auto 0 auto; /* GLOBAL RESET */ padding: 0; } body{ margin:0; font-size: 62.5%; font-family: Arial, Sans-Serif; /*change font*/ line-height: 150%; color:#4b4d4a; /*change font color*/ background: #fff; /*background color*/ position:relative; } div, p, ul, img{ padding:0px; margin:0px; border:none; } ul{ list-style-type:none; } .spacer{ clear:both; font-size:0px; line-height:0px; } a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#b20000; padding:0; margin:0; } a img { border:none;} /* Remove IE's blue borders */ /*txt a:hover()*/ h1 {font-size: 2.4em;} h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#227ab0;} h4 {font-size: 1.6em;} h5 {font-size: 1.8em;} h6 {font-size: 1.2em;} .hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; } .left{ float:left;} .left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;} .left_margin_right_top{ float:left; margin:4px 10px 0 0;} .right{ float:right;} .right_margin_top{ float:right; margin:0;} .right_margin_right{ float:right; margin:0 20px 0 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/ /*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/ p {font-size: 1.2em; padding:0; line-height:1.4em;} .gray {color: #666; font-size:1em; font-style:normal;} .fat{font-weight:bold;} .small {font-size: 1.1em; padding:0; line-height:1.4em;} .big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;} .white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;} .title{ font-size:1.1em; font-style:italic; color:#227ab0;} .stroke { border:1px solid #fff;} /*------------------------------CONTENT--------------------------------*/ #top_content{ background:#dddddd url(images/bg_top.jpg) top center repeat-x; height:100px;} #nav_content{ background:#e4e4e3; height:52px;} #header{ background:#268abe url(images/bg_header2.jpg) top center repeat-x; height:418px;} #header p{ color:#fff;} #main_content{background:#fff url(images/bg_cont.jpg) top center repeat-x; padding:0 0 0px 0; overflow: hidden;} #main_content_index{width: 100%; margin: 0 auto; background: url(images/bg_tabs.png) center 12.5% no-repeat;} #main_content p{ color:#4b4d4a; } #footer{ background:#4b4d4a url(images/bg_footer.jpg) top center repeat-x; height:400px; } #footer h2 { margin-bottom: -15px; } #footer .center { position: relative; } #footer_nav{ background:#dcdcda url(images/bg_footer_nav.jpg) top center repeat-x; height:32px; padding:15px 0 0 0; } #footer_nav .center a.footer_logo{ float: left; display:block; width:84px; height:16px; background: transparent url(images/logo_footer.png) no-repeat; text-indent:-9999px; overflow:hidden;} #footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; } #footer_nav .center ul { float:right;} #footer_nav .center ul li{ float:left; margin:0 20px 0 0; } #footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;} #footer_nav .center ul li a:hover { color:#505457;} #footer_nav .center ul li a:active { color:#505457;} .center{ width:960px; height:100%; margin:0 auto; padding:0;} .center1{width:960px; height:100%; margin:0 auto; padding:0;} #top_light1{ background:transparent url(images/bg_top_overlay.png) top center no-repeat; padding-top: 8px; } /*#top_light2{ background:transparent url(images/bg_nav_overlay.png) top center no-repeat; }*/ #top_light3{ background:transparent url(images/bg_header_overlay2.jpg) top center no-repeat; } #top_light4{ background:transparent url(images/bg_cont_overlay.png) top center no-repeat; } #top_light5{ background:transparent url(images/bg_footer_overlay.png) top center no-repeat; } h1 a { float:left; margin:10px 0 5px 0; display:block; width:745px; height:67px; background: transparent url(images/logo-num.png) no-repeat; text-indent:-9999px; overflow:hidden; } .phoneNum a { display: block; margin:10px 0 5px 0; display:block; width:745px; height:67px; background: transparent url(images/logo-nummber.png) no-repeat; text-indent:-9999px; overflow:hidden;} .first h1 a { background: none; } .left_column { width:469px; float:left; padding:55px 0 40px 0;} .right_column { width:470px; float:left; padding:50px 0 0 0;} .right_column .description{ float:left; width:100%;} .tagline{ width:436px; height:97px; text-indent:-9999px; margin: 0 0 20px 0px;} .getquote {float:left; margin:42px 0 0 -4px; display:block; width:160px; height:37px; background: transparent url(images/request_quote_orig.png) no-repeat; text-indent:-9999px; overflow:hidden;} .getquote:hover {background-position: 0px -37px;} .getquote:active {background-position: 0px -74px;} .portfolio {float:left; margin:42px 0 0 10px; display:block; width:160px; height:37px; background: transparent url(images/request_portfolio_orig.png) no-repeat; text-indent:-9999px; overflow:hidden;} .portfolio:hover {background-position: 0px -37px;} .portfolio:active {background-position: 0px -74px;} .featured { width:407px; height:237px; padding:17px 0 0 13px; background:transparent url(images/bg_image.png) no-repeat;} ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;} ul.listing li{ list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;} .center_boxAR ul.listing li{ color:#FFF; list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;} .signup { float:right; width:174px; height:31px; display:block; margin:11px 0 0 0; background:transparent url(images/button_signup_new.png) no-repeat; text-indent:-9999px; overflow:hidden;} .signup:hover {background-position: 0px -31px;} .signup:active {background-position: 0px -62px;} .login {float:right; margin:15px 10px 0 0;} /* testimonials */ #testimonials {margin:0 auto 40px auto; width:958px; background:#f2f2f2; border:1px solid #e0e0df;} #testimonials_inner {margin:10px; padding:20px; width:898px; background:#f8f7f7; border:1px solid #ececec;} #testimonials_inner p.intro{ color:#b20000; font-weight:bold; font-size:1.4em; } #testimonials_inner h4{ padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.6em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em;} #testimonials_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #testimonials_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #testimonials_inner p.sig{ float:right; padding:0 20px 0 0;} #testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;} #testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;} #testimonials div.text, .center_right #sfstest-page .text { padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.2em; color:#666; font-weight:normal; font-style:italic; line-height:1.3em; margin: -10px 0; } #testimonials div.client, .center_right #sfstest-page .client { text-align: left; float: none; font-size: 1.4em; margin-bottom: 15px; } .center_right #sfstest-page div.grayline { clear: both; border: none; border-bottom: 1px solid #999; background: none; height: 1px; padding: 0; } #top_light5 li { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0; list-style:none; } .column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;} #top_light5 ul li{ margin:0 0 10px 0;} #top_light5 ul{ padding-top:30px;} #top_light5 ul a{ padding-top:10px;} #top_light5 a { margin:5px 0 10px 0; color:#fafafa; font-size:1.2em;} #top_light5 a:hover { margin:5px 0 10px 0; color:#b20000; font-size:1.2em; } .column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(images/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;} .column p {font-size:1.1em;} .column p.lead {font-size:1.1em; margin:0 0 20px 0;} .column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;} .column_odd p {font-size:1.1em;} .column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;} .column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;} .column_odd #tweeter a.from { font-weight:bold;} .column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;} .column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#b20000; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic; } .column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;} #top_light5 .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;} #top_light5 .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;} .column .recent_comment { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em; } .column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;} .column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#b20000;} /*changing*/ #top_light5 h2{ font-size:1.4em; font-weight:bold; word-spacing:2px; text-transform:uppercase; padding-bottom:10px;} #top_light5 h2{ background:transparent url(images/hrl.png) repeat-x bottom left; } #searchform { float: right; } #searchform fieldset { width: 150px; height: 27px; background: transparent url(images/bg_search.png) no-repeat; } fieldset.search { border: none; width: 150px; } .search input, .search button { border: none; padding-right: 30px; top:60px; } .search input.box { color: #a4a3a3; font-size: 9px; width: 113px; height: 14px; padding-top: 6px; background:none; outline: none; } .search input.box:focus { background: none; outline: none; } .search button.btn { position:absolute; width: 40px; height: 27px; cursor: pointer; text-indent: -9999px; background: url(images/bg_search.png) no-repeat top right; } div.art-button { padding-left:12px; } .search button.btn:hover { background: url(images/bg_search.png) no-repeat bottom right; } /*NAVIGATION*/ .nav { width: 750px; } #nav { padding-top: 12px; float: left; } #nav li { padding-left: 12px; height: 27px; display: block; float: left; margin-right: 6px; } #nav li a { display: block; float: left; font: normal 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #848484; height: 21px; padding-right: 12px; z-index: 10; position: relative; padding-top: 6px; } #nav li:hover, #nav li.current_page_item { background: transparent url(i/button_nav_left.png) no-repeat; } #nav li a:hover, #nav li.current_page_item a { color: #7b3500; background: url(i/button_nav_right.png) right no-repeat; } #nav li:hover, #nav li.current_page_ancestor { background: transparent url(i/button_nav_left.png) no-repeat; } #nav li a:hover, #nav li.current_page_ancestor a { color: #7b3500; background: transparent url(i/button_nav_right.png) right no-repeat; } /* WIDGET STRUCTURE */ #blogSliderWrap { width: 960px; margin: 0 auto; padding: 50px 0 30px 0; position: relative; } #blogSlider { margin: 0 auto; width: 960px; } .stripViewer { position: relative; overflow: hidden; clear: both; } .stripViewer .panelContainer { position: relative; left: 0px; top: 0px; } .stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; } .stripNav { position: relative; top: 0;left: 20px; z-index: 99; } .wrapper { padding: 0px; } .innerWrap { width: 960px; overflow: hidden; } /* MAIN TABBED NAVIGATION */ .stripNav ul li { float: left; } .stripNav li a { /* Generic "CSS image replacement" */ display: block; height: 69px; text-indent: -9999px; } /* The below class names are auto-generated by the JavaScript */ .stripNav li.tab1 a { background: url(images/tab_1.png) top center no-repeat; width: 231px; } .stripNav li.tab2 a { background: url(images/tab_2.png) top center no-repeat; width: 240px; } .stripNav li.tab3 a { background: url(images/tab_3.png) top center no-repeat; width: 240px; } .stripNav li.tab4 a { background: url(images/tab_4.png) top center no-repeat; width: 230px; } .stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { /* Restore focus styling that we removed when we removed outlines */ background-position: top center; } /* It is neccessary to repeat the image paths here */ .stripNav li.tab1 a.current {background: url(images/tab_1.png) bottom center no-repeat; } .stripNav li.tab2 a.current {background: url(images/tab_2.png) bottom center no-repeat; } .stripNav li.tab3 a.current {background: url(images/tab_3.png) bottom center no-repeat; } .stripNav li.tab4 a.current {background: url(images/tab_4.png) bottom center no-repeat; } /*OTHER PAGES*/ .padding{padding:50px 0 0 0px;} .center_box{width:939px; margin:0 auto; padding: 10px 10px 35px 10px; overflow:hidden; background-color: #fff; background: url(images/center_bg.jpg) top center no-repeat;} /**/ .center_left{float: left; width: 180px;} .center_left_top{ width: 158px; padding: 10px 10px 25px 10px; border: 1px solid #eaeaea; background-color: #f0f0f0; text-align: left; overflow: hidden; } .center_left_top h3{width: 124px; height: 25x; background: url(images/call.png) top center no-repeat; text-indent: -9999px;} .center_left_top span{ width: 158px; font-size: 2em; line-height: 2px; color: #b20000; padding: 0 0 20px 0; } #left_nav { width: 297px; padding-top:0px; } #left_nav li {text-align: left; padding: 15px 0 0px 10px; height: 30px; width:297px;} #left_nav li a { font-size: 1.4em; color: #515450; display: block; text-align: left; height: 30px; margin-left: -40px; text-transform: uppercase; padding-top: 15px; position: relative; text-indent: 40px; width: 297px; } #left_nav li a:hover { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current_page_item a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current-cat a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current-cat-parent a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} .center_left ul.listing{float:left; padding: 30px 0px 0px 20px; margin:0;} .center_left ul.listing li{list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;} .center_right{float: left; width: 620px; padding: 20px 50px 0 70px;} .center_right h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;} .center_right .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_right .title{ font-size: 1.8em; line-height: 20px; color: #b20000; font-weight: normal; padding: 25px 0 20px 0; font-style: normal; } .center_right p{font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} /*No Sidebar */ .center_box h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;} .center_box .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_box .title{ font-size: 1.8em; line-height: 20px; color: #b20000; font-weight: normal; padding: 25px 0 20px 0; font-style: normal; } .center_box p {font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_box td {font-size: 1em; line-height: 18px; color: #7d807c; font-weight: normal;} /*Blog*/ .center_left_top h3.blog{width: 158px; margin: 30px 0 -10px 0; background: url(images/the_blog.png) top center no-repeat; text-indent: -9999px;} .center_left .subscribe{font-size: 1.6em; font-weight: bold; padding: 30px 0 0 5px; float: left; width: 100%;} .center_left p{font-size: 1.2em; padding: 20px 0 10px 5px; float: left; width: 100%;} .center_left img{padding: 0 0 0 2px;} .center_left .img_holder{overflow: hidden; padding: 40px 0 5px 0px;} .center_left .img_holder img{float: left; padding: 0; margin: 0 0 10px 0;} .center_left .img_holder img.first{float: left; padding: 0; margin: 0 10px 0 0;} .center_left p.join{font-size: 1em; line-height: 10px; padding: 0px 0 0 30px; margin: 0px; float: left; width: 100%;background: url(images/2dot.png) top left no-repeat} .center_right h2.blog{font-size: 2.8em; line-height: 28px; color: #4b4d4a; font-weight: bold; padding: 0 0 0 0; margin: 0px;} .blog_line{width: 100%; height: 1px; background-color: #d8d8d8; margin: 0 0 20px 0;} .center_right .publish{font-size: 1.1em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px;} .center_right .publish a{ color: #b20000; font-weight: bold; } p.blog_p{padding: 0 0 40px 0;} p.blog_p a{ color: #b20000; font-weight: normal; font-style: italic; } /*Contact*/ .center_left_top h3.office_europe{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0; background: url(images/office_europe.png) top left no-repeat; text-indent: -9999px;} .center_left_top h3.office_asia{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0 0 0 0; background: url(images/office_asia.png) top left no-repeat; text-indent: -9999px;} p.office{text-align: left; width: 100%; padding: 5px 0 0px 0px; margin: 0px 0 10px 0;} .center_right .subtitle2{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 30px 0;} h2.thanks { font-size: 15px; } .required { color: red; font-weight: bold; } #contact div, .leave_comment form div {width: 100%; padding: 5px 0 5px 0;} #contact { border: none; } #contact strong { font-size: 12px; } #contact .post-info.spam { font-size: 11px; color: #666; margin-top: 5px; } #contact .textbox { margin-bottom: -18px; } #contact .textbox, #respond form input {padding: 7px; margin: 5px 0 0px 0; border: 1px solid #e5e3e3; background-color: #f5f5f4; width: 270px; font-size: 1.1em; font-weight: normal; font-style: italic; color:#9a9a9a;} #respond form input { margin-bottom: 15px; } #respond form label small { font-size: 12px; margin-left: 12px; } #contact input.button, #respond form input#send {padding: 0px; margin: 5px 0 15px 0; border: none; background-color: #fff; font-size: 1.1em; font-weight: bold; font-style: normal; color:#1e96a0; text-align: left; cursor: pointer;} #contact input.button { margin-top: 10px; } #contact textarea, #respond form textarea{border: 1px solid #e5e3e3; background-color: #f5f5f4; padding: 7px; width: 430px; height: 130px; font-size: 1.3em; font-weight: normal; font-style: italic; color:#9a9a9a;} #contact textarea { margin-top: 5px; } .find{font-size: 1.4em; font-weight: bold; color: #4b4d4a; padding: 20px 0 10px 0;} .google_holder{width: 100%; overflow: hidden; padding: 10px 0 0 0;} .google_map{width: 444px; float: left; border: 1px solid #e5e3e3;} .google_description{width: 144px; float: left; padding: 15px 0 0 30px;} /*Portofolio*/ .portofolio{position: relative;} .center_left_top h3.categories{width: 158px; line-height: 14px; margin: 30px 0 10px 0; padding: 0; background: url(images/categories.png) top center no-repeat; text-indent: -9999px;} .portofolio_main{width: 100%; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0;} .portofolio_main h3{color: #4b4d4a; font-size: 2.2em; padding: 0 0 5px 0;} .portofolio_main .publish{color: #4b4d4a; font-size: 1.1em; padding: 0 0 10px 0;} .featured2{width:70px; height:70px; padding:17px 0 0 13px;position: absolute; background: url(images/featured.png) top left no-repeat; top: 112px; left: 68px; margin: 0px 0 0 0;} .div_image{float: left; border: 1px solid #cdcbcb; width: auto; padding: 10px; margin-right: 20px; background-color: #ffffff;} .blog_thumb{width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f4f4f4;} .blog_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;} .blog_thumb h2{width: 455px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;} /* blog post style */ .blog_post p { margin-bottom: 20px; } .blog_post h1 { font-size: 30px; } .blog_post h3 { font-size: 24px; font-weight: bold; color: #333; padding: 0; margin: 0;} .blog_post h4 { font-size: 19px; } .blog_post h5 { font-size: 16px; } .blog_post h1, .blog_post h3,.blog_post h4, .blog_post h5 { margin-bottom: 10px; } .blog_post ol li, .blog_post ul li { font-size: 12px; line-height: 1.5; } .blog_post ol, .blog_post ul { margin: 0 0 20px 25px; } .blog_post ul li { list-style-type: disc; } .blog_post table { width: 100%; font-size: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-collapse: collapse; } .blog_post table th { text-align: left; padding: 5px;border: 1px solid #ccc; background: #f1f1f1; } .blog_post table td { padding: 5px; border: 1px solid #ccc; font-size: 11px; } .blog_post table tr.even { background: #f1f1f1; } h2.comments, #respond h3 { border-top: 1px solid #cdcbcb; border-bottom: none; padding: 10px 0; font-size: 25px; font-weight: bold; } #respond h3 { border-top: none; border-bottom: 1px solid #cdcbcb; margin-bottom: 10px; color: #4b4d4a; padding-top: 0; margin-top: -3px; } .blog_post .entry { margin-top: -15px; } .blog_p { margin-bottom: 30px; } h2.blog a { color: #4b4d4a; } /* CSS for WP-Testimonials */ #sfstest-form label { float: left; width: 200px; font-weight: bold; } #sfstest-form input { width: 250px; margin-bottom: 5px; border: 1px solid #ccc; } #sfstest-form br { clear: left; } #sfstest-sidebar .text { text-align: justify; padding: 2px; } #sfstest-sidebar .client { font-style: italic; text-align: right; margin-top: 5px; } #sfstest-sidebar .readmore { text-align: center; margin-top: 5px; } #sfstest-sidebar .clearboth { clear: both; } #sfstest-page .text { text-align: justify; padding: 2px; } #sfstest-page .client { font-style: italic; text-align: right; margin-top: 5px; } #sfstest-page .grayline { height: 2px; width: 100%; background: #999; border-top: 1px solid #fff; overflow: hidden; margin-top: 5px; margin-bottom: 5px; } # ul.paging { list-style: none; padding: 0; font-weight: bold; } # ul.paging li { float: left; margin: 0 6px 6px 0; } # ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; } # ul.paging li.active { background-color: #000; border-color: #000; color: #fff; } /* twitter widget */ .widget_twitter { position: relative; } .widget_twitter h2 { font-size:1.2em!important; } .follow-us { position: absolute; top: 205px; right: 120px; display: block; font-size: 11px!important; text-decoration: underline; } #top_light5 li.twitter-item { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;} #top_light5 li.twitter-item a { font-size: inherit; color: #b20000; } #respond p { font-size: 12px; margin-bottom: 15px; } /* recent posts widget */ .tddrecentposts li { padding: 0!important;} .tddrecentposts li dl { position: relative; } .tddrecentposts li dl dt { margin-top: -14px; } .tddrecentposts li dl dt a { font-size: 12px; font-weight: bold; padding-left: 80px; display: block; margin-top: -20px; } .tddrecentposts li dl dd { font-size: 11px; margin-bottom: 8px; } .tddrecentposts li dl dd.sidebardate { display: block; background: url(i/recentposts-date.gif) no-repeat; width: 72px; height: 15px; text-align: center; margin: 4px 0; padding-top: 1px; margin-top: -16px; margin-bottom: 6px; position: absolute; left: 0; top: 26px; } /* receont comments widget */ #footer #get_recent_comments_wrap ul li { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px!important; margin:0 0 20px 0; font-size:1.2em; } #footer #get_recent_comments_wrap ul li a { font-weight: bold; font-size: 12px; } #footer #get_recent_comments_wrap ul li p { font-size: 11px; color: #fff; margin: 4px 0 0 0; width: 185px; } /* max banner ads */ .widget_maxbannerads div { margin-right: -5px!important; position: relative!important; } .widget_maxbannerads h2 { margin-bottom: 6px!important; } .widget_maxbannerads a { border: 6px solid #e4e4e3; padding: 1px; margin:0; background: #fff; display: block; float: left; margin: 0 0 7px 7px!important; width:88px; height:68px; } .widget_maxbannerads span, .widget_maxbannerads span a { clear:both; display:none; } /************************************************ * Comments * ************************************************/ .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; } .commentlist li .avatar { background: #FFF; float: right; border: 1px solid #EEE; margin: 0 5px 10px; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } .commentlist p { font-weight: normal; text-transform: none; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; } #commentform { margin: 5px 10px 0px 0px; } #commentform textarea { width: 98%; padding: 2px;} #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 0px; float: left; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .nocomments { text-align: center; margin: 0px; padding: 0px; } .commentmetadata { font-size: 10px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { background: #FFF; margin: 0px; padding: 0px; } .thread-even { background: #EEE; margin: 0; padding: 0; } .depth-1 { border: 1px dotted #BBB; margin: 0; padding: 0; } .even, .alt { border: 1px dotted #BBBBBB; border-right: none; margin: 0; padding: 0; } /* Universal Buttons */ a.button { background: transparent url(images/unibuttonright.png) no-repeat scroll top right; color: #FFF; display: block; float: left; font: bold 1.3em arial, sans-serif; height: 45px; margin-right: 6px; padding-right: 11px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url(images/unibuttonleft.png) no-repeat top; display: block; line-height: 26px; padding: 5px 8px 5px 18px; } a.button:active { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 8px 4px 18px; /* push text down 1px */ } ======= @charset "utf-8"; /* CSS Document for GravityJack */ /* ****************************************************************************************************** Title: main.css Browser(s): All Author: Harper Marketing & Co. (http://harpermarketingco.com) Created: 10.25.2009 ****************************************************************************************************** */ /*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/ * { margin: 0 auto 0 auto; /* GLOBAL RESET */ padding: 0; } body{ margin:0; font-size: 62.5%; font-family: Arial, Sans-Serif; /*change font*/ line-height: 150%; color:#4b4d4a; /*change font color*/ background: #fff; /*background color*/ position:relative; } div, p, ul, img{ padding:0px; margin:0px; border:none; } ul{ list-style-type:none; } .spacer{ clear:both; font-size:0px; line-height:0px; } a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#b20000; padding:0; margin:0; } a img { border:none;} /* Remove IE's blue borders */ /*txt a:hover()*/ h1 {font-size: 2.4em;} h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#227ab0;} .ar-body h3 {font-size: 2.4em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#FFF;} h4 {font-size: 1.6em;} h5 {font-size: 1.8em;} h6 {font-size: 1.2em;} .hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; } .left{ float:left;} .left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;} .left_margin_right_top{ float:left; margin:4px 10px 0 0;} .right{ float:right;} .right_margin_top{ float:right; margin:0;} .right_margin_right{ float:right; margin:0 20px 0 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/ /*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/ p {font-size: 1.2em; padding:0; line-height:1.4em;} .gray {color: #666; font-size:1em; font-style:normal;} .fat{font-weight:bold;} .small {font-size: 1.1em; padding:0; line-height:1.4em;} .big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;} .white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;} .title{ font-size:1.1em; font-style:italic; color:#227ab0;} .stroke { border:1px solid #fff;} /*------------------------------CONTENT--------------------------------*/ #top_content{ background:#dddddd url(images/bg_top.jpg) top center repeat-x; height:100px;} #nav_content{ background:#e4e4e3; height:52px;} #header{ background:#268abe url(images/bg_header2.jpg) top center repeat-x; height:418px;} #header p{ color:#fff;} #main_content{background:#fff url(images/bg_cont.jpg) top center repeat-x; padding:0 0 0px 0; overflow: hidden;} #main_content_index{width: 100%; margin: 0 auto; background: url(images/bg_tabs.png) center 12.5% no-repeat;} #main_content p{ color:#4b4d4a; } #main_content .ar-body p{ color:#FFF; font-size: 2em; line-height: 1.2em; } #footer{ background:#4b4d4a url(images/bg_footer.jpg) top center repeat-x; height:400px; } #footer h2 { margin-bottom: -15px; } #footer .center { position: relative; } #footer_nav{ background:#dcdcda url(images/bg_footer_nav.jpg) top center repeat-x; height:32px; padding:15px 0 0 0; } #footer_nav .center a.footer_logo{ float: left; display:block; width:84px; height:16px; background: transparent url(images/logo_footer.png) no-repeat; text-indent:-9999px; overflow:hidden;} #footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; } #footer_nav .center ul { float:right;} #footer_nav .center ul li{ float:left; margin:0 20px 0 0; } #footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;} #footer_nav .center ul li a:hover { color:#505457;} #footer_nav .center ul li a:active { color:#505457;} .center{ width:960px; height:100%; margin:0 auto; padding:0;} .center1{width:960px; height:100%; margin:0 auto; padding:0;} #top_light1{ background:transparent url(images/bg_top_overlay.png) top center no-repeat; padding-top: 8px; } #top_light2{ background:transparent url(images/bg_nav_overlay.png) top center no-repeat; } #top_light3{ background:transparent url(images/bg_header_overlay2.jpg) top center no-repeat; } #top_light4{ background:transparent url(images/bg_cont_overlay.png) top center no-repeat; } #top_light5{ background:transparent url(images/bg_footer_overlay.png) top center no-repeat; } h1 a { float:left; margin:10px 0 5px 0; display:block; width:745px; height:67px; background: transparent url(images/logo-num.png) no-repeat; text-indent:-9999px; overflow:hidden; } .phoneNum a { display: block; margin:10px 0 5px 0; display:block; width:745px; height:67px; background: transparent url(images/logo-nummber.png) no-repeat; text-indent:-9999px; overflow:hidden;} .first h1 a { background: none; } .left_column { width:469px; float:left; padding:55px 0 40px 0;} .right_column { width:470px; float:left; padding:50px 0 0 0;} .slide-details .description{ float:left; width:100%;} .right_column .description{ float:left; width:100%;} .tagline{ width:436px; height:97px; text-indent:-9999px; margin: 0 0 20px 0px;} .getquote {float:left; margin:42px 0 0 -4px; display:block; width:160px; height:37px; background: transparent url(images/request_quote_orig.png) no-repeat; text-indent:-9999px; overflow:hidden;} .getquote:hover {background-position: 0px -37px;} .getquote:active {background-position: 0px -74px;} .portfolio {float:left; margin:42px 0 0 10px; display:block; width:160px; height:37px; background: transparent url(images/request_portfolio_orig.png) no-repeat; text-indent:-9999px; overflow:hidden;} .portfolio:hover {background-position: 0px -37px;} .portfolio:active {background-position: 0px -74px;} .featured { width:407px; height:237px; padding:17px 0 0 13px; background:transparent url(images/bg_image.png) no-repeat;} ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;} ul.listing li{ list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;} .signup { float:right; width:174px; height:31px; display:block; margin:11px 0 0 0; background:transparent url(images/button_signup_new.png) no-repeat; text-indent:-9999px; overflow:hidden;} .signup:hover {background-position: 0px -31px;} .signup:active {background-position: 0px -62px;} .login {float:right; margin:15px 10px 0 0;} /* testimonials */ #testimonials {margin:0 auto 40px auto; width:958px; background:#f2f2f2; border:1px solid #e0e0df;} #testimonials_inner {margin:10px; padding:20px; width:898px; background:#f8f7f7; border:1px solid #ececec;} #testimonials_inner p.intro{ color:#b20000; font-weight:bold; font-size:1.4em; } #testimonials_inner h4{ padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.6em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em;} #testimonials_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #testimonials_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #testimonials_inner p.sig{ float:right; padding:0 20px 0 0;} #testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;} #testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;} #testimonials div.text, .center_right #sfstest-page .text { padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.2em; color:#666; font-weight:normal; font-style:italic; line-height:1.3em; margin: -10px 0; } #testimonials div.client, .center_right #sfstest-page .client { text-align: left; float: none; font-size: 1.4em; margin-bottom: 15px; } .center_right #sfstest-page div.grayline { clear: both; border: none; border-bottom: 1px solid #999; background: none; height: 1px; padding: 0; } #top_light5 li { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0; list-style:none; } .column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;} #top_light5 ul li{ margin:0 0 10px 0;} #top_light5 ul{ padding-top:30px;} #top_light5 ul a{ padding-top:10px;} #top_light5 a { margin:5px 0 10px 0; color:#fafafa; font-size:1.2em;} #top_light5 a:hover { margin:5px 0 10px 0; color:#b20000; font-size:1.2em; } .column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(images/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;} .column p {font-size:1.1em;} .column p.lead {font-size:1.1em; margin:0 0 20px 0;} .column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;} .column_odd p {font-size:1.1em;} .column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;} .column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;} .column_odd #tweeter a.from { font-weight:bold;} .column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;} .column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#b20000; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic; } .column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;} #top_light5 .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;} #top_light5 .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;} .column .recent_comment { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em; } .column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;} .column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#b20000;} /*changing*/ #top_light5 h2{ font-size:1.4em; font-weight:bold; word-spacing:2px; text-transform:uppercase; padding-bottom:10px;} #top_light5 h2{ background:transparent url(images/hrl.png) repeat-x bottom left; } /*changing end*/ #searchform { float: right; margin: 52px 1px 0px 0; } #searchform fieldset { outline: none; background: transparent url(images/bg_search.png) no-repeat; } fieldset.search { outline: none; border: none; width: 146px; } .search input, .search button { outline: none; border: none; float: left; } .search input.box { color: #a4a3a3; font-size: 1.2em; width: 109px; height: 17px; padding: 5px; vertical-align:middle; margin: 0; background:none; outline: none; border: none;} .search input.box:focus { background: none; outline: none; border: none;} .search button.btn { width: 27px; height: 27px; cursor: pointer; text-indent: -9999px; background: url(images/bg_search.png) no-repeat top right; } .search button.btn:hover { background: url(images/bg_search.png) no-repeat bottom right; } /*NAVIGATION*/ .nav { width: 750px; } #nav { padding-top: 12px; float: left; } #nav li { padding-left: 5px; height: 27px; display: block; float: left; margin-right: 6px; } #nav li a { display: block; float: left; font: normal 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #848484; height: 21px; padding-right: 5px; z-index: 10; position: relative; padding-top: 6px; } #nav li:hover, #nav li.current_page_item { background: transparent url(i/button_nav_left.png) no-repeat; } #nav li a:hover, #nav li.current_page_item a { color: #7b3500; background: url(i/button_nav_right.png) right no-repeat; } #nav li:hover, #nav li.current_page_ancestor { background: transparent url(i/button_nav_left.png) no-repeat; } #nav li a:hover, #nav li.current_page_ancestor a { color: #7b3500; background: transparent url(i/button_nav_right.png) right no-repeat; } /* WIDGET STRUCTURE */ #blogSliderWrap { width: 960px; margin: 0 auto; padding: 50px 0 30px 0; position: relative; } #blogSlider { margin: 0 auto; width: 960px; } .stripViewer { position: relative; overflow: hidden; clear: both; } .stripViewer .panelContainer { position: relative; left: 0px; top: 0px; } .stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; } .stripNav { position: relative; top: 0;left: 20px; z-index: 99; } .wrapper { padding: 10px; } .innerWrap { width: 960px; overflow: hidden; } /* MAIN TABBED NAVIGATION */ .stripNav ul li { float: left; } .stripNav li a { /* Generic "CSS image replacement" */ display: block; height: 69px; text-indent: -9999px; } /* The below class names are auto-generated by the JavaScript */ .stripNav li.tab1 a { background: url(images/tab_1.png) top center no-repeat; width: 231px; } .stripNav li.tab2 a { background: url(images/tab_2.png) top center no-repeat; width: 240px; } .stripNav li.tab3 a { background: url(images/tab_3.png) top center no-repeat; width: 240px; } .stripNav li.tab4 a { background: url(images/tab_4.png) top center no-repeat; width: 230px; } .stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { /* Restore focus styling that we removed when we removed outlines */ background-position: top center; } /* It is neccessary to repeat the image paths here */ .stripNav li.tab1 a.current {background: url(images/tab_1.png) bottom center no-repeat; } .stripNav li.tab2 a.current {background: url(images/tab_2.png) bottom center no-repeat; } .stripNav li.tab3 a.current {background: url(images/tab_3.png) bottom center no-repeat; } .stripNav li.tab4 a.current {background: url(images/tab_4.png) bottom center no-repeat; } /*OTHER PAGES*/ .padding{padding:50px 0 0 0px;} .center_box{width:939px; margin:0 auto; padding: 10px 10px 35px 10px; overflow:hidden; background-color: #fff; background: url(images/center_bg.jpg) top center no-repeat;} .center_boxAR{margin:0 auto; padding: 10px 10px 35px 10px; overflow:hidden; background-color: #fff; background: url(images/arback.jpg) top center repeat-y;} /**/ .center_left{float: left; width: 180px;} .center_left_top{ width: 158px; padding: 10px 10px 25px 10px; border: 1px solid #eaeaea; background-color: #f0f0f0; text-align: left; overflow: hidden; } .center_left_top h3{width: 124px; height: 25x; background: url(images/call.png) top center no-repeat; text-indent: -9999px;} .center_left_top span{ width: 158px; font-size: 2em; line-height: 2px; color: #b20000; padding: 0 0 20px 0; } #left_nav { width: 297px; padding-top:0px; } #left_nav li {text-align: left; padding: 15px 0 0px 10px; height: 30px; width:297px;} #left_nav li a { font-size: 1.4em; color: #515450; display: block; text-align: left; height: 30px; margin-left: -40px; text-transform: uppercase; padding-top: 15px; position: relative; text-indent: 40px; width: 297px; } #left_nav li a:hover { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current_page_item a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current-cat a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} #left_nav li.current-cat-parent a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;} .center_left ul.listing{float:left; padding: 30px 0px 0px 20px; margin:0;} .center_left ul.listing li{list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;} .center_right{float: left; width: 620px; padding: 20px 50px 0 70px;} .center_rightAR{float: left; width: 800px; padding: 20px 50px 0 70px;} .center_right h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;} .center_rightAR h2{font-size: 2.8em; line-height: 30px; color: #FFF; font-weight: bold; padding: 0 0 5px 0; margin: 0px;} .center_right .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_right .title{ font-size: 1.8em; line-height: 20px; color: #b20000; font-weight: normal; padding: 25px 0 20px 0; font-style: normal; } .center_right p{font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} /*No Sidebar */ .center_box h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;} .center_box .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_box .title{ font-size: 1.8em; line-height: 20px; color: #b20000; font-weight: normal; padding: 25px 0 20px 0; font-style: normal; } .center_box p {font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;} .center_box td {font-size: 1em; line-height: 18px; color: #7d807c; font-weight: normal;} /*Blog*/ .center_left_top h3.blog{width: 158px; margin: 30px 0 -10px 0; background: url(images/the_blog.png) top center no-repeat; text-indent: -9999px;} .center_left .subscribe{font-size: 1.6em; font-weight: bold; padding: 30px 0 0 5px; float: left; width: 100%;} .center_left p{font-size: 1.2em; padding: 20px 0 10px 5px; float: left; width: 100%;} .center_left img{padding: 0 0 0 2px;} .center_left .img_holder{overflow: hidden; padding: 40px 0 5px 0px;} .center_left .img_holder img{float: left; padding: 0; margin: 0 0 10px 0;} .center_left .img_holder img.first{float: left; padding: 0; margin: 0 10px 0 0;} .center_left p.join{font-size: 1em; line-height: 10px; padding: 0px 0 0 30px; margin: 0px; float: left; width: 100%;background: url(images/2dot.png) top left no-repeat} .center_right h2.blog{font-size: 2.8em; line-height: 28px; color: #4b4d4a; font-weight: bold; padding: 0 0 0 0; margin: 0px;} .blog_line{width: 100%; height: 1px; background-color: #d8d8d8; margin: 0 0 20px 0;} .center_right .publish{font-size: 1.1em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px;} .center_right .publish a{ color: #b20000; font-weight: bold; } p.blog_p{padding: 0 0 40px 0;} p.blog_p a{ color: #b20000; font-weight: normal; font-style: italic; } /*Contact*/ .center_left_top h3.office_europe{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0; background: url(images/office_europe.png) top left no-repeat; text-indent: -9999px;} .center_left_top h3.office_asia{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0 0 0 0; background: url(images/office_asia.png) top left no-repeat; text-indent: -9999px;} p.office{text-align: left; width: 100%; padding: 5px 0 0px 0px; margin: 0px 0 10px 0;} .center_right .subtitle2{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 30px 0;} h2.thanks { font-size: 15px; } .required { color: red; font-weight: bold; } #contact div, .leave_comment form div {width: 100%; padding: 5px 0 5px 0;} #contact { border: none; } #contact strong { font-size: 12px; } #contact .post-info.spam { font-size: 11px; color: #666; margin-top: 5px; } #contact .textbox { margin-bottom: -18px; } #contact .textbox, #respond form input {padding: 7px; margin: 5px 0 0px 0; border: 1px solid #e5e3e3; background-color: #f5f5f4; width: 270px; font-size: 1.1em; font-weight: normal; font-style: italic; color:#9a9a9a;} #respond form input { margin-bottom: 15px; } #respond form label small { font-size: 12px; margin-left: 12px; } #contact input.button, #respond form input#send {padding: 0px; margin: 5px 0 15px 0; border: none; background-color: #fff; font-size: 1.1em; font-weight: bold; font-style: normal; color:#1e96a0; text-align: left; cursor: pointer;} #contact input.button { margin-top: 10px; } #contact textarea, #respond form textarea{border: 1px solid #e5e3e3; background-color: #f5f5f4; padding: 7px; width: 430px; height: 130px; font-size: 1.3em; font-weight: normal; font-style: italic; color:#9a9a9a;} #contact textarea { margin-top: 5px; } .find{font-size: 1.4em; font-weight: bold; color: #4b4d4a; padding: 20px 0 10px 0;} .google_holder{width: 100%; overflow: hidden; padding: 10px 0 0 0;} .google_map{width: 444px; float: left; border: 1px solid #e5e3e3;} .google_description{width: 144px; float: left; padding: 15px 0 0 30px;} /*Portofolio*/ .portofolio{position: relative;} .center_left_top h3.categories{width: 158px; line-height: 14px; margin: 30px 0 10px 0; padding: 0; background: url(images/categories.png) top center no-repeat; text-indent: -9999px;} .portofolio_main{width: 100%; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0;} .portofolio_main h3{color: #4b4d4a; font-size: 2.2em; padding: 0 0 5px 0;} .portofolio_main .publish{color: #4b4d4a; font-size: 1.1em; padding: 0 0 10px 0;} .featured2{width:70px; height:70px; padding:17px 0 0 13px;position: absolute; background: url(images/featured.png) top left no-repeat; top: 112px; left: 68px; margin: 0px 0 0 0;} .div_image{float: left; border: 1px solid #cdcbcb; width: auto; padding: 10px; margin-right: 20px; background-color: #ffffff;} .blog_thumb{width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f4f4f4;} .blog_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;} .blog_thumb h2{width: 455px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;} /* blog post style */ .blog_post p { margin-bottom: 20px; } .blog_post h1 { font-size: 30px; } .blog_post h3 { font-size: 24px; font-weight: bold; color: #333; padding: 0; margin: 0;} .blog_post h4 { font-size: 19px; } .blog_post h5 { font-size: 16px; } .blog_post h1, .blog_post h3,.blog_post h4, .blog_post h5 { margin-bottom: 10px; } .blog_post ol li, .blog_post ul li { font-size: 12px; line-height: 1.5; } .blog_post ol, .blog_post ul { margin: 0 0 20px 25px; } .blog_post ul li { list-style-type: disc; } .blog_post table { width: 100%; font-size: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-collapse: collapse; } .blog_post table th { text-align: left; padding: 5px;border: 1px solid #ccc; background: #f1f1f1; } .blog_post table td { padding: 5px; border: 1px solid #ccc; font-size: 11px; } .blog_post table tr.even { background: #f1f1f1; } h2.comments, #respond h3 { border-top: 1px solid #cdcbcb; border-bottom: none; padding: 10px 0; font-size: 25px; font-weight: bold; } #respond h3 { border-top: none; border-bottom: 1px solid #cdcbcb; margin-bottom: 10px; color: #4b4d4a; padding-top: 0; margin-top: -3px; } .blog_post .entry { margin-top: -15px; } .blog_p { margin-bottom: 30px; } h2.blog a { color: #4b4d4a; } /* CSS for WP-Testimonials */ #sfstest-form label { float: left; width: 200px; font-weight: bold; } #sfstest-form input { width: 250px; margin-bottom: 5px; border: 1px solid #ccc; } #sfstest-form br { clear: left; } #sfstest-sidebar .text { text-align: justify; padding: 2px; } #sfstest-sidebar .client { font-style: italic; text-align: right; margin-top: 5px; } #sfstest-sidebar .readmore { text-align: center; margin-top: 5px; } #sfstest-sidebar .clearboth { clear: both; } #sfstest-page .text { text-align: justify; padding: 2px; } #sfstest-page .client { font-style: italic; text-align: right; margin-top: 5px; } #sfstest-page .grayline { height: 2px; width: 100%; background: #999; border-top: 1px solid #fff; overflow: hidden; margin-top: 5px; margin-bottom: 5px; } # ul.paging { list-style: none; padding: 0; font-weight: bold; } # ul.paging li { float: left; margin: 0 6px 6px 0; } # ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; } # ul.paging li.active { background-color: #000; border-color: #000; color: #fff; } /* twitter widget */ .widget_twitter { position: relative; } .widget_twitter h2 { font-size:1.2em!important; } .follow-us { position: absolute; top: 205px; right: 120px; display: block; font-size: 11px!important; text-decoration: underline; } #top_light5 li.twitter-item { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;} #top_light5 li.twitter-item a { font-size: inherit; color: #b20000; } #respond p { font-size: 12px; margin-bottom: 15px; } /* recent posts widget */ .tddrecentposts li { padding: 0!important;} .tddrecentposts li dl { position: relative; } .tddrecentposts li dl dt { margin-top: -14px; } .tddrecentposts li dl dt a { font-size: 12px; font-weight: bold; padding-left: 80px; display: block; margin-top: -20px; } .tddrecentposts li dl dd { font-size: 11px; margin-bottom: 8px; } .tddrecentposts li dl dd.sidebardate { display: block; background: url(i/recentposts-date.gif) no-repeat; width: 72px; height: 15px; text-align: center; margin: 4px 0; padding-top: 1px; margin-top: -16px; margin-bottom: 6px; position: absolute; left: 0; top: 26px; } /* receont comments widget */ #footer #get_recent_comments_wrap ul li { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px!important; margin:0 0 20px 0; font-size:1.2em; } #footer #get_recent_comments_wrap ul li a { font-weight: bold; font-size: 12px; } #footer #get_recent_comments_wrap ul li p { font-size: 11px; color: #fff; margin: 4px 0 0 0; width: 185px; } /* max banner ads */ .widget_maxbannerads div { margin-right: -5px!important; position: relative!important; } .widget_maxbannerads h2 { margin-bottom: 6px!important; } .widget_maxbannerads a { border: 6px solid #e4e4e3; padding: 1px; margin:0; background: #fff; display: block; float: left; margin: 0 0 7px 7px!important; width:88px; height:68px; } .widget_maxbannerads span, .widget_maxbannerads span a { clear:both; display:none; } /************************************************ * Comments * ************************************************/ .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; } .commentlist li .avatar { background: #FFF; float: right; border: 1px solid #EEE; margin: 0 5px 10px; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } .commentlist p { font-weight: normal; text-transform: none; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; } #commentform { margin: 5px 10px 0px 0px; } #commentform textarea { width: 98%; padding: 2px;} #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 0px; float: left; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .nocomments { text-align: center; margin: 0px; padding: 0px; } .commentmetadata { font-size: 10px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { background: #FFF; margin: 0px; padding: 0px; } .thread-even { background: #EEE; margin: 0; padding: 0; } .depth-1 { border: 1px dotted #BBB; margin: 0; padding: 0; } .even, .alt { border: 1px dotted #BBBBBB; border-right: none; margin: 0; padding: 0; } /* Universal Buttons */ a.button { background: transparent url(images/unibuttonright.png) no-repeat scroll top right; color: #FFF; display: block; float: left; font: bold 1.3em arial, sans-serif; height: 45px; margin-right: 6px; padding-right: 11px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url(images/unibuttonleft.png) no-repeat top; display: block; line-height: 26px; padding: 5px 8px 5px 18px; } a.button:active { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 8px 4px 18px; /* push text down 1px */ } /* begin Menu */ /* menu structure */ .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { text-align:left; text-decoration:none; font: 1.2em Arial,Helvetica,sans-serif; outline:none; letter-spacing:normal; word-spacing:normal; } .art-menu, .art-menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .art-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .art-menu li:hover { z-index: 10000; white-space: normal; } .art-menu li li { float: none; } .art-menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .art-menu li:hover>ul { visibility: visible; top: 100%; } .art-menu li li:hover>ul { top: 0; left: 100%; } .art-menu:after, .art-menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .art-menu, .art-menu ul { min-height: 0; } .art-menu ul { background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .art-menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .art-menu { padding: 12px 2px 2px 2px; } .art-nav { position: relative; height: 30px; z-index: 100; } .art-nav .l, .art-nav .r { position: absolute; z-index: -1; top: 0; height: 30px; width: 100%; background-image: url('images/bg_nav.png'); } .art-nav .l { left: 0; right:0px; } .art-nav .r { right: 0; width: 700px; clip: rect(auto, auto, auto, 1000px); } /* end Menu */ /* begin MenuItem */ .art-menu ul li { clear: both; } .art-menu a { position:relative; display: block; overflow:hidden; height: 26px; cursor: pointer; text-decoration: none; margin-right: 4px; margin-left: 4px; } .art-menu a .r, .art-menu a .l { position:absolute; display: block; top:0; z-index:-1; height: 78px; background-image: url('images/MenuItem.png'); } .art-menu a .l { left:0; right:10px; } .art-menu a .r { width:416px; right:0; clip: rect(auto, auto, auto, 410px); } .art-menu a .t { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #2A2E29; padding: 0 0px; margin: 0 10px; line-height: 26px; text-align: center; } .art-menu a:hover .l, .art-menu a:hover .r { top:-26px; } .art-menu li:hover>a .l, .art-menu li:hover>a .r { top:-26px; } .art-menu li:hover a .l, .art-menu li:hover a .r { top:-26px; } .art-menu a:hover .t { color: #232622; } .art-menu li:hover a .t { color: #232622; } .art-menu li:hover>a .t { color: #232622; } .art-menu a.active .l, .art-menu a.active .r { top: -52px; } .art-menu a.active .t { color: #070807; } .art-menu li.current-menu-item a .l, .art-menu li.current-menu-item a .r , .art-menu li.menu-item-parent a .l,.art-menu li.menu-item-parent a .r { top:-52px; } .art-menu li.current-menu-item a .t, .art-menu li.menu-item-parent a .t { color:#070807; } /* end MenuItem */ /* begin MenuSubItem */ .art-menu ul a { display:block; text-align: center; white-space: nowrap; height: 32px; width: 180px; overflow:hidden; line-height: 32px; margin-right: auto; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 0px; border-style: solid; } .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 32px; color: #636C60; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .art-menu ul ul a { margin-left: auto; } .art-menu ul li a:hover { color: #F8F7F1; background-position: 0 -32px; } .art-menu ul li:hover>a { color: #F8F7F1; background-position: 0 -32px; } .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span { color: #F8F7F1; } .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span { color: #F8F7F1; } /* end MenuSubItem */ div.art-footer-placement { position: absolute; float: left; padding-top: 18px; } /* begin Footer */ .art-Footer { position:relative; z-index:-1; overflow:hidden; width: 100%; margin: 5px auto 0px auto; } .art-Footer .art-Footer-inner { height:1%; position: relative; z-index: 0; padding: 8px; text-align: center; } .art-rss-tag-icon { position: relative; display:block; float:left; background-image: url('images/logo_footer.png'); background-repeat: no-repeat; height: 16px; width: 84px; } .art-Footer .art-Footer-text p { margin:0; padding-right:84px; } .art-Footer .art-Footer-text { display:inline-block; padding-top: 1px; color:#4B4D4A; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .art-Footer .art-Footer-text a:link { text-decoration: none; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .art-Footer .art-Footer-text a:visited { text-decoration: none; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .art-Footer .art-Footer-text a:hover { text-decoration: none; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */ /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#000000; } .art-page-footer { margin:1em; text-align:center; text-decoration:none; color:#000000; } div.art-menu-override { position: relative; float: right; } /* end PageFooter */ .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } .facebook { position:absolute; display: inline; top: 209px; left: 720px; width: 100px; } .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 1181px; /*width of featured content slider*/ height: 370px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ width: 1181px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ width: 1181px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ } #jFlowSlide{ width: 100%; margin: 0 auto; } #myController { padding-top:60px; padding-left:15px; } #myController span.jFlowSelected { background:#227AB0; margin:-2px; } .slide-wrapper { padding: 5px; padding-top:40px; } .slide-thumbnail { float:left; } .slide-details { width:500px; float:right; margin-left:10px;} .slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; } .slide-details { margin-top:10px; } .jFlowControl, .jFlowPrev, .jFlowNext { cursor:pointer; margin: -2px;} .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; } a.rollover1 { display: inline-block; width: 231px; height: 70px; text-decoration: none; background: url("images/tab_1.png"); } a.rollover1:hover { background-position: 0 -70px; } a.rollover2 { display: inline-block; width: 231px; height: 70px; text-decoration: none; background: url("images/tab_2.png"); } a.rollover2:hover { background-position: 0 -70px; } a.rollover3 { display: inline-block; width: 231px; height: 70px; text-decoration: none; background: url("images/tab_3.png"); } a.rollover3:hover { background-position: 0 -70px; } a.rollover4 { display: inline-block; width: 230px; height: 70px; text-decoration: none; background: url("images/tab_4.png"); } a.rollover4:hover { background-position: 0 -70px; } .ar-body { color:#FFF; } #colleft {position:fixed; display:none; background: url(images/sharebg.png); font-size:20px; top:152px; left:0px; height: 143px; width:83px; } #colleft .float {padding-top: 37px;padding-left:16px;} #colleft a{text-decoration:none;} #colleft #hidePanel { height:24px; padding:0 0 0 65px;} #colleft #hidePanel a{ color:#FFF;} #colleft #hidePanel a:hover{ color:#999;} #colleft, #showPanel { color:#fff; } #showPanel { position:fixed; top:152px; left:0px; width:20px; height:143px; cursor:pointer;} #showPanel span{display:block; position:fixed; top:152px; left:0px; font-size:20px; height:143px; width:20px; background-image: url(images/fblikecol.png);} #colright { padding-top:10px; color:#1c1c1c; margin-left:200px; } .ipodapp { background-color:#454545; background-image:url(images/ARrepeat.jpg); text-align:center; } div.art-footer_bg-jpeg { position: absolute; z-index:-1; width: 100%; bottom: 0px; height: 50px; background-image: url('images/nav.png'); } div.art-footerfill-jpeg { position: absolute; z-index:-1; width: 100%; height: 50px; background-image: url('images/nav.png'); } .examples_td { font:Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 10px; font-size: 150%; } .demo_text { font:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 150%; }