/* ####### Reset ####### */ * {margin:0; padding:0;} body { background: #FFF url(../images/snazzy-background7.jpg) no-repeat center top; } body, input, textarea {color:#666666; font-family:Tahoma, Arial, Verdana, sans-serif;} h1, h2, h3, h4, h5, h6 {font-family:Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color:#464646;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#464646; text-decoration:none;} h1 {font-size:36px;} h2 {font-size:28px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:16px;} h6 {font-size:14px;} .highlighted { font-weight:bold; color:#000000; } p {color:#666666; font-size:16px; line-height:1.5em;} small {color:#666666; font-size:12px;} img {border:0;} a {color:#ad1f23; text-decoration:none; outline:none;} a:hover {color:#ad1f23; text-decoration:underline;} hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;} /* ######## Misc ######## */ img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {margin:3px 0 3px 15px; display:inline;} img.alignleft {margin:3px 15px 3px 0; display:inline;} img.noBorder {border:0; padding:0; background:none;} img.noBorder:hover {border:0; padding:0; background:none;} .noLeftMargin {margin-left:0;} .noRightMargin {margin-right:0;} .alignright {float:right;} .alignleft {float:left;} .blue {color:#ad1f23;} .grey {color:#b4b4b4;} .red {color:#FE3131;} .size11 {font-size:11px;} .size12 {font-size:12px;} .size13 {font-size:13px;} .size14 {font-size:14px;} .size15 {font-size:15px;} .size16 {font-size:16px;} .size17 {font-size:17px;} .size18 {font-size:18px;} .size19 {font-size:19px;} .size20 {font-size:20px;} .size21 {font-size:21px;} .size22 {font-size:22px;} .size23 {font-size:23px;} .size24 {font-size:24px;} .size25 {font-size:25px;} /* ######## Buttons and Menus ######## */ .simpleButton {background:url(../images/blueArrow.gif) no-repeat left 60%; color:#ad1f23; padding-left:10px; cursor:pointer;} .simpleButton:hover {color:#ad1f23;} .simpleMenu {list-style-type:none;} .simpleMenu li {float:left; margin:0 0 0 10px;} .simpleMenu li a {color:#666666; font-size:11px; text-decoration:none; border-right:1px solid #666666; padding:0 10px 0 0;} .simpleMenu li a:hover {color:#ad1f23; text-decoration:underline;} .learnMore, .hireNow, .visitNow, .signUpButton, .logIn, .viewNow { background:url(../images/buttons/learnMore.png) no-repeat left top; text-indent:-9999px; height:45px; width:195px; display:block; border:0; cursor:pointer; font-size:0; line-height:0; } .learnMore:hover {background-position:left -45px;} .learnMore:active {background-position:left -90px;} #moreinfo1 { position:absolute; margin-top:255px; margin-left:0px; } #moreinfo2 { position:absolute; margin-top:255px; margin-left:0px; } #moreinfo3 { position:absolute; margin-top:30px; margin-left:0px; } .hireNow {background:url(../images/buttons/buyNow.png) no-repeat left top; width:205px;} .hireNow:hover {background-position:left -45px;} .hireNow:active {background-position:left -90px;} .visitNow {background:url(../images/buttons/visitNow.png) no-repeat left top; width:205px;} .visitNow:hover {background-position:left -45px;} .visitNow:active {background-position:left -90px;} .viewNow {background:url(../images/buttons/viewNow.png) no-repeat left top; width:205px;} .viewNow:hover {background-position:left -45px;} .viewNow:active {background-position:left -90px;} .signUpButton {background:url(../images/buttons/signUp.png) no-repeat left top; width:224px;} .signUpButton:hover {background-position:left -45px;} .signUpButton:active {background-position:left -88px;} .logIn {background:url(../images/buttons/logIn.png) no-repeat left top; width:150px;} .logIn:hover {background-position:left -44px;} .logIn:active {background-position:left -88px;} .previous {background:url(../images/buttons/previousButton.png) no-repeat top right; width:32px; height:32px; float:left; display:block; cursor:pointer; margin-left:-67px; margin-top:-114px;} .next {background:url(../images/buttons/nextButton.png) no-repeat top right; width:32px; height:32px; margin-left:967px; margin-top:-114px; display:block; cursor:pointer;} .previous:hover {background-position:left bottom;} .next:hover {background-position:left bottom;} .previous:active {background-position:right bottom;} .next:active {background-position:right bottom;} .previous.disabled {cursor:default; background-position:top left;} .next.disabled {cursor:default; background-position:top left;} .videoThumb {position:relative;} .videoThumb span {background:url(../images/buttons/thumbPlay.png) no-repeat center center; position:absolute; display:block; width:100%; height:100%; cursor:pointer;} .videoThumb:hover span {background:url(../images/buttons/thumbPlayHover.png) no-repeat center center;} /* ######## Main Blocks ######## */ /*#header {background:url(images/headerBg.jpg) repeat-x top left;}*/ #breadcrumbs {background:url(../images/breadcrumbsBg.jpg) repeat-x top left; height:40px;} #center {background:url(../images/centerBg.jpg) repeat-x top left; padding-top:30px;} #footer {background: #373737 url(../images/footerBg.jpg) repeat-x top left; margin-top:50px; position:relative; z-index:10;} /* ######## Top Header which contains the top menu and the search box ######## */ #topHeader {height:20px;} #topHeader .simpleMenu {height:20px; line-height:20px; float:right; margin-right:20px;} #searchbox { position:absolute; background:url(../images/forms/searchBg.png) no-repeat top right; width: 250px; height: 25px; margin-top:153px; } #mainHeader .search {float:left; height:25px;} #mainHeader .search .textInput { background-color:transparent; font-size:11px; border:0; height:25px; width:230px; color:#666; margin-left:35px; /* padding:4px 25px 0 10px; */ } #mainHeader .search .textInput:focus {outline:none;} #mainHeader .search .button { background:url(../images/buttons/searchButton.png) no-repeat center center; text-indent:-9999px; cursor:pointer; border:none; position:absolute; right:8px; top:5px; height:14px; width:14px; } #mainHeader .search .button:hover {background:url(../images/buttons/searchButtonHover.png) no-repeat center center;} /* ######## Main header contains the main menu, the logo and description ######## */ #mainHeader {height:190px; position:relative; z-index:1000;} #mainHeader .left {margin-left:-40px; } #mainHeader .right {height:98px; margin-right:-40px; padding:0 60px 0 70px;} #mainHeader .logo {position:absolute; margin-top:5px;} #mainHeader .description {float:left; color:#def7fb; margin-top:36px; font-size:11px; line-height:22px;} #mainHeader .mainMenu { list-style-type:none; position:absolute; width: 600px; height: 120px; margin-left:385px; margin-top:25px; } #mainHeader .mainMenu li {float:left; height:97px; padding:0 0 0 12px;} #mainHeader .mainMenu li a { font-size:8px; height:100px; list-style:none outside none; width:600px; } /*#mainHeader .mainMenu li:hover {background:url(../images/mainMenuHoverL.png) no-repeat top left;} #mainHeader .mainMenu li:hover a { background:url(../images/mainMenuHover.png) no-repeat top right; text-shadow:0 -0.8px 0.5px #2e95b2, 0 0.5px 0.4px #7bd1e5; color:#232323; }*/ /*#mainHeader .mainMenu li:active {background:url(../images/homebutton.png) no-repeat top left;} #mainHeader .mainMenu li:active a {background:url(../images/homeButton.png) no-repeat top left;} #mainHeader .mainMenu .current {background:url(../images/homeButton.png) no-repeat top left;} #mainHeader .mainMenu .current a {background:url(../images/homebutton.png) no-repeat top left;}*/ /* MENU BUTTONS */ #menubutton1a { width:82px; height:97px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; } #menubutton1b {display: block; width: 82px; height: 97px; background: url(../images/homeButton.png) no-repeat 0 0; } #menubutton1b:hover { background-position: 0 -97px; } #menubutton1b span { display: none; } #menubutton2a { width:82px; height:97px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; margin-left:72px; } #menubutton2b {display: block; width: 82px; height: 97px; background: url(../images/aboutButton.png) no-repeat 0 0; } #menubutton2b:hover { background-position: 0 -97px; } #menubutton2b span { display: none; } #menubutton3a { width:107px; height:99px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; margin-left:146px; margin-top:-2px; } #menubutton3b {display: block; width: 107px; height: 99px; background: url(../images/packagesButton.png) no-repeat 0 0; } #menubutton3b:hover { background-position: 0 -99px; } #menubutton3b span { display: none; } #menubutton4a { width:73px; height:98px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; margin-left:243px; margin-top:-1px; } #menubutton4b {display: block; width: 73px; height: 98px; background: url(../images/faqButton.png) no-repeat 0 0; } #menubutton4b:hover { background-position: 0 -98px; } #menubutton4b span { display: none; } #menubutton5a { width:95px; height:97px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; margin-left:454px; } #menubutton5b {display: block; width: 95px; height: 97px; background: url(../images/contactButton.png) no-repeat 0 0; } #menubutton5b:hover { background-position: 0 -97px; } #menubutton5b span { display: none; } #menubutton6a { width:156px; height:97px; overflow:hidden; position:absolute; cursor: pointer; text-decoration: none; margin-left:307px; } #menubutton6b {display: block; width: 156px; height: 97px; background: url(../images/newsButton.png) no-repeat 0 0; } #menubutton6b:hover { background-position: 0 -97px; } #menubutton6b span { display: none; } /* ######## The Heading below the main menu ######## */ #heading {margin:30px 0 0 0; padding-bottom:30px; overflow:hidden; clear:both;} #heading h2 {color:#ad1f23; font-size:22px; line-height:26px;} #heading h5 {color:#666666; line-height:26px;} /* ######## Home Page Slider ######## */ #sliderFadeLeft { position:absolute; background-image:url(../images/whiteFadeLeft2.png); margin-top:29px; margin-left:490px; height:603px; width:45px; z-index:100; } #sliderFadeRight { position:absolute; background-image:url(../images/whiteFadeRight2.png); margin-top:29px; margin-left:985px; height:603px; width:45px; z-index:100; } #slider { margin-top:25px; margin-left:500px; height:640px; width:525px; overflow:hidden; clear:both; } #sliderBgrnd { position:absolute; background:url(../images/sliderbgrnd.png) no-repeat transparent; margin-top:25px; margin-left:497px; height:610px; width:530px; z-index:100; clear:both; } #slider h1 {margin-bottom:5px;} #slider h5 {color:#ad1f23; line-height:26px;} #slider ul {list-style-type:none;} #slider .column {margin:5px 0 15px 0;} #slider .simpleButton {color:#666666; font-size:14px; line-height:35px;} #slider .text { display:inline; float:left; position:relative; margin-right:0; width:450px; margin-left:35px; } #slider .thumbnail {height:255px; position:relative;} #slider .thumbnail img {position:absolute; top:25px; right:0;} #slider .coda-slider .panel-wrapper {position:relative;} #slider .coda-slider, .coda-slider .panel {width:525px} #slider .coda-slider p.loading { padding: 20px; text-align: center } #sliderNav {float:right; margin-top:10px; margin-right:-10px;} #sliderNav .coda-nav ul {clear:both; display:block; overflow:hidden} #sliderNav .coda-nav ul li {display:inline;} #sliderNav .coda-nav ul li a {background:url(../images/buttons/slideshowButton.png) no-repeat top center; height:24px; width:24px; display: block; float: left;} #sliderNav .coda-nav ul li a:hover {background-position:center -24px;} #sliderNav .coda-nav ul li a.current {background-position:bottom center; outline:none;} #slider .coda-slider {float:left; overflow:hidden; position:relative;} #slider .coda-slider .panel {display:block; float:left;} #slider .coda-slider .panel-container {position:relative;} #slider .coda-nav-left, .coda-nav-right {float:left;} #slider .coda-nav-left a, .coda-nav-right a {display:block; text-align:center; text-decoration:none;} /* ######## Breadcrumbs ######## */ #breadcrumbs .container_16 {width:940px;} #breadcrumbs p {font-size:13px; line-height:42px; float:left;} #breadcrumbs ul.crumbs {list-style-type:none; line-height:40px;} #breadcrumbs ul.crumbs li {color:#666666; display:inline; font-size:13px; margin-right:3px;} #breadcrumbs ul.crumbs li a {color:#666666; background:url(../images/greyArrow.gif) no-repeat right 4px; padding-right:12px; cursor:pointer;} #breadcrumbs ul.crumbs li a:hover {color:#ad1f23;} /* ######## Content ######## */ #content h3 {color:#ad1f23; font-size:22px; line-height:26px;} #content {position:absolute; margin-top:25px; margin-left:10px; } #content hr {margin:35px 0;} #content ul, #content ol {margin-left:35px;} #content li {line-height:1.5em;} #content p {margin-bottom:10px; margin-top:5px;} #content img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #content img:hover {border:1px solid #ad1f23;} #content blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;} #content blockquote p {color:#cccccc; font-style:italic;} #content table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;} #content td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;} #content th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;} #content caption {margin-bottom:10px; font-size:18px;} #content img.noBorder {border:0; padding:0; background:none;} #content img.noBorder:hover {border:0; padding:0; background:none;} #content .client h3 {margin-top:25px;} #content .column h3 {margin-bottom:-4px;} #content .column .thumbnail {text-align:center; line-height:140px;} #content .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;} /* ######## Content2 ######## */ #content2 {width:650px; margin-left:30px; margin-right:50px;} #content2 h3 {color:#ad1f23; font-size:22px; line-height:26px;} #content2 hr {margin:35px 0;} #content2 ul, #content ol {margin-left:35px;} #content2 li {line-height:1.5em;} #content2 p {margin-bottom:10px; margin-top:5px;} #content2 img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #content2 img:hover {border:1px solid #ad1f23;} #content2 blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;} #content2 blockquote p {color:#cccccc; font-style:italic;} #content2 table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;} #content2 td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;} #content2 th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;} #content2 caption {margin-bottom:10px; font-size:18px;} #content2 img.noBorder {border:0; padding:0; background:none;} #content2 img.noBorder:hover {border:0; padding:0; background:none;} #content2 .client h3 {margin-top:25px;} #content2 .column h3 {margin-bottom:-4px;} #content2 .column .thumbnail {text-align:center; line-height:140px;} #content2 .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;} /* ######## Content3 ######## */ #content3 {width:770px; margin-right:15px;} #content3 h3 {color:#ad1f23; font-size:22px; line-height:26px;} #content3 hr {margin:35px 0;} #content3 ul, #content ol {margin-left:35px;} #content3 li {line-height:1.5em;} #content3 p {margin-bottom:10px; margin-top:5px;} #content3 img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #content3 img:hover {border:1px solid #ad1f23;} #content3 blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;} #content3 blockquote p {color:#cccccc; font-style:italic;} #content3 table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;} #content3 td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;} #content3 th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;} #content3 caption {margin-bottom:10px; font-size:18px;} #content3 img.noBorder {border:0; padding:0; background:none;} #content3 img.noBorder:hover {border:0; padding:0; background:none;} #content3 .client h3 {margin-top:25px;} #content3 .column h3 {margin-bottom:-4px;} #content3 .column .thumbnail {text-align:center; line-height:140px;} #content3 .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;} /* ######## Content 4 ######## */ #content4 {margin-top:25px; margin-left:10px; } #content4 h3 {color:#ad1f23; font-size:22px; line-height:26px;} #content4 hr {margin:35px 0;} #content4 ul, #content ol {margin-left:35px;} #content4 li {line-height:1.5em;} #content4 p {margin-bottom:10px; margin-top:5px;} #content4 img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #content4 img:hover {border:1px solid #ad1f23;} #content4 blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;} #content4 blockquote p {color:#cccccc; font-style:italic;} #content4 table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;} #content4 td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;} #content4 th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;} #content4 caption {margin-bottom:10px; font-size:18px;} #content4 img.noBorder {border:0; padding:0; background:none; margin-top:-119px; margin-right:-85px;} #content4 img.noBorder:hover {border:0; padding:0; background:none;} #content4 .client h3 {margin-top:25px;} #content4 .column h3 {margin-bottom:-4px;} #content4 .column .thumbnail {text-align:center; line-height:140px;} #content4 .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;} /* ######## Content 5 ######## */ #content5 {margin-top:25px; margin-left:10px; } #content5 h3 {color:#ad1f23; font-size:22px; line-height:26px;} #content5 hr {margin:35px 0;} #content5 ul, #content ol {margin-left:35px;} #content5 li {line-height:3em;} #content5 p {margin-bottom:10px; margin-top:5px;} #content5 img {border:1px solid #cccccc; padding:2px; background-color:transparent;} #content5 img:hover {border:1px solid #ad1f23;} #content5 blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;} #content5 blockquote p {color:#cccccc; font-style:italic;} #content5 table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;} #content5 td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;} #content5 th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;} #content5 caption {margin-bottom:10px; font-size:18px;} #content5 img.noBorder {border:0; padding:0; background:none; } #content5 img.noBorder:hover {border:0; padding:0; background:none;} #content5 .client h3 {margin-top:25px;} #content5 .column h3 {margin-bottom:-4px;} #content5 .column .thumbnail {text-align:center; line-height:140px;} #content5 .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;} #priceTable .priceTabs img {border:none !important; padding-top:5px !important; background-color:transparent !important;} #priceTable .priceTabs img:hover {border:none !important;} #priceTable .priceTabs li span { position:absolute;} #love {position:absolute; width:150px; height:150px; background-image:url(../images/sticker.png); margin-left:865px; margin-top:205px;} /* ######## Home Page Tagline ######## */ #tagline {background:url(../images/tagline.jpg) repeat-x left top; height:96px; margin-bottom:30px; width:960px;} #tagline .left {background:url(../images/taglineLeft.jpg) no-repeat top left; width:960px;} #tagline .right {background:url(../images/taglineRight.jpg) no-repeat top right; height:96px; width:960px;} #tagline h3 {margin-top:20px; margin-left:30px; line-height:26px; font-size:18px;} #tagline #tour {border-left:1px solid #cccccc; height:85px; padding:11px 0 0 21px; margin-left:3; margin-right:0;} #tagline #tour p { line-height:12px; font-size:16px;} #tagline #tour .simpleButton {font-size:12px;} #tagline #tour .videoThumb {float:left; margin-right:10px;} #tagline #tour .videoThumb img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #tagline #tour .videoThumb:hover img {border:1px solid #ad1f23;} /* ######## About Page ######## */ #content .block {margin:25px 10px 25px 0;} #content .block p {margin-top:4px; margin-bottom:4px; padding-right:10px;} #content .block small {color:#ad1f23; font-size:11px;} #content .block .simpleButton {font-size:12px;} #content .block .grid_2 {margin-left:0;} #content .block .grid_4 {margin-right:0;} #content2 .block {margin:25px 10px 25px 0;} #content2 .block p {margin-top:4px; margin-bottom:4px; padding-right:10px;} #content2 .block small {color:#ad1f23; font-size:11px;} #content2 .block .simpleButton {font-size:12px;} #content2 .block .grid_2 {margin-left:0;} #content2 .block .grid_4 {margin-right:0;} #content3 .block {margin:25px 10px 25px 0;} #content3 .block p {margin-top:4px; margin-bottom:4px; padding-right:10px; font-size:15px;} #content3 .block small {color:#ad1f23; font-size:11px;} #content3 .block .simpleButton {font-size:12px;} #content3 .block .grid_2 {margin-left:0;} #content3 .block .grid_4 {margin-right:0;} /* ######## Projects Page ######## */ #projectBrowser {margin-top:10px;} #projectBrowser .project {background:url(../images/projectBg.gif) repeat-x left top; height:271px; margin:30px 10px 0 0;} #projectBrowser .project .left {background:url(../images/projectBgL.png) no-repeat top left; margin-left:-10px;} #projectBrowser .project .right { background:url(../images/projectBgR.png) no-repeat top right; height:271px; margin-right:-10px; padding-top:20px; } #projectBrowser .project small {font-size:11px;} #projectBrowser .project .simpleButton {font-size:12px;} #projectBrowser .thumbnail {margin-right:0; margin-left:20px;} #projectBrowser .info {margin-left:0;} #projectBrowser .info .text {padding:0 10px 0 10px;} #projectBrowser .controlsTop {height:39px; border-bottom:1px solid #cccccc; margin-bottom:30px; margin-left:-10px; line-height:39px; color:#666666;} #projectBrowser .controlsBottom {height:39px; border-top:1px solid #cccccc; margin-top:30px; margin-left:-10px; line-height:39px; color:#666666;} #projectBrowser .controls small {font-size:13px; margin-left:10px; float:left;} #projectBrowser .controls small a {color:#666666; margin:0 5px;} #projectBrowser .controls small a:hover {color:#ad1f23;} #projectBrowser .navigation {float:right; background:url(../images/tabL.png) no-repeat top left; height:39px;} #content #projectBrowser .navigation {padding:0 0 0 10px;} #projectBrowser .navigation div { background:url(../images/tab.png) no-repeat top right; height:39px; display:block; padding:10px 13px 0 3px; } #projectBrowser .controlsBottom .navigation {background:url(../images/tabBottomL.png) no-repeat top left;} #projectBrowser .controlsBottom .navigation div {background:url(../images/tabBottom.png) no-repeat top right; } #center .projectPage .grid_8 { margin-left:0;} #center .projectPage .grid_4 { margin-right:0;} #center .projectPage .grid_4 hr { margin:15px 0;} #center .projectPage .projectGallery {background:url(../images/projectGallery.gif) repeat-x left top; height:530px; margin:0 10px 20px 0;} #center .projectPage .projectGallery .left {background:url(../images/projectGalleryL.png) no-repeat top left; margin-left:-10px;} #center .projectPage .projectGallery .right { background:url(../images/projectGalleryR.png) no-repeat top right; height:530px; margin-right:-10px; padding:15px 20px 15px 20px;; } #center .projectPage .projectGallery .title {margin-bottom:15px;} #center .projectPage .projectGallery .panel img { height:403px;} #center .projectGallery #projectGallerySlider {overflow:hidden; clear:both; float:left; position:relative; width:669px;} #center .projectGallery #projectGallerySlider .panel {display:block; float:left; width:699px;} #center .projectGallery #projectGallerySlider .panel-container {position:relative;} #center .projectGallery .controls {padding-top:22px; line-height:22px; clear:both; position:relative; clear:both;} #center .projectGallery .controls .counter {float:left; position:absolute; left:10px; bottom:0px;} #center .projectGallery .controls #sliderNav {float:none; margin:0 auto;} #center .projectGallery .controls #sliderNav ul {width:56px; margin:0 auto; float:none;} #center .projectGallery .controls .link { float:right; margin-top:-23px;} #center .boltons .relatedProjects {background:url(../images/relatedProjects.gif) repeat-x left top; height:206px; margin:30px 10px 0 0;} #center .boltons .relatedProjects .left {background:url(../images/relatedProjectsL.png) no-repeat top left;} #center .boltons .relatedProjects .right { background:url(../images/relatedProjectsR.png) no-repeat top right; height:206px; margin-right:-10px; padding:15px 0 15px 20px;; } #center .boltons .relatedProjects .grid_4 {margin-left:0; margin-right:10px; margin-top:20px;} #center .boltons .relatedProjects h3 {float:left;} #center .boltons .relatedProjects img {float:left; margin-right:10px; width:83px; height:48px;} #center .boltons .relatedProjects .title {font-weight:bold; display:block;} #center .boltons .relatedProjects .viewAll {float:right; font-size:12px; margin-top:6px; margin-right:20px;} #center .boltons .relatedProjects .simpleButton {font-size:12px;} /* ######## Services Page ######## */ /*#priceTable {overflow:hidden;} #priceTable ul {list-style-type:none; margin-left:0;} #priceTable .priceTabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;} #priceTable .priceTabs li a {color:#464646; font-size:18px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;} #priceTable .priceTabs li:hover {background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #priceTable .priceTabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;} #priceTable .priceTabs li:active {background:url(../images/tabDownL.png) no-repeat top left;} #priceTable .priceTabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;} #priceTable .priceTabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #priceTable .priceTabs .active a { background:url(../images/tab.png) no-repeat top right; color:#464646; height:40px; display:block; line-height:39px; padding:0 13px 0 3px; } #priceTable .priceMask {overflow:hidden; border-top:1px solid #cccccc; display:block; padding-bottom:25px;} #priceTable .middle {overflow:hidden; background:transparent;} #priceTable .tabContent {float:left; margin-right:30px;} #priceTable .tabContent hr {margin:25px 10px 25px -10px;} #priceTable .tabContent hr2 {margin:0px 10px 25px -10px;} #priceTable .tabContent li {margin-bottom:20px; line-height:1.0em;} #priceTable .tabContent .simpleButton {font-size:14px; color:#666666;} #priceTable .tabContent .grid_4 {margin-left:0;} #priceTable .tabContent .grid_4e {margin-left:5px;} #priceTable .tabContent .grid_8 {margin:15px 10px 5px 10px;} #priceTable .tabContent .notes {font-size:11px; color:#cccccc; margin-left:10px;} #priceTable .noBorder{ float:right;} #priceTable .price {background:url(../images/tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;} #priceTable .price .left {background:url(../images/taglineLeft.jpg) no-repeat bottom left; } #priceTable .price .right {background:url(../images/taglineRight.jpg) no-repeat bottom right; height:80px; padding-left:10px;} #priceTable .price .grid_4 {margin-top:10px;} #priceTable .price .grid_4e {margin-top:10px;} #priceTable .price .grid_4f {margin-top:10px;} #priceTable .price .grid_4g {margin-top:10px;} #priceTable .price .amount { margin-left:10px;} #priceTable .price .curency {float:left; line-height:30px; color:#ad1f23; margin-right:3px; font-size:18px;} #priceTable .price .hireNow {margin-top:7px; margin-left:7px;} #priceTable .price h2 {color:#ad1f23; font-weight:bold; font-size:42px;} #priceTable .price .bluetag {margin-top:-5px; margin-left:15px; position:absolute; color:#ad1f23;}*/ .packages {float:right; margin-right:-10px;} #sidebarPackages { border-left:solid #cccccc thin; padding-left:15px;} #priceTable {overflow:hidden;} #priceTable ul {list-style-type:none; margin-left:0;} #priceTable .priceTabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;} #priceTable .priceTabs li a {color:#464646; font-size:18px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;} #priceTable .priceTabs li:hover {background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #priceTable .priceTabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;} #priceTable .priceTabs li:active {background:url(../images/tabDownL.png) no-repeat top left;} #priceTable .priceTabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;} #priceTable .priceTabs .smaller {width:65px;} #priceTable .priceTabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #priceTable .priceTabs .active a { background:url(../images/tab.png) no-repeat top right; color:#464646; height:40px; display:block; line-height:39px; padding:0 13px 0 3px; } #priceTable .priceMask {overflow:hidden; border-top:1px solid #cccccc; display:block;} #priceTable .middle {overflow:hidden; background:transparent; } #priceTable .tabContent {float:left; margin-right:30px;} #priceTable .tabContent .middle hr {margin:25px 10px 25px -10px;} #priceTable .tabContent hr {margin:0px 10px 25px -10px;} /*#priceTable .tabContent li {margin-bottom:20px;}*/ #priceTable .tabContent .simpleButton {font-size:14px; color:#666666;} #priceTable .tabContent .grid_4 {margin-left:0;} #priceTable .tabContent .grid_8 {margin:15px 10px 5px 10px;} #priceTable .tabContent .notes {font-size:11px; color:#cccccc; margin-left:10px;} #priceTable .noBorder{ float:right; margin-top:-255px;} #priceTable .packageprice {background:url(../images/tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;} #priceTable .packageprice .left {background:url(../images/taglineLeft.jpg) no-repeat bottom left; } #priceTable .packageprice .right {background:url(../images/taglineRight.jpg) no-repeat bottom right; height:80px; padding-left:10px;} #priceTable .packageprice .grid_4 {margin-top:10px;} #priceTable .packageprice .grid_4e {margin-top:10px; margin-right:0;} #priceTable .packageprice .grid_4f {margin-top:20px; margin-left:-5px;} #priceTable .packageprice .amount { margin-left:10px;} #priceTable .packageprice .curency {float:left; line-height:30px; color:#ad1f23; margin-right:3px; font-size:18px;} #priceTable .packageprice .hireNow {margin-right:-10px; float:right;} #priceTable .packageprice .visitNow {margin-top:7px; margin-right:7px; float:right;} #priceTable .packageprice h2 {color:#ad1f23; font-weight:bold; font-size:42px;} #priceTable .packageprice .bluetag {margin-top:-5px; margin-left:15px; position:absolute; color:#ad1f23;} #priceTable .boltonprice {background:url(../images/tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;} #priceTable .boltonprice .left {background:url(../images/taglineLeft.jpg) no-repeat bottom left; } #priceTable .boltonprice .right {background:url(../images/taglineRight.jpg) no-repeat bottom right; height:80px; padding-left:10px;} #priceTable .boltonprice .grid_4 {margin-top:10px;} #priceTable .boltonprice .grid_4e {margin-top:10px; margin-right:0;} #priceTable .boltonprice .grid_4f {margin-top:20px; margin-left:-5px;} #priceTable .boltonprice .amount { margin-left:10px;} #priceTable .boltonprice .curency {float:left; line-height:30px; color:#ad1f23; margin-right:3px; font-size:18px;} #priceTable .boltonprice .hireNow {margin-top:7px; margin-left:7px;} #priceTable .boltonprice .visitNow {margin-top:7px; margin-left:7px;} #priceTable .boltonprice h2 {color:#ad1f23; font-weight:bold; font-size:42px;} #priceTable .boltonprice .bluetag {margin-top:-5px; margin-left:15px; position:absolute; color:#ad1f23;} #orderTable {overflow:hidden;} #orderTable ul {list-style-type:none; margin-left:0;} #orderTable .orderTabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;} #orderTable .orderTabs li a {color:#464646; font-size:18px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;} #orderTable .orderTabs li:hover {background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #orderTable .orderTabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;} #orderTable .orderTabs li:active {background:url(../images/tabDownL.png) no-repeat top left;} #orderTable .orderTabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;} #orderTable .orderTabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #orderTable .orderTabs .active a { background:url(../images/tab.png) no-repeat top right; color:#464646; height:40px; display:block; line-height:39px; padding:0 13px 0 3px; } #orderTable .orderMask {overflow:hidden; border-top:1px solid #cccccc; display:block;} #orderTable .middle {overflow:hidden; background:transparent; } #orderTable .tabContent {float:left; margin-right:30px;} #orderTable .tabContent .middle hr {margin:25px 10px 25px -10px;} #orderTable .tabContent hr {margin:0px 10px 25px -10px;} #orderTable .tabContent li {margin-bottom:20px;} #orderTable .tabContent .simpleButton {font-size:14px; color:#666666;} #orderTable .tabContent .grid_4 {margin-left:0;} #orderTable .tabContent .grid_8 {margin:15px 10px 5px 10px;} #orderTable .tabContent .notes {font-size:11px; color:#cccccc; margin-left:10px;} #orderTable .noBorder{ float:right; margin-top:-255px;} #orderTable .price {background:url(../images/tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;} #orderTable .price .left {background:url(../images/taglineLeft.jpg) no-repeat bottom left; } #orderTable .price .right {background:url(../images/taglineRight.jpg) no-repeat bottom right; height:80px; padding-left:10px;} #orderTable .price .grid_4 {margin-top:10px;} #orderTable .price .grid_4e {margin-top:10px; margin-right:0;} #orderTable .price .grid_4f {margin-top:10px;} #orderTable .price .amount { margin-left:10px;} #orderTable .price .curency {float:left; line-height:30px; color:#ad1f23; margin-right:3px; font-size:18px;} #orderTable .price .hireNow {margin-top:7px; margin-left:7px;} #orderTable .price .visitNow {margin-top:7px; margin-left:7px;} #orderTable .price h2 {color:#ad1f23; font-weight:bold; font-size:42px;} #orderTable .price .bluetag {margin-top:-5px; margin-left:15px; position:absolute; color:#ad1f23;} /* ######## Contact Page ######## */ #content3 .contact {color:#666666; font-size:15px;} #content3 .contact .firstCol {margin-left:0; margin-top:15px;} #content3 .contact .secondCol {margin-right:0; margin-top:15px;} #content3 .contact hr {margin:15px 0 40px 0;} #content3 .contact .grid_4 hr { margin-left:-10px;} #content3 .contact .sexy .list-wrapper ul {list-style-type:none; padding:0; margin:0; height:200px;} #content3 .contact .address {margin-bottom:50px;} #content3 .contact .simpleButton {font-size:12px;} #content3 .contact .text {font-size:12px; line-height:20px; color:#666666;} #content3 .contact .errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; font-size:11px; line-height:12px;} #contactForm input, #contactForm select {float:right;} #contactForm p {clear:both; display:block; height:26px; padding-bottom:20px; margin:0;} #contactForm .messageBox {clear:both; overflow:hidden; margin-bottom:0; padding-bottom:20px; height:168px;} #contactForm .responseText {text-align:right; display:none; clear:both;} #contactForm .requiered {margin-top:0px; margin-bottom:0px;} #contactForm .requiered small {margin-left:160px; font-size:11px; color:#ad1f23; float:left;} #contactForm .loadingImage {margin:4px 2px 0 0px; display:block; float:right; display:none;} #contactForm .formText {float:left; line-height:26px;} #contactForm .textInput { background:url(../images/forms/textInput340.png) no-repeat top right; font-size:12px; border:0; height:15px; width:310px; color:#666666; padding:6px 15px 6px 15px; } #contactForm .textInput:focus {background-position:right -27px; outline:none;} #contactForm .textInput.error {background-position:right bottom;} #contactForm .textarea {float:right; width:340px; margin-bottom:3px;} #contactForm .textarea .top {background:url(../images/forms/textInput340.png) no-repeat left top; height:14px;} #contactForm .textarea .bottom {background:url(../images/forms/textInput340.png) no-repeat left -13px; height:14px;} #contactForm .textarea textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:none; border:0; background-color:#f9f9f9; border-left:1px solid #d3d1d1; border-right:1px solid #d3d1d1; padding:0 15px 0 15px; margin-bottom:0; overflow:auto; width:308px; height:140px; } #contactForm .textarea.focus .top {background-position:left -27px;} #contactForm .textarea.focus .bottom {background-position:left -40px;} #contactForm .textarea.focus textarea {background:none; background-color:#f9f9f9; border-left:1px solid #870612; border-right:1px solid #870612;} #contactForm .textarea.error .top {background-position:left -54px;} #contactForm .textarea.error .bottom {background-position:left -67px;} #contactForm .textarea.error textarea {background:none; background-color:#F9F0C5; border-left:1px solid #FFD718; border-right:1px solid #FFD718;} #contactForm .button { background:url(../images/buttons/send.png) no-repeat left top; text-indent:-9999px; height:24px; width:68px; display:block; float:right; border:0; } #contactForm .button:hover {background-position: left -24px;} #contactForm .button:active {background-position: left -48px;} #contactForm .clearButton {background:url(../images/buttons/clear.png) no-repeat left top; margin-right:20px;} /* ######## Blog Page ######## */ #content .post {margin-bottom:70px;} #content .postHeadline {border-bottom:1px solid #cccccc; height:62px; margin-bottom:40px; margin-left:-10px;} #content .postHeadline h2 a {color:#464646;} #content .postHeadline h2 a:hover {color:#ad1f23; text-decoration:none;} #content .postHeadline small {font-size:11px; color:#b4b4b4;} #content .postDate {background:url(../images/postDateR.png) no-repeat right bottom; float:left; height:62px; margin-left:10px; margin-right:20px;} #content .postDate .left { background:url(../images/postDateL.png) no-repeat left bottom; padding:10px 15px 0 15px; margin-left:-10px; height:52px; text-align:center; font-size:18px; color:#464646; } #content .postDate .year {font-weight:bold;} #content .postDate h5 {line-height:20px;} #content .postMeta {background:url(../images/postMeta.gif) repeat-x left top; height:40px; margin:20px 10px 0 0; font-size:12px; color:#cccccc;} #content .postMeta .left {background:url(../images/postMetaL.png) no-repeat top left; margin-left:-10px;} #content .postMeta .right { background:url(../images/postMetaR.png) no-repeat top right; height:40px; margin-right:-10px; padding:13px 20px 0 20px; position:relative; } #content .postMeta .readMore {position:absolute; left:20px; top:13px;} #content .postMeta .bookmark {text-align:center; margin:0 auto; width:200px;} #content .postMeta .bookmark a {margin:0 5px;} #content .postMeta .comments {position:absolute; right:20px; top:13px; text-align:right;} #content .postMeta .nextPosts {position:absolute; right:20px; top:13px; text-align:right;} #content .navigation {font-size:12px; padding-bottom:30px;} #content .nextPosts {float:right; background:url(../images/blueArrow.gif) no-repeat right 4px; padding-right:10px;} #content .previousPosts {float:left; background:url(../images/prevBlueArrow.gif) no-repeat left 4px; padding-left:10px;} /* ######## Post Comments ######## */ #content #comments .grid_10 { margin-right:0;} #content #comments .grid_8 { margin-right:0;} #content #comments {margin:0 0 0 -10px;} #content #comments .commentsTitle {float:left; margin-left:10px;} #content #comments .note {color:#b4b4b4; float:right;} #content #comments .leaveComment {font-size:12px; float:right;} #content #comments .avatar {margin-bottom:20px; display:block;} #content #comments .reply {font-size:12px;} #content #comments .author {margin:0; color:#b4b4b4;} #content #comments .author a {font-weight:bold;} #content #comments .date {margin-bottom:20px; display:block;} #content #comments hr { margin:15px 0 35px 0;} #content #comments .comment hr { margin:40px 0 40px 0;} /* ######## Comments Form ######## */ #content #commentsForm .textInput { background:url(../images/forms/textInput220.png) no-repeat top right; font-size:12px; border:0; height:15px; width:190px; color:#666666; padding:6px 15px 6px 15px; margin-bottom:15px; } #content #commentsForm .textInput:focus {background-position:right -27px; outline:none;} #content #commentsForm .textInput.error {background-position:right bottom;} #content #commentsForm .requiered {font-size:11px; color:#ad1f23; line-height:11px; display:block;} #content #commentsForm .textarea { background:url(../images/forms/textareaInput.gif) repeat-x left top; height:100px; position:relative; margin:0 15px; margin-bottom:20px; } #content #commentsForm .textarea .left {background:url(../images/forms/textareaInputL.png) no-repeat top left; margin-left:-15px;} #content #commentsForm .textarea .right {background:url(../images/forms/textareaInputR.png) no-repeat top right; height:100px; margin-right:-15px;} #content #commentsForm .textarea textarea {width:430px; height:90px; background:none; font-family:Arial,Helvetica,sans-serif; font-size:12px; overflow:auto;} #content #commentsForm .textarea textarea:focus {background:none;} #content #commentsForm .textarea.focus .left {background-position:left -100px;} #content #commentsForm .textarea.focus .right{background-position:right -100px;} #content #commentsForm .textarea.focus {background-position:left -100px;} #content #commentsForm .textarea.error .left {background-position:left -200px;} #content #commentsForm .textarea.error .right{background-position:right -200px;} #content #commentsForm .textarea.error {background-position:left -200px;} #content #commentsForm .button { font-size:0; text-indent:-999px; background:url(../images/buttons/post.png) no-repeat left top; height:24px; line-height:10px; width:68px; display:block; float:right; border:0; } #content #commentsForm .button:hover {background-position: left -24px;} #content #commentsForm .button:active {background-position: left -48px;} #content #commentsForm .clearButton {background:url(../images/buttons/cancel.png) no-repeat left top; margin-right:20px;} /* ######## Sidebar ######## */ #testi { position:relative; } #testi .testimonial {background:url(../images/quotes.png) no-repeat top left; padding:10px 0 10px 10px;} #testi .testimonial h4 {text-indent:50px; line-height:30px;} #testi .testimonial small {color:#b4b4b4; font-size:11px; float:right; margin-top:-20px;} #sidebar .widget {margin-bottom:50px; list-style-type:none;} #sidebar .widget ul {list-style-type:none;} #sidebar .widget hr {margin:15px -10px 15px 0;} #sidebar .widget img {border:1px solid #cccccc; padding:2px; background-color:#FFF;} #sidebar .widget img:hover {border:1px solid #ad1f23;} #sidebar .widgetTitle {font-size:18px; background:url(../images/blueArrow.gif) no-repeat left 9px; padding-left:10px; margin-left:10px;} #sidebar .widgetContent {margin-left:10px;} /* ######## Pages Widget ######## */ #sidebar .widgetPages {margin-bottom:50px; list-style-type:none;} #sidebar .widgetPages li {border-bottom:1px solid #cccccc; padding:15px 0 15px 10px;} #sidebar .widgetPages li a {background:url(../images/blueArrow.gif) no-repeat left 6px; color:#464646; padding-left:10px; cursor:pointer;} #sidebar .widgetPages li a:hover {text-decoration:none; color:#ad1f23;} #sidebar .widgetPages li.current a {color:#ad1f23;} /* ######## Archives Widget ######## */ #sidebar .widgetArchives {font-size:12px;} #sidebar .widgetArchives li {padding:5px 0;} #sidebar .widgetArchives a {color:#464646;} #sidebar .widgetArchives a:hover {color:#ad1f23;} #sidebar span {color:#ad1f23; margin-left:5px;} /* ######## Categories Widget ######## */ #sidebar .widgetCategories {margin-bottom:50px; list-style-type:none; font-size:12px;} #sidebar .widgetCategories li {padding:5px 0;} #sidebar .widgetCategories li a {color:#464646;} #sidebar .widgetCategories li a:hover {color:#ad1f23;} /* ######## Twitter Widget ######## */ #sidebar .widgetTwitter {background:url(../images/twitterBird.png) no-repeat right top;} #sidebar .widgetTwitter .widgetTitle {padding-right:50px;} #sidebar .widgetTwitter .simpleButton {font-size:12px; margin-left:10px;} #sidebar .widgetTwitter a {color:#ad1f23;} #sidebar .widgetTwitter small {color:#b4b4b4; font-size:11px;} #sidebar .widgetTwitter li {margin-bottom:10px;} /* ######## Flickr Widget ######## */ #sidebar .widgetFlickr .widgetContent {margin-left:0;} #sidebar .widgetFlickr .simpleButton {font-size:12px; margin-left:10px;} #sidebar .widgetFlickr li {float:left; margin:0 0 10px 10px;} #sidebar .widgetFlickr img {border:1px solid #cccccc; padding:2px; background-color:#FFF; display:block;} #sidebar .widgetFlickr img:hover {border:1px solid #ad1f23;} /* ######## Tags Widget ######## */ #sidebar .widgetTags a {color:#464646; line-height:30px; word-spacing:-2px;} #sidebar .widgetTags a:hover {color:#ad1f23;} /* ######## Testimonials Widget ######## */ #sidebarPackages .testimonial {background:url(../images/quotes.png) no-repeat top left; margin-bottom:50px; padding:10px 0 10px 10px;} #sidebarPackages .testimonial h4 {text-indent:50px; line-height:30px;} #sidebarPackages .testimonial small {color:#b4b4b4; font-size:11px; float:right; margin-top:10px;} #sidebar .testimonial {background:url(../images/quotes.png) no-repeat top left; margin-bottom:50px; padding:10px 0 10px 10px;} #sidebar .testimonial h4 {text-indent:50px; line-height:30px;} #sidebar .testimonial small {color:#b4b4b4; font-size:11px; float:right; margin-top:10px;} /* ######## Tab Menu ######## */ #tabHolder {width:990px;} #tabMenu {width:990px; margin-bottom:50px;} #tabMenu ul {list-style-type:none;} #tabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:1px;} #tabs li:last-child {margin-right:0; float:left;} #tabs li a {color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;} #tabs li:hover {background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #tabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;} #tabs li:active {background:url(../images/tabDownL.png) no-repeat top left;} #tabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;} #tabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #tabs .active a { background:url(../images/tab.png) no-repeat top right; color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px; } #tabMask {overflow:hidden; width:990px;} #tabContainer {border-top:1px solid #cccccc; background:url(../images/tabMenuBottom.png) no-repeat bottom left;} #tabContainer .tabContent {float:left; margin-right:30px;} #tabContainer .tabContent li {padding:15px 10px; border-top:1px solid #cccccc;} #tabContainer .tabContent li:hover {background-color:#eaeaea;} #tabContainer .tabContent li:hover img {border:1px solid #ad1f23;} #tabContainer .tabContent li:first-child {border-top:none; padding-top:16px;} #tabContainer .tabContent img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:15px;} #tabContainer .tabContent p {font-size:16px; line-height:1.5em;} #tabContainer .tabContent h2 {font-size:26px; line-height:1.8em;} #tabContainer .tabContent .simpleButton {font-size:12px;} #tabContainer .tabContent .headline {font-weight:bold;} #tabContainer .tabContent .info {color:#b4b4b4; font-size:11px; display:block;} #tabMenu .tabContent .viewAll {text-align:right; line-height:40px; margin-right:10px; float:right;} #tabMenu .tabContent .viewAll a {font-size:12px;} #tabNav {height:29px; position:relative; padding:10px 0 0 10px; display:none; margin-top:20px;} #tabNav .previous {background:url(../images/buttons/upButton.png) no-repeat top right; display:block; float:left; height:23px; width:24px; margin:0;} #tabNav .next {background:url(../images/buttons/downButton.png) no-repeat top right; display:block; float:left; height:23px; width:24px; margin:0px;} #tabNav .previous:hover {background-position:left bottom;} #tabNav .next:hover {background-position:left bottom;} #tabNav .previous:active {background-position:right bottom;} #tabNav .next:active {background-position:right bottom;} #tabNav .previous.disabled {cursor:default; background-position:top left;} #tabNav .next.disabled {cursor:default; background-position:top left;} #tabNav .viewAll {text-align:right; line-height:16px; margin-right:10px; position:absolute; right:0; top:10px;} #tabNav .viewAll a {font-size:12px;} #tabMenu .jcarousel-container {position:relative;} #tabMenu .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; margin-top:-1px; width:990px; height:1200px;} #tabMenu .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;} #tabMenu .jcarousel-list li, #tabMenu .jcarousel-item {float:left; min-height:50px; width:970px;} /* ######## Order Tab Menu ######## */ #ordertabHolder {width:990px;} #ordertabMenu {width:990px; margin-bottom:50px;} #ordertabMenu ul {list-style-type:none;} #ordertabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:1px;} #ordertabs li:last-child {margin-right:0; float:left;} #ordertabs li a {color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;} #ordertabs li:hover {background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #ordertabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;} #ordertabs li:active {background:url(../images/tabDownL.png) no-repeat top left;} #ordertabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;} #ordertabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;} #ordertabs .active a { background:url(../images/tab.png) no-repeat top right; color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px; } #ordertabMask {overflow:hidden; width:990px;} #ordertabContainer {border-top:1px solid #cccccc; background:url(../images/tabMenuBottom.png) no-repeat bottom left;} #ordertabContainer .tabContent {float:left; margin-right:30px;} #ordertabContainer .tabContent li {padding:15px 10px; border-top:1px solid #cccccc;} #ordertabContainer .tabContent li:hover {background-color:#eaeaea;} #ordertabContainer .tabContent li:hover img {border:1px solid #ad1f23;} #ordertabContainer .tabContent li:first-child {border-top:none; padding-top:16px;} #ordertabContainer .tabContent img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:15px;} #ordertabContainer .tabContent p {font-size:16px; line-height:1.5em;} #ordertabContainer .tabContent h2 {font-size:26px; line-height:1.8em;} #ordertabContainer .tabContent .simpleButton {font-size:12px;} #ordertabContainer .tabContent .headline {font-weight:bold;} #ordertabContainer .tabContent .info {color:#b4b4b4; font-size:11px; display:block;} #ordertabMenu .tabContent .viewAll {text-align:right; line-height:40px; margin-right:10px; float:right;} #ordertabMenu .tabContent .viewAll a {font-size:12px;} #ordertabNav {height:29px; position:relative; padding:10px 0 0 10px; display:none; margin-top:20px;} #ordertabNav .previous {background:url(../images/buttons/upButton.png) no-repeat top right; display:block; float:left; height:23px; width:24px; margin:0;} #ordertabNav .next {background:url(../images/buttons/downButton.png) no-repeat top right; display:block; float:left; height:23px; width:24px; margin:0px;} #ordertabNav .previous:hover {background-position:left bottom;} #ordertabNav .next:hover {background-position:left bottom;} #ordertabNav .previous:active {background-position:right bottom;} #ordertabNav .next:active {background-position:right bottom;} #ordertabNav .previous.disabled {cursor:default; background-position:top left;} #ordertabNav .next.disabled {cursor:default; background-position:top left;} #ordertabNav .viewAll {text-align:right; line-height:16px; margin-right:10px; position:absolute; right:0; top:10px;} #ordertabNav .viewAll a {font-size:12px;} #ordertabMenu .jcarousel-container {position:relative;} #ordertabMenu .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; margin-top:-1px; width:990px; height:1200px;} #ordertabMenu .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;} #ordertabMenu .jcarousel-list li, #tabMenu .jcarousel-item {float:left; min-height:50px; width:970px;} /* ######## Portofolio Slider ######## */ #portofolioSlider {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:0; margin-right:0; width:960px;} #portofolioSliderBgrnd {background:url(../images/sliderNav.png) no-repeat center; height:271px; margin-left:-45px; width:1050px; position:absolute;} #portofolioSlider .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSlider .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSlider h3 {margin-bottom:12px; font-size:25px;} #portofolioSlider img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #portofolioSlider img:hover {border:1px solid #ad1f23;} #portofolioSlider .title {float:left; margin-top:10px;} #portofolioSlider .title a {color:#999; font-weight:bold;} #portofolioSlider .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSlider .winner {position:relative; display:block;} #portofolioSlider .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSlider .controls {margin-top:235px; line-height:22px; position:absolute; width:960px; z-index:100;} #portofolioSlider .controls .counter {float:left; margin-left:20px;} #portofolioSlider .controls .navigation {width:1000px; margin-left:-20px;} #portofolioSlider .controls .link { float:right; margin-right:20px;} #portofolioSlider .carousel {padding: 10px 0 10px 20px;} #portofolioSlider .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSlider .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;} #portofolioSlider .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSlider .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 215px; height: 160px; margin-right: 20px; } #boltons {position:relative; margin-top:300px; padding-bottom:15px;} #boltons h3 {font-size:1.532em; color:#ad1f23; } #boltons h4 {font-size:18px; color:#ad1f23; } #boltons h5 {font-size:12px; } #boltonImg img { position:absolute; margin-top:-120px; margin-left:200px; background-color:transparent; border:none; padding:0;} #boltonImg img:hover { position:absolute; margin-top:-120px; margin-left:200px; background-color:transparent; border:none; padding:0;} #stacksNav { width: 145px; height: 25px; position: fixed; bottom: 0; right: 500px; padding: 45px 7px 0 0; background: #333; color: #f5f5f5; text-align: center; border-top-right-radius: 14px; -webkit-border-top-left-radius: 14px; -moz-border-radius-topleft: 14px; opacity: .65; filter: alpha(opacity = 65); } #sidebarPackages .stack { position:absolute; bottom:90px; right:-2px; } #sidebarPackages .stack > img { position:relative; cursor: pointer; padding:35px 0 0 0; z-index: 2; background-color:transparent; border:none; margin-left:-35px;} #sidebarPackages .stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; margin:0 0 0 35px; padding:0;} #sidebarPackages .stack ul li { position: absolute; margin:0; padding:0;} #sidebarPackages .stack ul li img { border: 0; margin:0; padding:0; background-color:transparent;} #sidebarPackages .stack ul li img:hover { border: 0; margin:0; padding:0; background-color:transparent;} #sidebarPackages .stack ul li span { display: none; margin:0; padding:0;} #sidebarPackages .stack .openStack li span { font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; display:block; height: 14px; position:absolute; top: 17px; right:60px; line-height: 14px; border: 0; background-color:#000; padding: 3px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #fcfcfc; text-align: center; text-shadow: #000 1px 1px 1px; opacity: .85; filter: alpha(opacity = 85); } /* IE Fixes */ #stacksNav { _position: absolute; } .stack { _position: absolute; } .stack ul { _z-index:-1; _top:-15px; } .stack ul li { *right:5px; } /* ######## Bronze Portofolio Slider ######## */ #portofolioSliderBronze {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:25px; margin-right:0; width:960px; margin-bottom:25px;} #portofolioSliderBgrndBronze {background:url(../images/sliderNavBronze.png) no-repeat center; height:271px; margin-left:-45px; width:1050px; position:absolute;} #portofolioSliderBronze .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderBronze .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderBronze h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderBronze hr {margin:35px 0;} #portofolioSliderBronze img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #portofolioSliderBronze img:hover {border:1px solid #ad1f23;} #portofolioSliderBronze .title {float:left; margin-top:10px;} #portofolioSliderBronze .title a {color:#999; font-weight:bold;} #portofolioSliderBronze .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderBronze .winner {position:relative; display:block;} #portofolioSliderBronze .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderBronze .controls {margin-top:235px; line-height:22px; position:absolute; width:960px; z-index:100;} #portofolioSliderBronze .controls .counter {float:left; margin-left:20px;} #portofolioSliderBronze .controls .navigation {width:1000px; margin-left:-20px;} #portofolioSliderBronze .controls .link { float:right; margin-right:20px;} #portofolioSliderBronze .carousel {padding: 10px 0 10px 20px;} #portofolioSliderBronze .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderBronze .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;} #portofolioSliderBronze .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderBronze .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 215px; height: 160px; margin-right: 20px; } #portofolioSliderBronzeSmall .previous {background:url(../images/buttons/previousButton.png) no-repeat top right; width:32px; height:32px; float:left; display:block; cursor:pointer; margin-left:-60px; margin-top:-114px;} #portofolioSliderBronzeSmall .next {background:url(../images/buttons/nextButton.png) no-repeat top right; width:32px; height:32px; margin-left:645px; margin-top:-114px; display:block; cursor:pointer;} #portofolioSliderBronzeSmall {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:30px; margin-right:0; width:635px; margin-bottom:25px;} #portofolioSliderBgrndBronzeSmall {background:url(../images/sliderNavBonzeSmall.png) no-repeat center; height:271px; margin-left:-29px; width:694px; position:absolute;} #portofolioSliderBronzeSmall .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderBronzeSmall .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderBronzeSmall h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderBronzeSmall hr {margin:35px 0;} #portofolioSliderBronzeSmall img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px; width:180px;} #portofolioSliderBronzeSmall img:hover {border:1px solid #ad1f23;} #portofolioSliderBronzeSmall .title {float:left; } #portofolioSliderBronzeSmall .title a {color:#ffffff; font-weight:bold;} #portofolioSliderBronzeSmall .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderBronzeSmall .winner {position:relative; display:block;} #portofolioSliderBronzeSmall .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderBronzeSmall .controls {margin-top:235px; line-height:22px; position:absolute; width:635px; z-index:100;} #portofolioSliderBronzeSmall .controls .counter {float:left; margin-left:20px;} #portofolioSliderBronzeSmall .controls .navigation {width:700px; margin-left:-20px;} #portofolioSliderBronzeSmall .controls .link { float:right; margin-right:20px;} #portofolioSliderBronzeSmall .carousel {padding: 10px 0 10px 20px;} #portofolioSliderBronzeSmall .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderBronzeSmall .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0; overflow:hidden; position:relative; height:160px;} #portofolioSliderBronzeSmall .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderBronzeSmall .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 185px; height: 160px; margin-right: 20px; margin-top:15px; } /* ######## Silver Portofolio Slider ######## */ #portofolioSliderSilver {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:25px; margin-right:0; width:960px;} #portofolioSliderBgrndSilver {background:url(../images/sliderNavSilver.png) no-repeat center; height:271px; margin-left:-45px; width:1050px; position:absolute;} #portofolioSliderSilver .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderSilver .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderSilver h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderSilver hr {margin:35px 0;} #portofolioSliderSilver img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #portofolioSliderSilver img:hover {border:1px solid #ad1f23;} #portofolioSliderSilver .title {float:left; margin-top:10px;} #portofolioSliderSilver .title a {color:#999; font-weight:bold;} #portofolioSliderSilver .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderSilver .winner {position:relative; display:block;} #portofolioSliderSilver .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderSilver .controls {margin-top:235px; line-height:22px; position:absolute; width:960px; z-index:100;} #portofolioSliderSilver .controls .counter {float:left; margin-left:20px;} #portofolioSliderSilver .controls .navigation {width:1000px; margin-left:-20px;} #portofolioSliderSilver .controls .link { float:right; margin-right:20px;} #portofolioSliderSilver .carousel {padding: 10px 0 10px 20px;} #portofolioSliderSilver .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderSilver .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;} #portofolioSliderSilver .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderSilver .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 215px; height: 160px; margin-right: 20px; } #portofolioSliderSilverSmall .previous {background:url(../images/buttons/previousButton.png) no-repeat top right; width:32px; height:32px; float:left; display:block; cursor:pointer; margin:0; position:absolute;} #portofolioSliderSilverSmall .next {background:url(../images/buttons/nextButton.png) no-repeat top right; width:32px; height:32px; margin-left:645px; margin-top:-114px; display:block; cursor:pointer;} #portofolioSliderSilverSmall {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:30px; margin-right:0; width:635px; margin-bottom:25px;} #portofolioSliderBgrndSilverSmall {background:url(../images/sliderNavSilverSmall.png) no-repeat center; height:271px; margin-left:-29px; width:694px; position:absolute;} #portofolioSliderSilverSmall .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderSilverSmall .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderSilverSmall h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderSilverSmall hr {margin:35px 0;} #portofolioSliderSilverSmall img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px; width:180px;} #portofolioSliderSilverSmall img:hover {border:1px solid #ad1f23;} #portofolioSliderSilverSmall .title {float:left; } #portofolioSliderSilverSmall .title a {color:#777777; font-weight:bold;} #portofolioSliderSilverSmall .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderSilverSmall .winner {position:relative; display:block;} #portofolioSliderSilverSmall .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderSilverSmall .controls {margin-top:235px; line-height:22px; position:absolute; width:635px; z-index:100;} #portofolioSliderSilverSmall .controls .counter {float:left; margin-left:20px;} #portofolioSliderSilverSmall .controls .navigation {width:700px; margin-left:-20px;} #portofolioSliderSilverSmall .controls .link { float:right; margin-right:20px;} #portofolioSliderSilverSmall .carousel {padding: 10px 0 10px 20px;} #portofolioSliderSilverSmall .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderSilverSmall .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0; overflow:hidden; position:relative; height:160px;} #portofolioSliderSilverSmall .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderSilverSmall .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 185px; height: 160px; margin-right: 20px; margin-top:15px; } /* ######## Gold Portofolio Slider ######## */ #portofolioSliderGold {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:25px; margin-right:0; width:960px;} #portofolioSliderBgrndGold {background:url(../images/sliderNavGold.png) no-repeat center; height:271px; margin-left:-45px; width:1050px; position:absolute;} #portofolioSliderGold .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderGold .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderGold h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderGold hr {margin:35px 0;} #portofolioSliderGold img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #portofolioSliderGold img:hover {border:1px solid #ad1f23;} #portofolioSliderGold .title {float:left; margin-top:10px;} #portofolioSliderGold .title a {color:#999; font-weight:bold;} #portofolioSliderGold .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderGold .winner {position:relative; display:block;} #portofolioSliderGold .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderGold .controls {margin-top:235px; line-height:22px; position:absolute; width:960px; z-index:100;} #portofolioSliderGold .controls .counter {float:left; margin-left:20px;} #portofolioSliderGold .controls .navigation {width:1000px; margin-left:-20px;} #portofolioSliderGold .controls .link { float:right; margin-right:20px;} #portofolioSliderGold .carousel {padding: 10px 0 10px 20px;} #portofolioSliderGold .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderGold .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;} #portofolioSliderGold .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderGold .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 215px; height: 160px; margin-right: 20px; } #portofolioSliderGoldSmall .previous {background:url(../images/buttons/previousButton.png) no-repeat top right; width:32px; height:32px; float:left; display:block; cursor:pointer; margin:0; position:absolute;} #portofolioSliderGoldSmall .next {background:url(../images/buttons/nextButton.png) no-repeat top right; width:32px; height:32px; margin-left:645px; margin-top:-114px; display:block; cursor:pointer;} #portofolioSliderGoldSmall {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:30px; margin-right:0; width:635px; margin-bottom:25px;} #portofolioSliderBgrndGoldSmall {background:url(../images/sliderNavGoldSmall.png) no-repeat center; height:271px; margin-left:-29px; width:694px; position:absolute;} #portofolioSliderGoldSmall .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderGoldSmall .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderGoldSmall h3 {margin-bottom:12px; font-size:25px;} #portofolioSliderGoldSmall hr {margin:35px 0;} #portofolioSliderGoldSmall img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px; width:180px;} #portofolioSliderGoldSmall img:hover {border:1px solid #ad1f23;} #portofolioSliderGoldSmall .title {float:left; } #portofolioSliderGoldSmall .title a {color:#ffffff; font-weight:bold;} #portofolioSliderGoldSmall .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderGoldSmall .winner {position:relative; display:block;} #portofolioSliderGoldSmall .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderGoldSmall .controls {margin-top:235px; line-height:22px; position:absolute; width:635px; z-index:100;} #portofolioSliderGoldSmall .controls .counter {float:left; margin-left:20px;} #portofolioSliderGoldSmall .controls .navigation {width:700px; margin-left:-20px;} #portofolioSliderGoldSmall .controls .link { float:right; margin-right:20px;} #portofolioSliderGoldSmall .carousel {padding: 10px 0 10px 20px;} #portofolioSliderGoldSmall .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderGoldSmall .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0; overflow:hidden; position:relative; height:160px;} #portofolioSliderGoldSmall .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderGoldSmall .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 185px; height: 160px; margin-right: 20px; margin-top:15px; } /* ######## Platinum Portofolio Slider ######## */ #portofolioSliderPlatinum {background:url(../images/portofolioSlider.jpg) repeat-x left top; height:271px; margin-left:25px; margin-right:0; width:960px;} #portofolioSliderBgrndPlatinum {background:url(../images/sliderNavPlatinum.png) no-repeat center; height:271px; margin-left:-45px; width:1050px; position:absolute;} #portofolioSliderPlatinum .left {background:url(../images/portofolioSliderL.jpg) no-repeat top left;} #portofolioSliderPlatinum .right {background:url(../images/portofolioSliderR.jpg) no-repeat top right; height:271px;} #portofolioSliderPlatinum h3 {margin-bottom:12px; font-size:25px;} #center hr {margin:35px 0;} #portofolioSliderPlatinum img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #portofolioSliderPlatinum img:hover {border:1px solid #ad1f23;} #portofolioSliderPlatinum .title {float:left; margin-top:10px;} #portofolioSliderPlatinum .title a {color:#999; font-weight:bold;} #portofolioSliderPlatinum .date {color:#ad1f23; float:right; margin-top:10px;} #portofolioSliderPlatinum .winner {position:relative; display:block;} #portofolioSliderPlatinum .winner span { background:url(../images/winnerRibbon.png) no-repeat left top; position:absolute; top:-2px; right:-2px; width:65px; height:65px; z-index:10; } #portofolioSliderPlatinum .controls {margin-top:235px; line-height:22px; position:absolute; width:960px; z-index:100;} #portofolioSliderPlatinum .controls .counter {float:left; margin-left:20px;} #portofolioSliderPlatinum .controls .navigation {width:1000px; margin-left:-20px;} #portofolioSliderPlatinum .controls .link { float:right; margin-right:20px;} #portofolioSliderPlatinum .carousel {padding: 10px 0 10px 20px;} #portofolioSliderPlatinum .jcarousel-container {position:relative; padding-right:20px; z-index:1000;} #portofolioSliderPlatinum .carousel .jcarousel-clip {z-index:2; padding:7px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;} #portofolioSliderPlatinum .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;} #portofolioSliderPlatinum .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item { float: left; list-style: none; width: 215px; height: 160px; margin-right: 20px; } /* ######## google lightbox ######## */ #googleMapPopUp {position:relative; } #googleContainer {display:none; width:700px; height:700px;} #googlePopUp {width:600px; height:600px; margin:0 auto; padding:30px 0;} #googlePopUp hr {margin:10px 0 15px 0;} #googlePopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} .curved2 { background-color: #f0f0f0; width: 600px; height: 300px; margin: 0 auto 15px auto; /* padding: 30px;*/ border: 5px solid #d7d7d7; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(../css/border-radius.htc); } #googleClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:620px; margin-top:-25px; } #googleClose span {margin-left:10000px;} #googleClose a:hover {text-decoration:none;} #googleClose:hover { background-position: 0 -23px; } /* ######## calendar lightbox ######## */ #calendarContainer {display:none; width:500px; height:500px;} #calendarPopUp {width:400px; height:400px; margin:0 auto; padding:30px 0;} #calendarPopUp hr {margin:10px 0 15px 0;} #calendarPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #calendarClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:420px; margin-top:-25px; } #calendarClose span {margin-left:10000px;} #calendarClose a:hover {text-decoration:none;} #calendarClose:hover { background-position: 0 -23px; } /* ######## translator lightbox ######## */ #translatorContainer {display:none; width:700px; height:550px;} #translatorPopUp {width:600px; height:450px; margin:0 auto; padding:30px 0;} #translatorPopUp hr {margin:10px 0 15px 0;} #translatorPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #translatorClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:620px; margin-top:-25px; } #translatorClose span {margin-left:10000px;} #translatorClose a:hover {text-decoration:none;} #translatorClose:hover { background-position: 0 -23px; } /* ######## contact lightbox ######## */ #contactContainer {display:none; width:700px; height:540px;} #contactPopUp {width:600px; height:450px; margin:0 auto; padding:30px 0;} #contactPopUp hr {margin:10px 0 15px 0;} #contactPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #contactClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:620px; margin-top:-25px; } #contactClose span {margin-left:10000px;} #contactClose a:hover {text-decoration:none;} #contactClose:hover { background-position: 0 -23px; } #contactPopUp .formText { color:#666; font-size:15px; } #contactPopUp .text {font-size:12px; line-height:20px; color:#666666;} #contactPopUp .errorText { text-align:left; clear:both; color:#FE3131; display:none; font-size:11px; line-height:12px; position:absolute; margin-top:30px; margin-left:65px; width:250px; } #contactPopUp .msg { margin-top:3px !important; margin-left:15px !important; } #contactPopUp #contactForm { width:450px; margin-left:55px; } /* ######## time and date lightbox ######## */ #clockContainer {display:none; width:600px; height:450px;} #clockPopUp {width:500px; height:350px; margin:0 auto; padding:30px 0;} #clockPopUp hr {margin:10px 0 15px 0;} #clockPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #clockClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:520px; margin-top:-25px; } #clockClose span {margin-left:10000px;} #clockClose a:hover {text-decoration:none;} #clockClose:hover { background-position: 0 -23px; } /* ######## exit lightbox ######## */ #exitContainer {display:none; width:600px; height:450px;} #exitPopUp {width:500px; height:350px; margin:0 auto; padding:30px 0;} #exitPopUp hr {margin:10px 0 15px 0;} #exitPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #exitClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:520px; margin-top:-25px; } #exitClose span {margin-left:10000px;} #exitClose a:hover {text-decoration:none;} #exitClose:hover { background-position: 0 -23px; } /* ######## social lightbox ######## */ #socialContainer {display:none; width:600px; height:450px;} #socialPopUp {width:500px; height:350px; margin:0 auto; padding:30px 0;} #socialPopUp hr {margin:10px 0 15px 0;} #socialPopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} #socialClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:520px; margin-top:-25px; } #socialClose span {margin-left:10000px;} #socialClose a:hover {text-decoration:none;} #socialClose:hover { background-position: 0 -23px; } /* ######## 24hr lightbox ######## */ #timeMapPopUp {position:relative; } #timeContainer {display:none; width:700px; height:700px;} #timePopUp {width:600px; height:600px; margin:0 auto; padding:30px 0;} #timePopUp hr {margin:10px 0 15px 0;} #timePopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} .curved2 { background-color: #f0f0f0; width: 600px; height: 300px; margin: 0 auto 15px auto; /* padding: 30px;*/ border: 5px solid #d7d7d7; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(../css/border-radius.htc); } #timeClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:620px; margin-top:-25px; } #timeClose span {margin-left:10000px;} #timeClose a:hover {text-decoration:none;} #timeClose:hover { background-position: 0 -23px; } /* ######## theme lightbox ######## */ #themePopUp {position:relative; } #themeBAContainer {display:none; width:700px; height:700px;} #themeBBContainer {display:none; width:700px; height:700px;} #themeBCContainer {display:none; width:700px; height:700px;} #themeBDContainer {display:none; width:700px; height:700px;} #themeBEContainer {display:none; width:700px; height:700px;} #themeBFContainer {display:none; width:700px; height:700px;} #themeBGContainer {display:none; width:700px; height:700px;} #themeBHContainer {display:none; width:700px; height:700px;} #themeBIContainer {display:none; width:700px; height:700px;} #themeBJContainer {display:none; width:700px; height:700px;} #themePopUp {width:600px; height:600px; margin:0 auto; padding:30px 0;} #themePopUp hr {margin:10px 0 15px 0;} #themePopUp p {margin:0; color:#666; font-size:15px; line-height:1.5em;} .curved2 { background-color: #f0f0f0; width: 600px; height: 300px; margin: 0 auto 15px auto; /* padding: 30px;*/ border: 5px solid #d7d7d7; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(../css/border-radius.htc); } #themeClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:620px; margin-top:-25px; } #themeClose span {margin-left:10000px;} #themeClose a:hover {text-decoration:none;} #themeClose:hover { background-position: 0 -23px; } /* ######## Google Map ######## */ #googleMap {height:320px; margin-left:auto; margin-right:auto; width:1024px;} #map {margin-top:30px; height:270px; width:1024px; background-color:#CCC;} #googleMap hr {margin:15px 0 30px 0;} .curved { background-color: #f0f0f0; width: 1024px; height: 270px; margin: 0 auto 15px auto; /* padding: 30px;*/ border: 5px solid #d7d7d7; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(../css/border-radius.htc); } /* ######## Newsletter Form ######## */ #newsletter {height:80px; padding-top:10px; position:relative; padding-left:25px;} #newsletter .highlight {background:url(../images/newsletterHighlight.jpg) no-repeat left top; height:90px; width:288px; position:absolute; top:0; left:-30px; z-index:0;} /* ######## Newsletter Columns ######## */ #newsletter .firstCol {z-index:1;} #newsletter .secondCol {margin-top:0px; z-index:1;} #newsletter .thirdCol {margin-top:4px; margin-left:15px; z-index:1;} #newsletter .fourthCol {margin-top:12px; margin-left:20px; z-index:1;} #newsletter small {color:#def7fb;} #newsletter .textInput { background:url(../images/forms/textInputNewsletter.png) no-repeat top right; font-size:12px; border:0; height:15px; line-height:15px; width:190px; color:#666666; padding:6px 15px 6px 15px; margin-top:5px; } #newsletter .textInput:focus {background-position:right -27px; outline:none;} #newsletter .textInput.error {background-position:right bottom;} #newsletter .subscribe {float:left;} #newsletter .unsubscribe {float:right;} #newsletter .subscribe input, #newsletter .unsubscribe input {margin:1px 5px 0 0; display:block; float:left;} #newsletter .signUpOption {font-size:12px; color:#FFF; font-weight:bold;} #newsletter .signUpOption input {margin:5px 5px 0 0; display:block; float:left;} #newsletter .info {margin-left:20px;} /* ######## Footer Widgets ######## */ #footer hr {border:0; border-top:1px solid #444444; clear: both; height: 0;} #footerWidgets .grid_4b {padding-right:20px; height:100% !important; } #footerWidgets {padding-top:40px; padding-bottom:40px; padding-left:25px;} #footerWidgets h3 {color:#FFF;} #footerWidgets p {color:#FFF; line-height:1.45em;} #footerWidgets hr {margin-top:15px; margin-bottom:15px;} #footerWidgets img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin:3px 10px 0 0;} #footerWidgets img:hover {border:1px solid #ad1f23;} #footerWidgets img.noBorder {border:0; padding:0; background:none;} #footerWidgets img.noBorder:hover {border:0; padding:0; background:none;} #footerWidgets small {color:#ad1f23; font-size:11px;} #footerWidgets ul {list-style-type:none;} #footerWidgets ul small {color:#b4b4b4;} #footerWidgets ul li {margin-bottom:25px;} #footerWidgets .simpleButton {font-size:12px;} #footerWidgets .lastComments p {font-style:italic;} #footerWidgets .lastComments p:before {content: open-quote;} #footerWidgets .lastComments p:after {content: close-quote;} #bird { position:absolute; background-image:url(../images/twitterbirdbubble.png); width:57px; height:50px; margin-left:155px;} /* ######## Footer Contact Form ######## */ .footerFormleft {width:460px; padding-right:20px; position:relative;} .footerFormright {width:460px; padding-right:20px; position:relative;} #footerWidgets .contactForm p {margin-bottom:10px; width:220px;} #footerWidgets .contactForm .errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; line-height:14px; font-size:11px;} #footerWidgets .contactForm .textInput { background:url(../images/forms/textInputBlack.png) no-repeat top right; font-size:12px; border:0; height:15px; width:190px; color:#fff; padding:6px 15px 6px 15px; } #footerWidgets .contactForm .textInput:focus {background-position:right -27px; outline:none;} #footerWidgets .contactForm .textInput.error {background-position:right bottom;} #footerWidgets .contactForm .textarea {width:220px; margin-bottom:10px; top:79px; margin-left:248px; position:absolute;} #footerWidgets .contactForm .textarea .top {background:url(../images/forms/textAreaBlack.png) no-repeat left top; height:13px; margin-bottom:-1px;} #footerWidgets .contactForm .textarea .bottom {background:url(../images/forms/textAreaBlack.png) no-repeat left -18px; height:13px; margin-top:-4px;} #footerWidgets .contactForm .textarea textarea { background:url(../images/forms/textAreaBlackBg.jpg) repeat-y top left; font-family:Arial,Helvetica,sans-serif; font-size:12px; border:0; color:#fff; padding:0 15px 0 15px; margin-bottom:0; overflow:auto; width:190px; height:112px; } #footerWidgets .contactForm .textarea textarea:focus {background:url(../images/forms/textAreaBlackBg.jpg) repeat-y -220px top; outline:none;} #footerWidgets .contactForm .textarea.focus .top {background-position:left -31px;} #footerWidgets .contactForm .textarea.focus .bottom {background-position:left -49px;} #footerWidgets .contactForm .textarea.focus textarea {background-position:-220px top ;} #footerWidgets .contactForm .textarea.error .top {background-position:left -62px;} #footerWidgets .contactForm .textarea.error .bottom {background-position:left bottom;} #footerWidgets .contactForm .textarea.error textarea {background-position:top right;} #footerWidgets .responseText {text-align:right; display:none; clear:both;} #footerWidgets .loadingImage {margin:4px 2px 0 0px; display:block; float:right; display:none;} #footerWidgets .contactForm .button { background:url(../images/buttons/sendMessage.png) no-repeat left top; text-indent:-9999px; height:24px; width:116px; display:block; float:right; border:0; margin:0; margin-right:250px; } #footerWidgets .contactForm .button:hover {background-position:left -24px;} #footerWidgets .contactForm .button:active {background-position:left -48px;} /*JUITTER PLUGIN CSS*/ #juitterContainer{} /*Juitter container*/ #juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */ /* Bellow the list of tweets "
  • " */ #juitterContainer .twittLI{list-style:none;background:#3b3b3b;margin:0;padding:5px 0 0 0;border-bottom:solid 1px #ffffff;padding:3px;clear:both;height:60px; font-size:0.8em;} #juitterContainer .twittList SPAN.time{color:#ffffff;font-size:0.8em} #juitterContainer .twittList A{color:#ad1f23;} /*Links inside the tweets list */ /* Bellow the CSS for the avatar image */ #juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;} #juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/ #juitterContainer .extLink{} /*CSS for the external links*/ #juitterContainer .hashLink{} /*CSS for the hash links*/ /*end of Juitter CSS*/ /* ######## Bottom Footer ######## */ #bottomFooter {margin-bottom:20px; margin-left:0;} #bottomFooter .simpleMenu {font-size:11px; height:30px; line-height:30px; float:left;} #bottomFooter .simpleMenu li {margin:0 10px 0 0;} #bottomFooter .copyright {font-size:11px; height:30px; line-height:30px; text-align:right;} /* ######## Login lightbox ######## */ #loginContainer {display:none;} #login {width:280px; height:320px; margin:0 auto; padding:30px 0;} #login hr {margin:10px 0 15px 0;} #login p {margin:0; color:#666; font-size:12px; line-height:1.3em;} #login .rememberMe {float:left; margin-top:5px;} #login .forgotPassword {float:right; font-size:12px; margin-top:7px;} #login .logIn { margin:25px auto 0 auto;} #login .textInput { background:url(../images/forms/textInput280.png) no-repeat top right; font-size:12px; border:0; height:22px; width:250px; color:#666666; padding:5px 15px 0 15px; margin-top:20px; } #login .textInput:focus {background-position:right -27px; outline:none;} #login .textInput.error {background-position:right bottom;} /* ######## T's n C'slightbox ######## */ #tccontent { padding: 20px 10px 0 10px; margin-bottom: 40px; z-index: 9; position: relative; margin-top:10px; margin-left:10px; } #tccontent h3{ font-size: 22px; font-weight: normal; color:#ad1f23; line-height:34px; } #tc ul, #tc ol { margin-left:25px; } #tccontent li{ color:#ad1f23; } #tcContainer {display:none; width:700px;} #tc {width:650px; margin:0 auto; padding:30px 0;} #tc hr {margin:10px 0 15px 0;} #tc p {margin:0; color:#666; font-size:14px; line-height:1.5em;} #tcClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; right:20px; margin-top:-25px; } #tcClose span {margin-left:10000px;} #tcClose a:hover {text-decoration:none;} #tcClose:hover { background-position: 0 -23px; } /* ######## video lightbox ######## */ #videoContainer {display:none;} #video {width:700px; height:500px; margin:0 auto; padding:30px 0;} #video h2 {margin-left:20px;} #video hr {margin:10px 0 15px 0;} #video p {margin:0; color:#666; font-size:12px; line-height:1.3em;} /* ######## Custom Checkbox and Custom Radio Inputs ######## */ .customCheckbox, .customRadio {position:relative;} .customCheckbox input, .customRadio input {position:absolute; left:3px; top:3px; margin:0; z-index:0;} .customCheckbox label, .customRadio label {display:block; position:relative; z-index:1; padding-right:1em; line-height:1; padding:0.35em 0 0.5em 19px; cursor:pointer;} .customCheckbox label {background:url(../images/buttons/radioButton.png) no-repeat 3px 4px; margin-left:17px; margin-top:3px;} .customRadio label {background:url(../images/buttons/radioButton.png) no-repeat 3px 4px;} .customCheckbox label.hover, .customRadio label.hover {background-position:3px -38px;} .customCheckbox label.checked, .customRadio label.checked {background-position:3px -80px;} .customCheckbox label.checkedHover, .customCheckbox label.checkedFocus {background-position:3px -80px;} /* ######## Custom Select Form using sexy-combo http://code.google.com/p/sexy-combo/ ######## */ div.combo {position:relative; left: 0px; top: 0px;} .combo .visible {display: block;} .combo .invisible {display: none;} div.sexy { margin: 0; padding: 0; width: 340px; height: 21px; white-space: nowrap; border: 0; float:right; font-size:12px; } div.sexy input { background: url(../images/forms/selectInput.png) no-repeat 0 0; padding:6px 15px 6px 15px; margin:0; border:0; position: absolute; left:0px; top:0px; width:310px; height:15px; line-height:15px; vertical-align:middle; cursor:pointer; font-size:12px; color:#666666; outline: none; } div.sexy input:hover {background-position:0 -27px;} div.sexy input:active {background-position:0 -54px;} div.showList input {background-position:0 -54px;} div.showList input:hover {background-position:0 -54px;} div.sexy div.list-wrapper { left:0px; top:26px; padding:0; margin:0; border-top:1px solid #D9D9D9; width:314px; bottom:auto; position: absolute; overflow: hidden; height: 200px; max-height: 200px; z-index: 99999; } div.sexy div.list-wrapper-up {top:auto; bottom:21px;} div.sexy ul {list-style-type:none; padding:0; margin:0; height:200px;} div.sexy li { border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #cccccc; background-color:#FFFFFF; padding:0 0 0 15px; margin:0; line-height:25px; height:25px; cursor:pointer; } div.sexy li:last-child { -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } div.sexy li.active {background-color:#eaeaea;} div.sexy li:active {background-color:#ad1f23; color:#FFF;} div.sexy a, div.sexy a:visited, div.sexy a:active { display: block; width: 100%; width: 146px; text-decoration: none; color: #666666; cursor: pointer; margin: 0; height: 20px; } div.sexy input.empty {color:#666666;} a.to-highlight:hover {background-color:#eaeaea;} /* ######## Lightbox using nyroModal - http://nyromodal.nyrodev.com ######## */ div#nyroModalFull {font-size: 12px; color: #000;} div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../img/ajaxLoader.gif) no-repeat; background-position: center; } div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalWrapper { background: #fff; border:1px solid #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } a#closeBut { position: absolute; display:block; top: 5px; right: -13px; width: 100px; height: 12px; outline: 0; } #loginClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:280px; margin-top:-25px; } #loginClose span {margin-left:10000px;} #loginClose a:hover {text-decoration:none;} #loginClose:hover { background-position: 0 -23px; } #videoClose { position: absolute; cursor:pointer; display:block; background: #fff url(../images/buttons/closeButton.jpg) no-repeat; width:25px; height:23px; margin-left:660px; margin-top:-25px; } #videoClose span {margin-left:10000px;} #videoClose a:hover {text-decoration:none;} #videoClose:hover { background-position: 0 -23px; } h1#nyroModalTitle { margin:0; padding:0; top:5px; left:10px; position:absolute; font-size:12px; color: #666666; } div#nyroModalContent {overflow: auto;} div.wrapper div#nyroModalContent { border:1px solid #cccccc; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div.wrapperImg div#nyroModalContent { overflow: hidden; text-align: center; padding:25px 10px 10px 10px; border:1px solid #cccccc; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div.wrapperImg img {vertical-align: baseline;} div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; } div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; cursor: help;} a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 50px; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background: left 20% no-repeat; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ } div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;} a.nyroModalPrev {left: 0;} a.nyroModalPrev:hover {background-image: url(../img/prev.gif);} a.nyroModalNext {right: 0; background-position: right 20%;} a.nyroModalNext:hover {background-image: url(../img/next.gif);} /* ######## Saf3+, Chrome1+ hacks ######## */ @media screen and (-webkit-min-device-pixel-ratio:0) { #mainHeader .mainMenu li a {text-shadow:0 -1px 0.5px #20B3DC, 0 0.5px 1px #D3F2F8;} #mainHeader .mainMenu li:hover a {text-shadow:0 0.8px 0.5px #2e95b2, 0 1px 0.4px #7bd1e5;} #mainHeader .mainMenu li:active a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;} #mainHeader .mainMenu .current a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;} #content #commentsForm .textarea textarea {resize:none; padding:5px 5px 20px 15px; height:73px;} #content .contact .textarea textarea {resize:vertical; max-width:308px; margin-bottom:-3px; outline:none;} #footerWidgets .contactForm .textarea textarea {resize:vertical; max-width:190px;} } /* Remove the outlines from links and buttons and sIFR text replacement */ a, .customCheckbox label.focus, .customRadio label.focus, .sIFR-flash {outline:none;} /* Remove the drag handles from the textarea in Safari and Chrome */ #footerWidgets .contactForm .textarea textarea, #content .contact .textarea textarea {resize:none;} /* NYROMODAL STYLING */ .nyroModalBg { position: fixed; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.7; } .nmReposition { position: absolute; } .nyroModalCloseButton { top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(../img/close.gif); } .nyroModalTitle { top: -26px; left: 0; margin: 0; font-size: 1.1em; color: #ddd; } .nyroModalCont { position: absolute; border: 4px solid #777; margin: 25px; background: #fff; } .nyroModalCont iframe { width: 600px; height: 400px; } .nyroModalError { border: 4px solid red; color: red; width: 250px; height: 250px; } .nyroModalError div { min-width: 0; min-height: 0; padding: 10px; } .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile { position: relative; padding: 10px; min-height: 250px; min-width: 250px; max-width: 1000px; } .nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm { position: relative; overflow: hidden; } .nyroModalHidden { left: -9999em; top: -9999em; } .nyroModalLoad { position: absolute; width: 100px; height: 100px; background: #fff url(../img/ajaxLoader.gif) no-repeat center; padding: 0; } .nyroModalPrev, .nyroModalNext { outline: none; position: absolute; top: 0; height: 60%; width: 150px; min-height: 50px; max-height: 300px; cursor: pointer; text-indent: -9999em; background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat; } .nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext { height: 100%; width: 40%; max-height: none; } .nyroModalPrev { left: 0; } .nyroModalPrev:hover { background-image: url(../img/prev.gif); } .nyroModalNext { right: 0; background-position: right 20%; } .nyroModalNext:hover { background-position: right 20%; background-image: url(../img/next.gif); } /* NYROMODAL STYLING END */ /* ************** NEWS RSS ************* */ .to-flips h1 {font-size:20px;} .to-flips h3 {font-size:18px; padding:5px 0 5px 0; } .to-flips h3 a {color:#ad1f23; text-decoration:underline;} .to-flips h3 a:hover {text-decoration:none;} .to-flips {width: 395px; float: left; margin-top:10px; border: 1px solid #ddd; padding: 10px;} .to-flips .content{height: 150px; position: relative; overflow: hidden;} .to-flips .content .grey{color: #999;} .to-flips .content .block{width: 100%; position: absolute; top: 0px; display: block; overflow: hidden;} /*.to-flips .flipnav{margin: 0 0 0 5px;}*/ .to-flips .flipnav .btn-left, .to-flips .flipnav .btn-right, .to-flips .flipnav .btn-left-dis, .btn-right-dis {width: 20px; height: 20px; background: #ccc; color: #fff; float: left; font-size: 16px; text-align: center; cursor: pointer;} .to-flips .flipnav .btn-left-dis, .to-flips .flipnav .btn-right-dis {color: #fff; background: #fff; cursor: default;} /* *************************** */ #steps { position:relative; z-index:1; width:960px; margin-left:1px; margin-top:1px; } #step1 {width:300px; height:250px; margin-right:20px; background: url(../images/step-box1.png) transparent no-repeat top left; position:relative;} #step2 {width:300px; height:250px; margin-right:20px; margin-left:330px; margin-top:-250px; background: url(../images/step-box2.png) transparent no-repeat top left; position:relative;} #step3 {width:300px; height:250px; float:right; margin-left:640px; margin-top:-250px; background: url(../images/step-box3.png) transparent no-repeat top left; position:relative;} #flashContainer { position:absolute; width:300px; height:300px; margin-top:-25px; } #flashContainer2 { position:absolute; width:300px; height:250px; } #flashContainer3 { position:relative; width:300px; height:250px; margin-top:-25px;} #boltonicon { position:absolute; width:123px; height:150px; background:url(../images/boltons.png) no-repeat transparent top right; margin-left:205px; margin-top:-160px; } #arrow1 { position:absolute; z-index:1; width:100px; height:45px; margin-left:270px; margin-top:50px; } #arrow2 { position:absolute; z-index:1; width:100px; height:45px; margin-left:602px; margin-top:-200px; } /* ---------------------- SEARCH -------------------------*/ .text { font-family:arial; font-size:65%; font-weight:normal; color:#ffffff; margin-top:10px; } #searchbox2 { width:234px; position:relative; background-color:#4a4747; border:2px solid #373434; padding:10px 0 30px 20px; } #searchbox2 h2 { margin:4px 0; font-size:80%; float:left; } #query { margin-right:4px; padding:0; position:relative; top:1px; font-size:80%; width:145px; } #search { color:#000000; position:relative; top:1px; } #error { margin:8px 0 0; display:none; background:url(../images/search/warn.gif) no-repeat 6px 0; padding-left:28px; position:absolute; left:20px; top:55px; } #success { background:url(../images/search/tick.gif) no-repeat; width:14px; height:11px; margin:7px 0 0 5px; float:left; display:none; } #cancel { background:url(../images/search/searchCancelButton.png) no-repeat; width:14px; height:14px; margin-left:219px; margin-top:186px; position:absolute; display:none; } #cancel:hover { background:url(../images/search/searchCancelButtonHover.png) no-repeat; width:14px; height:14px; margin-left:219px; margin-top:186px; position:absolute; display:none; cursor:pointer; } #results { position:absolute; width:169px; padding:0 20px 14px; background-color:#4a4747; left:30px; top:94%; display:none; } #resultList { margin:0 0 10px; padding:0; } #resultList li { list-style-type:none; } #resultList li a { text-decoration:none; } #resultList li a:hover { text-decoration:underline; } #noResults { position:absolute; margin-left:255px; display:none; left:20px; top:-5px; width:150px; background:url(../images/search/cross.gif) no-repeat 0 1px; padding-left:18px; } /*--------------------------- COUNTDOWN TIMER -------------------------------------*/ #timer{ height:300px;width:553px; padding-right:195px; padding-left:180px;background:url(../images/timer-bg.png) no-repeat 50% 0%; text-align:center; position:relative; } #progresbar-bg{width:10px; padding:0 9px 0 8px; height:272px;background:url(../images/progresbar-bg.png) no-repeat 50% 0%;float:left;} #progresbar-bar{ margin-top:8px;float:left; width:10px; height:253px;position:relative;top:0;background:url(../images/progresbar.png) no-repeat 50% 0px;} #procent{ position:absolute;height:31px; width:75px; background:url(../images/procent-bubble.png) no-repeat top left;padding-top:7px; padding-left:11px; text-align:left; left:110px;font-size:18px; color:#FFF; font-weight:bold; } #procent span{ font-size:14px; margin-left:2px;} #countdown{float:right; padding-top:30px; width:500px; padding-bottom:3px;} #redFlash { position:absolute; margin-left:530px; margin-top:-50px; z-index:1;} #telephone{ width:525px; padding-bottom:10px; margin-left:215px; z-index:2;} #telephone h1 { font-size:23px; line-height:24px; color:#6b6e70; text-align:center; } #telephone h2 { font-size:42px; line-height:50px; color:#ad1f23; text-align:center; } #countdown span{width:120px; height:84px; padding-left:5px;display:block; float:left;font-weight:bold; background:url(../images/counter-bg.gif) no-repeat 0 0;} #countdown span.text{width:112px; height:18px; padding-left:8px; padding-top:6px; text-align:left;font-size:14px;color:#898988; background:none;} #countdown span.number{width:95px; height:55px; padding-right:20px; text-align:right;font-size:45px;color:#111111; background:none;} #timer ul{float:right; width:485px;padding:20px 10px 10px 5px; margin:0; list-style:none;} #timer ul li{ float:left;} #timer ul li a{width:41px; height:41px; display:block; float:left; background-position:0 0; background-repeat:no-repeat;} #timer ul li a#twitter{background-image:url(../images/twitter.png);} #timer ul li a#rss{ float:right; background-image:url(../images/rss.png);} #timer ul li p{ float:left; font-size:14px;width:485px; line-height:22px;color:#6b6e70;} #timer ul li span{ font-size:23px;} #form-email{float:right; width:500px;padding:0px 0px 10px 0px; margin:0;} #form-email p{ float:left;} #form-email input{ border:none; background:none;} #form-email input#email{height:18px; width:400px; padding:7px 5px 5px 8px; color:#919191; font-size:14px; font-family:Arial, Helvetica, sans-serif;background:url(../images/input-bg.png) no-repeat 0 0; } #form-email input#submit{ background-image:url(../images/submit.png);background-repeat:no-repeat; background-position: 0 0px; height:30px; width:75px; margin-left:2px; } #form-email input#submit:hover{ background-position:0-40px; cursor:pointer;} #box1 { width:200px; height:300px; margin-left:23px; position:relative; } #box2 { width:200px; height:300px; margin-left:245px; margin-top:-239px; position:relative; } #box3 { width:200px; height:300px; margin-left:467px; margin-top:-300px; position:relative; } #getstarted { height:200px; margin-top:50px; } #started { width:150px; margin-top:-150px; position:absolute; } #getstartedBtnHolder { width:800px; height:200px; overflow:hidden; position:relative; cursor: pointer; text-decoration: none; margin-left:80px; } #getstartedbtn {display: block; width: 800px; height: 200px; background: url(../images/red-button.jpg) no-repeat 0 0; } #getstartedbtn:hover { background-position: 0 -200px; } #getstartedbtn span { display: none; } #social { width:460px; height:65px; bottom:-80px; position:absolute; } #delicious { width:65px; height:65px; position:absolute; margin-left:160px; } #delicious a { width:65px; height:65px; background: url(../images/social/delicious.png) transparent no-repeat top left; text-indent:-9999px; display:block; } #digg { width:65px; height:65px; position:absolute; margin-left:240px; } #digg a { width:65px; height:65px; background: url(../images/social/digg.png) transparent no-repeat top left; text-indent:-9999px; display:block; } #facebook { width:65px; height:65px; position:absolute; margin-left:395px; } #facebook a { width:65px; height:65px; background: url(../images/social/facebook.png) transparent no-repeat top left; text-indent:-9999px; display:block; } #linkedin { width:65px; height:65px; margin-left:320px; position:absolute; } #linkedin a { width:65px; height:65px; background: url(../images/social/linkedin.png) transparent no-repeat top left; text-indent:-9999px; display:block; } #stumble { width:65px; height:65px; margin-left:80px; position:absolute; } #stumble a { width:65px; height:65px; background: url(../images/social/stumble.png) transparent no-repeat top left; text-indent:-9999px; display:block; } #twitter { width:65px; height:65px; position:absolute; } #twitter a { width:65px; height:65px; background: url(../images/social/twitter.png) transparent no-repeat top left; text-indent:-9999px; display:block; }