/* Theme Name: MWP '10 Theme URI: http://www.mywebpresenters.com Description: A simple theme for MWP's blog Version: 1.0 Author: Alain Foussat Author URI: http://www.e-nablers.com */ @charset "utf-8"; body{width:100%; background:#333; margin:0px; font-size:12px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; color:#333; text-align:center;} /* TYPOGRAPHY */ a{text-decoration:none; color:#f7941d; cursor:pointer; font-weight:bold;} a:hover{text-decoration:none; color:#555; } h2 a{color:#222;} h1 {color:#555; font-size:30px; margin:0px 0px 0px; font-weight:normal;} #newsheader h1 {color:#555; font-size:24px; margin:0px 0px 0px; font-weight:normal; letter-spacing:1px;} h2{color:#555; font-size:30px; margin:0px 0px 8px; font-weight:normal; clear:both;} h3{color:#555; font-size:24px; margin:0px 0px 0px; font-weight:normal; letter-spacing:1px; } h4{color:#777; font-size:13px; margin:0px 0px 10px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; } h5{color:#777; font-size:16px; margin:5px 0px 20px; font-weight:bold;} h6{color:#777; font-size:28px; margin:5px 0px 20px; font-weight:bold;} p{line-height:1.5em; font-size:15px; margin:0px 0px 12px 0px; } #testimonials p {line-height:1.5em; font-size:15px; margin:15px 0 0 0; background:#ffffff; padding:5px;} blockquote.pullquote { width: 220px; padding: 0px 20px 0px 0px; margin:0px 20px 20px; font-size: 140%; line-height: 130%; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; } blockquote.pushquote { width: 220px; padding: 0px 0px 0px 20px; margin:0px 0px 20px 20px; font-size: 140%; line-height: 130%; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic;} pre{ line-height:20px; margin-bottom:20px; max-width:100%; text-align:left;padding:10px; background:#fff;} hr{width:100%; height:1px; margin:20px 0px; clear:both; float:left; background-color:#dbdbdb;} ul{margin:2px 20px 20px; padding:0; list-style-type:square; font-size:115%;} ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; display:inline-block; } ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#333; width:auto; text-align:left; line-height:1.6em; font-size:15px;} ul li a{} ul li a:hover, ol li a.hover{} img {border:none} /* table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;} table caption{width:100%; padding:12px 12px; color:#999; font-weight:bold; background:#efefef;} table th,table td {padding:12px 12px; text-align:left; display:table-cell;} table tr {} table tr:hover{background:#f4f4f4;} table th {background:#f7f7f7;} table a{font-weight:bold; padding:4px 8px; } table a:hover{color:#999; padding:4px 8px; } */ /* SEARCHBOX */ #searchform{ margin:4px 0px 0px 0px; float:left; clear:both; width:290px; font-size:11px;} #searchform .screen-reader-text{display:none;} #searchform #s, #htw_testsite, #HTWsitetestNAME {background:#f7f7f7; border:1px solid #d7d7d7; padding:6px; float:left; color:#000; font-size:13px; margin:0px 0px 0px 0px; clear:both; margin-right:10px;} .sidebar.blog #searchform #s {background:#f7f7f7; padding:6px; float:left; color:#000; font-size:13px; margin:0px 0px 0px 0px; clear:both; margin-right:10px; width:200px;} #searchform #s:focus, #htw_testsite:focus, #HTWsitetestNAME:focus {background:#e7e7e7; border:1px solid #bbb;} #searchform #searchsubmit, #go {margin:0px 10px 0px 0px; background:#f7f7f7; border:1px solid #d7d7d7; cursor:pointer; height:28px; width:28px; float:left;} .sidebar.blog #searchform #searchsubmit {margin:0px 10px 0px 0px; background:#f7f7f7; border:1px solid #d7d7d7; cursor:pointer; height:28px; width:55px; float:left;} #searchform #searchsubmit:hover, #go:hover {background:#e7e7e7; border:1px solid #bbb;} /* Enquiry form */ #enquiry-form{margin:0px 0px 15px 0px; float:left; border-bottom:4px solid #ebebeb; padding-bottom:30px;} #enquiry-form ul{list-style:none; margin:0;padding:0;} #enquiry-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:290px; margin-bottom:2px; height:30px} #enquiry-form input:focus, #enquiry-form input.std:focus, #enquiry-form textarea:focus {background-color:#efefef;} #enquiry-form textarea{width:290px; height:160px; background-color:#f7f7f7; margin:0 0 2px 0; border:1px solid #ccc; padding:6px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} #enquiry-form input.send:hover {background-color:#efefef; color:#000} #enquiry-form #BotBoot {width:283px; text-align:right; font-size:120%; border:1px dotted #ccc; margin:5px 0; padding:2px 2px 1px;} #enquiry-form #BotBoot input{padding: 3px; width:20px;} #enquiry-form #BotBoot input:focus {background-color:#efefef;} #enquiry-form input[type="submit"]:hover, #contact-form input[type="submit"]:hover {cursor:pointer; background-color:#ccc; color:#000;} #contact-form input[type="submit"] {margin-top:4px; width:558px; background-color:#F49523; color:#333; border: 1px solid #999; font-weight: bold;} /* Contact form */ #contact-form{margin:-10px 0px 15px 0px; border-bottom:4px solid #ebebeb; padding-bottom:30px;} #contact-form ul{list-style:none; margin:0;padding:0;} #contact-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:277px; margin:0 1px 4px 0; } #contact-form select{background-color:#f7f7f7; border:1px solid #ccc; padding:5px; color:#f7941d; width:284px; margin-bottom:1px; } #contact-form input:focus, #contact-form input.std:focus, #contact-form textarea:focus {background-color:#efefef;} #contact-form textarea{width:558px; height:160px; background-color:#f7f7f7; margin:0px; border:1px solid #ccc; padding:6px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} #contact-form textarea.address {height:30px;margin-bottom:4px} #contact-form input.send{float:left; margin:4px 0 0 4px; padding:4px 0 5px; width:282px; } #contact-form input.send:hover{background-color:#efefef; color:#000} #contact-form #BotBoot {float:left; width:282px; text-align:right; font-size:120%; border:1px dotted #ccc; margin:5px 0; padding:1px;} #contact-form #BotBoot input{padding: 3px; width:20px; margin:0px} #contact-form #BotBoot input:focus {background-color:#efefef;} textarea#Enquiry {display:none;} /* Signup form */ #signup-form{margin:0px 0px 15px 0px; ; padding:80px 23px 90px 23px; color:#121212; background: url(images/formbg.jpg) no-repeat } #signup-form .mc-field-group{margin-bottom:10px;} #signup-form ul{list-style:none; margin:0;padding:0;} #signup-form input{background-color:#fff; border:1px solid #ccc; padding:6px; color:#000; width:170px; margin:0 0 4px 0;} #signup-form select{background-color:#fff; border:1px solid #ccc; padding:5px; color:#f7941d; width:184px; margin-bottom:1px; } #signup-form input:focus, #signup-form input.std:focus, #signup-form textarea:focus {border:1px solid #eb8201} #signup-form textarea{width:558px; height:160px; background-color:#f7f7f7; margin:0px; border:1px solid #ccc; padding:6px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} #signup-form input.send{float:left; margin:4px 0 0 -8px; padding:4px 0 10px; width:200px; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-color: transparent; border: none; height:45px; color:#121212;background-position: 0px -5px} #signup-form input.send:hover{cursor:pointer; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-position: 0px -55px} .mce_inline_error {color:red} #mce-success-response {background: url(images/formbgMessage.jpg) no-repeat top left; position: absolute;top:416px; height:205px; width:163px; padding:80px 10px 10px;} /* SignupAffiliates form */ #signupAffiliates-form{margin:0px 0px 15px 0px; ; padding:80px 17px 65px 17px; color:#121212; background: url(images/formAffiliatesbg.jpg) no-repeat } #signupAffiliates-form ul{list-style:none; margin:0;padding:0;} #signupAffiliates-form input{background-color:#fff; border:1px solid #ccc; padding:6px; color:#000; width:254px; margin:0 0 12px 0;} #signupAffiliates-form select{background-color:#fff; border:1px solid #ccc; padding:5px; color:#f7941d; width:184px; margin-bottom:1px; } #signupAffiliates-form input:focus, #signup-form input.std:focus, #signup-form textarea:focus {border:1px solid #eb8201} #signupAffiliates-form textarea{width:558px; height:160px; background-color:#f7f7f7; margin:0px; border:1px solid #ccc; padding:6px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} #signupAffiliates-form input.send{float:left; margin:12px 0 0 25px; padding:4px 0 10px; width:200px; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-color: transparent; border: none; height:45px; color:#121212;background-position: 0px -5px} #signupAffiliates-form input.send:hover{cursor:pointer; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-position: 0px -55px} .mce_inline_error {color:red} #mce-success-response {background: url(images/formbgMessage.jpg) no-repeat top left; position: absolute;top:416px; height:205px; width:163px; padding:80px 10px 10px;} #signupCustomers-form{margin:0px 0px 15px 0px; ; padding:80px 17px 65px 17px; color:#121212; background: url(images/formCustomersbg.jpg) no-repeat } #signupCustomers-form ul{list-style:none; margin:0;padding:0;} #signupCustomers-form input{background-color:#fff; border:1px solid #ccc; padding:6px; color:#000; width:254px; margin:0 0 12px 0;} #signupCustomers-form select{background-color:#fff; border:1px solid #ccc; padding:5px; color:#f7941d; width:184px; margin-bottom:1px; } #signupCustomers-form input:focus, #signup-form input.std:focus, #signup-form textarea:focus {border:1px solid #eb8201} #signupCustomers-form textarea{width:558px; height:160px; background-color:#f7f7f7; margin:0px; border:1px solid #ccc; padding:6px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} #signupCustomers-form input.send{float:left; margin:12px 0 0 25px; padding:4px 0 10px; width:200px; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-color: transparent; border: none; height:45px; color:#121212;background-position: 0px -5px} #signupCustomers-form input.send:hover{cursor:pointer; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-position: 0px -55px} .mce_inline_error {color:red} #mce-success-response {background: url(images/formbgMessage.jpg) no-repeat top left; position: absolute;top:416px; height:205px; width:163px; padding:80px 10px 10px;} a.goToWizard {font-weight:normal; float:left; margin:12px 0 0 32px; padding:14px 0 0 48px; width:200px; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-color: transparent; border: none; height:33px; color:#121212;background-position: 0px -5px} a.goToWizard:hover {cursor:pointer; background-image: url(images/btn-sendFREEreport.png); background-repeat: no-repeat; background-position: 0px -55px} /* PAGE STRUCTURE */ #page-wrap{width:100%; float:left;} #secondary-wrap{width:100%; padding:20px 0px 0px 0px; float:left; border:none;} #header-wrap{width:100%; background:url(images/header-bg.png) no-repeat center 20px; padding:10px 0px 0px 0px; float:left;} #content-wrap{width:100%; background:url(images/canvas-bg.png) repeat-y center; min-height:200px; float:left; padding:0; } #footer-wrap{width:100%; background:url(images/footer-bg.png) no-repeat center bottom; padding:0px 0px 20px 0px; float:left;} #credits-wrap{width:100%; padding:20px 0px 30px 0px; float:left;} #logo{min-height:112px; float:left; width:250px; position:relative;} #logo span{top:26px; left:30px; position:relative;} #menu{min-height:112px; float:right; text-align:right; background:url(images/phoneNumber.jpg) no-repeat 219px 26px;} .inner{margin:0 auto; width:960px; text-align:left; } #content-wrap .inner{margin:0 auto; width:960px; padding:0;} #header-wrap .inner{margin:0 auto; width:960px; background:url(images/white90.png); min-height:112px; border-bottom:4px solid #111;} /* MAIN MENU */ #menu ul {list-style:none; margin:0; padding:0;} #menu ul li {clear:none; float:left; margin:0; padding:0; position:relative; z-index:1000; line-height:1em;} #menu ul li a {padding:86px 23px 12px 24px; display:inline; margin:0; float:left; color:#333; font-size:14px; font-weight:normal;} #menu ul li a:hover{ text-decoration:none; color:#f7941d;} #menu ul li.top-menu a:hover {/*background:#e9e9e9;*/ text-decoration:none; color:#999; cursor:default;} #menu ul li.top-menu:hover a {color:#999;} /* Level 2 */ #menu ul ul {margin: 0px 0px 0px 0px; padding: 0 0 8px 0; border-bottom:4px solid #11181b; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#e9e9e9;} #menu ul ul li { float: left; display: inline; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:0px; } #menu ul ul li a {border:none; width:160px; background:#e9e9e9 url(images/arrow.gif) no-repeat 12px 10px; color:#333; margin:0px; padding:10px 10px 10px 35px; font-weight:normal; display:inline; height:auto;} #menu ul li.top-menu:hover ul li a {color:#333;} #menu ul li.top-menu ul li a:hover {border:none; background:#e9e9e9 url(images/arrow_hover.gif) no-repeat 12px 10px; color:#f7941d; padding:10px 10px 10px 35px; height:auto; cursor:pointer;} #menu ul li ul.sub-menu { top:112px;} #menu ul li.top-menu:hover ul li:hover a {background-color:#fff;} #menu ul li.top-menu:hover ul li:hover a:hover {color:#f7941d;} /* Level 3*/ #menu ul ul ul { margin: 0px 0px 0px 0px; padding: 0px; border:none; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#fff;} #menu ul ul ul li {border:none; float: left; display:inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; } #menu ul li.top-menu ul ul li a {border:none; width:160px; background:#fff url(images/arrow.gif) no-repeat 12px 12px; color:#333; margin:0px; padding:10px 10px 10px 35px; font-weight:normal; display:inline; height:auto;} #menu ul li.top-menu ul ul li a:hover {background:#fff url(images/arrow_hover.gif) no-repeat 12px 12px; color:#f7941d; padding:10px 10px 10px 35px; height:auto;} #menu ul li.top-menu:hover ul li:hover ul li a {color:#333;} #menu ul li.top-menu:hover ul li:hover ul {color:#fff; border-bottom: solid 4px #e9e9e9; } /* Footer menu */ /* Menu in footer */ #footermenu{float:left;width:910px; margin:10px 20px 0 30px;} #footermenu ul{list-style:none; margin:0; padding:0;} #footermenu li{color:#555; float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;} #footermenu li ul{display:none;} #footermenu a{color:#777; font-weight:normal;} #footermenu a:hover{text-decoration:none; color:#f7941d;} #secondary{float:right; margin:0;} #secondary ul{list-style:none; margin:0; padding:0;} #secondary li{color:#555; float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;} #secondary li ul{display:none;} #secondary a{color:#ccc;} #secondary a:hover{text-decoration:none; color:#f7941d;} #footerlinks{text-align:center; margin-top:10px;} #footerlinks ul{list-style:none; margin:0; padding:0; text-align:right;} #footerlinks li{color:#777; float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;} #footerlinks li ul{display:none;} #footerlinks a{color:#555; font-weight:normal;} #footerlinks a:hover{text-decoration:none; color:#555; cursor:text;} #credits{text-align:center;} #footcreditserlinks ul{list-style:none; margin:0; padding:0; text-align:right;} #credits li{color:#555; float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;} #credits li ul{display:none;} #credits a{color:#777;} #credits a:hover{text-decoration:none; color:#f7941d;} .block {float:left; width:25%;} #footermenu .block li {float:none;} /* ==================================================================================== SLIDESHOW ==================================================================================== */ #slideshow{text-align:left; margin:0; overflow:hidden; height:408px;} .slide-info h2{color:#efefef;} /* Slide with inline content */ .innerslide {width:920px; position:relative; margin:0; padding:20px;} .innerslide .slide-image{width:580px; float:left; clear:none; overflow:hidden; background:#fff; padding:9px; border:1px solid #ddd;} .innerslide .slide-info{position:absolute; bottom:30px; right:30px; width:280px; color:#ccc; float:left; height:auto;} .innerslide img{} /* Slide with text overlay on left side */ .overlayslide-left {width:960px; position:relative; margin:0; padding:0;} .overlayslide-left .slide-image{width:580px; float:left;} .overlayslide-left .slide-info{width:270px; padding:30px 30px 30px 30px; background:url(images/black-80.png); color:#ccc; position:absolute; bottom:0; left:0;} /* Slide with text overlay on right side */ .overlayslide-right {width:960px; position:relative; margin:0; padding:0;} .overlayslide-right .slide-image{width:580px; float:left;} .overlayslide-right .slide-info{width:270px; padding:30px 30px 30px 30px; background:url(images/black-80.png); color:#ccc; position:absolute; bottom:0; right:0;} /* Default slider */ .slide {width:960px; position:relative; margin:0; padding:0;} .slide .slide-image{width:960px;} .slide .slide-info{width:570px; padding:20px; position:absolute; bottom:20px; left:20px; background:url(images/black-80.png); color:#ccc;} /* Slideshow navigation */ .slideshow-nav {float:right; text-align:right;} .slideshow-nav a, .featured-nav a{border:1px solid #fff;line-height:1.2em; width:18px; height:16px; font-size:11px; display:block; float:left; text-align:center; padding-top:1px;margin-right:2px; background:#fff; } .slideshow-nav a.activeSlide, .slideshow-nav a.activeSlide:hover, .featured-nav a.activeslide, .featured-nav a.activeslide:hover{border:1px solid #bbb;} .slideshow-nav a:hover, .featured-nav a:hover{background:#efefef; text-decoration:none; border:1px solid #bbb;} /* ==================================================================================== PAGES ==================================================================================== */ .breadcrumb-wrap{padding:20px 30px;width:900px; margin:0px; background:#fff; float:left; position:relative;} .breadcrumb-wrap{width:100%\9;} .breadcrumb{float:left; width:600px; padding-top:4px; } .breadcrumb p{float:left; margin:0 10px 0 0;} .tys-wrap{padding:20px 30px 10px;width:900px; margin:0px; background:#fff; float:left; position:relative;} .tys{float:left; width:900px; padding-top:4px; } .tys p{float:left; margin:0 10px 0 0;} .tysNarrow{float:left; width:620px; padding-top:4px; } .article-wrap{float:left; width:960px; margin:0 0 4px 0; background:#ebebeb url(images/sidebar-overflow-20.png) repeat-y 630px top; border-top:4px solid #ccc; border-bottom:4px solid #ccc;} .article-wide-wrap-squeeze{color:#000; float:left; width:960px; margin:0 0 4px 0; background-color:#ffffff; border-top:4px solid #ccc; border-bottom:4px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif;} .article-wide-wrap-squeeze h1{color:#000; font-size:15px; font-weight: bold;} .article-wide-wrap-squeeze h2.title{color:#c93100; font-size:30px; font-weight: bold; text-align:center;} .article-wide-wrap-squeeze h3{color:#000; font-size:24px; margin:0px 0px 10px; font-weight:normal;} .article-wide-wrap-squeeze p{font-size:13px;} .article-wide-wrap-squeeze p.title{font-weight: bold; text-align:center; font-size:14px;} .article-wide-wrap-squeeze p.formText{text-align:center; font-size:10px; margin:0;} .article-wide-wrap-squeeze p.formAffiliatesText{text-align:left; font-size:10px; margin:0;} .article-wide-wrap-squeeze ul{list-style-type: none; margin:0 210px 0 180px;} .article-wide-wrap-squeeze ul.normal{list-style-type: none; margin:0 0 0 50px;} .article-wide-wrap-squeeze ul li{color:#000000; background: url(images/tick.jpg) left top no-repeat; padding:0 0 10px 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;} .article-wide-wrap-squeeze p span{color:#c93100; font-size:20px; font-weight: bold; margin-right:10px} .article-wide-wrap{float:left; width:960px; margin:0 0 4px 0; background-color:#ebebeb; border-top:4px solid #ccc; border-bottom:4px solid #ccc;} .article{float:left; width:580px; padding:20px 20px 20px 30px;} .articleLarge{float:left; width:640px; padding:0px 20px 0px 30px;} .article-wide{float:left; width:900px; padding:20px 30px 0;} .article img, .article-wide img{margin-bottom:10px;} /* Title area on all pages */ #pagetitle{background:#557891; padding:24px 30px 16px 30px; width:900px;} #pagetitle{width:100%\9;} #pagetitle h1, .slide-info h1{color:#fff; } #pagetitle h1{font-weight:normal; margin:0;} h1.postlist{font-size:16px; width:580px; border-bottom:1px solid #ccc; padding-bottom:10px;} /* SIDEBAR */ .sidebar{float:left; width:280px; padding:20px 30px 20px 20px; background:#fff;} .sidebar ul{margin:4px 0px 30px; padding:0; list-style:none; clear:both; float:left; width:280px; } .sidebar ol{margin:4px 0px 20px 20px; padding:0; list-style:decimal; float:left; clear:both; width:280px;} .sidebar ul li{width:246px; display:inline; /*background:url(images/arrow.gif) no-repeat 9px 9px;*/ float:left; clear:both; padding:8px 0px 8px 4px; margin:0px; border-top:1px dotted #bbb; line-height:16px;} .sidebar.blog ul li{width:280px; display:inline; float:left; clear:both; padding:8px 0px 8px 0px; margin:0px; border-top:1px dotted #bbb; line-height:16px; background:none;} .sidebar.blog ul li.widget{border-bottom:4px solid #e2e2e2; border-top:none; margin:0 0 16px;} .sidebar ul li a{width:260px;clear:both; padding:0px; margin:0px; background:none; } /*.sidebar ul li:hover{background:#e7e7e7 url(images/arrow.gif) no-repeat 9px 9px;}*/ .sidebar.blog ul li:hover {background:none;} .sidebar ul li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 0px;line-height:16px;} .sidebar ul ul{margin:0 0px 10px; padding:0; list-style:none; float:left; clear:both; width:240px; border:none; } .sidebar ul ul li{width:220px; border:none; padding:0px; margin:0px; background:none;} .sidebar ul ul li a{width:220px;clear:both; padding:0px; margin:0px; background:none; color:#999; font-size:90%;} .sidebar ul ul li a:hover{text-decoration:underline; color:#999;} /* SIDEBAR SMALL */ .sidebarSmall{float:left; width:230px; padding:0px 20px;} .sidebarSmall ul{margin:4px 0px 30px; padding:0; list-style:none; clear:both; float:left; width:220px; border-bottom:4px solid #bbb;} .sidebarSmall ol{margin:4px 0px 20px 20px; padding:0; list-style:decimal; float:left; clear:both; width:220px;} .sidebarSmall ul li{width:146px; display:inline; background:url(images/arrow.gif) no-repeat 9px 9px; float:left; clear:both; padding:8px 0px 8px 34px; margin:0px; border-top:1px dotted #bbb; line-height:16px;} .sidebarSmall ul li a{width:200px;clear:both; padding:0px; margin:0px; background:none; } .sidebarSmall ul li:hover{background:#e7e7e7 url(images/arrow.gif) no-repeat 9px 9px;} .sidebarSmall ul li a:hover{width:200px;text-decoration:none; padding:0px 0px 0px 0px;line-height:16px;} .sidebarSmall ul ul{margin:10px 0px 10px; padding:0; list-style:none; float:left; clear:both; width:180px; border:none; } .sidebarSmall ul ul li{width:160px; border:none; padding:0px; margin:0px; background:none;} .sidebarSmall ul ul li a{width:160px;clear:both; padding:0px; margin:0px; background:none; color:#999; font-size:90%;} .sidebarSmall ul ul li a:hover{text-decoration:underline; color:#999;} .sidebarMedium{float:left; width:298px; padding:0px 1px;} .ipad {float:left;} .widgetwrap { margin:0; padding:0 } .greenScreen #enquiry-form input, .greenScreen #enquiry-form textarea {width:276px;} .greenScreen #enquiry-form input[type=submit] {width:290px;} /* ==================================================================================== FEATURED PORTFOLIO-POSTS AND PRODUCT-POSTS (On top of pages) ==================================================================================== */ #featured-wrap {text-align:left; margin:0; background:#557891 url(images/black-80.png); overflow:hidden;border-bottom:4px solid #bbb; position:relative; height:auto;} #featured-slide {float:left;} #featured-slide h2, #featured-slide h2 a{margin-bottom:8px; color:#efefef;} #featured-slide p{color:#f7f7f7;} .featured{width:920px; margin:0; padding:20px; float:left; height:auto; } .featured .featured-image{width:580px; float:left; clear:none; overflow:hidden; position:relative; background:#fff; padding:10px; border:1px solid #ddd;} .featured .featured-image .badge{position:absolute; top:10px; left:10px; width:153px; height:153px; display:block; background:url(images/featured-banner.png);} .featured .featured-info{width:260px; padding:30px 30px 0px 20px; float:left;} .featured-nav{position:absolute; bottom:20px; right:20px; text-align:right; z-index:5000;} .featured-nav a{padding:4px;} /* ==================================================================================== HOME PAGE ==================================================================================== */ .service{float:left; width:275px; margin:10px 20px 10px 0; border-top:4px solid #ddd; padding-top:10px;} .serviceimg{float:left; text-align:center; width:70px;} .servicetxt{float:left; width:275; clear:right; font-size:13px;line-height:1.2em; color:#777; margin-top:4px;} .servicetxt a.servicetitle{ font-size:13px; line-height:1.2em; color:#f7941d;} .servicetxt a.servicetitle:hover {color:#333; text-decoration:none;} #gallery{width:620px; padding:14px 0px 0px 30px; float:left;height:auto;} .gallery-slider{float:left; width:580px; height:auto;} .gallery-wrap{float:left; padding:0; clear:both; display:block; height:auto; } .galleryheader{float:left; clear:both; display:inline; width:571px; margin-bottom:10px; border-bottom:1px solid #555;} .galleryheader h4 a{color:#555;} .gallerytitle{float:left; width:400px;} .gallery-image-wrap{height:auto; float:left; margin:0 15px 5px 0; display:inline; width:180px; position:relative; overflow:hidden;} .gallery-image{height:auto; float:left;} .gallery-image{float:left;} .tooltip{position:absolute; text-align:center; background:url(images/white-50.png); width:168px; top:-50px; left:0; padding:10px 6px 6px; z-index:5001;} .tooltip a{color:#000;font-size:10px;} .tooltip h4{margin:0;font-size:10px;color:#000;} .prev-gal{} .next-gal{} .gallery-nav {float:right; width:34px;} .product-nav, .testimonial-nav{float:right; width:34px; margin-top:10px;} .gallery-next, .product-next{width:16px; height:15px; background:url(images/next-arrow.png) no-repeat top center; float:left; display:block; cursor:pointer;} .gallery-prev, .product-prev{width:16px; height:15px; background:url(images/prev-arrow.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer;} .gallery-next:hover, .product-next:hover{background:url(images/next-arrow.png) no-repeat bottom left; } .gallery-prev:hover, .product-prev:hover{background:url(images/prev-arrow.png) no-repeat bottom left; } .portfolio-vertical{width:580px; float:left; clear:both; margin-bottom:20px; border-bottom:4px solid #bbb; padding-bottom:4px;} .portfolio-vertical-info{float:left; width:380px;} .product-wrap{width:300px;float:left; } .teaser-wrap{width:288px; padding:0px 20px 0px 0px; float:left; } .teaser-wrap-middle{width:288px; padding:15px 20px 0px 0px; float:left; } .teaserheader{float:left; width:288px; margin-bottom:10px; padding-bottom:8px;} .sidebar .teaserheader{margin-bottom:10px; padding-bottom:5px;} .teaserheader h4, .teaserheader h2 {float:left; margin:0;} .teaser-content{padding:10px 0 0; width:288px; min-height:70px; border-bottom:4px solid #ebebeb; margin-bottom:5px; float:left;} .sidebar .teaser-content{padding:5px 0; width:288px; min-height:70px; padding:0;} .teaser-content img{float:left; display:block; margin-top:2px;} .teaser-content p.teasertitle{margin:0; line-height:1.7em;} .teaser-content p{line-height:1.3em;} .teaser-content p.teasertitle a{ font-size:14px; padding:0; margin:0; color:#f7941d;} .teaser-content a{font-size:13px; color:#777; margin:0;} .teaser-content a.teasertitle:hover, .teaser-content a.teasertitle:hover span {color:#888; text-decoration:none;} .sidebar .product-next{width:16px; height:15px; background:url(images/next-arrow-dark.png) no-repeat top center; float:left; display:block; cursor:pointer; } .sidebar .product-prev{width:16px; height:15px; background:url(images/prev-arrow-dark.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer; } .sidebar .product-next:hover{background:url(images/next-arrow-dark.png) no-repeat bottom left; } .sidebar .product-prev:hover{background:url(images/prev-arrow-dark.png) no-repeat bottom left; } .testimonial-wrap{float:left; clear:both; width:288px; display:block; margin:15px 0 40px;} .testimonial-wrap h2 {padding:0px 0px 0px 0px; float:left; /*background:url(images/toddler.png) no-repeat top left;*/ margin:0px 0px 12px 0px;} .testimonial{float:left; clear:both; width:280px; display:block;} .testimonial-slider{clear:both; height:auto;} .signature{font-style:italic;} .signature span{font-size:10px;} .testimonial a, .product-slider a {color:#f7941d;} .testimonial a:hover, .product-slider a:hover {color:#333;} .testimonial p, .product-slider p {font-size:13px;} .testimonial a:hover{color:#888; text-decoration:none;} .testimonial-next{width:16px; height:15px; background:url(images/next-arrow-dark.png) no-repeat top center; float:left; display:block; cursor:pointer;} .testimonial-prev{width:16px; height:15px; background:url(images/prev-arrow-dark.png) no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer;} .testimonial-next:hover{background:url(images/next-arrow-dark.png) no-repeat bottom left; } .testimonial-prev:hover{background:url(images/prev-arrow-dark.png) no-repeat bottom left; } /* ==================================================================================== POST ON HOME PAGE ==================================================================================== */ .post{float:left; clear:both; width:580px;} .post .posttitle{font-size:24px; margin:0;} .post-header{border-bottom:1px dotted #bbb; float:left; position:relative; width:580px; padding:10px 0px} .post-title {float:left; width:440px; } .post-title h2{color:#666; margin:0px; font-size:24px; line-height:1em;} .post-meta{float:right; width:110px; margin-right:20px;} .post-date{width:120px; padding:0px; float:left; position:absolute; bottom:10px; right:0px;} .post-date ul{margin:0; padding:0; list-style:none;} .post-date li.day {font-size:30px; margin:0; float:left; text-align:right; width:30px; padding-right:14px;border-right:1px solid #bbb; line-height:0.75em; color:#555; letter-spacing:-0.2em;} .post-date li.month {font-size:14px; margin:0; float:left; padding-left:10px; width:40px; line-height:0.9em; clear:right; color:#777;} .post-date li.year {font-size:10px; margin:0; float:left; padding-left:10px;width:40px; line-height:0.1em; clear:right; color:#bbb; } .post-content{width:580px; float:left; padding:10px 0px} .post-exerpt{width:580px; float:left; margin:0px;} .post-category {width:580px; float:left;margin:4px 0px 0px 0px; color:#999; clear:both; font-size:10px; } .post-tags {width:580px; float:left; margin:0px 0px 20px 0px; color:#999;clear:both; font-size:10px;} .one-third{width:180px; float:left; margin:0 20px 20px 0;} /* ==================================================================================== BLOG POSTS ==================================================================================== */ .blog-post{float:left; clear:both; width:580px; border-bottom:4px solid #bbb; margin-bottom:20px; padding-bottom:20px} .blog-post h2{padding:0; } .blog-post-meta{float:left; clear:both; width:580px; padding:0; margin:0 0 0px 0;} .leftfloat a, .rightfloat a{color:#777; font-size:90%; border-bottom:1px solid #f7941d;} .leftfloat a:hover, .rightfloat a:hover{color:#555; font-size:90%; border-bottom:1px solid #999; text-decoration:none;} .blog-post-meta ul{list-style:none; margin:0; padding:0;} .blog-post-meta li{clear:none; float:left;} .blog-post img{margin-bottom:10px;} .rightfloat{float:right;} .leftfloat{float:left;} /* --------------------------------------------------------------*/ /* POST COMMENTS */ #respond{margin:0px; float:left;} #respond input{background-color:#f7f7f7; border:1px solid #dbdbdb; padding:2px 10px; color:#999; width:300px; margin-right:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;} #respond input:focus, #enquiry-form textarea:focus, #respond textarea:focus {background-color:#efefef;} #respond textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #dbdbdb;padding:10px; color:#999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px} #respond input#submit, #enquiry-form #submitbutton{float:left; width:auto; padding-right:24px; border:none; color:#f7941d; font-size:11px; background:#ebebeb url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:0px 0 16px 0;} #respond input#submit:hover, #enquiry-form #submitbutton:hover{color:#555;} #comments{float:left; margin:40px 0 30px 0;} .commentlist{margin:0px 0px 0px; float:left; list-style:none; padding:0; width:580px;} .commentlist ul{list-style:none; margin:20px 0 0; float:left; clear:both;} .commentlist li{border-bottom:1px solid #bbb; float:left; margin-bottom:10px; padding-bottom:20px; width:580px;} .commentlist li li{border-bottom:none; background:#fff; padding:20px; width:540px;} .commentlist li li li{border-bottom:none; background:#efefef; padding:20px; width:500px;} .commentlist li li li li{border-bottom:none; background:#fff; padding:20px; width:460px;} .commentlist li li li li li{border-bottom:none; background:#efefef; padding:20px; width:420px;} .commentlist p{margin-top:8px;} .comment-body{} .comment-author{float:left; margin: 0px 10px 6px 0px; display:inline; width:50px;} .comment-author cite{clear:both; font-weight:bold;} .vcard{float:left; clear:both; display:block; width:100px; text-align:center; padding:18px 4px; background:#fff; border:1px solid #ccc; margin-bottom:10px;} .comment-meta{ margin-top:20px;margin-bottom:8px; width:450px; display:inline; clear:right;} .fn{float:left; width:100px; background:#fff; clear:both; margin:0px; text-align:center;} .says{display:none;} /* ==================================================================================== PORTFOLIO STYLES ==================================================================================== */ .portfolio-wrap{float:left; margin:0 20px 20px 0;} .portfolio-image-wrap{ display:inline; overflow:hidden; position:relative; background:url(images/zoom.png) no-repeat center center} .portfolio-image{float:left; position:relative;} .portfolio-image-wrap .tooltip{position:absolute; text-align:center; background:#fff; width:88px; top:-50px; left:40px; padding:6px;} .portfolio-image-wrap .tooltip a{color:#999; font-size:10px;} /* ==================================================================================== MICS CLASSES ==================================================================================== */ .alignright{float:right; margin:0px 0px 8px 20px;} .alignleft{float:left; margin:0px 20px 8px 0px;} .no-border{border:none;} .last{margin-right:0px;} .sidebar-20{background:url(images/sidebar-overflow-20.png) repeat-y 630px top;} .sidebar-08{background:#557891 url(images/black-80.png) repeat;} .break{width:100%; float:left; clear:both;} .article .bottomborder{border-bottom:none; float:left; margin-bottom:20px;} .bottomborder{border-bottom:4px solid #bbb;} a.more{padding-right:24px; background:url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:4px 0 16px 0;} a.more:hover {text-decoration:none;} /* Shortcode boxes */ .box{float:left;} .single{width:176px; margin:0 20px 20px 0; border-bottom:4px solid #bbb;} .double{width:380px; margin:0 20px 20px 0; border-bottom:4px solid #bbb;} .triple{width:580px; margin:0 0px 20px 0; border-bottom:4px solid #bbb;} .last{margin-right:0;} /* ==================================================================================== PAGINATION STYLE ==================================================================================== */ #pager{float:left; clear:both; display:inline;} #pager ul{margin:0; padding:0; list-style:none; width:800px;} #pager li{clear:none;width:30px; height:30px; float:left; display:block; padding:0px; margin-right:4px; line-height:1em; } #pager li a{background-color:#fff; width:28px; height:28px; padding:0px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#333;} #pager li a:hover{background-color:#ccc; color:#333; display:inline-block; margin-bottom:0;} #pager li.current a{background-color:#f7941d; color:#efefef; display:inline-block; margin-bottom:0;} #pager li a span{ width:30px; height:10px; padding-top:8px; text-align:center; display:block; } #pager .pages{display:none;} div#socialmedia {margin: 10px auto 20px auto; padding-bottom:20px; float:left; text-align: left; border-bottom:4px solid #bbb;} div#socialmedia ul#social {margin: 5px 0px;list-style: none; display:inline-block;border:none;} div#socialmedia ul#social li { padding: 0px; float: left; position: relative; margin-right: 10px; width: 24px; height: 24px; clear:none; border:none; background:none; } div#socialmedia ul#social li a { position: absolute; margin:0; padding:0; } div#socialmedia ul#social li img { position: absolute; width: 24px; top: 0px; left: 0px; padding: 0px; margin: 0 8px 0 0; border: none; overflow: hidden; } /* CODA SLIDER FOR HOME PAGE TAB */ /* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Most common stuff you'll need to change */ .coda-slider-wrapper { padding: 0px 0; } .coda-slider { background: #ebebeb; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px;} /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 580px;} .coda-slider {border-top:1px solid #bbb; padding: 20px 0; width: 580px;} /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:580px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 0px;} .coda-slider h2.title{display:none;} /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { background: #333; color: #fff; padding: 5px; width: 100px; visibility:hidden;} /* Tab nav */ .coda-nav ul li a.current {background:#fff; border:1px solid #bbb; } /* Panel padding */ .coda-slider .panel-wrapper { padding:0px } /* Preloader */ .coda-slider p.loading { padding:20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear:both; display: inline; float:left; margin:0 0 0px; width:580px; overflow: hidden; } .coda-nav ul li { display: inline; float:left; clear:none; padding:0; margin:0;} .coda-nav ul li a { background:none; border:1px solid #bbb; border-bottom:none; margin-bottom:-1px; color: #f7941d; display:inline; float:left; clear:none; margin-left: 1px; padding: 12px 16px 10px; text-decoration:none; } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /* This css file serves as a template for styling your kwicks. Feel free to modify, but please make note of the comments - some of them are important. */ #kwicks{background: url(images/ajax-loader.gif) no-repeat center center; overflow:hidden; width:960px; } .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; } .kwicks li { /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 0px; /*Set to same as spacing option. */ float: left; } .kwicks.vertical li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom:5px; /*Set to same as spacing option. */ } .kwickshadow { z-index: 10; background: url(images/accordion-shadow.png) repeat-y; position: absolute; right: 0px; width: 30px;} .slideimage {float:left;padding:0;margin:0; display:none;} .slide-minicaption { bottom:20px; left:20px; position:absolute; color:#111; padding:10px 10px 10px 10px; font-size:13px; line-height:1.3em; background:#fff; width: 130px; } .slide-minicaptiontitle {letter-spacing:0; color:#111; display:block; line-height:18px; } .slidecaption { bottom:20px; left:960px; position:absolute; color:#222; padding:15px; font-size:13px; line-height:1.5em; background:#fff; width: 400px; } .slidecaption a {color:black; text-decoration:none; font-weight:bold; float:right;} .slidecaption a:hover { text-decoration:none; color:#f7941d; } p.captiontitle { letter-spacing:0px; display:block; color:#222; margin-bottom:4px; font-size:26px; } .slidecaptiontitle h2 a { color:#222; margin-top:0;} .slidecaptiontitle h2 a:hover { color:#555; text-decoration:none; } .input-wrap{background:url(images/input-bg.gif) no-repeat; width:280px; height:28px; display:inline; clear:both; float:left; margin-bottom:8px;} .input-wrap p{margin-top:6px; float:left;} .textarea-content{width:280px; float:left; margin:0px; display:inline} #enquiry textarea{margin:0;width:266px; height:70px; padding:1px 5px; color:#777; font-size:11px;} #contactform label{clear:right; float:left; padding-top:5px;} #contactform input{margin:0 10px 10px 0;float:left;} #contactform textarea{margin-bottom:10px;} .submit-btn{float:left; padding-right:24px; border:none; color:#f7941d; font-size:11px; background:#ebebeb url(images/linkarrow.png) no-repeat right center; text-transform:uppercase; float:left; margin:16px 0 16px 0;} .submit-btn:hover{color:#555;} /* ================================= on page additions ================================= */ body{background-image: url(images/patterns/black_wood.jpg); background-repeat:repeat; background-position: top center;} a, .servicetxt a.servicetitle,.teaser-content p.teasertitle a, #respond input#submit, #enquiry-form #submitbutton, .coda-nav ul li a, .submit-btn{color:;} .leftfloat a, .rightfloat a, #menu ul ul{border-color:;} #pager li.current a{background-color:;} #secondary a, #footerlinks a, #credits, #footermenu a{color:;} #pagetitle,#featured-wrap {background-color:;} #featured-wrap{min-height:350px;} #pagetitle h1{font-size:;} #slideshow {height:300px;} #kwicks,.kwickshadow{height:300px;} .kwicks li{width: 240px; height:300px;} /* ================================ added line in header ================================ */ .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;} /* ============== portfolio ============== */ #demo {float: left; width: 600px; margin:0 -30px -20px; padding:15px 0 0 30px; background-color:#11181d;} #demo li {list-style:none; display:inline; font-family: arial; font-size: 12px; padding: 100px 0 0 0; width: 180px; height: 119px; text-align: center;} #demo a {padding: 119px 0 0 0px; width: 180px; float:left; color: #fff; margin:0 15px 5px 0;} #demo #britishgas a {background: url("images/portfolio/britishgas_th.gif") no-repeat;} #demo #amex a {background: url("images/portfolio/amex_th.gif") no-repeat;} #demo #standardlife a {background: url("images/portfolio/standardlife_th.gif") no-repeat;} #demo #virgin a {background: url("images/portfolio/virgin_th.gif") no-repeat;} #demo #fitbug a {background: url("images/portfolio/fitbug_th.gif") no-repeat;} #demo #ecademy a {background: url("images/portfolio/ecademy_th.gif") no-repeat;} #demo #carbonadvicegroup a {background: url("images/portfolio/carbonadvicegroup_th.gif") no-repeat;} #demo #coalters a {background: url("images/portfolio/coalters_th.gif") no-repeat;} #demo #onelivecasino a {background: url("images/portfolio/onelivecasino_th.gif") no-repeat;} #demo #yourbodyactive a {background: url("images/portfolio/yourbodyactive_th.gif") no-repeat;} #demo #regtransfers a {background: url("images/portfolio/regtransfers_th.gif") no-repeat;} #demo #supaswap a {background: url("images/portfolio/supaswap_th.gif") no-repeat;} #demo #laserway a {background: url("images/portfolio/laserway_th.gif") no-repeat;} #demo #welcomeA a {background: url("images/generics/welcomeA.gif") no-repeat;} #demo #welcomeD a {background: url("images/generics/welcomeD.gif") no-repeat;} #demo #welcomeJ a {background: url("images/generics/welcomeJ.gif") no-repeat;} #demo #welcomeK a {background: url("images/generics/welcomeK.gif") no-repeat;} #demo #offersA a {background: url("images/generics/offersA.gif") no-repeat;} #demo #offersD a {background: url("images/generics/offersD.gif") no-repeat;} #demo #offersJ a {background: url("images/generics/offersJ.gif") no-repeat;} #demo #offersK a {background: url("images/generics/offersK.gif") no-repeat;} #demo #formD a {background: url("images/generics/formD.gif") no-repeat;} #demo #dentistD a {background: url("images/generics/dentistD.gif") no-repeat;} #demo #dentistH a {background: url("images/generics/dentistH.gif") no-repeat;} #demo #constructionS a {background: url("images/generics/constructionS.gif") no-repeat;} #demo #plumberS a {background: url("images/generics/plumberS.gif") no-repeat;} #demo #britishgas a:hover, #demo #amex a:hover, #demo #standardlife a:hover, #demo #virgin a:hover, #demo #fitbug a:hover, #demo #ecademy a:hover, #demo #carbonadvicegroup a:hover, #demo #coalters a:hover, #demo #onelivecasino a:hover, #demo #yourbodyactive a:hover, #demo #regtransfers a:hover, #demo #supaswap a:hover, #demo #laserway a:hover, #demo #welcomeA a:hover, #demo #welcomeD a:hover, #demo #welcomeJ a:hover, #demo #welcomeK a:hover, #demo #offersA a:hover, #demo #offersD a:hover, #demo #offersJ a:hover, #demo #offersK a:hover, #demo #formD a:hover, #demo #dentistD a:hover, #demo #dentistH a:hover, #demo #constructionS a:hover, #demo #plumberS a:hover {background-position:-180px 0px; color: #f7941d;} #demoX2 {float: left; width: 600px; margin:0 -30px -20px; padding:30px 0 10px 30px; background-color:#11181d;} #demoX2 li {list-style:none; display:inline; font-family: arial; font-size: 12px; padding: 100px 0 0 0; width: 277px; height: 155px; text-align: center;} #demoX2 a {padding: 155px 0 0 0px; width: 277px; float:left; color: #fff; margin:0 15px 5px 0;} #demoX2 #emailEnglish a {background: url("images/videos/emailEnglish.gif") no-repeat;} #demoX2 #emailAmerican a {background: url("images/videos/emailAmerican.gif") no-repeat;} #demoX2 #emailEnglish a:hover, #demoX2 #emailAmerican a:hover {background-position:-277px 0px; color: #f7941d;} #demoX3 {float: left; width: 600px; margin:0 -30px -20px; padding:15px 0 0 30px; clear:both; display:block} #demoX3 li {list-style:none; display:inline; font-family: arial; font-size: 12px; padding: 100px 0 0 0; width: 180px; height: 119px; text-align: center;} #demoX3 a {padding: 95px 0 5px 0px; width: 180px; float:left; color: #EBEBEB; margin:0 15px 40px 0; font-size:15px; font-weight:bold;} #demoX3 #webpresenters a {background: url("images/portfolio/webpresenters_th.gif") no-repeat;} #demoX3 #videonews a {background: url("images/portfolio/videonews_th.gif") no-repeat;} #demoX3 #corporatevideos a {background: url("images/portfolio/corporatevideos_th.gif") no-repeat;} #demoX3 #webpresenters a:hover,#demoX3 #videonews a:hover, #demoX3 #corporatevideos a:hover {background-position:-180px 0px; color: #fff;} #presenters, #websites {background-color:#11181d; margin: 0 0 -20px -30px; padding:30px 0 20px 30px; width:600px;} #presenters img {margin:0 2px 4px 0;} iframe {} #social {width:310px; padding:10px 0px 0px 0px; float:left;} #social a {padding: 67px 0 0 0px; width: 75px; float:left; margin:50px 0 0 15px;} #social a.facebook {background: url("images/icons/facebook.png") no-repeat;} #social a.linkedin {background: url("images/icons/linkedin.png") no-repeat;} #social a.twitter {background: url("images/icons/twitter.png") no-repeat;} #social a.facebook:hover, #social a.linkedin:hover, #social a.twitter:hover {background-position:-75px 0px;} #top_up {z-index:999999;} .third {float:left; width:268px; height:117; margin:0 5px; padding:10px; background: url(images/affiliatesBox.jpg) no-repeat 0 0 } .thirdOrder {float:left; width:268px; height:117; margin:0 5px; padding:10px; background: url(images/customerOrderBox.jpg) no-repeat 0 0 } .twothird {float:left; width:566px; margin:0 5px; padding:10px; text-align:center }