/* Theme styles ================================================== */ #topheader { background-color: #ff7e00; } .ie7 #topheader { padding-bottom:9px; } .ie8 #topheader { padding-bottom:9px; } .buy-now a { background:#dc6d00; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:9px 16px; text-decoration:none; margin-left:20px; position:relative; z-index:2; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .buy-now a:hover { background:#0e3d57; color:#ffffff; text-decoration:none; } .social-icons a.vimeo { background:url(../images/social-icons.png) no-repeat 6px 6px #570800; width:12px; height:12px; display:inline-block; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:6px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icons a:hover.vimeo { background:url(../images/social-icons.png) no-repeat 6px 6px #0e3d57; } .social-icons a.linked-in { background:url(../images/social-icons.png) no-repeat -25px 6px #570800; width:12px; height:12px; display:inline-block; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:6px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icons a:hover.linked-in { background:url(../images/social-icons.png) no-repeat -25px 6px #0e3d57; } .social-icons a.facebook { background:url(../images/social-icons.png) no-repeat -56px 6px #570800; width:12px; height:12px; display:inline-block; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:6px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icons a:hover.facebook { background:url(../images/social-icons.png) no-repeat -56px 6px #0e3d57; } .social-icons a.skype { background:url(../images/social-icons.png) no-repeat -87px 6px #570800; width:12px; height:12px; display:inline-block; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:6px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-icons a:hover.skype { background:url(../images/social-icons.png) no-repeat -87px 6px #0e3d57; } .topheader-arrow { width:18px; height:18px; background:#ff7e00; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin:-9px auto 0 auto; position:relative; z-index:1; } .ie7 .topheader-arrow { display:none; } .ie8 .topheader-arrow { display:none; } #main-nav { width:100%; height:54px; float:left; border: 1px solid #154f71; background-color: #0e5089; -moz-box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); -webkit-box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); background-image: -moz-linear-gradient(bottom, #193b75 0%, #00659e 100%); background-image: -o-linear-gradient(bottom, #193b75 0%, #00659e 100%); background-image: -webkit-linear-gradient(bottom, #193b75 0%, #00659e 100%); background-image: linear-gradient(bottom, #193b75 0%, #00659e 100%); margin-top:-15px; } .ie7 #main-nav { width:100%; height:54px; float:left; background:url(../images/ie/menu-bg.png) repeat-x #0e5089; margin-top:-15px; position:relative; z-index:500; } .ie8 #main-nav { width:100%; height:54px; float:left; background:url(../images/ie/menu-bg.png) repeat-x #0e5089; margin-top:-15px; } #main-nav > ul { margin:0; } #main-nav li { list-style: none; float: left; margin: 0; position: relative; background:url(../images/menu-delimiter.png) no-repeat right top; } #main-nav li ul li { list-style: none; float: left; margin: 0; position: relative; background:none; } #main-nav li.first { list-style: none; float: left; position: relative; } #main-nav li.indicator { background:url(../images/menu-arrow-v.png) 85% 50% no-repeat; } #main-nav li li.indicator { background:url(../images/menu-arrow-h.png) 93% 50% no-repeat; } #main-nav li li.indicator:hover { background:url(../images/menu-arrow-h_over.png) 93% 50% no-repeat; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { color: #ffffff; background:url(../images/menu-delimiter.png) no-repeat right top rgba(0,0,0,.2) !important; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background:none; } /* Dropdown */ .no-js #main-nav li:hover > ul { display: block; } #main-nav ul ul { border: 1px solid #154f71; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #0d4f87; -moz-box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); -webkit-box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); box-shadow: 0 2px 0 rgba(1,1,1,.22), inset 0 1px 0 rgba(133,201,255,.5); display: none; left: 0; padding: 0; position: absolute; width: 200px; z-index: 99; } #main-nav ul ul li { float: none; } #main-nav ul ul a.last { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } #main-nav ul ul a { border-bottom: solid 1px #0d3f6b; -moz-box-shadow: 0 1px 0 #045e97; -webkit-box-shadow: 0 1px 0 #045e97; box-shadow: 0 1px 0 #045e97; color: #f5f5f8; font-size: 14px; text-shadow: 0 1px 1px #000000; display: block; font-weight: 400; width:160px; padding: 9px 20px !important; text-align: left; text-transform: none; border-right:0; background:none; } #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { background:none !important; background-color: rgba(0,0,0,.2) !important; color: #fff; } .ie7 #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { background:none !important; background-color: #0b3f6d !important; color: #fff; } .ie8 #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { background:none !important; background-color: #0b3f6d !important; color: #fff; } .not-ie #main-nav ul ul .current:after { display: none; } /* Sub Dropdown */ #main-nav ul ul ul { left: 200px !important; top: 0 !important; } /* Responsive Nav */ #main-nav .responsive-nav { background: url(../images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; display: none; width: 100%; } .intro-text { text-align:center; opacity: .9; color: #0d3d57; text-shadow: 0 1px 0 #fff; } .intro-text span { color:#570600; } .home-services { float:left; width:65.3%; margin-right:4%; } .home-services .margin-right { margin-right:4%; } .home-services .col { float:left; width:48%; } .home-services .business { background:url(../images/icons/diamond.png) no-repeat 0 0; } .home-services .business a { color: #212121; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .home-services .business a:hover { color: #570700; text-decoration:none; } .home-services .html5 { background:url(../images/icons/cellphone.png) no-repeat 0 0; } .home-services .html5 a { color: #212121; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .home-services .html5 a:hover { color: #570700; text-decoration:none; } .home-services .settings { background:url(../images/icons/settings.png) no-repeat 0 30px; } .home-services .settings a { color: #212121; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .home-services .settings a:hover { color: #570700; text-decoration:none; } .home-services .easy { background:url(../images/icons/label.png) no-repeat 0 30px; } .home-services .easy a { color: #212121; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .home-services .easy a:hover { color: #570700; text-decoration:none; } .latest-posts { float:left; width:30.7%; height:100%; } .ui-tabs { position: relative; zoom: 1; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; background:#fbfbfb; border:solid 1px #e9e9e9; } .ui-tabs .ui-tabs-nav { margin: 0; padding:0; float:left; width:36px; background:url(../images/tabs.png) repeat-y; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding: 0; white-space: nowrap; border-bottom:solid 1px #e5e5e5; } .ui-tabs .ui-tabs-nav li.tab1 { background:url(../images/icons/dribble.png) no-repeat 45% 10px; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li:hover.tab1 { background:url(../images/icons/dribble.png) no-repeat 45% 10px #fbfbfb; } .ui-tabs .ui-tabs-nav li.tab1.ui-tabs-selected { background:url(../images/icons/dribble_over.png) no-repeat 45% 10px #fbfbfb; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li.tab2 { background:url(../images/icons/twitter.png) no-repeat 45% 10px; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li:hover.tab2 { background:url(../images/icons/twitter.png) no-repeat 45% 10px #fbfbfb; } .ui-tabs .ui-tabs-nav li.tab2.ui-tabs-selected { background:url(../images/icons/twitter_over.png) no-repeat 45% 10px #fbfbfb; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li.tab3 { background:url(../images/icons/rss.png) no-repeat 45% 10px; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li:hover.tab3 { background:url(../images/icons/rss.png) no-repeat 45% 10px #fbfbfb; } .ui-tabs .ui-tabs-nav li.tab3.ui-tabs-selected { background:url(../images/icons/rss_over.png) no-repeat 45% 10px #fbfbfb; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li.tab4 { background:url(../images/icons/facebook.png) no-repeat 45% 13px; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li:hover.tab4 { background:url(../images/icons/facebook.png) no-repeat 45% 13px #fbfbfb; } .ui-tabs .ui-tabs-nav li.tab4.ui-tabs-selected { background:url(../images/icons/facebook_over.png) no-repeat 45% 13px #fbfbfb; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; width:100%; height:41px; } .ui-tabs .ui-tabs-nav li.last { border:none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; background:#fbfbfb; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; background:none !important; } .ui-tabs .ui-tabs-hide { display: none !important; } .pointed-line { width:100%; background:url(../images/point-line.png) repeat-x; height:7px; display:inline-block; } .jcarousel-skin-tango a:hover .item-arr { background-color:#a7145e; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { right: 40px; left: auto; background-image: url(../images/prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tangos .jcarousel-direction-rtl .jcarousel-next-horizontal { right: 40px; left: auto; background-image: url(../images/prev-horizontal.png); } .jcarousel-skin-tangos .jcarousel-next-horizontal:hover, .jcarousel-skin-tangos .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tangos .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tangos .jcarousel-next-disabled-horizontal, .jcarousel-skin-tangos .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tangos .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tangos .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tangos .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/next-horizontal.png); } .jcarousel-skin-tangos .jcarousel-prev-horizontal:hover, .jcarousel-skin-tangos .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tangos .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tangos .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tangos .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tangos .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tangos .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-item-text { width:100%; font-size:12px; color:#666666; line-height:normal; padding-top:10px; } .jcarousel-item-link { width:100%; font-size:12px; padding-top:10px; } .jcarousel-item-link a { text-decoration:none; color:#ff7e00; background:url(../images/more-arrow.png) no-repeat right center; padding:0 15px 0 0; } .jcarousel-item-link a:hover { text-decoration:underline; color:#570800; } a.gamma { width:91px; height:45px; display:inline-block; background:url(../images/logos/1.png) no-repeat center top; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.gamma { background:url(../images/logos/1.png) no-repeat center bottom; } .ie7 a:hover.gamma { background:url(../images/logos/1.png) no-repeat center -53px; } .ie8 a:hover.gamma { background:url(../images/logos/1.png) no-repeat center -53px; } a.spectrum { width:89px; height:53px; display:inline-block; background:url(../images/logos/2.png) no-repeat center top; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.spectrum { background:url(../images/logos/2.png) no-repeat center bottom; } a.square { width:57px; height:53px; display:inline-block; background:url(../images/logos/3.png) no-repeat center top; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.square { background:url(../images/logos/3.png) no-repeat center bottom; } a.energy { width:109px; height:45px; display:inline-block; background:url(../images/logos/4.png) no-repeat center top; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.energy { background:url(../images/logos/4.png) no-repeat center bottom; } .ie7 a:hover.energy { background:url(../images/logos/4.png) no-repeat center -49px; } .ie8 a:hover.energy { background:url(../images/logos/4.png) no-repeat center -49px; } a.corporate { width:120px; height:53px; display:inline-block; background:url(../images/logos/5.png) no-repeat center top; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.corporate { background:url(../images/logos/5.png) no-repeat center bottom; } footer { background:url(../images/footer-bg.png) repeat-x; } #copyright { background:url(../images/copyright-bg.png); } .copyright .left-side a { color:#afb5b8; text-decoration:none; } .copyright .left-side a:hover { color:#ffffff; text-decoration:none; } /* -------------------------------- */ /* -- START ABOUT US PAGE STYLE -- */ /* ------------------------------ */ .about-row { width:100%; } .about-company { float:left; width:65.3%; margin-right:4%; } .our-skills { float:left; width:30.7%; height:100%; } .meet-team-row { width:100%; } /* ------------------------------- */ /* -- START PRICING PAGE STYLE -- */ /* ----------------------------- */ .pricing .pg-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:0 0 10px 0; text-transform:uppercase; } .prow { width:100%; margin:50px 0 0 0; } /* -------------------------------- */ /* -- START ELEMENTS PAGE STYLE -- */ /* ------------------------------ */ .elements .lists ul li.ok { background:url(../images/list-elements/1.png) no-repeat 2% 50%; } .elements .lists ul li.b-arrow { background:url(../images/list-elements/2.png) no-repeat 2% 50%; } .elements .lists ul li.b-circle { background:url(../images/list-elements/3.png) no-repeat 2% 50%; } .elements .lists ul li.m-circle { background:url(../images/list-elements/4.png) no-repeat 2% 50%; } .elements .lists ul li.s-circle { background:url(../images/list-elements/5.png) no-repeat 2% 50%; } .elements .lists ul li.b-square { background:url(../images/list-elements/6.png) no-repeat 2% 50%; } .elements .lists ul li.s-square { background:url(../images/list-elements/7.png) no-repeat 2% 50%; } .elements .lists ul li.list { background:url(../images/list-elements/8.png) no-repeat 2% 50%; } .elements .lists ul li.s-arrow { background:url(../images/list-elements/9.png) no-repeat 2% 50%; } .elements .lists ul li.plus { background:url(../images/list-elements/10.png) no-repeat 2% 50%; } .elements .third-row a.facebook { float:left; background:url(../images/icons/social-icons.png) no-repeat 0 0; width:13px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.facebook { background:url(../images/icons/social-icons.png) no-repeat 0 -30px; } .elements .third-row a.twitter { float:left; background:url(../images/icons/social-icons.png) no-repeat -14px 0; width:27px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.twitter { background:url(../images/icons/social-icons.png) no-repeat -14px -30px; } .elements .third-row a.google { float:left; background:url(../images/icons/social-icons.png) no-repeat -44px 0; width:28px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.google { background:url(../images/icons/social-icons.png) no-repeat -44px -30px; } .elements .third-row a.deviantart { float:left; background:url(../images/icons/social-icons.png) no-repeat -77px 0; width:27px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.deviantart { background:url(../images/icons/social-icons.png) no-repeat -77px -30px; } .elements .third-row a.linkedin { float:left; background:url(../images/icons/social-icons.png) no-repeat -109px 0; width:21px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.linkedin { background:url(../images/icons/social-icons.png) no-repeat -109px -30px; } .elements .third-row a.youtube { float:left; background:url(../images/icons/social-icons.png) no-repeat -139px 0; width:23px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.youtube { background:url(../images/icons/social-icons.png) no-repeat -139px -30px; } .elements .third-row a.be { float:left; background:url(../images/icons/social-icons.png) no-repeat -170px 0; width:24px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.be { background:url(../images/icons/social-icons.png) no-repeat -170px -30px; } .elements .third-row a.skype { float:left; background:url(../images/icons/social-icons.png) no-repeat -201px 0; width:21px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.skype { background:url(../images/icons/social-icons.png) no-repeat -201px -30px; } .elements .third-row a.in { float:left; background:url(../images/icons/social-icons.png) no-repeat -232px 0; width:22px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.in { background:url(../images/icons/social-icons.png) no-repeat -232px -30px; } .elements .third-row a.picaso { float:left; background:url(../images/icons/social-icons.png) no-repeat -263px 0; width:18px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.picaso { background:url(../images/icons/social-icons.png) no-repeat -263px -30px; } .elements .third-row a.t { float:left; background:url(../images/icons/social-icons.png) no-repeat -296px 0; width:14px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.t { background:url(../images/icons/social-icons.png) no-repeat -296px -30px; } .elements .third-row a.s { float:left; background:url(../images/icons/social-icons.png) no-repeat -322px 0; width:24px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.s { background:url(../images/icons/social-icons.png) no-repeat -322px -30px; } .elements .third-row a.c { float:left; background:url(../images/icons/social-icons.png) no-repeat -354px 0; width:21px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.c { background:url(../images/icons/social-icons.png) no-repeat -354px -30px; } .elements .third-row a.dribble { float:left; background:url(../images/icons/social-icons.png) no-repeat -385px 0; width:24px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.dribble { background:url(../images/icons/social-icons.png) no-repeat -385px -30px; } .elements .third-row a.rss { float:left; background:url(../images/icons/social-icons.png) no-repeat -418px 0; width:17px; height:28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin:2% 2%; } .elements .third-row a:hover.rss { background:url(../images/icons/social-icons.png) no-repeat -418px -30px; } /* -------------------------------------- */ /* -- START PORTFOLIO 2 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio2 .row { width:100%; margin:50px 0 0 0; } .portfolio2 .paginate ul li a { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 8px; margin-left:2px; text-decoration:none; } .portfolio2 .paginate ul li a:hover { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio2 .paginate ul li a.active { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ff7e00; color: #f1f1f1; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,.13); } .portfolio2 .paginate ul li a.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio2 .paginate ul li a:hover.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio2 .paginate ul li a.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio2 .paginate ul li a:hover.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } /* -------------------------------------- */ /* -- START PORTFOLIO 3 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio3 .row { width:100%; margin:50px 0 0 0; } .portfolio3 .paginate ul li a { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 8px; margin-left:2px; text-decoration:none; } .portfolio3 .paginate ul li a:hover { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio3 .paginate ul li a.active { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ff7e00; color: #f1f1f1; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,.13); } .portfolio3 .paginate ul li a.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio3 .paginate ul li a:hover.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio3 .paginate ul li a.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio3 .paginate ul li a:hover.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } /* -------------------------------------- */ /* -- START PORTFOLIO 4 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio4 .row { width:100%; margin:50px 0 0 0; } .portfolio4 .paginate ul li a { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 8px; margin-left:2px; text-decoration:none; } .portfolio4 .paginate ul li a:hover { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio4 .paginate ul li a.active { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #570700; color: #f1f1f1; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,.13); } .portfolio4 .paginate ul li a.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio4 .paginate ul li a:hover.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .portfolio4 .paginate ul li a.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .portfolio4 .paginate ul li a:hover.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } /* ---------------------------------- */ /* -- START PROJECT DETAILS STYLE -- */ /* -------------------------------- */ .project .prow { width:100%; margin:0; } /* ---------------------------- */ /* -- START BLOG PAGE STYLE -- */ /* -------------------------- */ .blog .prow { width:100%; margin:0; } .blog .l-side .paginate ul li a { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 8px; margin-left:2px; text-decoration:none; } .blog .l-side .paginate ul li a:hover { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .blog .l-side .paginate ul li a.active { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ff7e00; color: #f1f1f1; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,.13); } .blog .l-side .paginate ul li a.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .blog .l-side .paginate ul li a:hover.next { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/next-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } .blog .l-side .paginate ul li a.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #e2e2e2; color: #4d4d4d; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,.15); padding:5px 11px; margin-left:2px; text-decoration:none; } .blog .l-side .paginate ul li a:hover.prev { border: 1px solid #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(../images/prev-paginate.png) no-repeat 50% 50% #fcfcfc; color: #717171; font-size: 12px; text-shadow: 0 1px 0 #fff; text-decoration:none; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 959px) { .header-top { width:959px; margin:0 auto; } .buy-now { float:left; font-size:13px; color:#ffffff; padding:18px 0 15px 0; } .social-icons { float:right; padding:12px 0 10px 0; } #header { background:url(../images/header-bg.png) repeat-x; height:610px; margin:-6px 0 0 0; } .logo-search { width:959px; margin:0 auto; padding:15px 0 30px 0; position:relative; z-index:2; background:url(images/top-bg.png); background-image:url(../images/top-bg.png); background-position:left top; background-repeat:no-repeat } a.logo { float:left; } .search { float:right; margin-top:8px; } .search-input { border: 1px solid #002135; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(11,30,50,.26); moz-box-shadow: 0 1px 0 rgba(255,255,255,.13); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.13); box-shadow: 0 1px 0 rgba(255,255,255,.13); outline:none; width:167px; height:8px; padding:12px 25px 8px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie7 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie8 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .search-submit { background:url(../images/search-submit.png) no-repeat; width:27px; height:28px; top:24px; right:2px; position:absolute; border:none; cursor:pointer; } .main-menu { width:959px; margin:0 auto; } #main-nav li a img { position:absolute; left:15px; top:18px; } #main-nav .first a { padding-left:40px; padding-right: 20px; } #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; color: #ffffff; font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 600; display: block; letter-spacing: -0.08px; padding: 19px 30px 18px 21px; position: relative; text-align: center; text-transform: uppercase; z-index: 98; text-decoration:none; margin-top:1px; } .ie7 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; } .ie8 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; } .ie7 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie7 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .slider { width:959px; margin:0 auto; background:url(../images/slide-shadow.png) no-repeat 0px 320px; } .da-slider{ width: 100%; min-width: 320px; height:540px; float:left; position:relative; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s; overflow:hidden; } .da-slide { overflow:hidden; } .da-slide .da-img{ position:absolute; text-align: center; top: 30px; } .da-slide h2 { color: #fff; font-weight:700; font-size:36px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .ie7 .da-slide h2 { color: #fff; font-weight:700; font-size:36px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .ie8 .da-slide h2 { color: #fff; font-weight:700; font-size:36px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:14px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie7 .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:14px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie8 .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:14px; color: #ffffff; line-height: 16px; overflow: hidden; } .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie7 .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie8 .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .da-work a { border: 1px solid #082738; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #1a3d77; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -o-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -webkit-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: linear-gradient(bottom, #193b75 0%, #2174a3 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-work a { border: 1px solid #082738; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; float:left; background:url(../images/ie/work.png) repeat-x; } .ie8 .da-work a { border: 1px solid #082738; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; float:left; background:url(../images/ie/work.png) repeat-x; } .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .ie7 .da-work a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -o-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -webkit-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: linear-gradient(bottom, #2174a3 0%, #193b75 100%); } .ie8 .da-work a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -o-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -webkit-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: linear-gradient(bottom, #2174a3 0%, #193b75 100%); } .da-or { float:left; background:url(../images/or.png) no-repeat; width:34px; height:49px; margin-left:-17px; margin-right:-17px; position:relative; z-index:5; } .da-contact a { border: 1px solid #2c1908; -moz-border-radius: 1px 3px 3px; -webkit-border-radius: 1px 3px 3px; border-radius: 1px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -o-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -webkit-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: linear-gradient(bottom, #f1631d 0%, #ff8611 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-contact a { border: 1px solid #2c1908; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; float:left; background:url(../images/ie/h-contact.png) repeat-x; } .ie8 .da-contact a { border: 1px solid #2c1908; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; float:left; background:url(../images/ie/h-contact.png) repeat-x; } .da-contact a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -o-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -webkit-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: linear-gradient(bottom, #ff8611 0%, #f1631d 100%); } .ie7 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .ie8 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .da-dots { float:left; position:relative; text-align: center; width:99.8%; top:427px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height:103px; } .da-dots span { float:left; background:url(../images/slider-menu-bg.png) repeat-x; height:96px; width:16.6%; color:#fffefe; } .slider-menu { float:left; width:100%; margin-left:1px; margin-top:-112px; position:relative; z-index:2001; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; } .slider-menu-shadow { background:url(../images/slider-menu-shadow.png) no-repeat top center; height:43px; width:99.5%; margin-top:-8px; float:left; } .slider-menu a.tab { float:left; width:33.15%; background:#ffffff; height:88px; border-right:dotted 1px #999999; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; background-color:#570800; } .slider-menu a.tab1 { float:left; width:33.3%; background:#ffffff; height:88px; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab1 { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); background-color:#570800; text-decoration:none; color:#ffffff; } .slider-menu a.tab .s-image { float:left; padding:0 20px 15px 20px; } .slider-menu a.tab .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 20px 10px 0; } .slider-menu a:hover.tab .s-title { color:#ffffff } .slider-menu a.tab .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:30px; line-height: 16px; } .slider-menu a.tab1 .s-image { float:left; padding:0 20px 15px 20px; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 20px 10px 0; } .slider-menu a:hover.tab1 .s-title { color:#ffffff } .slider-menu a.tab1 .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:30px; line-height: 16px; } .intro-text { width:959px; margin:0 auto; font-size: 27px; font-weight: bold; padding-bottom:40px; line-height: 32px; } .ie7 .intro-text { width:959px; margin:90px auto 0 auto; font-size: 27px; font-weight: bold; padding-bottom:40px; line-height: 32px; } #content { width:899px; margin:0 auto; background:#ffffff; padding:30px 30px 0 30px; } .home-services .business .title { font-size:16px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .business .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:30px; line-height: 16px; } .home-services .html5 .title { font-size:16px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .html5 .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:30px; line-height: 16px; } .home-services .settings .title { font-size:16px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:30px 0 10px 0; margin-left:35px; } .home-services .settings .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:25px; line-height: 16px; } .home-services .easy .title { font-size:16px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:30px 0 10px 0; margin-left:35px; } .home-services .easy .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:25px; line-height: 16px; } .ui-tabs .ui-tabs-panel { display: block; background: none; float:left; width:76.5%; padding:4.5%; } .ui-tabs .ui-tabs-panel .image { float:left; margin-right:4%; } .ui-tabs .ui-tabs-panel .content { float:left; width:73%; font-size:12px; color:#666666; line-height: 16px; } .ui-tabs .ui-tabs-panel .content a { font-size:10px; color:#212121; text-decoration:none; padding-right:10px; } .ui-tabs .ui-tabs-panel .content a:hover { font-size:10px; color:#ff7e00; text-decoration:none; } .ui-tabs .ui-tabs-panel .content span { font-size:10px; color:#999ca1; } .ui-tabs .ui-tabs-panel .line { float:left; width:100%; height:1px; background:#e9e9e9; margin:1px 0 4px 0; } .carousel { width:899px; margin:0; float:left; padding-top:25px; } .carousel-title { font-size:18px; color:#000000; font-weight:700; text-transform:uppercase; width:100%; float:left; margin-top:6px; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:899px; margin-top:45px; } .jcarousel-skin-tango .jcarousel-clip { height:290px; overflow:hidden; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0 35px 0 0; width:276px; overflow:hidden; } .j-item-img { width:275px; } .carousels { width:899px; margin:0; float:left; padding-top:25px; } .jcarousel-date-title { width:100%; } .jcarousel-icon { float:left; width:12%; margin-right:4%; height:33px; background:#a9a9a9; text-align:center; } .jcarousel-title { float:left; width:84%; font-size:14px; color:#212121; font-weight:700; } .jcarousel-title a { float:left; width:84%; font-size:14px; color:#212121; font-weight:700; text-decoration:none; } .jcarousel-date-title:hover .jcarousel-icon { background:#570800; color:#570800; } .jcarousel-date-title:hover .jcarousel-title a { color:#570800; } .jcarousel-date-title:hover .jcarousel-title a:hover { color:#570800; } .jcarousel-date-content { width:100%; } .jcarousel-date { float:left; width:12%; margin-right:4%; font-size:10px; color:#999999; text-align:center; height:100%; margin-top:10px; } .jcarousel-item-texts { float:left; width:84%; font-size:12px; color:#666666; margin-top:5px; line-height:16px; } .jcarousel-skin-tangos .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-container-horizontal { width:899px; margin-top:45px; } .jcarousel-skin-tangos .jcarousel-clip { height:140px; overflow:hidden; } .jcarousel-skin-tangos .jcarousel-item-horizontal { margin:0 35px 0 0; width:276px; overflow:hidden; } #logos { width:960px; margin:0 auto; padding:30px 0; } #logos ul { margin:0; padding:0; width:100%; height:53px; overflow-y:hidden; } #logos ul li { width:14.28%; float:left; text-align:center; } .footer { width:899px; padding:40px 30px 10px 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .footer .row { float:left; width:30%; margin-right:4%; } .footer .row .title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding-bottom:15px; } .footer .row .title span { text-transform:lowercase; } .footer .row .about { color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; line-height:17px; padding:0 0 10px 0; } .footer .row a.read-more { color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; text-decoration:none; background:url(../images/read-more-arr.png) no-repeat right center; padding-right:15px; } .footer .row a:hover.read-more { text-decoration:underline; color:#ccc; } .footer .row .second-title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding:20px 0; } .footer .row .address { background:url(../images/icons/home.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:8px; } .footer .row .email { background:url(../images/icons/email.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:5px; } .footer .row .phone { background:url(../images/icons/phone.png) no-repeat 0 0; padding:2px 0 0 23px; color:#f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; } .footer .row .ul { margin:0; padding:0; } .footer .row ul li { border-bottom:solid 1px #003f62; -moz-box-shadow: 0 1px 0 #e1e1e0; -webkit-box-shadow: 0 1px 0 #e1e1e0; box-shadow: 0 1px 0 #17557a; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .footer .row ul li a { color: #f2f2f2; font-size: 14px; text-shadow: 0 1px 0 #002337; text-decoration:none; } .footer .row ul li a:hover { color:#ccc; text-decoration:none; } .footer .row-last { float:left; width:30%; } .footer .row-last .title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding-bottom:15px; } .footer .row-last .newsletter { width:100%; } .newsletter-input { float:left; border: 1px solid #002337; background-color: #fff; -moz-box-shadow: inset 0 0 5px #838383; -webkit-box-shadow: inset 0 0 5px #838383; box-shadow: inset 0 0 5px #838383; color: #656565; font-size: 12px; outline:none; padding:2%; width:55%; } .newsletter-submit { border: 1px solid #f96534; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); background-image: -moz-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -o-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -webkit-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: linear-gradient(bottom, #f96534 0%, #ff8d20 100%); float:left; margin:0 0 0 -5px; padding:5px; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; background-color:#ff7e00; } .ie7 .newsletter-submit { float:left; margin:0 0 0 -5px; padding:4px 0px 3px 0; color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; background:url(../images/ie/h-submit.png) repeat-x; font-size:12px; border:none; } .ie8 .newsletter-submit { float:left; margin:0 0 0 -5px; padding:4px 5px; color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; background:url(../images/ie/h-submit.png) repeat-x; } .newsletter-submit:hover { background-image: -moz-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -o-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -webkit-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: linear-gradient(bottom, #ff8d20 0%, #f96534 100%); } .ie7 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .ie8 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .footer .row-last .dont-spam { color: #cdcdcd; font-size: 12px; padding:8px 0 25px 0; } .footer .row-last .ul { margin:0; padding:0; width:100%; } .footer .row-last ul li { float:left; margin:0 3% 5% 0; } .footer .row-last ul li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 12px; padding:3px 7px; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .footer .row-last ul li a { background-color: #fff; color: #212121; font-size: 12px; padding:3px 7px; display:inline-block; text-decoration:none; } .footer .row-last ul li a:hover { background-color: #570800; color: #ffffff; text-decoration:none; } .copyright { width:899px; padding:13px 30px; font-size:12px; margin:0 auto; } .copyright .left-side { float:left; color:#afb5b8; } .copyright .left-side span { color:#ffffff; } .copyright .right-side { float:right; color:#afb5b8; } .copyright .right-side a { text-decoration:none; color:#afb5b8; text-transform:uppercase; } .copyright .right-side a:hover { text-decoration:none; color:#fff; } /* -------------------------------- */ /* -- START ABOUT US PAGE STYLE -- */ /* ------------------------------ */ .about #header { height:240px; margin-bottom:30px; } #header .subheader { width:960px; margin:0 auto; margin-top:45px; background:#999; } .ie7 #header .subheader { width:960px; margin:0 auto; margin-top:0px; } #header .left-side { float:left; padding-right:15px; } .page-title { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; opacity:.9; padding:28px 0 15px 0; } .breadcrumbs { font-size: 12px; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a { text-decoration:none; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a:hover { text-decoration:underline; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs span { color:#fff; } #header .right-side { float:right; } .page-desc { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; line-height:30px; padding:25px 0 0 0; text-align:right; } .about-company-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .about-company-content { font-size:12px; color:#666666; line-height:18px; padding-top:10px; } .our-skills-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .our-skills ul { margin:0; padding:10px 0 0 0; } .our-skills ul li { margin:0; list-style:none; font-size:12px; color:#175273; padding:3px 0 15px 0; } .our-skills ul li.arr { background:url(../images/li-arr.png) no-repeat left center; padding:0 0 0 10px; } .our-skills ul li .start { float:left; width:19.5%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#d2d7db; } .our-skills ul li .middle { float:left; width:19.5%; height:18px; border-top:solid 1px #9ba3aa; border-right:solid 1px #d2d7db; border-bottom:solid 1px #9ba3aa; background:#c2c9cf; } .our-skills ul li .end { float:left; width:19.5%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .our-skills ul li .start-orange { float:left; width:19.5%; height:18px; border:solid 1px #b9630f; background:#570800; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#ff9f42; } .our-skills ul li .middle-orange { float:left; width:19.5%; height:18px; border-top:solid 1px #b9630f; border-right:solid 1px #ff9f42; border-bottom:solid 1px #b9630f; background:#570800; } .our-skills ul li .end-orange { float:left; width:19.5%; height:18px; border:solid 1px #b9630f; background:url(../images/icons/ok.png) no-repeat center center #570800; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .meet-team-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; text-transform:uppercase; padding:40px 0 10px 0; } .team-description { font-size:12px; color:#666666; line-height:18px; padding:10px 0 20px 0; } .meet-team-row ul { margin:0; padding:0 0 30px 0; width:100%; } .meet-team-row ul li { float:left; width:24%; margin-right:1%; list-style:none; } .ie7 .meet-team-row ul li { float:left; width:24%; margin-right:0.9%; list-style:none; } .meet-team-row ul li .image { width:100%; overflow:hidden; position:relative; z-index:1; } .meet-team-row ul li .image img { margin-left:-30px; } .meet-team-row ul li .image .blur { position:absolute; z-index:2; background:#ffffff; opacity:.5; width:100%; height:100%; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .meet-team-row ul li .image .blur { display: none; } .ie8 .meet-team-row ul li .image .blur { display: none; } .meet-team-row ul li:hover .image .blur { opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .name { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; cursor:pointer; padding:10px 0 5px 0; } .meet-team-row ul li:hover .name { color:#570800; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .title { font-size:12px; color:#666666; padding-bottom:5px; } .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:8px 0; } .ie7 .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; height: 17px; } .meet-team-row ul li .social:hover { border-bottom:solid 1px #570800; } /* --------------------------------- */ /* -- START LEFT MENU PAGE STYLE -- */ /* ------------------------------- */ .leftpage #header { height:240px; margin-bottom:30px; } .leftpage .leftside { float:left; width:30.7%; margin-right:4%; } .leftpage .leftside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .leftpage .leftside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:right; font-weight:bold; padding:14px 38px 10px 0; } .leftpage .leftside ul li { border-bottom:solid 1px #dfdfdf; } .leftpage .leftside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover.png) no-repeat 0 0; margin:5px 0 0 265px; } .ie7 .leftpage .leftside ul li:hover .arr { display: none; } .leftpage .leftside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:right; background:url(../images/page-list-arr.png) no-repeat 90% 50%; padding:10px 40px 10px 0; } .leftpage .leftside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .leftpage .leftside ul li.last { border-bottom:none; } .leftpage .rightside { float:left; width:65.3%; } .leftpage .rightside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .leftpage .rightside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .leftpage .rightside .art img { width:100%; margin:20px 0; overflow:hidden; } .leftpage .rightside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .leftpage .rightside .list-row { width:100%; padding-bottom:20px; } .leftpage .rightside .list-row ul { margin:0; padding:0; width:32.8%; display:inline-block; } .ie7 .leftpage .rightside .list-row ul { margin:0; padding:0; width:32.8%; float: left; } .leftpage .rightside .list-row ul li { margin:0; display:block; font-size:12px; } .leftpage .rightside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .leftpage .rightside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } /* --------------------------------- */ /* -- START RIGHT MENU PAGE STYLE -- */ /* ------------------------------- */ .rightpage #header { height:240px; margin-bottom:30px; } .rightpage .leftside { float:left; width:65.3%; margin-right:4%; } .rightpage .leftside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .rightpage .leftside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .rightpage .leftside .art img { width:100%; margin:20px 0; overflow:hidden; } .rightpage .leftside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .rightpage .leftside .list-row { width:100%; padding-bottom:20px; } .rightpage .leftside .list-row ul { margin:0; padding:0; width:92.8%; display:inline-block; } .ie7 .rightpage .leftside .list-row ul { margin:0; padding:0; width:32.8%; float: left; } .rightpage .leftside .list-row ul li { margin:0; display:block; font-size:12px; } .rightpage .leftside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .rightpage .leftside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } .rightpage .rightside { float:left; width:30.7%; } .rightpage .rightside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rightpage .rightside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:left; font-weight:bold; padding:14px 0 10px 38px; } .rightpage .rightside ul li { border-bottom:solid 1px #dfdfdf; } .rightpage .rightside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover-right.png) no-repeat 0 0; margin:5px 0 0 -10px; } .ie7 .rightpage .rightside ul li:hover .arr { display: none; } .rightpage .rightside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:left; background:url(../images/page-list-arr-right.png) no-repeat 7% 50%; padding:10px 0 10px 40px; } .rightpage .rightside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .rightpage .rightside ul li.last { border-bottom:none; } /* ------------------------------- */ /* -- START PRICING PAGE STYLE -- */ /* ----------------------------- */ .pricing #header { height:240px; margin-bottom:30px; } .price-col.first { float:left; width:25%; margin-left:10px } .price-col { float:left; width:25%; margin-left:-5px; } .price-col.active { float:left; width:25%; margin-left:-5px; position:relative; z-index:5; margin-top:-15px; margin-bottom:30px; } .ie7 .price-col.active { float:left; width:25%; margin-left:-5px; position:relative; z-index:5; margin-top:-15px; padding-bottom:30px; } .price-col.last { float:left; width:25%; margin-left:-5px; position:relative; z-index:4; } .price-top { border: 1px solid #dadada; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e9e9e9; padding:10px; } .price-top .title { font-size:14px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; } .ie7 .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; display: block; height: 100%; } .price-top .price .price-left { float:left; background:url(../images/price-left-arr.png) no-repeat; width:11px; height:45px; } .price-top .price .price-content { float:left; background:#afafaf; padding:9px 0 8px 10px; width:73%; } .price-top .price .price-content span { font-weight:bold; font-size:18px; } .price-top .price .price-content sup { font-size:10px; } .price-top .price .price-right { float:left; background:url(../images/price-right-arrow.png) no-repeat; width:11px; height:35px; } .active .price-top .price .price-left { float:left; background:url(../images/price-left-arr-active.png) no-repeat; width:11px; height:45px; } .active .price-top .price .price-content { float:left; padding:9px 0 8px 10px; width:70%; background-color: #ff7d00; -moz-box-shadow: inset 0 1px 0 #ffb300; -webkit-box-shadow: inset 0 1px 0 #ffb300; box-shadow: inset 0 1px 0 #ffb300; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); text-shadow: 0 1px 0 #ff3503; } .active .price-top .price .price-content span { font-weight:bold; font-size:18px; color:#fffc00; } .active .price-top .price .price-content sup { font-size:10px; } .active .price-top .price .price-right { float:left; background:url(../images/price-right-arrow-active.png) no-repeat; width:11px; height:35px; } .price-body { border: 1px solid #e9e9e9; background-color: #fff; padding:20px 30px; border-top:none; text-align:center; } .price-body ul { margin:0; padding:0 0 30px 0; } .price-body ul li.first { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:0 0 10px 0; } .price-body ul li { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:10px 0; } a.price-butt { border: 1px solid #979797; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #afafaf; font-size: 18px; text-shadow: 0 1px 0 #979797; color:#ffffff; padding:10px 35px 10px 15px; display:inline-block; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.price-butt { border: 1px solid #e24d00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #ff6d21; text-shadow: 0 1px 0 #ff3503; text-decoration:none; } /* -------------------------------- */ /* -- START ELEMENTS PAGE STYLE -- */ /* ------------------------------ */ .elements #header { height:240px; margin-bottom:30px; } .elements .intro { text-align:center; font-size: 27px; font-weight: bold; text-shadow: 0 1px 0 #fff; color:#0e3d57; padding:0 8% 10px 8%; } .elements .intro span { color:#ff7e00; text-shadow:none; } .elements .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .elements .first-row { padding:15px 0 30px 0; } .ie7 .elements .first-row { padding:15px 0 30px 0; float: left; } .ie7 .elements .first-row { padding:15px 0 30px 0; float: left; } .elements .first-row .buttons { float:left; width:110px; margin:20px 0 0 0; } .elements .first-row .buttons a.orange { border: 1px solid #e56911; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); width:110px; padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.orange { border: 1px solid #faa519; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -o-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -webkit-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: linear-gradient(bottom, #f96317 0%, #f99117 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.green { border: 1px solid #64a114; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.green { border: 1px solid #89cb19; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.turquoise { border: 1px solid #0f9189; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.turquoise { border: 1px solid #00c3c3; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.pink { border: 1px solid #cd407c; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; } .elements .first-row .buttons a:hover.pink { border: 1px solid #c2c2c2; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); color:#ffffff; text-decoration:none; } .elements .errors { float:left; margin:20px 10px 0 10px; } .elements .errors .error { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:150px; background:url(../images/icons/error.png) no-repeat 5% 50% #333333; color:#ff7e00; margin-bottom:5px; } .elements .errors .congrats { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:150px; background:url(../images/icons/congratulations.png) no-repeat 5% 50% #333333; color:#99cc33; margin-bottom:5px; } .elements .errors .info { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:150px; background:url(../images/icons/information.png) no-repeat 5% 50% #333333; color:#009999; margin-bottom:5px; } .elements .errors .alert { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:150px; background:url(../images/icons/alert.png) no-repeat 5% 50% #333333; color:#cccc66; margin-bottom:5px; } .elements .tabs_ { float:left; width:290px; margin-right:10px; } .shadetabs { list-style-type: none; text-align: left; margin:0; padding:0; font-size:16px; } .shadetabs li{ display:inline-block; } .ie7 .shadetabs li{ display:inline; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding:5px 14px; margin-right: 1px; color: #cecece; background:#282828; border:solid 1px #333333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shadetabs li a:hover{ text-decoration: none; color: #ffffff; } .shadetabs li a.selected{ position: relative; color:#ffffff; background:#333333; } .shadetabs li a.selected:hover{ text-decoration: none; color:#ffffff; background:#333333; } .tabcontent{ display:none; background:#333333; min-height:105px; margin:4px 0 0 0; padding:25px 10px 10px 10px; font-size:12px; color:#cecece; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .elements .accordion { float:left; } .accordion .tab-title { font-size:18px; color:#282828; padding-bottom:3px; } .accordion .tab-content { text-align:left; color:#999999; font-size:14px; margin:0; } .arrowlistmenu{ width: 276px; } .arrowlistmenu .menuheader { color:#f8f8f8; font-size:14px; background:url(../images/icons/plus.png) no-repeat 95% 50% #333333; cursor: pointer; padding:8px 0 8px 15px; margin-bottom:1px; } .arrowlistmenu .openheader { background:url(../images/icons/minus.png) no-repeat 95% 50% #ff7e00; } .categoryitems { padding:0 15px 10px 15px; margin-top:10px; color:#666666; font-size:14px; } .elements .second-row { padding:15px 0 30px 0; } .ie7 .elements .second-row { padding:15px 0 30px 0; float: left; } .ie7 .elements .second-row { padding:15px 0 30px 0; float: left; } .elements .art { float:left; width:100%; margin-right:3%; font-size:13px; color:#666666; line-height:19px; } .elements .art p { float:left; font-style:italic; font-size:17px; color:#560800; line-height:30px; padding-right:25px; } .elements .art span { background:#ff7e00; color:#ffffff; padding:3px; } .elements .lists { float:left; width:32%; } .elements .lists ul { float:left; width:49%; margin:0 2% 0 0; padding:0; } .elements .lists ul.last { float:left; width:49%; margin:0; padding:0; } .elements .lists ul li { width:100%; border-bottom:solid 1px #cecece; font-size:13px; } .elements .lists ul li a { display:inline-block; text-decoration:none; color:#666666; padding:8px 0 8px 20px; } .elements .lists ul li a:hover { text-decoration:none; color:#ff7e00; } .elements .third-row { width:100%; padding:15px 0 30px 0; overflow:hidden; } /* -------------------------------------- */ /* -- START PORTFOLIO 2 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio2 #header { height:240px; margin-bottom:30px; } .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie7 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie8 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .portfolio2 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio2 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio2 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio2 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio2 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio2 .portfolio-items { width:100%; } .ie7 .portfolio2 .portfolio-items { width:100%; padding-bottom: 20px; } .portfolio2 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio2 .portfolio-items li { float:left; width:434px; margin:0 30px 30px 0; } .portfolio2 .portfolio-items li.last { float:left; width:434px; margin:0 0 30px 0; } .portfolio2 .portfolio-items li .image { width:434px; height:247px; overflow:hidden; } .portfolio2 .portfolio-items li .images { width:434px; height:237px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio2 .portfolio-items li .arrow { background:none; width:434px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio2 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:191px; margin-top:107px; z-index:5; visibility: hidden; } .portfolio2 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio2 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio2 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; } .portfolio2 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio2 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio2 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio2 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio2 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li:hover .images { width:434px; height:237px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio2 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:434px; margin-top:237px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio2 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:191px; margin-top:107px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio2 .paginate { border-top:solid 1px #cecece; padding-top:10px; } .portfolio2 .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .portfolio2 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 3 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio3 #header { height:240px; margin-bottom:30px; } .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie7 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie8 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .portfolio3 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio3 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio3 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio3 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio3 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio3 .portfolio-items { width:100%; } .portfolio3 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio3 .portfolio-items li { float:left; width:276px; margin:11px; } .portfolio3 .portfolio-items li .image { width:276px; height:172px; overflow:hidden; } .portfolio3 .portfolio-items li .images { width:276px; height:162px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio3 .portfolio-items li .arrow { background:none; width:276px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio3 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:109px; margin-top:70px; z-index:5; visibility: hidden; } .portfolio3 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio3 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio3 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; } .portfolio3 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio3 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio3 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio3 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio3 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li:hover .images { width:276px; height:162px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio3 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:276px; margin-top:162px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio3 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:109px; margin-top:70px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio3 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:10px } .portfolio3 .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .portfolio3 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 4 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio4 #header { height:240px; margin-bottom:30px; } .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie7 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie8 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .portfolio4 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio4 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio4 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio4 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio4 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio4 .portfolio-items { width:100%; } .portfolio4 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio4 .portfolio-items li { float:left; width:210px; margin:7px; } .portfolio4 .portfolio-items li .image { width:210px; height:172px; overflow:hidden; } .portfolio4 .portfolio-items li .images { width:210px; height:162px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio4 .portfolio-items li .arrow { background:none; width:210px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio4 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:76px; margin-top:70px; z-index:5; visibility: hidden; } .portfolio4 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio4 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio4 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; min-height:50px; } .portfolio4 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio4 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio4 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio4 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio4 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li:hover .images { width:210px; height:162px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio4 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:210px; margin-top:162px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio4 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:76px; margin-top:70px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio4 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:10px } .portfolio4 .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .portfolio4 .paginate ul li { float:left; } /* ---------------------------------- */ /* -- START PROJECT DETAILS STYLE -- */ /* -------------------------------- */ .project #header { height:240px; margin-bottom:30px; } .project .image { float:left; width:68%; margin-right:4%; } .project .image img { width:100%; } .project .det { float:left; width:28%; } .project .det .title { font-size:18px; font-weight:bold; color:#212121; text-transform:uppercase; } .project .det .desc { font-size:12px; color:#666666; padding:25px 0; border-bottom:solid 1px #cecece; } .project .det .social { font-size:11px; color:#666666; padding:10px 0 0 0; } .project .det .social .tit { float:left; padding:3px 10px 0 0; } .project .det .social a { float:left; } .project .carousel .carousel-title { border-bottom:solid 1px #cecece; padding-bottom:10px; } .project .carousel ul li { float:left; width:276px; margin:11px; } .project .carousel ul li .image { width:276px; height:172px; overflow:hidden; } .project .carousel ul li .images { width:276px; height:162px; overflow:hidden; position:absolute; background:none; display:block; } .ie8 .project .carousel ul li .images { width:276px; height:162px; top: 11px; overflow:hidden; position:absolute; background:none; display:block; } .ie7 .project .carousel ul li .images { margin-left: -287px; width:276px; height:162px; top: 11px; overflow:hidden; position:absolute; background:none; display:block; } .project .carousel ul li .arrow { background:none; width:276px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .ie8 .project .carousel ul li .arrow { background:none; width:276px; height:8px; margin-top:237px; top: 11px; position:absolute; overflow:hidden; display:block; } .ie7 .project .carousel ul li .arrow { margin-left: -287px; background:none; width:276px; height:8px; margin-top:237px; top: 11px; position:absolute; overflow:hidden; display:block; } .project .carousel ul li .links { width:58px; height:32px; position:absolute; display:block; margin-left:109px; margin-top:70px; z-index:5; visibility: hidden; } .ie8 .project .carousel ul li .links { width:58px; height:32px; position:absolute; top: 11px; display:block; margin-left:109px; margin-top:70px; z-index:5; visibility: hidden; } .ie7 .project .carousel ul li .links { width:58px; height:32px; position:absolute; top: 11px; display:block; margin-left:-109px; margin-top:70px; z-index:5; visibility: hidden; } .project .carousel ul li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .project .carousel ul li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .project .carousel ul li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .project .carousel ul li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .project .carousel ul li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; display:inline-block; width:100%; } .project .carousel ul li .title { color:#212121; text-align:left; text-transform:uppercase; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .project .carousel ul li .title a { text-decoration:none; color:#212121; } .project .carousel ul li .title a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .project .carousel ul li .category a { text-decoration:none; color:#656565; } .project .carousel ul li .category a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li:hover .images { width:276px; height:162px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .project .carousel ul li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:276px; margin-top:162px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .project .carousel ul li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:109px; margin-top:70px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .ie7 .project .carousel ul li:hover .links { margin-left: -177px; width:58px; height:32px; position:absolute; display:block; margin-top:70px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } /* ---------------------------- */ /* -- START BLOG PAGE STYLE -- */ /* -------------------------- */ .blog #header { height:240px; margin-bottom:30px; } .blog .l-side { float:left; width:65.7%; padding-right:2%; border-right:solid 1px #cecece; margin-bottom:30px; } .blog-post { width:100%; padding:30px 0; } .blog-post.first { width:100%; padding:0 0 30px 0; } .blog-post .title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .blog-post .by { float:right; text-transform:lowercase; font-size:12px; color:#666666; font-weight:normal; padding-top:3px; } .blog-post .img { width:100%; padding:15px 0; } .blog-post .img .images { width:588px; height:207px; overflow:hidden; position:absolute; background:none; display:block; } .blog-post .img .arrow { background:none; width:593px; height:8px; margin-top:207px; position:absolute; overflow:hidden; display:block; } .blog-post .img .links { width:58px; height:32px; position:absolute; display:block; margin-left:267px; margin-top:87px; z-index:5; visibility: hidden; } .blog-post .img .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .blog-post .img .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .blog-post .img .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .blog-post .img .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .blog-post .image img { width:100%; } .blog-post .img:hover .images { width:593px; height:207px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .blog-post .img:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:590px; margin-top:207px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .blog-post .img:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:267px; margin-top:87px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .blog-post .details { float:left; width:20%; margin-right:3%; background:url(../images/icons/blog-pen.png) no-repeat right top; text-align:right; padding-top:45px; font-size:11px; } .blog-post .details span { color:#bbbbbb; } .blog-post .details span a { color:#bbbbbb; text-decoration:none; } .blog-post .details span a:hover { color:#ff7e00; text-decoration:none; } .blog-post .details .posted { color:#878787; padding:3px 0; } .blog-post .details .category { color:#878787; padding:3px 0; } .blog-post .details .comments { color:#878787; padding:3px 0; } .blog-post .desc { float:left; width:77%; } .blog-post .desc .desc-title { font-size:14px; font-weight:bold; color:#3a3a3a; padding-bottom:10px; line-height:18px; } .blog-post .desc .description { font-size:12px; color:#666666; line-height:17px; padding-bottom:15px; } .blog-post .desc .butt { float:right; padding:7px 15px; } .ie7 .blog-post .desc .butt { float:right; } .blog-post .desc .butt a { border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; font-size:12px; color:#175273; text-decoration:none; padding:7px 15px; } .ie7 .blog-post .desc .butt a { display: inline-block; } .blog-post .desc .butt a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); font-size:12px; color:#ffffff; text-decoration:none; } .blog .l-side .paginate { padding-top:10px; } .blog .l-side .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .blog .l-side .paginate ul li { float:left; } .blog .r-side { float:left; width:30%; margin-left:2%; } .r-side .cat-title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .r-side ul.catheg { margin:0 0 50px 0; padding:0; } .r-side ul.catheg li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.catheg li a { color: #175273; font-size: 14px; text-decoration:none; } .r-side ul.catheg li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.tags { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 7% 0; } .r-side ul.tags li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; font-weight:bold; padding:5px 7px; text-decoration:none; border:solid 1px #cecece; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .r-side ul.tags li a { display: inline-block; } .r-side ul.tags li a:hover { background-color: #ff7e00; color: #ffffff; font-weight:bold; text-decoration:none; } .r-side ul.dribble { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 5% 0; } .r-side ul.dribble li a { border:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding:1px; } .r-side ul.dribble li a:hover { border:solid 1px #ff7e00; padding:0; } .r-side .post_s-top { background:url(../images/popular-posts-top.png) no-repeat; width:100%; font-size:14px; font-weight:bold; color:#212121; padding:22px 0 22px 15px; text-transform:uppercase; border:none; } .r-side .post_s { background:url(../images/popular-posts.png) repeat-y #ffffff; width:89%; font-size:12px; color:#666666; padding:0 15px; } .r-side .post_s p { border-bottom: solid 1px #cecece; padding:10px 0; line-height:14px; } .r-side .post_s p.last { border-bottom:none; padding:10px 0; } .r-side .post_s p a { font-weight:bold; color:#ff7e00; text-decoration:none; } .r-side .post_s p a:hover { color:#ff7e00; text-decoration:underline; } .r-side .post_s-bottom { background:url(../images/popular-posts-bottom.png) no-repeat; width:100%; height:13px; margin-bottom:40px; } .r-side ul.archive { margin:0 0 50px 0; padding:0; } .r-side ul.archive li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.archive li a { color: #666666; font-size: 14px; text-decoration:none; } .r-side ul.archive li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.archive li .nr { float:right; font-size:14px; color:#cecece; } .ie7 .r-side ul.archive li .nr { float:right; font-size:14px; color:#cecece; margin-top: -24px; } .blog-post .desc .bdescription { font-size:12px; color:#666666; line-height:17px; } .l-side .tagss { font-size:11px; color:#878787; border-top:solid 1px #cecece; padding:10px 0 20px 0; } .l-side .tagss a { color:#bbbbbb; text-decoration:none; } .l-side .tagss a:hover { color:#ff7e00; text-decoration:none; } .blog .comments { width:100%; padding:20px 0; border-bottom:solid 1px #cecece; } .comments .title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .comments .comm { font-size:12px; color:#868686; padding:15px 0 0 0; } .comments .comm-user { float:left; background:url(../images/icons/comment.png) no-repeat; width:54px; height:54px; } .comments .comm-user-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; } .comments .comm-user-re-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; margin-left:30px; } .comments .comm-cont { float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 3px rgba(149,149,149,.5); -webkit-box-shadow: 0 0 3px rgba(149,149,149,.5); box-shadow: 0 0 3px rgba(149,149,149,.5); font-size:12px; padding:10px; margin:2px 0 0 10px; width:360px; } .comments .comm-cont .user { float:left; font-size:12px; color:#303030; padding-bottom:10px; } .comments .comm-cont .reply { float:right; padding-bottom:10px; } .comments .comm-cont .reply a { color:#303030; text-decoration:none; } .comments .comm-cont .reply a:hover { color:#ff7e00; text-decoration:none; } .comments .comm-cont .continut { text-align:left; line-height:17px; } .comment-form { padding:15px 0; font-size:12px; } .comment-form .crow { float:left; width:30%; margin-right:4%; } .comment-form .crow-last { float:left; width:30%; } .comment-form label { color:#666666; } .comment-form label span { color:#cecece; } .comment-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:178px; padding:5px; outline:none; margin-top:5px; } .comment-form .crow-text { float:left; width:100%; padding-top:10px; } .comment-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .comment-form .crow-sub { float:left; width:100%; padding-top:5px; } .comment-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .comment-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } /* ------------------------------- */ /* -- START CONTACT PAGE STYLE -- */ /* ----------------------------- */ .contact #header { height:240px; margin-bottom:30px; } .contact-intro { width:100%; text-align:center; font-size:27px; font-weight:bold; color:#0e3d57; text-shadow: 0 1px 0 #fff; opacity:.9; padding-bottom:30px; } .contact-intro span { color:#ff7e00; } .contact-map { width:100%; padding-bottom:30px; } .contact-map img { width:100%; } .contact-left-side { float:left; width:65.7%; padding-right:2%; margin-bottom:30px; } .ie7 .contact-left-side { padding-bottom: 30px; } .contact-left-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-form { padding:15px 0; font-size:12px; } .contact-form .crow { float:left; width:30%; margin-right:4%; } .contact-form .crow-last { float:left; width:30%; } .contact-form label { color:#666666; } .contact-form label span { color:#cecece; } .contact-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:178px; padding:5px; outline:none; margin-top:5px; } .contact-form .crow-text { float:left; width:100%; padding-top:10px; } .contact-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .contact-form .crow-sub { float:left; width:100%; padding-top:5px; } .contact-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .contact-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } .contact-form .reset { float:right; width:86px; margin-right:10px; border:none; padding:6px 7px 6px 20px; cursor:pointer; font-size:12px; color:#ffffff; border: 1px solid #464646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/icons/x.png) no-repeat 85% 50% #333333; text-align:left; } .contact-right-side { float:left; width:30%; margin-left:2%; } .contact-right-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-right-content { font-size:12px; color:#666666; line-height:17px; padding:15px 0; } .contact-address { background:url(../images/icons/home-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } .contact-email { background:url(../images/icons/email-black.png) no-repeat left center; font-size:12px; color:#666; line-height:18px; padding:3px 0 3px 25px; } .contact-number { background:url(../images/icons/phone-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .header-top { width:768px; margin:0 auto; } .buy-now { float:left; font-size:13px; color:#ffffff; padding:18px 0 15px 0; } .social-icons { float:right; padding:12px 0 10px 0; } #header { background:url(../images/header-bg.png) repeat-x; height:550px; margin:-6px 0 0 0; } .logo-search { width:768px; margin:0 auto; padding:15px 0 30px 0; position:relative; z-index:2; } a.logo { float:left; } .search { float:right; margin-top:8px; } .search-input { border: 1px solid #002135; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(11,30,50,.26); moz-box-shadow: 0 1px 0 rgba(255,255,255,.13); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.13); box-shadow: 0 1px 0 rgba(255,255,255,.13); outline:none; width:167px; height:8px; padding:12px 25px 8px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie7 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie8 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .search-submit { background:url(../images/search-submit.png) no-repeat; width:27px; height:28px; top:24px; right:2px; position:absolute; border:none; cursor:pointer; } .main-menu { width:768px; margin:0 auto; } #main-nav li a img { position:absolute; left:15px; top:18px; } #main-nav .first a { padding-left:40px; padding-right: 20px; } #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; color: #ffffff; font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: 700; display: block; letter-spacing: -0.08px; padding: 19px 35px 18px 25px; position: relative; text-align: center; text-transform: uppercase; z-index: 98; text-decoration:none; margin-top:1px; } .ie7 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; } .ie8 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; } .ie7 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie7 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .slider { width:768px; margin:0 auto; background:url(../images/slide-shadow_768px.png) no-repeat 0px 280px; } .da-slider{ width: 100%; min-width: 320px; height:480px; float:left; position:relative; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s; overflow:hidden; } .da-slide { overflow:hidden; } .da-slide .da-img{ position:absolute; text-align: center; top: 30px; } .slider-image { width:400px; } .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .ie7 .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .ie8 .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:left; width: 44%; top: 70px; margin-left:48%; white-space: nowrap; z-index: 10; } .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie7 .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie8 .da-slide p { margin-left:48%; width: 45%; top: 125px; text-align:left; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie7 .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie8 .da-slide .da-link{ margin-left:46%; top: 195px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:41%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .da-work a { border: 1px solid #082738; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -o-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -webkit-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: linear-gradient(bottom, #193b75 0%, #2174a3 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-work a { border: 1px solid #082738; background-color: #000; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; float:left; background:url(../images/ie/work.png) repeat-x; } .ie8 .da-work a { border: 1px solid #082738; background-color: #000; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; float:left; background:url(../images/ie/work.png) repeat-x; } .da-work a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -o-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -webkit-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: linear-gradient(bottom, #2174a3 0%, #193b75 100%); } .ie7 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .ie8 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .da-or { float:left; background:url(../images/or.png) no-repeat; width:34px; height:49px; margin-left:-17px; margin-right:-17px; position:relative; z-index:5; } .da-contact a { border: 1px solid #2c1908; -moz-border-radius: 1px 3px 3px; -webkit-border-radius: 1px 3px 3px; border-radius: 1px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -o-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -webkit-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: linear-gradient(bottom, #f1631d 0%, #ff8611 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-contact a { border: 1px solid #2c1908; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; float:left; background:url(../images/ie/h-contact.png) repeat-x; } .ie8 .da-contact a { border: 1px solid #2c1908; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; float:left; background:url(../images/ie/h-contact.png) repeat-x; } .da-contact a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -o-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -webkit-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: linear-gradient(bottom, #ff8611 0%, #f1631d 100%); } .ie7 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .ie8 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .da-dots { float:left; position:relative; text-align: center; width:99.8%; top:367px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height:103px; } .da-dots span { float:left; background:url(../images/slider-menu-bg.png) repeat-x; height:96px; width:16.6%; color:#fffefe; } .slider-menu { float:left; width:100%; margin-left:1px; margin-top:-112px; position:relative; z-index:2001; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; } .slider-menu-shadow { background:url(../images/slider-menu-shadow_768px.png) no-repeat top center; height:43px; width:99.5%; margin-top:-8px; float:left; } .slider-menu a.tab { float:left; width:33.15%; background:#ffffff; height:88px; border-right:dotted 1px #999999; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 { float:left; width:33.15%; background:#ffffff; height:88px; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab1 { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab1 { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab1 { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .slider-menu a.tab .s-image { float:left; padding:0 20px 15px 20px; } .slider-menu a.tab .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 20px 10px 0; } .slider-menu a:hover.tab .s-title { color:#ffffff } .slider-menu a.tab .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; line-height: 16px; } .slider-menu a.tab1 .s-image { float:left; padding:0 20px 15px 20px; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 20px 10px 0; } .slider-menu a:hover.tab1 .s-title { color:#ffffff } .slider-menu a.tab1 .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; line-height: 16px; } .intro-text { width:768px; margin:0 auto; font-size: 23px; font-weight: bold; padding-bottom:40px; line-height:32px; } .ie7 .intro-text { width:768px; margin:80px auto 0 auto; font-size: 23px; font-weight: bold; padding-bottom:40px; line-height:32px; } #content { width:708px; margin:0 auto; background:#ffffff; padding:30px } .home-services .business .title { font-size:15px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .ie7 .home-services .business .title { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .ie8 .home-services .business .title { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .business .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:20px; line-height: 16px; } .home-services .html5 .title { font-size:15px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .html5 .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:20px; line-height: 16px; } .home-services .settings .title { font-size:15px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:20px 0 10px 0; margin-left:35px; } .home-services .settings .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:20px; line-height: 16px; } .home-services .easy .title { font-size:15px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:20px 0 10px 0; margin-left:35px; } .home-services .easy .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:25px; line-height: 16px; } .home-services .settings { background:url(../images/icons/settings.png) no-repeat 0 20px; } .home-services .easy { background:url(../images/icons/label.png) no-repeat 0 20px; } .ui-tabs .ui-tabs-panel { display: block; background: none; float:left; width:73.5%; padding:4.5%; } .ui-tabs .ui-tabs-panel .image { float:left; margin-right:4%; } .ui-tabs .ui-tabs-panel .content { float:left; width:70%; font-size:11px; color:#666666; line-height:16px; } .ui-tabs .ui-tabs-panel .content a { font-size:10px; color:#212121; text-decoration:none; padding-right:10px; } .ui-tabs .ui-tabs-panel .content a:hover { font-size:10px; color:#ff7e00; text-decoration:none; } .ui-tabs .ui-tabs-panel .content span { font-size:10px; color:#999ca1; } .ui-tabs .ui-tabs-panel .line { float:left; width:100%; height:1px; background:#e9e9e9; margin:1px 0 4px 0; } .carousel { width:708px; margin:0; float:left; padding-top:25px; } .ie7 .carousel { width:708px; margin:0; float:left; margin-top:15px; } .carousel-title { font-size:18px; color:#000000; font-weight:700; text-transform:uppercase; width:100%; float:left; margin-top:6px; } .ie7 .carousel .carousel-title { width:50%; margin:0; float:left; margin-top:-20px; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:708px; margin-top:45px; } .jcarousel-skin-tango .jcarousel-clip { height:260px; overflow:hidden; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0 22px 0 0; width:220px; overflow:hidden; } .j-item-img { width:220px; } .carousels { width:708px; margin:0; float:left; padding-top:20px; } .ie7 .carousels { width:708px; margin:0; float:left; margin:20px 0 0 0; } .ie7 .carousels .carousel-title { width:50%; margin:0; float:left; margin-top:-10px; } .jcarousel-date-title { width:100%; } .jcarousel-icon { float:left; width:16%; margin-right:4%; height:33px; background:#a9a9a9; text-align:center; } .jcarousel-title { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; } .jcarousel-title a { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; text-decoration:none; } .jcarousel-date-title:hover .jcarousel-icon { background:#570800; color:#570800; } .jcarousel-date-title:hover .jcarousel-title a { color:#570800; } .jcarousel-date-title:hover .jcarousel-title a:hover { color:#570800; } .jcarousel-date-content { width:100%; } .jcarousel-date { float:left; width:12%; margin-right:4%; font-size:10px; color:#999999; text-align:center; height:100%; margin-top:10px; } .jcarousel-item-texts { float:left; width:84%; font-size:12px; color:#666666; margin-top:5px; line-height:16px; } .jcarousel-skin-tangos .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-container-horizontal { width:708px; margin-top:45px; } .jcarousel-skin-tangos .jcarousel-clip { height:140px; overflow:hidden; } .jcarousel-skin-tangos .jcarousel-item-horizontal { margin:0 35px 0 0; width:220px; overflow:hidden; } #logos { width:768px; margin:0 auto; padding:30px 0; } #logos ul { margin:0; padding:0; width:100%; height:53px; overflow-y:hidden; } #logos ul li { width:16.66%; float:left; } .footer { width:708px; padding:40px 30px 10px 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .footer .row { float:left; width:30%; margin-right:4%; } .footer .row .title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding-bottom:15px; } .footer .row .title span { text-transform:lowercase; } .footer .row .about { color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; line-height:17px; padding:0 0 10px 0; } .footer .row a.read-more { color: #ff7e00; font-size: 12px; text-shadow: 0 1px 0 #002337; text-decoration:none; background:url(../images/read-more-arr.png) no-repeat right center; padding-right:15px; } .footer .row a:hover.read-more { text-decoration:underline; color:#ff7e00; } .footer .row .second-title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding:20px 0; } .footer .row .address { background:url(../images/icons/home.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:8px; } .footer .row .email { background:url(../images/icons/email.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:5px; } .footer .row .phone { background:url(../images/icons/phone.png) no-repeat 0 0; padding:2px 0 0 23px; color:#f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; } .footer .row .ul { margin:0; padding:0; } .footer .row ul li { -moz-box-shadow: 0 1px 0 #e1e1e0; -webkit-box-shadow: 0 1px 0 #e1e1e0; box-shadow: 0 1px 0 #17557a; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .footer .row ul li a { color: #f2f2f2; font-size: 14px; text-shadow: 0 1px 0 #002337; text-decoration:none; } .footer .row ul li a:hover { color:#ff7e00; text-decoration:none; } .footer .row-last { float:left; width:30%; } .footer .row-last .title { color: #fff; font-size: 16px; text-transform:uppercase; padding-bottom:15px; } .footer .row-last .newsletter { width:100%; } .newsletter-input { float:left; border: 1px solid #002337; background-color: #fff; -moz-box-shadow: inset 0 0 5px #838383; -webkit-box-shadow: inset 0 0 5px #838383; box-shadow: inset 0 0 5px #838383; color: #656565; font-size: 11px; outline:none; padding:2%; width:47%; } .newsletter-submit { border: 1px solid #f96534; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); background-image: -moz-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -o-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -webkit-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: linear-gradient(bottom, #f96534 0%, #ff8d20 100%); float:left; margin-left:-5px; padding:2% 2%; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .ie7 .newsletter-submit { float:left; margin:0 0 0 -5px; padding:2px 0px 2px 0; color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; background:url(../images/ie/h-submit.png) repeat-x; font-size:12px; border:none; } .ie8 .newsletter-submit { float:left; margin:0 0 0 -5px; padding:2px 5px; color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; background:url(../images/ie/h-submit.png) repeat-x; } .newsletter-submit:hover { background-image: -moz-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -o-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -webkit-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: linear-gradient(bottom, #ff8d20 0%, #f96534 100%); } .ie7 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .ie8 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .footer .row-last .dont-spam { color: #cdcdcd; font-size: 12px; text-shadow: 0 1px 0 #002337; padding:8px 0 25px 0; } .footer .row-last .ul { margin:0; padding:0; width:100%; } .footer .row-last ul li { float:left; margin:0 3% 5% 0; } .ie7 .footer .row-last ul li { float:left; margin:0 3% 3% 0; } .footer .row-last ul li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; padding:3px 7px; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .footer .row-last ul li a { background-color: #fff; color: #212121; font-size: 11px; padding:3px 7px; display:inline-block; text-decoration:none; } .footer .row-last ul li a:hover { background-color: #ff7e00; color: #ffffff; text-decoration:none; } .copyright { width:708px; padding:13px 30px; font-size:12px; margin:0 auto; } .copyright .left-side { float:left; color:#afb5b8; } .copyright .left-side span { color:#ffffff; } .copyright .right-side { float:right; color:#afb5b8; } .copyright .right-side a { text-decoration:none; color:#afb5b8; text-transform:uppercase; } .copyright .right-side a:hover { text-decoration:none; color:#fff; } /* -------------------------------- */ /* -- START ABOUT US PAGE STYLE -- */ /* ------------------------------ */ .about #header { height:240px; margin-bottom:30px; } #header .subheader { width:768px; margin:0 auto; margin-top:45px; background:#999; } .ie7 #header .subheader { width:768px; margin:0 auto; } #header .left-side { float:left; padding-right:15px; } .page-title { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; opacity:.9; padding:28px 0 15px 0; } .breadcrumbs { font-size: 12px; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a { text-decoration:none; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a:hover { text-decoration:underline; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs span { color:#fff; } #header .right-side { float:right; } .page-desc { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; line-height:30px; padding:25px 0 0 0; text-align:right; } .about-company-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .about-company-content { font-size:12px; color:#666666; line-height:18px; padding-top:10px; } .our-skills-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .our-skills ul { margin:0; padding:10px 0 0 0; } .our-skills ul li { margin:0; list-style:none; font-size:12px; color:#175273; padding:3px 0 15px 0; } .our-skills ul li.arr { background:url(../images/li-arr.png) no-repeat left center; padding:0 0 0 10px; } .our-skills ul li .start { float:left; width:19.4%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#d2d7db; } .our-skills ul li .middle { float:left; width:19.4%; height:18px; border-top:solid 1px #9ba3aa; border-right:solid 1px #d2d7db; border-bottom:solid 1px #9ba3aa; background:#c2c9cf; } .our-skills ul li .end { float:left; width:19.4%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .our-skills ul li .start-orange { float:left; width:19.4%; height:18px; border:solid 1px #b9630f; background:#570800; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#ff9f42; } .our-skills ul li .middle-orange { float:left; width:19.4%; height:18px; border-top:solid 1px #b9630f; border-right:solid 1px #ff9f42; border-bottom:solid 1px #b9630f; background:#570800; } .our-skills ul li .end-orange { float:left; width:19.5%; height:18px; border:solid 1px #b9630f; background:url(../images/icons/ok.png) no-repeat center center #570800; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .meet-team-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; text-transform:uppercase; padding:40px 0 10px 0; } .team-description { font-size:12px; color:#666666; line-height:18px; padding:10px 0 20px 0; } .meet-team-row ul { margin:0; padding:0; width:100%; } .meet-team-row ul li { float:left; width:24%; margin-right:1%; list-style:none; } .meet-team-row ul li .image { width:100%; overflow:hidden; position:relative; z-index:1; } .meet-team-row ul li .image img { margin-left:-50px; } .meet-team-row ul li .image .blur { position:absolute; z-index:2; background:#ffffff; opacity:.5; width:100%; height:100%; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .meet-team-row ul li .image .blur { display: none; } .ie8 .meet-team-row ul li .image .blur { display: none; } .meet-team-row ul li:hover .image .blur { opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .name { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; cursor:pointer; padding:10px 0 5px 0; } .meet-team-row ul li:hover .name { color:#570800; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .title { font-size:12px; color:#666666; padding-bottom:5px; } .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:8px 0; } .ie7 .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; height: 17px; } .meet-team-row ul li .social:hover { border-bottom:solid 1px #570800; } /* --------------------------------- */ /* -- START LEFT MENU PAGE STYLE -- */ /* ------------------------------- */ .leftpage #header { height:240px; margin-bottom:30px; } .leftpage .leftside { float:left; width:30.7%; margin-right:4%; } .leftpage .leftside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .leftpage .leftside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:right; font-weight:bold; padding:14px 38px 10px 0; } .leftpage .leftside ul li { border-bottom:solid 1px #dfdfdf; } .leftpage .leftside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover.png) no-repeat 0 0; margin:5px 0 0 209px; } .ie7 .leftpage .leftside ul li:hover .arr { display: none; } .leftpage .leftside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:right; background:url(../images/page-list-arr.png) no-repeat 90% 50%; padding:10px 40px 10px 0; } .leftpage .leftside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .leftpage .leftside ul li.last { border-bottom:none; } .leftpage .rightside { float:left; width:65.3%; } .leftpage .rightside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .leftpage .rightside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .leftpage .rightside .art img { width:100%; margin:20px 0; overflow:hidden; } .leftpage .rightside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .leftpage .rightside .list-row { width:100%; padding-bottom:20px; } .leftpage .rightside .list-row ul { margin:0; padding:0; width:32.6%; display:inline-block; } .leftpage .rightside .list-row ul { margin:0; padding:0; width:32.6%; float: left; } .leftpage .rightside .list-row ul li { margin:0; display:block; font-size:12px; } .leftpage .rightside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .leftpage .rightside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } /* --------------------------------- */ /* -- START RIGHT MENU PAGE STYLE -- */ /* ------------------------------- */ .rightpage #header { height:240px; margin-bottom:30px; } .rightpage .leftside { float:left; width:65.3%; margin-right:4%; } .rightpage .leftside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .rightpage .leftside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .rightpage .leftside .art img { width:100%; margin:20px 0; overflow:hidden; } .rightpage .leftside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .rightpage .leftside .list-row { width:100%; padding-bottom:20px; } .rightpage .leftside .list-row ul { margin:0; padding:0; width:92.6%; display:inline-block; } .ie7 .rightpage .leftside .list-row ul { margin:0; padding:0; width:32.6%; float: left; } .rightpage .leftside .list-row ul li { margin:0; display:block; font-size:12px; } .rightpage .leftside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .rightpage .leftside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } .rightpage .rightside { float:left; width:30.7%; } .rightpage .rightside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rightpage .rightside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:left; font-weight:bold; padding:14px 0 10px 38px; } .rightpage .rightside ul li { border-bottom:solid 1px #dfdfdf; } .rightpage .rightside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover-right.png) no-repeat 0 0; margin:5px 0 0 -10px; } .ie7 .rightpage .rightside ul li:hover .arr { display: none; } .rightpage .rightside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:left; background:url(../images/page-list-arr-right.png) no-repeat 7% 50%; padding:10px 0 10px 40px; } .rightpage .rightside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .rightpage .rightside ul li.last { border-bottom:none; } /* ------------------------------- */ /* -- START PRICING PAGE STYLE -- */ /* ----------------------------- */ .pricing #header { height:240px; margin-bottom:30px; } .price-col.first { float:left; width:25%; margin-left:10px; } .price-col { float:left; width:25%; margin-left:-5px; } .price-col.active { float:left; width:25%; margin-left:-5px; position:relative; z-index:5; margin-top:-15px; margin-bottom:10px; } .price-col.last { float:left; width:25%; margin-left:-5px; position:relative; z-index:4; } .price-top { border: 1px solid #dadada; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e9e9e9; padding:10px; } .price-top .title { font-size:13px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .ie7 .price-top .title { font-size:12px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .ie8 .price-top .title { font-size:12px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; } .ie7 .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; height: 100%; } .price-top .price .price-left { float:left; background:url(../images/price-left-arr.png) no-repeat; width:11px; height:45px; } .price-top .price .price-content { float:left; background:#afafaf; padding:9px 0 8px 10px; width:73%; } .price-top .price .price-content span { font-weight:bold; font-size:18px; } .price-top .price .price-content sup { font-size:10px; } .price-top .price .price-right { float:left; background:url(../images/price-right-arrow.png) no-repeat; width:11px; height:35px; } .active .price-top .price .price-left { float:left; background:url(../images/price-left-arr-active.png) no-repeat; width:11px; height:45px; } .active .price-top .price .price-content { float:left; padding:9px 0 8px 10px; width:70%; background-color: #ff7d00; -moz-box-shadow: inset 0 1px 0 #ffb300; -webkit-box-shadow: inset 0 1px 0 #ffb300; box-shadow: inset 0 1px 0 #ffb300; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); text-shadow: 0 1px 0 #ff3503; } .active .price-top .price .price-content span { font-weight:bold; font-size:18px; color:#fffc00; } .active .price-top .price .price-content sup { font-size:10px; } .active .price-top .price .price-right { float:left; background:url(../images/price-right-arrow-active.png) no-repeat; width:11px; height:35px; } .price-body { border: 1px solid #e9e9e9; background-color: #fff; padding:20px 15px; border-top:none; text-align:center; } .price-body ul { margin:0; padding:0 0 20px 0; } .price-body ul li.first { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:0 0 10px 0; } .price-body ul li { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:10px 0; } a.price-butt { border: 1px solid #979797; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #afafaf; font-size: 16px; text-shadow: 0 1px 0 #979797; color:#ffffff; padding:10px 35px 10px 15px; display:inline-block; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.price-butt { border: 1px solid #e24d00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #ff6d21; text-shadow: 0 1px 0 #ff3503; text-decoration:none; } /* -------------------------------- */ /* -- START ELEMENTS PAGE STYLE -- */ /* ------------------------------ */ .elements #header { height:240px; margin-bottom:30px; } .elements .intro { text-align:center; font-size: 27px; font-weight: bold; text-shadow: 0 1px 0 #fff; color:#0e3d57; padding:0 8% 10px 8%; } .elements .intro span { color:#ff7e00; text-shadow:none; } .elements .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .elements .first-row { padding:15px 0 30px 0; } .ie7 .elements .first-row { padding:15px 0 30px 0; float: left; } .elements .first-row .buttons { float:left; width:110px; margin:48px 0 0 0; } .elements .first-row .buttons a.orange { border: 1px solid #e56911; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); width:110px; padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.orange { border: 1px solid #faa519; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -o-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -webkit-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: linear-gradient(bottom, #f96317 0%, #f99117 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.green { border: 1px solid #64a114; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.green { border: 1px solid #89cb19; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.turquoise { border: 1px solid #0f9189; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.turquoise { border: 1px solid #00c3c3; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.pink { border: 1px solid #cd407c; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:110px; } .elements .first-row .buttons a:hover.pink { border: 1px solid #c2c2c2; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); color:#ffffff; text-decoration:none; } .elements .errors { float:left; margin:48px 5px 0 10px; } .elements .errors .error { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:125px; background:url(../images/icons/error.png) no-repeat 5% 50% #333333; color:#ff7e00; margin-bottom:5px; } .elements .errors .congrats { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:125px; background:url(../images/icons/congratulations.png) no-repeat 5% 50% #333333; color:#99cc33; margin-bottom:5px; } .elements .errors .info { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:125px; background:url(../images/icons/information.png) no-repeat 5% 50% #333333; color:#009999; margin-bottom:5px; } .elements .errors .alert { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:125px; background:url(../images/icons/alert.png) no-repeat 5% 50% #333333; color:#cccc66; margin-bottom:5px; } .elements .tabs_ { float:left; width:225px; margin-right:5px; } .shadetabs { list-style-type: none; text-align: left; margin:0; padding:0; font-size:16px; } .shadetabs li{ display:inline-block; } .ie7 .shadetabs li{ display:inline; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding:5px 10px; margin-right: 1px; color: #cecece; background:#282828; border:solid 1px #333333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shadetabs li a:hover{ text-decoration: none; color: #ffffff; } .shadetabs li a.selected{ position: relative; color:#ffffff; background:#333333; } .shadetabs li a.selected:hover{ text-decoration: none; color:#ffffff; background:#333333; } .tabcontent{ display:none; background:#333333; min-height:133px; margin:4px 0 0 0; padding:25px 10px 10px 10px; font-size:12px; color:#cecece; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .elements .accordion { float:left; } .accordion .tab-title { font-size:18px; color:#282828; padding-bottom:3px; } .accordion .tab-content { text-align:left; color:#999999; font-size:14px; margin:0; } .arrowlistmenu{ width: 195px; } .arrowlistmenu .menuheader{ color:#f8f8f8; font-size:14px; background:url(../images/icons/plus.png) no-repeat 95% 50% #333333; cursor: pointer; padding:8px 0 8px 15px; margin-bottom:1px; } .arrowlistmenu .openheader{ background:url(../images/icons/minus.png) no-repeat 95% 50% #ff7e00; } .categoryitems { padding:0 15px 10px 15px; margin-top:10px; color:#666666; font-size:14px; } .elements .second-row { padding:15px 0 30px 0; } .ie7 .elements .second-row { padding:15px 0 30px 0; float: left; } .elements .art { float:left; width:100%; margin-right:3%; font-size:13px; color:#666666; line-height:19px; } .elements .art p { float:left; font-style:italic; font-size:17px; color:#560800; line-height:30px; padding-right:25px; } .elements .art span { background:#ff7e00; color:#ffffff; padding:3px; } .elements .lists { float:left; width:32%; } .elements .lists ul { float:left; width:49%; margin:0 2% 0 0; padding:0; } .elements .lists ul.last { float:left; width:49%; margin:0; padding:0; } .elements .lists ul li { width:100%; border-bottom:solid 1px #cecece; font-size:13px; } .elements .lists ul li a { display:inline-block; text-decoration:none; color:#666666; padding:8px 0 8px 20px; } .elements .lists ul li a:hover { text-decoration:none; color:#ff7e00; } .elements .third-row { width:100%; padding:15px 0 30px 0; overflow:hidden; height:30px; } /* -------------------------------------- */ /* -- START PORTFOLIO 2 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio2 #header { height:240px; margin-bottom:30px; } .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .ie8 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .portfolio2 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio2 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio2 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio2 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio2 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio2 .portfolio-items { width:100%; } .portfolio2 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio2 .portfolio-items li { float:left; width:344px; margin:20px 20px 0 0; } .portfolio2 .portfolio-items li.last { float:left; width:344px; margin:20px 0 0 0; } .portfolio2 .portfolio-items li .image { width:344px; height:193px; overflow:hidden; } .portfolio2 .portfolio-items li .image img { width:100%; } .portfolio2 .portfolio-items li .images { width:344px; height:183px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio2 .portfolio-items li .arrow { background:none; width:434px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio2 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:143px; margin-top:80px; z-index:5; visibility: hidden; } .portfolio2 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio2 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio2 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; } .portfolio2 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio2 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio2 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio2 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio2 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li:hover .images { width:344px; height:183px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio2 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:344px; margin-top:183px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio2 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:143px; margin-top:80px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio2 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio2 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio2 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 3 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio3 #header { height:240px; margin-bottom:30px; } .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie7 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie8 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .portfolio3 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio3 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio3 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio3 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio3 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio3 .portfolio-items { width:100%; } .portfolio3 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio3 .portfolio-items li { float:left; width:214px; margin:11px; } .portfolio3 .portfolio-items li .image { width:214px; height:133px; overflow:hidden; } .portfolio3 .portfolio-items li .image img { width:100%; } .portfolio3 .portfolio-items li .images { width:214px; height:123px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio3 .portfolio-items li .arrow { background:none; width:214px; height:8px; margin-top:123px; position:absolute; overflow:hidden; display:block; } .portfolio3 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; z-index:5; visibility: hidden; } .portfolio3 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio3 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio3 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; min-height:50px; } .portfolio3 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio3 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio3 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio3 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio3 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li:hover .images { width:214px; height:123px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio3 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:214px; margin-top:123px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio3 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio3 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:10px } .portfolio3 .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .portfolio3 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 4 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio4 #header { height:240px; margin-bottom:30px; } .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie7 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .ie8 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .portfolio4 .group ul { margin:-20px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio4 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio4 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio4 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio4 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio4 .portfolio-items { width:100%; } .portfolio4 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio4 .portfolio-items li { float:left; width:214px; margin:11px; } .portfolio4 .portfolio-items li .image { width:214px; height:133px; overflow:hidden; } .portfolio4 .portfolio-items li .image img { width:100%; } .portfolio4 .portfolio-items li .images { width:214px; height:123px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio4 .portfolio-items li .arrow { background:none; width:214px; height:8px; margin-top:123px; position:absolute; overflow:hidden; display:block; } .portfolio4 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; z-index:5; visibility: hidden; } .portfolio4 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio4 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio4 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; min-height:50px; } .portfolio4 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio4 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio4 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio4 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio4 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li:hover .images { width:214px; height:123px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio4 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:214px; margin-top:123px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio4 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio4 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:10px } .portfolio4 .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .portfolio4 .paginate ul li { float:left; } /* ---------------------------------- */ /* -- START PROJECT DETAILS STYLE -- */ /* -------------------------------- */ .project #header { height:240px; margin-bottom:30px; } .project .image { float:left; width:68%; margin-right:4%; } .project .image img { width:100%; } .project .det { float:left; width:28%; } .project .det .title { font-size:18px; font-weight:bold; color:#212121; text-transform:uppercase; } .project .det .desc { font-size:12px; color:#666666; padding:25px 0; border-bottom:solid 1px #cecece; max-height:120px; overflow:hidden; } .project .det .social { font-size:11px; color:#666666; padding:10px 0 0 0; } .project .det .social .tit { float:left; padding:3px 10px 0 0; } .project .det .social a { float:left; } .project .carousel .carousel-title { border-bottom:solid 1px #cecece; padding-bottom:10px; } .ie7 .project .carousel .carousel-title { border-bottom:solid 1px #cecece; padding-bottom:10px; width: 100%; } .project .carousel ul li { float:left; width:214px; margin:11px 11px 0 11px; } .project .carousel ul li .image { width:214px; height:133px; overflow:hidden; } .project .carousel ul li .image img { width:100%; } .project .carousel ul li .images { width:214px; height:123px; overflow:hidden; position:absolute; background:none; display:block; } .ie8 .project .carousel ul li .images { top: 11px; width:214px; height:123px; overflow:hidden; position:absolute; background:none; display:block; } .ie7 .project .carousel ul li .images { margin-left: -223px; top: 11px; width:214px; height:123px; overflow:hidden; position:absolute; background:none; display:block; } .project .carousel ul li .arrow { background:none; width:214px; height:8px; margin-top:123px; position:absolute; overflow:hidden; display:block; } .ie8 .project .carousel ul li .arrow { top: 11px; background:none; width:214px; height:8px; margin-top:123px; position:absolute; overflow:hidden; display:block; } .ie7 .project .carousel ul li .arrow { margin-left: -223px; top: 11px; background:none; width:214px; height:8px; margin-top:123px; position:absolute; overflow:hidden; display:block; } .project .carousel ul li .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; z-index:5; visibility: hidden; } .project .carousel ul li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .project .carousel ul li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .project .carousel ul li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .project .carousel ul li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .project .carousel ul li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:20px 10px; min-height:50px; display:inline-block; width:100%; } .project .carousel ul li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .project .carousel ul li .title a { text-decoration:none; color:#212121; } .project .carousel ul li .title a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .project .carousel ul li .category a { text-decoration:none; color:#656565; } .project .carousel ul li .category a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li:hover .images { width:214px; height:123px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .project .carousel ul li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:214px; margin-top:123px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .project .carousel ul li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .ie8 .project .carousel ul li:hover .links { top: 11px; width:58px; height:32px; position:absolute; display:block; margin-left:78px; margin-top:45px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .ie7 .project .carousel ul li:hover .links { top: 11px; width:58px; height:32px; position:absolute; display:block; margin-left:-145px; margin-top:45px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } /* ---------------------------- */ /* -- START BLOG PAGE STYLE -- */ /* -------------------------- */ .blog #header { height:240px; margin-bottom:30px; } .blog .l-side { float:left; width:65.7%; padding-right:2%; border-right:solid 1px #cecece; } .blog-post { width:100%; padding:30px 0; } .blog-post.first { width:100%; padding:0 0 30px 0; } .blog-post .title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .blog-post .by { float:right; text-transform:lowercase; font-size:12px; color:#666666; font-weight:normal; padding-top:3px; } .blog-post .img { width:100%; padding:15px 0; } .blog-post .img .images { width:465px; height:162px; overflow:hidden; position:absolute; background:none; display:block; } .blog-post .img .arrow { background:none; width:593px; height:8px; margin-top:170px; position:absolute; overflow:hidden; display:block; } .blog-post .img .links { width:58px; height:32px; position:absolute; display:block; margin-left:203px; margin-top:69px; z-index:5; visibility: hidden; } .blog-post .img .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .blog-post .img .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .blog-post .img .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .blog-post .img .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .blog-post .image img { width:100%; } .blog-post .img:hover .images { width:465px; height:162px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .blog-post .img:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:465px; margin-top:162px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .blog-post .img:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:203px; margin-top:69px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .blog-post .details { float:left; width:25%; margin-right:3%; background:url(../images/icons/blog-pen.png) no-repeat right top; text-align:right; padding-top:45px; font-size:11px; } .blog-post .details span { color:#bbbbbb; } .blog-post .details span a { color:#bbbbbb; text-decoration:none; } .blog-post .details span a:hover { color:#ff7e00; text-decoration:none; } .blog-post .details .posted { color:#878787; padding:3px 0; } .blog-post .details .category { color:#878787; padding:3px 0; } .blog-post .details .comments { color:#878787; padding:3px 0; } .blog-post .desc { float:left; width:72%; } .blog-post .desc .desc-title { font-size:14px; font-weight:bold; color:#3a3a3a; padding-bottom:10px; line-height:18px; } .blog-post .desc .description { font-size:12px; color:#666666; line-height:17px; padding-bottom:15px; } .blog-post .desc .butt { float:right; padding:7px 15px; } .blog-post .desc .butt a { border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; font-size:12px; color:#175273; text-decoration:none; padding:7px 15px; } .ie7 .blog-post .desc .butt a { display: inline-block; } .blog-post .desc .butt a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); font-size:12px; color:#ffffff; text-decoration:none; } .blog .l-side .paginate { padding-top:10px; } .blog .l-side .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .blog .l-side .paginate ul li { float:left; } .blog .r-side { float:left; width:30%; margin-left:2%; } .r-side .cat-title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .ie7 .r-side .cat-title { width: 100%; font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .r-side ul.catheg { margin:0 0 50px 0; padding:0; } .r-side ul.catheg li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.catheg li a { color: #175273; font-size: 14px; text-decoration:none; } .r-side ul.catheg li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.tags { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 7% 0; } .r-side ul.tags li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; font-weight:bold; padding:5px 7px; text-decoration:none; border:solid 1px #cecece; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .r-side ul.tags li a { display: inline-block; } .r-side ul.tags li a:hover { background-color: #ff7e00; color: #ffffff; font-weight:bold; text-decoration:none; } .r-side ul.dribble { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 5% 0; } .r-side ul.dribble li a { border:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding:1px; } .r-side ul.dribble li a:hover { border:solid 1px #ff7e00; padding:0; } .r-side .post_s-top { background:url(../images/popular-posts-top2.png) no-repeat; width:100%; font-size:14px; font-weight:bold; color:#212121; padding:22px 0 22px 15px; text-transform:uppercase; border:none; } .r-side .post_s { background:url(../images/popular-posts2.png) repeat-y #ffffff; width:94%; font-size:12px; color:#666666; padding:0 15px; } .r-side .post_s p { border-bottom: solid 1px #cecece; padding:10px 0; line-height:14px; } .r-side .post_s p.last { border-bottom:none; padding:10px 0; } .r-side .post_s p a { font-weight:bold; color:#ff7e00; text-decoration:none; } .r-side .post_s p a:hover { color:#ff7e00; text-decoration:underline; } .r-side .post_s-bottom { background:url(../images/popular-posts-bottom2.png) no-repeat; width:227px; height:13px; margin-bottom:40px; } .r-side ul.archive { margin:0 0 50px 0; padding:0; } .r-side ul.archive li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.archive li a { color: #666666; font-size: 14px; text-decoration:none; } .r-side ul.archive li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.archive li .nr { float:right; font-size:14px; color:#cecece; } .ie7 .r-side ul.archive li .nr { margin-top: -24px; } .blog-post .desc .bdescription { font-size:12px; color:#666666; line-height:17px; } .l-side .tagss { font-size:11px; color:#878787; border-top:solid 1px #cecece; padding:10px 0 20px 0; } .l-side .tagss a { color:#bbbbbb; text-decoration:none; } .l-side .tagss a:hover { color:#ff7e00; text-decoration:none; } .blog .comments { width:100%; padding:20px 0; border-bottom:solid 1px #cecece; } .comments .title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .comments .comm { font-size:12px; color:#868686; padding:15px 0 0 0; } .comments .comm-user { float:left; background:url(../images/icons/comment.png) no-repeat; width:54px; height:54px; } .comments .comm-user-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; } .comments .comm-user-re-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; margin-left:30px; } .comments .comm-cont { float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 3px rgba(149,149,149,.5); -webkit-box-shadow: 0 0 3px rgba(149,149,149,.5); box-shadow: 0 0 3px rgba(149,149,149,.5); font-size:12px; padding:10px; margin:2px 0 0 10px; width:320px; } .comments .comm-cont .user { float:left; font-size:12px; color:#303030; padding-bottom:10px; } .comments .comm-cont .reply { float:right; padding-bottom:10px; } .comments .comm-cont .reply a { color:#303030; text-decoration:none; } .comments .comm-cont .reply a:hover { color:#ff7e00; text-decoration:none; } .comments .comm-cont .continut { text-align:left; line-height:17px; } .comment-form { padding:15px 0; font-size:12px; } .comment-form .crow { float:left; width:30%; margin-right:4%; } .comment-form .crow-last { float:left; width:30%; } .comment-form label { color:#666666; } .comment-form label span { color:#cecece; } .comment-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:138px; padding:5px; outline:none; margin-top:5px; } .comment-form .crow-text { float:left; width:100%; padding-top:10px; } .comment-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .comment-form .crow-sub { float:left; width:100%; padding-top:5px; } .comment-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .comment-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } /* ------------------------------- */ /* -- START CONTACT PAGE STYLE -- */ /* ----------------------------- */ .contact #header { height:240px; margin-bottom:30px; } .contact-intro { width:100%; text-align:center; font-size:27px; font-weight:bold; color:#0e3d57; text-shadow: 0 1px 0 #fff; opacity:.9; padding-bottom:30px; } .contact-intro span { color:#ff7e00; } .contact-map { width:100%; padding-bottom:30px; } .contact-map img { width:100%; } .contact-left-side { float:left; width:65.7%; padding-right:2%; margin-bottom:30px; } .contact-left-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-form { padding:15px 0; font-size:12px; } .contact-form .crow { float:left; width:30%; margin-right:4%; } .contact-form .crow-last { float:left; width:30%; } .contact-form label { color:#666666; } .contact-form label span { color:#cecece; } .contact-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:138px; padding:5px; outline:none; margin-top:5px; } .contact-form .crow-text { float:left; width:100%; padding-top:10px; } .contact-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .contact-form .crow-sub { float:left; width:100%; padding-top:5px; } .contact-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .contact-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } .contact-form .reset { float:right; width:86px; margin-right:10px; border:none; padding:6px 7px 6px 20px; cursor:pointer; font-size:12px; color:#ffffff; border: 1px solid #464646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/icons/x.png) no-repeat 85% 50% #333333; text-align:left; } .contact-right-side { float:left; width:30%; margin-left:2%; } .contact-right-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-right-content { font-size:12px; color:#666666; line-height:17px; padding:15px 0; } .contact-address { background:url(../images/icons/home-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } .contact-email { background:url(../images/icons/email-black.png) no-repeat left center; font-size:12px; color:#ff7e00; line-height:18px; padding:3px 0 3px 25px; } .contact-number { background:url(../images/icons/phone-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .header-top { width:480px; margin:0 auto; } .buy-now { font-size:13px; color:#ffffff; padding:18px 0 15px 0; text-align:center; } .social-icons { padding:0 0 5px 0; text-align:center; } #header { background:url(../images/header-big-bg.png) repeat-x; height:690px; margin:-6px 0 0 0; } .logo-search { width:480px; margin:0 auto; padding:15px 0 30px 0; position:relative; z-index:2; } a.logo { float:left; } .search { float:right; margin-top:8px; } .search-input { border: 1px solid #002135; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(11,30,50,.26); moz-box-shadow: 0 1px 0 rgba(255,255,255,.13); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.13); box-shadow: 0 1px 0 rgba(255,255,255,.13); outline:none; width:167px; height:8px; padding:12px 25px 8px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie7 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie8 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:167px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .search-submit { background:url(../images/search-submit.png) no-repeat; width:27px; height:28px; top:24px; right:2px; position:absolute; border:none; cursor:pointer; } .main-menu { width:480px; margin:0 auto; } #main-nav li a img { position:absolute; left:5px; top:18px; } #main-nav .first a { padding-left:28px; padding-right: 10px; } #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; color: #ffffff; font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: 700; display: block; letter-spacing: -0.08px; padding: 19px 25px 18px 10px; position: relative; text-align: center; text-transform: uppercase; z-index: 98; text-decoration:none; margin-top:1px; } .ie7 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; font-size:15px; z-index:500; } .ie8 #main-nav a { background:url(../images/menu-delimiter.png) no-repeat right top; font-size:15px; z-index:500; } .ie7 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav a:hover { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie7 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .ie8 #main-nav .current a { background: url(../images/ie/menu-bg_over.png) repeat-x; color: #ffffff; } .slider { width:480px; margin:0 auto; background:url(../images/slide-shadow_480px.png) no-repeat 0px 340px; } .da-slider{ width: 100%; min-width: 320px; height:610px; float:left; position:relative; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s; overflow:hidden; } .da-slide { overflow:hidden; } .da-slide .da-img{ position:absolute; text-align: center; top: 30px; } .slider-image { width:450px; margin-left:7px; } .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:center; width: 99%; top: 360px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .ie7 .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:center; width: 99%; top: 360px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .ie8 .da-slide h2 { color: #fff; font-weight:700; font-size:30px; text-align:center; width: 99%; top: 360px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .da-slide p { width: 99%; top: 400px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie7 .da-slide p { width: 99%; top: 400px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie8 .da-slide p { width: 99%; top: 400px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:13px; color: #ffffff; line-height: 16px; overflow: hidden; } .da-slide .da-link{ margin-left:-2%; top: 445px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:80%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie7 .da-slide .da-link{ margin-left:-2%; top: 445px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:80%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie8 .da-slide .da-link{ margin-left:-2%; top: 445px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:80%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .da-work a { border: 1px solid #082738; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -o-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -webkit-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: linear-gradient(bottom, #193b75 0%, #2174a3 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-work a { border: 1px solid #082738; background:url(../images/ie/work.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie8 .da-work a { border: 1px solid #082738; background:url(../images/ie/work.png) repeat-x; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .da-work a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -o-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -webkit-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: linear-gradient(bottom, #2174a3 0%, #193b75 100%); } .ie7 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .ie8 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .da-or { float:left; background:url(../images/or.png) no-repeat; width:34px; height:49px; margin-left:-17px; margin-right:-17px; position:relative; z-index:5; } .da-contact a { border: 1px solid #2c1908; -moz-border-radius: 1px 3px 3px; -webkit-border-radius: 1px 3px 3px; border-radius: 1px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -o-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -webkit-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: linear-gradient(bottom, #f1631d 0%, #ff8611 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-contact a { border: 1px solid #2c1908; background:url(../images/ie/h-contact.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .ie8 .da-contact a { border: 1px solid #2c1908; background:url(../images/ie/h-contact.png) repeat-x; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 40px 14px 40px; text-shadow: 0 -1px 0 #151515; float:left; } .da-contact a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -o-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -webkit-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: linear-gradient(bottom, #ff8611 0%, #f1631d 100%); } .ie7 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .ie8 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x; } .da-dots { float:left; position:relative; text-align: center; width:99.6%; top:527px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height:73px; } .da-dots span { float:left; background:url(../images/slider-menu-bg.png) repeat-x; height:96px; width:16.6%; color:#fffefe; } .slider-menu { float:left; width:100%; margin-left:1px; margin-top:-82px; position:relative; z-index:2001; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; } .slider-menu-shadow { background:url(../images/slider-menu-shadow_480px.png) no-repeat top center; height:43px; width:99.5%; margin-top:-8px; float:left; } .slider-menu a.tab { float:left; width:33%; background:#ffffff; height:58px; border-right:dotted 1px #999999; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 { float:left; width:33.1%; background:#ffffff; height:58px; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab1 { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab1 { background:#570800; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab1 { background:#570800; text-decoration:none; color:#ffffff; } .slider-menu a.tab .s-image { float:left; padding:0 10px 15px 10px; } .slider-menu a.tab .s-title { font-size:14px; color:#175273; font-weight:normal; text-align:left; padding:0 10px 10px 0; } .slider-menu a:hover.tab .s-title { color:#ffffff } .slider-menu a.tab .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; display:none; } .slider-menu a.tab1 .s-image { float:left; padding:0 10px 15px 10px; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 .s-title { font-size:14px; color:#175273; font-weight:normal; text-align:left; padding:0 10px 10px 0; } .slider-menu a:hover.tab1 .s-title { color:#ffffff } .slider-menu a.tab1 .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; display:none; } .intro-text { width:480px; margin:0 auto; font-size: 18px; font-weight: bold; padding-bottom:30px; line-height:20px; } .ie7 .intro-text { width:480px; margin:70px auto 0 auto; font-size: 18px; font-weight: bold; padding-bottom:30px; line-height:20px; } .home-services { float:left; width:100%; } .home-services .margin-right { margin-right:0; } .latest-posts { float:left; width:100%; height:100%; margin-bottom:15px; } #content { width:420px; margin:0 auto; background:#ffffff; padding:30px } .home-services .business .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .ie7 .home-services .business .title { font-size:12px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .ie8 .home-services .business .title { font-size:12px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .business .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:15px; line-height: 16px; } .home-services .html5 .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .html5 .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 2px 35px; padding-bottom:15px; line-height: 16px; } .home-services .settings .title { font-size:13px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:15px 0 10px 0; margin-left:35px; } .home-services .settings .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:20px; line-height: 16px; } .home-services .easy .title { font-size:13px; font-weight:bold; border-top:solid 1px #e0e0e0; color:#212121; text-transform:uppercase; padding:15px 0 10px 0; margin-left:35px; } .home-services .easy .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:25px; line-height: 16px; } .home-services .settings { background:url(../images/icons/settings.png) no-repeat 0 15px; } .home-services .easy { background:url(../images/icons/label.png) no-repeat 0 15px; } .ui-tabs .ui-tabs-panel { display: block; background: none; float:left; width:73.5%; padding:4.5%; } .ui-tabs .ui-tabs-panel .image { float:left; margin-right:4%; } .ui-tabs .ui-tabs-panel .content { float:left; width:70%; font-size:11px; color:#666666; line-height:16px; } .ui-tabs .ui-tabs-panel .content a { font-size:10px; color:#212121; text-decoration:none; padding-right:10px; } .ui-tabs .ui-tabs-panel .content a:hover { font-size:10px; color:#ff7e00; text-decoration:none; } .ui-tabs .ui-tabs-panel .content span { font-size:10px; color:#999ca1; } .ui-tabs .ui-tabs-panel .line { float:left; width:100%; height:1px; background:#e9e9e9; margin:1px 0 4px 0; } .carousel { width:420px; margin:0; float:left; padding-top:10px; } .carousel-title { font-size:18px; color:#000000; font-weight:700; text-transform:uppercase; width:100%; float:left; margin-top:6px; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:420px; margin-top:45px; } .jcarousel-skin-tango .jcarousel-clip { height:250px; overflow:hidden; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0 15px 0 0; width:201px; overflow:hidden; } .j-item-img { width:201px; } .carousels { width:420px; margin:0; float:left; padding-top:10px; } .jcarousel-date-title { width:100%; } .jcarousel-icon { float:left; width:16%; margin-right:4%; height:33px; background:#a9a9a9; text-align:center; } .jcarousel-title { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; } .jcarousel-title a { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; text-decoration:none; } .jcarousel-date-title:hover .jcarousel-icon { background:#570800; color:#570800; } .jcarousel-date-title:hover .jcarousel-title a { color:#570800; } .jcarousel-date-title:hover .jcarousel-title a:hover { color:#570800; } .jcarousel-date-content { width:100%; } .jcarousel-date { float:left; width:12%; margin-right:4%; font-size:10px; color:#999999; text-align:center; height:100%; margin-top:10px; } .jcarousel-item-texts { float:left; width:84%; font-size:12px; color:#666666; margin-top:5px; line-height:16px; } .jcarousel-skin-tangos .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-container-horizontal { width:420px; margin-top:45px; } .jcarousel-skin-tangos .jcarousel-clip { height:140px; overflow:hidden; } .jcarousel-skin-tangos .jcarousel-item-horizontal { margin:0 35px 0 0; width:201px; overflow:hidden; } #logos { width:480px; margin:0 auto; padding:30px 0; } #logos ul { margin:0; padding:0; width:100%; height:53px; overflow-y:hidden; } #logos ul li { width:25%; float:left; } .footer { width:420px; padding:40px 30px 10px 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .footer .row.first { float:left; width:48%; margin-right:4%; } .footer .row { float:left; width:48%; margin-right:0%; } .footer .row .title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding-bottom:15px; } .footer .row .title span { text-transform:lowercase; } .footer .row .about { color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; line-height:17px; padding:0 0 10px 0; } .footer .row a.read-more { color: #ff7e00; font-size: 12px; text-shadow: 0 1px 0 #002337; text-decoration:none; background:url(../images/read-more-arr.png) no-repeat right center; padding-right:15px; } .footer .row a:hover.read-more { text-decoration:underline; color:#ff7e00; } .footer .row .second-title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding:20px 0; } .footer .row .address { background:url(../images/icons/home.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 11px; text-shadow: 0 1px 0 #002337; margin-bottom:8px; } .footer .row .email { background:url(../images/icons/email.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 11px; text-shadow: 0 1px 0 #002337; margin-bottom:5px; } .footer .row .phone { background:url(../images/icons/phone.png) no-repeat 0 0; padding:2px 0 0 23px; color:#f2f2f2; font-size: 11px; text-shadow: 0 1px 0 #002337; } .footer .row .ul { margin:0; padding:0; } .footer .row ul li { border-bottom:solid 1px #003f62; -moz-box-shadow: 0 1px 0 #e1e1e0; -webkit-box-shadow: 0 1px 0 #e1e1e0; box-shadow: 0 1px 0 #17557a; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .footer .row ul li a { color: #f2f2f2; font-size: 14px; text-decoration:none; } .footer .row ul li a:hover { color:#ff7e00; text-decoration:none; } .footer .row-last { float:left; width:100%; padding:20px 0; } .footer .row-last .title { color: #fff; font-size: 16px; text-transform:uppercase; padding-bottom:15px; } .footer .row-last .newsletter { width:100%; } .newsletter-input { float:left; border: 1px solid #002337; background-color: #fff; -moz-box-shadow: inset 0 0 5px #838383; -webkit-box-shadow: inset 0 0 5px #838383; box-shadow: inset 0 0 5px #838383; color: #656565; font-size: 12px; outline:none; padding:2%; width:65%; } .newsletter-submit { border: 1px solid #f96534; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); background-image: -moz-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -o-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -webkit-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: linear-gradient(bottom, #f96534 0%, #ff8d20 100%); float:left; margin-left:-5px; padding:2% 3%; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .ie7 .newsletter-submit { background:url(../images/ie/h-submit.png) repeat-x; float:left; margin-left:-5px; padding:1.4% 0; border:none; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .ie8 .newsletter-submit { background:url(../images/ie/h-submit.png) repeat-x; float:left; margin-left:-5px; padding:1.7% 3%; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .newsletter-submit:hover { background-image: -moz-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -o-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -webkit-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: linear-gradient(bottom, #ff8d20 0%, #f96534 100%); } .ie7 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .ie8 .newsletter-submit:hover { background:url(../images/ie/h-submit_over.png) repeat-x; } .footer .row-last .dont-spam { color: #cdcdcd; font-size: 12px; text-shadow: 0 1px 0 #002337; padding:8px 0 25px 0; } .footer .row-last .ul { margin:0; padding:0; width:100%; border-bottom:solid 1px #F00; } .footer .row-last ul li { float:left; margin:0 2% 3% 0; } .footer .row-last ul li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; padding:3px 7px; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .footer .row-last ul li a { background-color: #fff; color: #212121; font-size: 11px; font-weight:bold; display:inline-block; padding:5px 7px; text-decoration:none; } .footer .row-last ul li a:hover { background-color: #ff7e00; color: #ffffff; text-decoration:none; } .copyright { width:420px; padding:13px 30px; font-size:12px; margin:0 auto; } .copyright .left-side { text-align:center; color:#afb5b8; padding-bottom:10px; } .copyright .left-side span { color:#ffffff; } .copyright .right-side { text-align:center; color:#afb5b8; } .copyright .right-side a { text-decoration:none; color:#afb5b8; text-transform:uppercase; } .copyright .right-side a:hover { text-decoration:none; color:#ff7e00; } /* -------------------------------- */ /* -- START ABOUT US PAGE STYLE -- */ /* ------------------------------ */ .about #header { height:270px; margin-bottom:30px; } #header .subheader { width:480px; margin:0 auto; margin-top:45px; background:#999; } .ie7 #header .subheader { width:480px; margin:0 auto; } #header .left-side { float:left; width:100%; padding-right:15px; } .page-title { float:left; color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; opacity:.9; padding:20px 0 15px 0; } .breadcrumbs { float:right; padding-top:30px; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a { text-decoration:none; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a:hover { text-decoration:underline; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs span { color:#fff; } #header .right-side { float:right; width:100%; } .page-desc { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; line-height:30px; text-align:center; } .about-company-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .about-company-content { font-size:12px; color:#666666; line-height:18px; padding-top:10px; } .our-skills-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .our-skills ul { margin:0; padding:10px 0 0 0; } .our-skills ul li { margin:0; list-style:none; font-size:12px; color:#175273; padding:3px 0 15px 0; } .our-skills ul li.arr { background:url(../images/li-arr.png) no-repeat left center; padding:0 0 0 10px; } .our-skills ul li .start { float:left; width:19%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#d2d7db; } .ie7 .our-skills ul li .start { float:left; width:18%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#d2d7db; } .our-skills ul li .middle { float:left; width:19%; height:18px; border-top:solid 1px #9ba3aa; border-right:solid 1px #d2d7db; border-bottom:solid 1px #9ba3aa; background:#c2c9cf; } .ie7 .our-skills ul li .middle { float:left; width:18%; height:18px; border-top:solid 1px #9ba3aa; border-right:solid 1px #d2d7db; border-bottom:solid 1px #9ba3aa; background:#c2c9cf; } .our-skills ul li .end { float:left; width:19%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .our-skills ul li .start-orange { float:left; width:19%; height:18px; border:solid 1px #b9630f; background:#570800; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#ff9f42; } .ie7 .our-skills ul li .start-orange { float:left; width:18%; height:18px; border:solid 1px #b9630f; background:#570800; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#ff9f42; } .our-skills ul li .middle-orange { float:left; width:19%; height:18px; border-top:solid 1px #b9630f; border-right:solid 1px #ff9f42; border-bottom:solid 1px #b9630f; background:#570800; } .ie7 .our-skills ul li .middle-orange { float:left; width:18%; height:18px; border-top:solid 1px #b9630f; border-right:solid 1px #ff9f42; border-bottom:solid 1px #b9630f; background:#ff7e00; } .our-skills ul li .end-orange { float:left; width:19%; height:18px; border:solid 1px #b9630f; background:url(../images/icons/ok.png) no-repeat center center #ff7e00; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .meet-team-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; text-transform:uppercase; padding:40px 0 10px 0; } .team-description { font-size:12px; color:#666666; line-height:18px; padding:10px 0 20px 0; } .meet-team-row ul { margin:0; padding:0; width:100%; } .meet-team-row ul li { float:left; width:49%; margin-right:1%; list-style:none; margin-bottom:10px; } .meet-team-row ul li .image { width:100%; overflow:hidden; position:relative; z-index:1; } .meet-team-row ul li .image img { margin-left:-30px; } .meet-team-row ul li .image .blur { position:absolute; z-index:2; background:#ffffff; opacity:.5; width:100%; height:100%; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .meet-team-row ul li .image .blur { display: none; } .ie8 .meet-team-row ul li .image .blur { display: none; } .meet-team-row ul li:hover .image .blur { opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .name { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; cursor:pointer; padding:10px 0 5px 0; } .meet-team-row ul li:hover .name { color:#570800; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .title { font-size:12px; color:#666666; padding-bottom:5px; } .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:8px 0; } .ie7 .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; height: 17px; } .meet-team-row ul li .social:hover { border-bottom:solid 1px #570800; } /* --------------------------------- */ /* -- START LEFT MENU PAGE STYLE -- */ /* ------------------------------- */ .leftpage #header { height:270px; margin-bottom:30px; } .leftpage .leftside { width:100%; padding-bottom:20px; } .leftpage .leftside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .leftpage .leftside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:right; font-weight:bold; padding:14px 38px 10px 0; } .leftpage .leftside ul li { border-bottom:solid 1px #dfdfdf; } .leftpage .leftside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover.png) no-repeat 0 0; margin:5px 0 0 404px; } .ie7 .leftpage .leftside ul li:hover .arr { display: none; } .leftpage .leftside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:right; background:url(../images/page-list-arr.png) no-repeat 95% 50%; padding:10px 40px 10px 0; } .leftpage .leftside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .leftpage .leftside ul li.last { border-bottom:none; } .leftpage .rightside { width:100%; } .leftpage .rightside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .leftpage .rightside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .leftpage .rightside .art img { width:100%; margin:20px 0; overflow:hidden; } .leftpage .rightside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .leftpage .rightside .list-row { width:100%; padding-bottom:20px; } .leftpage .rightside .list-row ul { margin:0; padding:0; width:32.6%; display:inline-block; } .ie7 .leftpage .rightside .list-row ul { margin:0; padding:0; width:100%; display:inline-block; padding-bottom: 20px; } .leftpage .rightside .list-row ul li { margin:0; display:block; font-size:12px; } .leftpage .rightside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .leftpage .rightside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } /* --------------------------------- */ /* -- START RIGHT MENU PAGE STYLE -- */ /* ------------------------------- */ .rightpage #header { height:270px; margin-bottom:30px; } .rightpage .leftside { width:100%; } .rightpage .leftside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .rightpage .leftside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .rightpage .leftside .art img { width:100%; margin:20px 0; overflow:hidden; } .rightpage .leftside .sub-title { font-size:18px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .rightpage .leftside .list-row { width:100%; padding-bottom:20px; } .rightpage .leftside .list-row ul { margin:0; padding:0; width:92.6%; display:inline-block; } .ie7 .rightpage .leftside .list-row ul { margin:0; padding:0 0 20px 0; width:100%; } .rightpage .leftside .list-row ul li { margin:0; display:block; font-size:12px; } .rightpage .leftside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .rightpage .leftside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } .rightpage .rightside { width:100%; } .rightpage .rightside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rightpage .rightside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:left; font-weight:bold; padding:14px 0 10px 38px; } .rightpage .rightside ul li { border-bottom:solid 1px #dfdfdf; } .rightpage .rightside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover-right.png) no-repeat 0 0; margin:5px 0 0 -10px; } .ie7 .rightpage .rightside ul li:hover .arr { display: none; } .rightpage .rightside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:left; background:url(../images/page-list-arr-right.png) no-repeat 5% 50%; padding:10px 0 10px 40px; } .rightpage .rightside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .rightpage .rightside ul li.last { border-bottom:none; } /* ------------------------------- */ /* -- START PRICING PAGE STYLE -- */ /* ----------------------------- */ .pricing #header { height:270px; margin-bottom:30px; } .prow { width:100%; margin:20px 0 0 0; } .price-col.first { float:left; width:50%; } .price-col { float:left; width:50%; margin-left:-5px; } .price-col.active { float:left; width:50%; margin-left:-5px; position:relative; z-index:5; margin-top:20px; } .price-col.last { float:left; width:50%; margin-left:-5px; position:relative; z-index:4; margin-top:35px; } .price-top { border: 1px solid #dadada; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e9e9e9; padding:10px; } .price-top .title { font-size:14px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; } .ie7 .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; height: 100%; } .price-top .price .price-left { float:left; background:url(../images/price-left-arr.png) no-repeat; width:11px; height:45px; } .price-top .price .price-content { float:left; background:#afafaf; padding:9px 0 8px 10px; width:73%; } .price-top .price .price-content span { font-weight:bold; font-size:18px; } .price-top .price .price-content sup { font-size:10px; } .price-top .price .price-right { float:left; background:url(../images/price-right-arrow.png) no-repeat; width:11px; height:35px; } .active .price-top .price .price-left { float:left; background:url(../images/price-left-arr-active.png) no-repeat; width:11px; height:45px; } .active .price-top .price .price-content { float:left; padding:9px 0 8px 10px; width:70%; background-color: #ff7d00; -moz-box-shadow: inset 0 1px 0 #ffb300; -webkit-box-shadow: inset 0 1px 0 #ffb300; box-shadow: inset 0 1px 0 #ffb300; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); text-shadow: 0 1px 0 #ff3503; } .active .price-top .price .price-content span { font-weight:bold; font-size:18px; color:#fffc00; } .active .price-top .price .price-content sup { font-size:10px; } .active .price-top .price .price-right { float:left; background:url(../images/price-right-arrow-active.png) no-repeat; width:11px; height:35px; } .price-body { border: 1px solid #e9e9e9; background-color: #fff; padding:20px 20px; border-top:none; text-align:center; } .price-body ul { margin:0; padding:0 0 30px 0; } .price-body ul li.first { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:0 0 10px 0; } .price-body ul li { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:10px 0; } a.price-butt { border: 1px solid #979797; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #afafaf; font-size: 16px; text-shadow: 0 1px 0 #979797; color:#ffffff; padding:10px 35px 10px 15px; display:inline-block; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.price-butt { border: 1px solid #e24d00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #ff6d21; text-shadow: 0 1px 0 #ff3503; text-decoration:none; } /* -------------------------------- */ /* -- START ELEMENTS PAGE STYLE -- */ /* ------------------------------ */ .elements #header { height:270px; margin-bottom:30px; } .elements .intro { text-align:center; font-size: 27px; font-weight: bold; text-shadow: 0 1px 0 #fff; color:#0e3d57; padding:0 0 10px 0; } .elements .intro span { color:#ff7e00; text-shadow:none; } .elements .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .elements .first-row { padding:0px 0 30px 0; } .ie7 .elements .first-row { padding:0px 0 30px 0; float: left; } .elements .first-row .buttons { float:left; width:150px; margin:0; } .elements .first-row .buttons a.orange { border: 1px solid #e56911; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); width:150px; padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.orange { border: 1px solid #faa519; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -o-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -webkit-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: linear-gradient(bottom, #f96317 0%, #f99117 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.green { border: 1px solid #64a114; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:150px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.green { border: 1px solid #89cb19; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.turquoise { border: 1px solid #0f9189; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:150px; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.turquoise { border: 1px solid #00c3c3; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.pink { border: 1px solid #cd407c; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:150px; } .elements .first-row .buttons a:hover.pink { border: 1px solid #c2c2c2; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); color:#ffffff; text-decoration:none; } .elements .errors { float:left; margin:0 0 0 10px; } .elements .errors .error { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/error.png) no-repeat 5% 50% #333333; color:#ff7e00; margin-bottom:5px; } .elements .errors .congrats { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/congratulations.png) no-repeat 5% 50% #333333; color:#99cc33; margin-bottom:5px; } .elements .errors .info { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/information.png) no-repeat 5% 50% #333333; color:#009999; margin-bottom:5px; } .elements .errors .alert { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/alert.png) no-repeat 5% 50% #333333; color:#cccc66; margin-bottom:5px; } .elements .tabs_ { float:left; width:205px; margin:20px 10px 0 0; } .shadetabs { list-style-type: none; text-align: left; margin:0; padding:0; font-size:14px; } .shadetabs li{ display:inline-block; } .ie7 .shadetabs li{ display:inline; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding:5px 5px; margin-right: 1px; color: #cecece; background:#282828; border:solid 1px #333333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shadetabs li a:hover{ text-decoration: none; color: #ffffff; } .shadetabs li a.selected{ position: relative; color:#ffffff; background:#333333; } .shadetabs li a.selected:hover{ text-decoration: none; color:#ffffff; background:#333333; } .tabcontent{ display:none; background:#333333; min-height:125px; margin:4px 0 0 0; padding:25px 10px 10px 10px; font-size:12px; color:#cecece; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .elements .accordion { float:left; margin-top:10px; } .accordion .tab-title { font-size:18px; color:#282828; padding-bottom:3px; } .accordion .tab-content { text-align:left; color:#999999; font-size:14px; margin:0; } .arrowlistmenu{ width: 205px; } .arrowlistmenu .menuheader{ color:#f8f8f8; font-size:14px; background:url(../images/icons/plus.png) no-repeat 95% 50% #333333; cursor: pointer; padding:8px 0 8px 15px; margin-bottom:1px; } .arrowlistmenu .openheader{ background:url(../images/icons/minus.png) no-repeat 95% 50% #ff7e00; } .categoryitems { padding:0 15px 10px 15px; margin-top:10px; color:#666666; font-size:14px; } .elements .second-row { padding:15px 0 30px 0; } .ie7 .elements .second-row { padding:15px 0 30px 0; float: left; } .elements .art { float:left; width:100%; margin-right:3%; font-size:13px; color:#666666; line-height:19px; } .elements .art p { float:left; font-style:italic; font-size:17px; color:#560800; line-height:30px; padding-right:25px; } .elements .art span { background:#ff7e00; color:#ffffff; padding:3px; } .elements .lists { float:left; width:100%; margin-top:20px; } .elements .lists ul { float:left; width:49%; margin:0 2% 0 0; padding:0; } .elements .lists ul.last { float:left; width:49%; margin:0; padding:0; } .elements .lists ul li { width:100%; border-bottom:solid 1px #cecece; font-size:13px; } .elements .lists ul li a { display:inline-block; text-decoration:none; color:#666666; padding:8px 0 8px 20px; } .elements .lists ul li a:hover { text-decoration:none; color:#ff7e00; } .elements .third-row { width:100%; padding:15px 0 0 0; overflow:hidden; } /* -------------------------------------- */ /* -- START PORTFOLIO 2 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio2 #header { height:270px; margin-bottom:30px; } .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .ie8 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .portfolio2 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio2 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio2 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio2 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio2 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio2 .portfolio-items { width:100%; margin-top:30px; } .ie7 .portfolio2 .portfolio-items { width:100%; margin-top:0px; } .portfolio2 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio2 .portfolio-items li { float:left; width:200px; margin:20px 20px 0 0; } .portfolio2 .portfolio-items li.last { float:left; width:200px; margin:20px 0 0 0; } .portfolio2 .portfolio-items li .image { width:200px; height:112px; overflow:hidden; } .portfolio2 .portfolio-items li .image img { width:100%; } .portfolio2 .portfolio-items li .images { width:200px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio2 .portfolio-items li .arrow { background:none; width:200px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio2 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; z-index:5; visibility: hidden; } .portfolio2 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio2 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio2 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio2 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio2 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio2 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio2 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio2 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li:hover .images { width:200px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio2 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:200px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio2 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio2 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio2 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio2 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 3 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio3 #header { height:270px; margin-bottom:30px; } .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .ie8 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .portfolio3 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio3 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio3 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio3 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio3 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio3 .portfolio-items { width:100%; margin-top:30px; } .ie7 .portfolio3 .portfolio-items { width:100%; margin-top:0px; } .portfolio3 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio3 .portfolio-items li { float:left; width:200px; margin:10px 5px 0 5px; } .portfolio3 .portfolio-items li .image { width:200px; height:112px; overflow:hidden; } .portfolio3 .portfolio-items li .image img { width:100%; } .portfolio3 .portfolio-items li .images { width:200px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio3 .portfolio-items li .arrow { background:none; width:200px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio3 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; z-index:5; visibility: hidden; } .portfolio3 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio3 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio3 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio3 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .ie7 .portfolio3 .portfolio-items li .title { min-height: 25px; color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .ie8 .portfolio3 .portfolio-items li .title { min-height: 25px; color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio3 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio3 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio3 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio3 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li:hover .images { width:200px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio3 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:200px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio3 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio3 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio3 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio3 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 4 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio4 #header { height:270px; margin-bottom:30px; } .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .ie8 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .portfolio4 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio4 .group li { float:left; margin-left:8px; font-weight:normal; } .portfolio4 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 12px; text-shadow: 0 1px 0 #fff; text-transform:uppercase; padding:5px 10px; text-decoration:none; } .portfolio4 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 12px; text-shadow: 0 1px 0 #c7552d; text-transform:uppercase; text-decoration:none; } .portfolio4 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio4 .portfolio-items { width:100%; margin-top:30px; } .portfolio4 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio4 .portfolio-items li { float:left; width:200px; margin:10px 5px 0 5px; } .portfolio4 .portfolio-items li .image { width:200px; height:112px; overflow:hidden; } .portfolio4 .portfolio-items li .image img { width:100%; } .portfolio4 .portfolio-items li .images { width:200px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio4 .portfolio-items li .arrow { background:none; width:200px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio4 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; z-index:5; visibility: hidden; } .portfolio4 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio4 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio4 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio4 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .ie7 .portfolio4 .portfolio-items li .title { min-height: 25px; color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .ie8 .portfolio4 .portfolio-items li .title { min-height: 25px; color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio4 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio4 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio4 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio4 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li:hover .images { width:200px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio4 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:200px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio4 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio4 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio4 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio4 .paginate ul li { float:left; } /* ---------------------------------- */ /* -- START PROJECT DETAILS STYLE -- */ /* -------------------------------- */ .project #header { height:270px; margin-bottom:30px; } .project .image { width:100%; } .project .image img { width:100%; } .project .det { width:100%; } .project .det .title { font-size:18px; font-weight:bold; color:#212121; text-transform:uppercase; padding-top:20px; } .project .det .desc { font-size:12px; color:#666666; padding:25px 0; border-bottom:solid 1px #cecece; } .project .det .social { font-size:11px; color:#666666; padding:10px 0 20px 0; } .project .det .social .tit { float:left; padding:3px 10px 0 0; } .project .det .social a { float:left; } .project .jcarousel-skin-tango .jcarousel-clip { height:auto; } .project .carousel .carousel-title { border-bottom:solid 1px #cecece; padding-bottom:10px; } .project .carousel ul li { float:left; width:200px; margin:10px 5px 0 5px; } .project .carousel ul li .image { width:200px; height:112px; overflow:hidden; } .project .carousel ul li .image img { width:100%; } .project .carousel ul li .images { width:200px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .project .carousel ul li .arrow { background:none; width:200px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .project .carousel ul li .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; z-index:5; visibility: hidden; } .project .carousel ul li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .project .carousel ul li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .project .carousel ul li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .project .carousel ul li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .project .carousel ul li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .project .carousel ul li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .project .carousel ul li .title a { text-decoration:none; color:#212121; } .project .carousel ul li .title a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .project .carousel ul li .category a { text-decoration:none; color:#656565; } .project .carousel ul li .category a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li:hover .images { width:200px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .project .carousel ul li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:200px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .project .carousel ul li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:64px; margin-top:35px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } /* ---------------------------- */ /* -- START BLOG PAGE STYLE -- */ /* -------------------------- */ .blog #header { height:270px; margin-bottom:30px; } .blog .l-side { width:100%; } .blog-post { width:100%; padding:30px 0; } .blog-post.first { width:100%; padding:0 0 30px 0; } .blog-post .title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .blog-post .by { float:right; text-transform:lowercase; font-size:12px; color:#666666; font-weight:normal; padding-top:3px; } .blog-post .img { width:100%; padding:15px 0; } .blog-post .img .images { width:420px; height:146px; overflow:hidden; position:absolute; background:none; display:block; } .blog-post .img .arrow { background:none; position:absolute; overflow:hidden; display:block; } .blog-post .img .links { width:58px; height:32px; position:absolute; display:block; margin-left:181px; margin-top:57px; z-index:5; visibility: hidden; } .blog-post .img .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .blog-post .img .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .blog-post .img .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .blog-post .img .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .blog-post .image img { width:100%; } .blog-post .img:hover .images { width:420px; height:146px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .blog-post .img:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:420px; margin-top:146px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .blog-post .img:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:181px; margin-top:57px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .blog-post .details { float:left; width:25%; margin-right:3%; background:url(../images/icons/blog-pen.png) no-repeat right top; text-align:right; padding-top:45px; font-size:11px; } .blog-post .details span { color:#bbbbbb; } .blog-post .details span a { color:#bbbbbb; text-decoration:none; } .blog-post .details span a:hover { color:#ff7e00; text-decoration:none; } .blog-post .details .posted { color:#878787; padding:3px 0; } .blog-post .details .category { color:#878787; padding:3px 0; } .blog-post .details .comments { color:#878787; padding:3px 0; } .blog-post .desc { float:left; width:72%; } .blog-post .desc .desc-title { font-size:14px; font-weight:bold; color:#3a3a3a; padding-bottom:10px; line-height:18px; } .blog-post .desc .description { font-size:12px; color:#666666; line-height:17px; padding-bottom:15px; } .blog-post .desc .butt { float:right; padding:7px 15px; } .blog-post .desc .butt a { border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; font-size:12px; color:#175273; text-decoration:none; padding:7px 15px; } .ie7 .blog-post .desc .butt a { display: inline-block; } .blog-post .desc .butt a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); font-size:12px; color:#ffffff; text-decoration:none; } .blog .l-side .paginate { padding-top:10px; } .blog .l-side .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .blog .l-side .paginate ul li { float:left; } .blog .r-side { width:100%; } .r-side .cat-title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .ie7 .r-side .cat-title { width: 100%; } .r-side ul.catheg { margin:0 0 50px 0; padding:0; } .r-side ul.catheg li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.catheg li a { color: #175273; font-size: 14px; text-decoration:none; } .r-side ul.catheg li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.tags { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 7% 0; } .r-side ul.tags li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; font-weight:bold; padding:5px 7px; text-decoration:none; border:solid 1px #cecece; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .r-side ul.tags li a { display: inline-block; } .r-side ul.tags li a:hover { background-color: #ff7e00; color: #ffffff; font-weight:bold; text-decoration:none; } .r-side ul.dribble { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 5% 0; } .r-side ul.dribble li a { border:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding:1px; } .r-side ul.dribble li a:hover { border:solid 1px #ff7e00; padding:0; } .r-side .post_s-top { background:url(../images/popular-posts-top3.png) no-repeat; width:100%; font-size:14px; font-weight:bold; color:#212121; padding:22px 0 22px 15px; text-transform:uppercase; border:none; } .r-side .post_s { background:url(../images/popular-posts3.png) repeat-y #ffffff; width:94%; font-size:12px; color:#666666; padding:0 3%; } .r-side .post_s p { border-bottom: solid 1px #cecece; padding:10px 0; line-height:14px; } .r-side .post_s p.last { border-bottom:none; padding:10px 0; } .r-side .post_s p a { font-weight:bold; color:#ff7e00; text-decoration:none; } .r-side .post_s p a:hover { color:#ff7e00; text-decoration:underline; } .r-side .post_s-bottom { background:url(../images/popular-posts-bottom3.png) no-repeat; width:100%; height:13px; margin-bottom:40px; } .r-side ul.archive { margin:0; padding:0; } .r-side ul.archive li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.archive li a { color: #666666; font-size: 14px; text-decoration:none; } .r-side ul.archive li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.archive li .nr { float:right; font-size:14px; color:#cecece; } .ie7 .r-side ul.archive li .nr { margin-top: -24px; } .blog-post .desc .bdescription { font-size:12px; color:#666666; line-height:17px; } .l-side .tagss { font-size:11px; color:#878787; border-top:solid 1px #cecece; padding:10px 0 20px 0; } .l-side .tagss a { color:#bbbbbb; text-decoration:none; } .l-side .tagss a:hover { color:#ff7e00; text-decoration:none; } .blog .comments { width:100%; padding:20px 0; border-bottom:solid 1px #cecece; } .comments .title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .comments .comm { font-size:12px; color:#868686; padding:15px 0 0 0; } .comments .comm-user { float:left; background:url(../images/icons/comment.png) no-repeat; width:54px; height:54px; } .comments .comm-user-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; } .comments .comm-user-re-re { float:left; background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; margin-left:30px; } .comments .comm-cont { float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 3px rgba(149,149,149,.5); -webkit-box-shadow: 0 0 3px rgba(149,149,149,.5); box-shadow: 0 0 3px rgba(149,149,149,.5); font-size:12px; padding:10px; margin:2px 0 0 10px; width:270px; } .comments .comm-cont .user { float:left; font-size:12px; color:#303030; padding-bottom:10px; } .comments .comm-cont .reply { float:right; padding-bottom:10px; } .comments .comm-cont .reply a { color:#303030; text-decoration:none; } .comments .comm-cont .reply a:hover { color:#ff7e00; text-decoration:none; } .comments .comm-cont .continut { text-align:left; line-height:17px; } .comment-form { padding:15px 0; font-size:12px; } .comment-form .crow { float:left; width:30%; margin-right:4%; } .comment-form .crow-last { float:left; width:30%; } .comment-form label { color:#666666; } .comment-form label span { color:#cecece; } .comment-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:124px; padding:5px; outline:none; margin-top:5px; } .comment-form .crow-text { float:left; width:100%; padding-top:10px; } .comment-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:110px; padding:5px; outline:none; margin-top:5px; resize:none; } .comment-form .crow-sub { float:left; width:100%; padding-top:5px; } .comment-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .comment-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } /* ------------------------------- */ /* -- START CONTACT PAGE STYLE -- */ /* ----------------------------- */ .contact #header { height:270px; margin-bottom:30px; } .contact-intro { width:100%; text-align:center; font-size:27px; font-weight:bold; color:#0e3d57; text-shadow: 0 1px 0 #fff; opacity:.9; padding-bottom:30px; } .contact-intro span { color:#ff7e00; } .contact-map { width:100%; padding-bottom:30px; } .contact-map img { width:100%; } .contact-left-side { width:100%; margin-bottom:30px; } .contact-left-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-form { padding:15px 0; font-size:12px; } .contact-form .crow { float:left; width:30%; margin-right:4%; } .contact-form .crow-last { float:left; width:30%; } .contact-form label { color:#666666; } .contact-form label span { color:#cecece; } .contact-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:125px; padding:5px; outline:none; margin-top:5px; } .contact-form .crow-text { float:left; width:100%; padding-top:10px; } .contact-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .contact-form .crow-sub { float:left; width:100%; padding-top:5px; } .contact-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .contact-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } .contact-form .reset { float:right; width:86px; margin-right:10px; border:none; padding:6px 7px 6px 20px; cursor:pointer; font-size:12px; color:#ffffff; border: 1px solid #464646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/icons/x.png) no-repeat 85% 50% #333333; text-align:left; } .contact-right-side { width:100%; } .contact-right-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-right-content { font-size:12px; color:#666666; line-height:17px; padding:15px 0; } .contact-address { background:url(../images/icons/home-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } .contact-email { background:url(../images/icons/email-black.png) no-repeat left center; font-size:12px; color:#ff7e00; line-height:18px; padding:3px 0 3px 25px; } .contact-number { background:url(../images/icons/phone-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .header-top { width:320px; margin:0 auto; } .buy-now { font-size:13px; color:#ffffff; padding:8px 0 15px 0; text-align:center; } .buy-now a { float:left; margin:8px 0 0 0; background:#dc6d00; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:9px 16px; text-decoration:none; margin-left:20px; position:relative; z-index:2; } .buy-now a:hover { background:#0e3d57; color:#ffffff; text-decoration:none; } .social-icons { padding:0 15px 10px 0; text-align:right; margin-top:-3px; } #header { background:url(../images/header-big-bg.png) repeat-x; height:655px; margin:-6px 0 0 0; } .logo-search { width:320px; margin:0 auto; padding:15px 0 30px 0; position:relative; z-index:2; text-align:center; } a.logo { border:none; } .search { margin-top:10px; } .search-input { border: 1px solid #002135; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(11,30,50,.26); moz-box-shadow: 0 1px 0 rgba(255,255,255,.13); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.13); box-shadow: 0 1px 0 rgba(255,255,255,.13); outline:none; width:265px; height:8px; padding:12px 25px 8px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie7 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:265px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .ie8 .search-input { border: 1px solid #002135; background:url(../images/ie/search-bg.png) repeat-x; outline:none; width:265px; height:8px; padding:8px 25px 12px 10px; font-size:11px; color:#6f94a8; font-family: 'Droid Sans', sans-serif; } .search-submit { background:url(../images/search-submit.png) no-repeat; width:27px; height:28px; top:68px; right:10px; position:absolute; border:none; cursor:pointer; } #main-nav { float:left; margin-left:3%; width:90%; padding:4% 2% 0 2%; } .ie7 #main-nav { float:left; margin-left:3%; width:89%; padding:4% 2% 0 2%; } .ie8 #main-nav { float:left; margin-left:3%; width:89%; padding:4% 2% 0 2%; } #main-nav li { width: 100%; } #main-nav a { padding:12px; } #main-nav a:after, #main-nav > ul { display: none; } #main-nav a:after { content: ''; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } .no-js #main-nav li:hover > ul { top: 48px; } .slider { width:320px; margin:0 auto; background:url(../images/slide-shadow_320px.png) no-repeat 0px 260px; } .da-slider{ width: 100%; min-width: 320px; height:510px; float:left; position:relative; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s; overflow:hidden; } .da-slide { overflow:hidden; } .da-slide .da-img{ position:absolute; text-align: center; top:20px; } .slider-image { width:300px; margin-left:7px; } .da-slide h2 { color: #fff; font-weight:700; font-size:24px; text-align:center; width: 99%; top: 250px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .ie7 .da-slide h2 { color: #fff; font-weight:700; font-size:24px; text-align:center; width: 99%; top: 250px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .ie8 .da-slide h2 { color: #fff; font-weight:700; font-size:24px; text-align:center; width: 99%; top: 250px; margin-left:-9.6%; white-space: nowrap; z-index: 10; } .da-slide p { width: 99%; top: 290px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:12px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie7 .da-slide p { width: 99%; top: 290px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:12px; color: #ffffff; line-height: 16px; overflow: hidden; } .ie8 .da-slide p { width: 99%; top: 290px; margin-left:-9.6%; text-align:center; font-weight:300; font-size:12px; color: #ffffff; line-height: 16px; overflow: hidden; } .da-slide .da-link{ margin-left:-10%; top: 340px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:100%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie7 .da-slide .da-link{ margin-left:-10%; top: 340px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:100%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ie8 .da-slide .da-link{ margin-left:-10%; top: 340px; color: #fff; font-weight:800; font-size:18px; text-decoration:none; text-transform:uppercase; background:url(../images/showcase.png) no-repeat; width:100%; padding:8px 0 15px 15px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .da-work a { border: 1px solid #082738; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -o-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: -webkit-linear-gradient(bottom, #193b75 0%, #2174a3 100%); background-image: linear-gradient(bottom, #193b75 0%, #2174a3 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-work a { border: 1px solid #082738; background:url(../images/ie/work.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie8 .da-work a { border: 1px solid #082738; background:url(../images/ie/work.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .da-work a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -o-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: -webkit-linear-gradient(bottom, #2174a3 0%, #193b75 100%); background-image: linear-gradient(bottom, #2174a3 0%, #193b75 100%); } .ie7 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .ie8 .da-work a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/work_over.png) repeat-x; } .da-or { float:left; background:url(../images/or.png) no-repeat; width:34px; height:49px; margin-left:-17px; margin-right:-17px; position:relative; z-index:5; } .da-contact a { border: 1px solid #2c1908; -moz-border-radius: 1px 3px 3px; -webkit-border-radius: 1px 3px 3px; border-radius: 1px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #000; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31); box-shadow: inset 0 1px 0 rgba(255,255,255,.31); background-image: -moz-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -o-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: -webkit-linear-gradient(bottom, #f1631d 0%, #ff8611 100%); background-image: linear-gradient(bottom, #f1631d 0%, #ff8611 100%); font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie7 .da-contact a { border: 1px solid #2c1908; background:url(../images/ie/h-contact.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .ie8 .da-contact a { border: 1px solid #2c1908; background:url(../images/ie/h-contact.png) repeat-x; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; padding:15px 20px 14px 20px; text-shadow: 0 -1px 0 #151515; float:left; } .da-contact a:hover { text-decoration:none; color:#ffffff; background-image: -moz-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -o-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: -webkit-linear-gradient(bottom, #ff8611 0%, #f1631d 100%); background-image: linear-gradient(bottom, #ff8611 0%, #f1631d 100%); } .ie7 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x } .ie8 .da-contact a:hover { text-decoration:none; color:#ffffff; background:url(../images/ie/h-contact_over.png) repeat-x } .da-dots { float:left; position:relative; text-align: center; width:99.4%; top:427px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height:73px; } .da-dots span { float:left; background:url(../images/slider-menu-bg.png) repeat-x; height:96px; width:16.6%; color:#fffefe; } .slider-menu { float:left; width:100%; margin-left:1px; margin-top:-82px; position:relative; z-index:2001; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; } .slider-menu-shadow { background:url(../images/slider-menu-shadow_320px.png) no-repeat top center; height:43px; width:99.5%; margin-top:-8px; float:left; } .slider-menu a.tab { float:left; width:33%; background:#ffffff; height:58px; border-right:dotted 1px #999999; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab { background:#570800; border-right:dotted 1px #999999; text-decoration:none; color:#ffffff; } .slider-menu a.tab1 { float:left; width:32.9%; background:#ffffff; height:58px; text-decoration:none; color:#666666; padding-top:15px; } .slider-menu a:hover.tab1 { -moz-box-shadow: inset 0 0 10px rgba(1,1,1,.25); -webkit-box-shadow: inset 0 0 10px rgba(1,1,1,.25); box-shadow: inset 0 0 10px rgba(1,1,1,.25); background-image: -moz-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -o-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: -webkit-linear-gradient(bottom, #fb651f 0%, #570800 100%); background-image: linear-gradient(bottom, #fb651f 0%, #570800 100%); text-decoration:none; color:#ffffff; } .ie7 .slider-menu a:hover.tab1 { background:#570800; text-decoration:none; color:#ffffff; } .ie8 .slider-menu a:hover.tab1 { background:#570800; text-decoration:none; color:#ffffff; } .slider-menu a.tab .s-image { float:left; width:100%; text-align:center; } .slider-menu a.tab .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 10px 10px 0; display:none; } .slider-menu a:hover.tab .s-title { color:#ffffff } .slider-menu a.tab .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; display:none; } .slider-menu a.tab1 .s-image { float:left; width:100%; text-align:center; } .slider-menu a.tab1 .s-title { font-size:16px; color:#175273; font-weight:normal; text-align:left; padding:0 10px 10px 0; display:none; } .slider-menu a:hover.tab1 .s-title { color:#ffffff } .slider-menu a.tab1 .s-subtitle { font-size:12px; font-weight:normal; text-align:left; padding-right:15px; display:none; } .intro-text { width:320px; margin:0 auto; font-size: 14px; font-weight: bold; padding-bottom:30px; line-height:18px; } .ie7 .intro-text { width:320px; margin:60px auto 0 auto; font-size: 14px; font-weight: bold; padding-bottom:30px; line-height:18px; } .home-services { float:left; width:100%; } .home-services .margin-right { margin-right:0; } .home-services .col { float:left; width:100%; } .latest-posts { float:left; width:100%; height:100%; margin-bottom:15px; } #content { width:260px; margin:0 auto; background:#ffffff; padding:30px } .home-services .business .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .business .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 15px 35px; padding-bottom:10px; line-height: 16px; } .home-services .html5 .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:5px 0 10px 35px; } .home-services .html5 .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 15px 35px; padding-bottom:10px; line-height: 16px; } .home-services .settings .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:0 0 10px 0; margin-left:35px; } .home-services .settings .content { font-size:12px; color:#666666; border-bottom:solid 1px #e0e0e0; margin:0 0 15px 35px; padding-bottom:10px; line-height: 16px; } .home-services .easy .title { font-size:13px; font-weight:bold; color:#212121; text-transform:uppercase; padding:0 0 10px 0; margin-left:35px; } .home-services .easy .content { font-size:12px; color:#666666; margin:0 0 2px 35px; padding-bottom:25px; line-height: 16px; } .home-services .settings { background:url(../images/icons/settings.png) no-repeat 0 0; } .home-services .easy { background:url(../images/icons/label.png) no-repeat 0 0; } .ui-tabs .ui-tabs-panel { display: block; background: none; float:left; width:73.5%; padding:4.5%; } .ui-tabs .ui-tabs-panel .image { float:left; margin-right:4%; } .ui-tabs .ui-tabs-panel .content { float:left; width:70%; font-size:11px; color:#666666; line-height:16px; } .ui-tabs .ui-tabs-panel .content a { font-size:10px; color:#212121; text-decoration:none; padding-right:10px; } .ui-tabs .ui-tabs-panel .content a:hover { font-size:10px; color:#ff7e00; text-decoration:none; } .ui-tabs .ui-tabs-panel .content span { font-size:10px; color:#999ca1; } .ui-tabs .ui-tabs-panel .line { float:left; width:100%; height:1px; background:#e9e9e9; margin:1px 0 4px 0; } .carousel { width:260px; margin:0; float:left; padding-top:5px; font-size:11px; } .carousel-title { font-size:13px; color:#000000; font-weight:700; text-transform:uppercase; width:100%; float:left; margin-top:6px; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:260px; margin-top:45px; } .jcarousel-skin-tango .jcarousel-clip { height:250px; overflow:hidden; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0 15px 0 0; width:260px; overflow:hidden; } .j-item-img { width:260px; } .jcarousel-item-text { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:normal; padding-top:10px; } .carousels { width:260px; margin:0; float:left; padding-top:5px; } .jcarousel-date-title { width:100%; } .jcarousel-icon { float:left; width:16%; margin-right:4%; height:33px; background:#a9a9a9; text-align:center; } .jcarousel-title { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; } .jcarousel-title a { float:left; width:80%; font-size:14px; color:#212121; font-weight:700; text-decoration:none; } .jcarousel-date-title:hover .jcarousel-icon { background:#570800; color:#570800; } .jcarousel-date-title:hover .jcarousel-title a { color:#570800; } .jcarousel-date-title:hover .jcarousel-title a:hover { color:#570800; } .jcarousel-date-content { width:100%; } .jcarousel-date { float:left; width:12%; margin-right:4%; font-size:10px; color:#999999; text-align:center; height:100%; margin-top:10px; } .jcarousel-item-texts { float:left; width:84%; font-size:12px; color:#666666; margin-top:5px; line-height:16px; } .jcarousel-skin-tangos .jcarousel-next-horizontal { position: absolute; top: -45px; right: 0; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-prev-horizontal { position: absolute; top: -45px; right: 30px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tangos .jcarousel-container-horizontal { width:260px; margin-top:45px; } .jcarousel-skin-tangos .jcarousel-clip { height:140px; overflow:hidden; } .jcarousel-skin-tangos .jcarousel-item-horizontal { margin:0 35px 0 0; width:260px; overflow:hidden; } #logos { width:320px; margin:0 auto; padding:30px 0; } .ie7 #logos { width:320px; margin:0 auto; padding:30px 0; } #logos ul { margin:0; padding:0; width:100%; height:53px; overflow-y:hidden; } .ie7 #logos ul { margin:0; padding:0; width:100%; height:53px; overflow-y:hidden; text-align: center; } #logos ul li { width:33.33%; float:left; } .ie7 #logos ul li { width:33.33%; float:left; margin-left: -1px; } .footer { width:260px; padding:40px 30px 20px 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .ie7 .footer { width:260px; padding:40px 30px 0 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .ie8 .footer { width:260px; padding:40px 30px 0 30px; background:url(../images/footer-arr.png) no-repeat top center; margin:0 auto; } .footer .row { width:100%; padding-bottom:20px; } .footer .row .title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding-bottom:15px; } .footer .row .title span { text-transform:lowercase; } .footer .row .about { color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; line-height:17px; padding:0 0 10px 0; } .footer .row a.read-more { color: #ff7e00; font-size: 12px; text-shadow: 0 1px 0 #002337; text-decoration:none; background:url(../images/read-more-arr.png) no-repeat right center; padding-right:15px; } .footer .row a:hover.read-more { text-decoration:underline; color:#ff7e00; } .footer .row .second-title { color: #fff; font-size: 16px; font-weight: bold; text-shadow: 0 1px 0 #002337; text-transform:uppercase; padding:20px 0; } .footer .row .address { background:url(../images/icons/home.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:8px; } .footer .row .email { background:url(../images/icons/email.png) no-repeat 0 0; padding:2px 0 0 23px; color: #f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; margin-bottom:5px; } .footer .row .phone { background:url(../images/icons/phone.png) no-repeat 0 0; padding:2px 0 0 23px; color:#f2f2f2; font-size: 12px; text-shadow: 0 1px 0 #002337; } .footer .row .ul { margin:0; padding:0; } .footer .row ul li { border-bottom:solid 1px #003f62; -moz-box-shadow: 0 1px 0 #e1e1e0; -webkit-box-shadow: 0 1px 0 #e1e1e0; box-shadow: 0 1px 0 #17557a; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .footer .row ul li a { color: #f2f2f2; font-size: 14px; text-decoration:none; } .footer .row ul li a:hover { color:#ff7e00; text-decoration:none; } .footer .row-last { width:100%; padding-bottom:0px; } .footer .row-last .title { color: #fff; font-size: 16px; text-transform:uppercase; padding-bottom:15px; } .footer .row-last .newsletter { width:100%; } .newsletter-input { float:left; border: 1px solid #002337; background-color: #fff; -moz-box-shadow: inset 0 0 5px #838383; -webkit-box-shadow: inset 0 0 5px #838383; box-shadow: inset 0 0 5px #838383; color: #656565; font-size: 12px; outline:none; padding:2%; width:55%; } .ie7 .newsletter-input { float:left; border: 1px solid #002337; background-color: #fff; -moz-box-shadow: inset 0 0 5px #838383; -webkit-box-shadow: inset 0 0 5px #838383; box-shadow: inset 0 0 5px #838383; color: #656565; font-size: 12px; outline:none; padding:2%; width:50%; } .newsletter-submit { border: 1px solid #f96534; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); background-image: -moz-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -o-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: -webkit-linear-gradient(bottom, #f96534 0%, #ff8d20 100%); background-image: linear-gradient(bottom, #f96534 0%, #ff8d20 100%); float:left; margin-left:-5px; padding:2% 3%; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .ie7 .newsletter-submit { background:url(../images/ie/h-submit.png) repeat-x; float:left; margin-left:-5px; padding:1.2% 0%; border:none; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .ie8 .newsletter-submit { background:url(../images/ie/h-submit.png) repeat-x; float:left; margin-left:-5px; padding:1.7% 3%; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #cd450f; text-transform:uppercase; margin-top:1px; text-align:center; cursor:pointer; } .newsletter-submit:hover { background-image: -moz-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -o-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: -webkit-linear-gradient(bottom, #ff8d20 0%, #f96534 100%); background-image: linear-gradient(bottom, #ff8d20 0%, #f96534 100%); } .footer .row-last .dont-spam { color: #cdcdcd; font-size: 12px; text-shadow: 0 1px 0 #002337; padding:8px 0 25px 0; } .footer .row-last .ul { margin:0; padding:0; width:100%; border-bottom:solid 1px #F00; } .ie7 .footer .row-last .ul { margin:0; padding:0; width:100%; border-bottom:solid 1px #F00; } .footer .row-last ul li { float:left; margin:0 2.5% 5% 0; } .ie7 .footer .row-last ul li { float:left; margin:0 2.5% 2% 0; } .footer .row-last ul li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 12px; padding:4px 9px; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .footer .row-last ul li a { background-color: #fff; color: #212121; font-size: 11px; display:inline-block; padding:4px 9px; text-decoration:none; } .footer .row-last ul li a:hover { background-color: #ff7e00; color: #ffffff; text-decoration:none; } .copyright { width:260px; padding:13px 30px; font-size:11px; margin:0 auto; } .copyright .left-side { text-align:center; color:#afb5b8; padding:0 30px 10px 30px; line-height:14px; } .copyright .right-side { text-align:center; color:#afb5b8; font-size:10px; } .copyright .right-side a { text-decoration:none; color:#afb5b8; text-transform:uppercase; } .copyright .right-side a:hover { text-decoration:none; color:#ff7e00; } /* -------------------------------- */ /* -- START ABOUT US PAGE STYLE -- */ /* ------------------------------ */ .about #header { height:320px; margin-bottom:30px; } #header .subheader { width:320px; margin:0 auto; margin-top:45px; background:#999; } .ie7 #header .subheader { width:320px; margin:-15px auto 0 auto; } #header .left-side { width:100%; padding-right:15px; } .page-title { color: #fff; font-size: 24px; text-shadow: 0 1px 0 #1d1529; opacity:.9; padding:30px 0 5px 0; text-align: center; } .breadcrumbs { font-size: 12px; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; text-align:center; } .breadcrumbs a { text-decoration:none; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs a:hover { text-decoration:underline; color:#ffffff; color: #fff; text-shadow: 0 1px 0 #1d1529; opacity:.9; } .breadcrumbs span { color:#fff; } #header .right-side { width:100%; } .page-desc { color: #fff; font-size: 22px; text-shadow: 0 1px 0 #1d1529; line-height:30px; text-align:center; padding-top:10px; } .about-company { width:100%; padding-bottom:25px; } .our-skills { width:100%; } .about-company-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .about-company-content { font-size:12px; color:#666666; line-height:18px; padding-top:10px; } .our-skills-title { font-size:18px; font-weight:bold; color:#212121; padding-bottom:10px; border-bottom:solid 1px #cecece; text-transform:uppercase; } .our-skills ul { margin:0; padding:10px 0 0 0; } .our-skills ul li { margin:0; list-style:none; font-size:12px; color:#175273; padding:3px 0 15px 0; } .our-skills ul li.arr { background:url(../images/li-arr.png) no-repeat left center; padding:0 0 0 10px; } .our-skills ul li .start { float:left; width:19%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#d2d7db; } .our-skills ul li .middle { float:left; width:19%; height:18px; border-top:solid 1px #9ba3aa; border-right:solid 1px #d2d7db; border-bottom:solid 1px #9ba3aa; background:#c2c9cf; } .our-skills ul li .end { float:left; width:19%; height:18px; border:solid 1px #9ba3aa; background:#c2c9cf; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .our-skills ul li .start-orange { float:left; width:19%; height:18px; border:solid 1px #b9630f; background:#570800; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; border-right-color:#ff9f42; } .our-skills ul li .middle-orange { float:left; width:19%; height:18px; border-top:solid 1px #b9630f; border-right:solid 1px #ff9f42; border-bottom:solid 1px #b9630f; background:#570800; } .our-skills ul li .end-orange { float:left; width:19%; height:18px; border:solid 1px #b9630f; background:url(../images/icons/ok.png) no-repeat center center #570800; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; border-left:none; } .meet-team-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; text-transform:uppercase; padding:20px 0 10px 0; } .team-description { font-size:12px; color:#666666; line-height:18px; padding:10px 0 20px 0; } .meet-team-row ul { margin:0; padding:0; width:100%; } .meet-team-row ul li { float:left; width:100%; list-style:none; margin-bottom:10px; } .meet-team-row ul li .image { width:100%; overflow:hidden; position:relative; z-index:1; text-align:center; } .meet-team-row ul li .image .blur { position:absolute; z-index:2; background:#ffffff; opacity:.5; width:100%; height:100%; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .meet-team-row ul li .image .blur { display: none; } .ie8 .meet-team-row ul li .image .blur { display: none; } .meet-team-row ul li:hover .image .blur { opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .name { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; cursor:pointer; padding:10px 0 5px 0; } .meet-team-row ul li:hover .name { color:#570800; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meet-team-row ul li .title { font-size:12px; color:#666666; padding-bottom:5px; } .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:8px 0; } .ie7 .meet-team-row ul li .social { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; height: 17px; } .meet-team-row ul li .social:hover { border-bottom:solid 1px #570800; } /* --------------------------------- */ /* -- START LEFT MENU PAGE STYLE -- */ /* ------------------------------- */ .leftpage #header { height:320px; margin-bottom:30px; } .leftpage .leftside { width:100%; padding-bottom:10px; } .leftpage .leftside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .leftpage .leftside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:right; font-weight:bold; padding:14px 38px 10px 0; } .leftpage .leftside ul li { border-bottom:solid 1px #dfdfdf; } .leftpage .leftside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover.png) no-repeat 0 0; margin:5px 0 0 250px; } .ie7 .leftpage .leftside ul li:hover .arr { display: none; } .leftpage .leftside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:right; background:url(../images/page-list-arr.png) no-repeat 95% 50%; padding:10px 40px 10px 0; } .leftpage .leftside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .leftpage .leftside ul li.last { border-bottom:none; } .leftpage .rightside { width:100%; } .leftpage .rightside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:12px 0 11px 0; text-transform:uppercase; } .leftpage .rightside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .leftpage .rightside .art img { width:100%; margin:20px 0; overflow:hidden; } .leftpage .rightside .sub-title { font-size:16px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .leftpage .rightside .list-row { width:100%; padding-bottom:20px; } .leftpage .rightside .list-row ul { margin:0; padding:0; width:100%; display:inline-block; padding-bottom:20px; } .leftpage .rightside .list-row ul.last { margin:0; padding:0; width:100%; display:inline-block; padding-bottom:0px; } .leftpage .rightside .list-row ul li { margin:0; display:block; font-size:12px; } .leftpage .rightside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .leftpage .rightside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } /* --------------------------------- */ /* -- START RIGHT MENU PAGE STYLE -- */ /* ------------------------------- */ .rightpage #header { height:320px; margin-bottom:30px; } .rightpage .leftside { width:100%; } .rightpage .leftside .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:0 0 11px 0; text-transform:uppercase; } .rightpage .leftside .art { font-size:12px; color:#666666; padding:20px 0; line-height:18px; } .rightpage .leftside .art img { width:100%; margin:20px 0; overflow:hidden; } .rightpage .leftside .sub-title { font-size:16px; font-weight:bold; color:#212121; padding:20px 0 0 0; text-transform:uppercase; } .rightpage .leftside .list-row { width:100%; padding-bottom:20px; } .rightpage .leftside .list-row ul { margin:0; padding:0; width:100%; display:inline-block; padding-bottom:20px; } .rightpage .leftside .list-row ul.last { margin:0; padding:0; width:100%; display:inline-block; padding-bottom:0px; } .rightpage .leftside .list-row ul li { margin:0; display:block; font-size:12px; } .rightpage .leftside .list-row ul li a { background:url(../images/icons/list-cirlce.png) no-repeat left center; text-decoration:none; color:#ff7e00; padding:0 0 0 10px; line-height:18px; } .rightpage .leftside .list-row ul li a:hover { text-decoration:underline; color:#ff7e00; } .rightpage .rightside { width:100%; } .rightpage .rightside ul { margin:0; padding:0; width:96.4%; border:solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rightpage .rightside ul li.first { border-bottom:solid 1px #dfdfdf; text-transform:uppercase; font-size:16px; color:#212121; text-align:left; font-weight:bold; padding:14px 0 10px 38px; } .rightpage .rightside ul li { border-bottom:solid 1px #dfdfdf; } .rightpage .rightside ul li:hover .arr { width:12px; height:23px; position:absolute; background:url(../images/page-list-hover-right.png) no-repeat 0 0; margin:5px 0 0 -10px; } .ie7 .rightpage .rightside ul li:hover .arr { display: none; } .rightpage .rightside ul li a { font-size:13px; color:#666666; text-decoration:none; display:block; text-align:left; background:url(../images/page-list-arr-right.png) no-repeat 5% 50%; padding:10px 0 10px 40px; } .rightpage .rightside ul li a:hover { font-size:13px; color:#570800; text-decoration:none; } .rightpage .rightside ul li.last { border-bottom:none; } /* ------------------------------- */ /* -- START PRICING PAGE STYLE -- */ /* ----------------------------- */ .pricing #header { height:320px; margin-bottom:30px; } .prow { width:100%; margin:30px 0 0 0; } .price-col.first { float:left; width:100%; } .price-col { float:left; width:100%; margin-left:-5px; margin-bottom:20px; } .price-col.active { float:left; width:100%; margin-left:-5px; position:relative; z-index:5; margin-top:0px; } .price-col.last { float:left; width:100%; margin-left:-5px; position:relative; z-index:4; margin-bottom:0px; } .price-top { border: 1px solid #dadada; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e9e9e9; padding:10px; } .price-top .title { font-size:14px; font-weight:bold; text-transform:uppercase; color:#212121; padding:7px 0 7px 0; } .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; } .ie7 .price-top .price { font-size:14px; color:#ffffff; text-shadow: 0 1px 0 #6a6a6a; margin-left:-22px; height: 100% } .price-top .price .price-left { float:left; background:url(../images/price-left-arr.png) no-repeat; width:11px; height:45px; } .price-top .price .price-content { float:left; background:#afafaf; padding:9px 0 8px 10px; width:73%; } .price-top .price .price-content span { font-weight:bold; font-size:18px; } .price-top .price .price-content sup { font-size:10px; } .price-top .price .price-right { float:left; background:url(../images/price-right-arrow.png) no-repeat; width:11px; height:35px; } .active .price-top .price .price-left { float:left; background:url(../images/price-left-arr-active.png) no-repeat; width:11px; height:45px; } .active .price-top .price .price-content { float:left; padding:9px 0 8px 10px; width:70%; background-color: #ff7d00; -moz-box-shadow: inset 0 1px 0 #ffb300; -webkit-box-shadow: inset 0 1px 0 #ffb300; box-shadow: inset 0 1px 0 #ffb300; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7d00 100%); text-shadow: 0 1px 0 #ff3503; } .active .price-top .price .price-content span { font-weight:bold; font-size:18px; color:#fffc00; } .active .price-top .price .price-content sup { font-size:10px; } .active .price-top .price .price-right { float:left; background:url(../images/price-right-arrow-active.png) no-repeat; width:11px; height:35px; } .price-body { border: 1px solid #e9e9e9; background-color: #fff; padding:20px 20px; border-top:none; text-align:center; } .price-body ul { margin:0; padding:0 0 30px 0; } .price-body ul li.first { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:0 0 10px 0; } .price-body ul li { margin:0; border-bottom:solid 1px #e9e9e9; font-size:13px; color:#666666; text-align:center; padding:10px 0; } a.price-butt { border: 1px solid #979797; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #afafaf; font-size: 18px; text-shadow: 0 1px 0 #979797; color:#ffffff; padding:10px 35px 10px 15px; display:inline-block; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover.price-butt { border: 1px solid #e24d00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/price-butt-arr.png) no-repeat 90% 50% #ff6d21; text-shadow: 0 1px 0 #ff3503; text-decoration:none; } /* -------------------------------- */ /* -- START ELEMENTS PAGE STYLE -- */ /* ------------------------------ */ .elements #header { height:320px; margin-bottom:30px; } .elements .intro { text-align:center; font-size: 27px; font-weight: bold; text-shadow: 0 1px 0 #fff; color:#0e3d57; padding:0 0 10px 0; } .elements .intro span { color:#ff7e00; text-shadow:none; } .elements .cat-title { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; margin-bottom:15px; text-transform:uppercase; } .elements .first-row { padding:0px 0 15px 0; } .ie7 .elements .first-row { padding:0px 0 15px 0; float: left; } .elements .first-row .buttons { float:left; width:100%; margin-bottom:15px; } .elements .first-row .buttons a.orange { border: 1px solid #e56911; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); width:100%; padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.orange { border: 1px solid #faa519; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #fda75b; background-image: -moz-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -o-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: -webkit-linear-gradient(bottom, #f96317 0%, #f99117 100%); background-image: linear-gradient(bottom, #f96317 0%, #f99117 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.green { border: 1px solid #64a114; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:100%; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.green { border: 1px solid #89cb19; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #88bd3f; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #9de131; background-image: -moz-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -o-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: -webkit-linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); background-image: linear-gradient(bottom, #67ab0d 0%, #8bcf1b 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.turquoise { border: 1px solid #0f9189; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:100%; margin:0 0 5px 0; } .elements .first-row .buttons a:hover.turquoise { border: 1px solid #00c3c3; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #33b2b1; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 #45e3e7; background-image: -moz-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -o-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: -webkit-linear-gradient(bottom, #009b99 0%, #00c9c9 100%); background-image: linear-gradient(bottom, #009b99 0%, #00c9c9 100%); color:#ffffff; text-decoration:none; } .elements .first-row .buttons a.pink { border: 1px solid #cd407c; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); padding:8px 0; font-size:13px; color:#ffffff; text-decoration:none; display:inline-block; text-align:center; width:100%; } .elements .first-row .buttons a:hover.pink { border: 1px solid #c2c2c2; -moz-border-radius: 3px / 3px 3px 3px 3px; -webkit-border-radius: 3px / 3px 3px 3px 3px; border-radius: 3px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dd6d9d; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); box-shadow: 0 1px 1px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.42); background-image: -moz-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -o-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: -webkit-linear-gradient(bottom, #d14581 0%, #ed71a3 100%); background-image: linear-gradient(bottom, #d14581 0%, #ed71a3 100%); color:#ffffff; text-decoration:none; } .elements .errors { float:left; margin:0; } .elements .errors .error { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/error.png) no-repeat 5% 50% #333333; color:#ff7e00; margin-bottom:5px; } .elements .errors .congrats { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/congratulations.png) no-repeat 5% 50% #333333; color:#99cc33; margin-bottom:5px; } .elements .errors .info { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/information.png) no-repeat 5% 50% #333333; color:#009999; margin-bottom:5px; } .elements .errors .alert { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:12px; padding:10px 0 9px 30px; width:230px; background:url(../images/icons/alert.png) no-repeat 5% 50% #333333; color:#cccc66; margin-bottom:5px; } .elements .tabs_ { float:left; width:100%; margin:20px 0 0 0; } .shadetabs { list-style-type: none; text-align: left; margin:0; padding:0; font-size:14px; } .shadetabs li{ display:inline-block; } .ie7 .shadetabs li{ display:inline; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding:8px 15px; margin-right: 1px; color: #cecece; background:#282828; border:solid 1px #333333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shadetabs li a:hover{ text-decoration: none; color: #ffffff; } .shadetabs li a.selected{ position: relative; color:#ffffff; background:#333333; } .shadetabs li a.selected:hover{ text-decoration: none; color:#ffffff; background:#333333; } .tabcontent{ display:none; background:#333333; min-height:100px; margin:7px 0 0 0; padding:25px 10px 10px 10px; font-size:12px; color:#cecece; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .elements .accordion { float:left; margin-top:10px; } .accordion .tab-title { font-size:18px; color:#282828; padding-bottom:3px; } .accordion .tab-content { text-align:left; color:#999999; font-size:14px; margin:0; } .arrowlistmenu{ width:100%; } .arrowlistmenu .menuheader{ color:#f8f8f8; font-size:14px; background:url(../images/icons/plus.png) no-repeat 95% 50% #333333; cursor: pointer; padding:8px 0 8px 15px; margin-bottom:1px; } .arrowlistmenu .openheader{ background:url(../images/icons/minus.png) no-repeat 95% 50% #ff7e00; } .categoryitems { padding:0 15px 10px 15px; margin-top:10px; color:#666666; font-size:14px; } .elements .second-row { padding:15px 0 15px 0; } .ie7 .elements .second-row { padding:15px 0 15px 0; float: left; } .elements .art { float:left; width:100%; margin-right:3%; font-size:13px; color:#666666; line-height:19px; } .elements .art p { float:left; font-style:italic; font-size:17px; color:#560800; line-height:30px; padding-right:25px; } .elements .art span { background:#ff7e00; color:#ffffff; padding:3px; } .elements .lists { float:left; width:100%; margin-top:20px; } .elements .lists ul { float:left; width:100%; margin:0; padding:0; } .elements .lists ul.last { float:left; width:100%; margin:0; padding:0; } .elements .lists ul li { width:100%; border-bottom:solid 1px #cecece; font-size:13px; } .elements .lists ul li a { display:inline-block; text-decoration:none; color:#666666; padding:8px 0 8px 20px; } .elements .lists ul li a:hover { text-decoration:none; color:#ff7e00; } .elements .third-row { width:100%; padding:15px 0 0 0; overflow:hidden; } /* -------------------------------------- */ /* -- START PORTFOLIO 2 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio2 #header { height:320px; margin-bottom:30px; } .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .ie8 .portfolio2 .group { font-size:18px; font-weight:bold; color:#212121; padding:0 0 11px 0; text-transform:uppercase; } .portfolio2 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio2 .group li { float:left; margin-left:5px; font-weight:normal; } .portfolio2 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 11px; text-transform:lowercase; text-shadow: 0 1px 0 #fff; padding:5px; text-decoration:none; } .portfolio2 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 11px; text-shadow: 0 1px 0 #c7552d; text-decoration:none; } .portfolio2 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio2 .portfolio-items { width:100%; margin-top:30px; } .ie7 .portfolio2 .portfolio-items { width:100%; margin-top:0px; } .portfolio2 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio2 .portfolio-items li { float:left; width:260px; margin:20px 20px 0 0; } .portfolio2 .portfolio-items li.last { float:left; width:260px; margin:20px 0 0 0; } .portfolio2 .portfolio-items li .image { width:260px; height:112px; overflow:hidden; } .portfolio2 .portfolio-items li .image img { width:100%; } .portfolio2 .portfolio-items li .images { width:260px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio2 .portfolio-items li .arrow { background:none; width:260px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio2 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; z-index:5; visibility: hidden; } .portfolio2 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio2 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio2 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio2 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio2 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio2 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio2 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio2 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio2 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio2 .portfolio-items li:hover .images { width:260px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio2 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:260px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio2 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio2 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio2 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio2 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 3 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio3 #header { height:320px; margin-bottom:30px; } .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .ie8 .portfolio3 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .portfolio3 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio3 .group li { float:left; margin-left:5px; font-weight:normal; } .portfolio3 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 11px; text-transform:lowercase; text-shadow: 0 1px 0 #fff; padding:5px; text-decoration:none; } .portfolio3 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 11px; text-shadow: 0 1px 0 #c7552d; text-decoration:none; } .portfolio3 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio3 .portfolio-items { width:100%; margin-top:30px; } .ie7 .portfolio3 .portfolio-items { width:100%; margin-top:0px; } .portfolio3 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio3 .portfolio-items li { float:left; width:260px; margin:20px 20px 0 0; } .portfolio3 .portfolio-items li.last { float:left; width:260px; margin:20px 0 0 0; } .portfolio3 .portfolio-items li .image { width:260px; height:112px; overflow:hidden; } .portfolio3 .portfolio-items li .image img { width:100%; } .portfolio3 .portfolio-items li .images { width:260px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio3 .portfolio-items li .arrow { background:none; width:260px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio3 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; z-index:5; visibility: hidden; } .portfolio3 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio3 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio3 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio3 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio3 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio3 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio3 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio3 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio3 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio3 .portfolio-items li:hover .images { width:260px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio3 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:260px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio3 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio3 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio3 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio3 .paginate ul li { float:left; } /* -------------------------------------- */ /* -- START PORTFOLIO 4 COLUMNS STYLE -- */ /* ------------------------------------ */ .portfolio4 #header { height:320px; margin-bottom:30px; } .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; border-bottom:solid 1px #cecece; padding:25px 0 11px 0; text-transform:uppercase; } .ie7 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .ie8 .portfolio4 .group { font-size:18px; font-weight:bold; color:#212121; padding:0px 0 11px 0; text-transform:uppercase; } .portfolio4 .group ul { margin:25px 0 0 0; padding:0; list-style:none; float:right; border-bottom:none; } .portfolio4 .group li { float:left; margin-left:5px; font-weight:normal; } .portfolio4 .group li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #656565; font-size: 11px; text-transform:lowercase; text-shadow: 0 1px 0 #fff; padding:5px; text-decoration:none; } .portfolio4 .group li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ff7e00; -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 1px 0 rgba(0,0,0,.15); color: #fff; font-size: 11px; text-shadow: 0 1px 0 #c7552d; text-decoration:none; } .portfolio4 .group li.current a { background: #ff7e00; color: #fff; text-shadow: 0 1px 0 #c7552d; } .portfolio4 .portfolio-items { width:100%; margin-top:30px; } .ie7 .portfolio4 .portfolio-items { width:100%; margin-top:0px; } .portfolio4 .portfolio-items ul { margin:0; padding:0; list-style:none; } .portfolio4 .portfolio-items li { float:left; width:260px; margin:20px 20px 0 0; } .portfolio4 .portfolio-items li.last { float:left; width:260px; margin:20px 0 0 0; } .portfolio4 .portfolio-items li .image { width:260px; height:112px; overflow:hidden; } .portfolio4 .portfolio-items li .image img { width:100%; } .portfolio4 .portfolio-items li .images { width:260px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .portfolio4 .portfolio-items li .arrow { background:none; width:260px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .portfolio4 .portfolio-items li .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; z-index:5; visibility: hidden; } .portfolio4 .portfolio-items li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .portfolio4 .portfolio-items li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .portfolio4 .portfolio-items li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .portfolio4 .portfolio-items li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .portfolio4 .portfolio-items li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .portfolio4 .portfolio-items li .title a { text-decoration:none; color:#212121; } .portfolio4 .portfolio-items li .title a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .portfolio4 .portfolio-items li .category a { text-decoration:none; color:#656565; } .portfolio4 .portfolio-items li .category a:hover { text-decoration:none; color:#ff7e00; } .portfolio4 .portfolio-items li:hover .images { width:260px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .portfolio4 .portfolio-items li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:260px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .portfolio4 .portfolio-items li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .portfolio4 .paginate { border-top:solid 1px #cecece; padding-top:10px; margin-top:20px; } .portfolio4 .paginate ul { margin:0; padding:0; min-height:15px; float:right; } .portfolio4 .paginate ul li { float:left; } /* ---------------------------------- */ /* -- START PROJECT DETAILS STYLE -- */ /* -------------------------------- */ .project #header { height:320px; margin-bottom:30px; } .project .image { width:100%; } .project .image img { width:100%; } .project .det { width:100%; } .project .det .title { font-size:14px; font-weight:bold; color:#212121; text-transform:uppercase; padding-top:20px; } .project .det .desc { font-size:12px; color:#666666; padding:25px 0; border-bottom:solid 1px #cecece; } .project .det .social { font-size:11px; color:#666666; padding:10px 0 20px 0; } .project .det .social .tit { float:left; padding:3px 10px 0 0; } .project .det .social a { float:left; } .project .jcarousel-skin-tango .jcarousel-clip { height:auto; } .project .carousel .carousel-title { border-bottom:solid 1px #cecece; padding-bottom:10px; } .project .carousel ul li { float:left; width:260px; margin:20px 20px 0 0; } .project .carousel ul li .image { width:260px; height:112px; overflow:hidden; } .project .carousel ul li .image img { width:100%; } .project .carousel ul li .images { width:260px; height:102px; overflow:hidden; position:absolute; background:none; display:block; } .project .carousel ul li .arrow { background:none; width:260px; height:8px; margin-top:237px; position:absolute; overflow:hidden; display:block; } .project .carousel ul li .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; z-index:5; visibility: hidden; } .project .carousel ul li .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .project .carousel ul li .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .project .carousel ul li .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .project .carousel ul li .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .project .carousel ul li .details { background:#e9e9e9; border-bottom:solid 1px #cecece; padding:10px 10px; } .project .carousel ul li .title { color:#212121; text-align:left; text-transform:uppercase;font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #fff; } .project .carousel ul li .title a { text-decoration:none; color:#212121; } .project .carousel ul li .title a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li .category { font-size:11px; color:#656565; text-align:left; text-shadow: 0 1px 0 #fff; padding-top:10px; } .project .carousel ul li .category a { text-decoration:none; color:#656565; } .project .carousel ul li .category a:hover { text-decoration:none; color:#ff7e00; } .project .carousel ul li:hover .images { width:260px; height:102px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .project .carousel ul li:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:260px; margin-top:102px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .project .carousel ul li:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:40px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } /* ---------------------------- */ /* -- START BLOG PAGE STYLE -- */ /* -------------------------- */ .blog #header { height:320px; margin-bottom:30px; } .blog .l-side { width:100%; } .blog-post { width:100%; padding:15px 0; } .blog-post.first { width:100%; padding:0 0 15px 0; } .blog-post .title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .blog-post .by { float:right; text-transform:lowercase; font-size:12px; color:#666666; font-weight:normal; padding-top:3px; } .blog-post .img { width:100%; padding:15px 0; } .blog-post .img .images { width:260px; height:95px; overflow:hidden; position:absolute; background:none; display:block; } .blog-post .img .arrow { background:none; position:absolute; overflow:hidden; display:block; } .blog-post .img .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:31px; z-index:5; visibility: hidden; } .blog-post .img .links a.view { float:left; background:url(../images/icons/view.png) no-repeat 50% 50%; width:18px; height:13px; padding:9px 6px; } .blog-post .img .links a.view:hover { background:url(../images/icons/view_over.png) no-repeat 50% 50%; } .blog-post .img .links a.link { float:left; background:url(../images/icons/plink.png) no-repeat 50% 50%; width:16px; height:20px; padding:6px 5px; } .blog-post .img .links a.link:hover { background:url(../images/icons/plink_over.png) no-repeat 50% 50%; } .blog-post .image img { width:100%; } .blog-post .img:hover .images { width:260px; height:87px; overflow:hidden; position:absolute; background:url(../images/portfolio-bg.png); display:block; } .blog-post .img:hover .arrow { background:url(../images/portfolio-img-arr.png) no-repeat bottom center; position:absolute; width:260px; margin-top:87px; height:8px; overflow:hidden; display:block; border-bottom:solid 2px #ff7e00; } .blog-post .img:hover .links { width:58px; height:32px; position:absolute; display:block; margin-left:101px; margin-top:31px; background:url(../images/portfolio-links-bg.png) no-repeat; z-index:5; visibility: visible; } .blog-post .details { float:left; width:25%; margin-right:3%; background:url(../images/icons/blog-pen.png) no-repeat right top; text-align:right; padding-top:45px; font-size:11px; } .blog-post .details span { color:#bbbbbb; } .blog-post .details span a { color:#bbbbbb; text-decoration:none; } .blog-post .details span a:hover { color:#ff7e00; text-decoration:none; } .blog-post .details .posted { color:#878787; padding:3px 0; } .blog-post .details .category { color:#878787; padding:3px 0; } .blog-post .details .comments { color:#878787; padding:3px 0; } .blog-post .desc { float:left; width:72%; } .blog-post .desc .desc-title { font-size:14px; font-weight:bold; color:#3a3a3a; padding-bottom:10px; line-height:18px; } .blog-post .desc .description { font-size:12px; color:#666666; line-height:17px; padding-bottom:15px; } .blog-post .desc .butt { float:right; padding:7px 15px; } .blog-post .desc .butt a { border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; font-size:12px; color:#175273; text-decoration:none; padding:7px 15px; } .ie7 .blog-post .desc .butt a { display: inline-block; } .blog-post .desc .butt a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); font-size:12px; color:#ffffff; text-decoration:none; } .blog .l-side .paginate { padding-top:10px; } .blog .l-side .paginate ul { margin:0; padding:0; min-height:45px; float:right; } .blog .l-side .paginate ul li { float:left; } .blog .r-side { width:100%; } .r-side .cat-title { font-size:16px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .ie7 .r-side .cat-title { width: 100%; } .r-side ul.catheg { margin:0 0 50px 0; padding:0; } .r-side ul.catheg li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.catheg li a { color: #175273; font-size: 14px; text-decoration:none; } .r-side ul.catheg li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.tags { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 5% 7% 0; } .r-side ul.tags li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; color: #212121; font-size: 11px; font-weight:bold; padding:5px 7px; text-decoration:none; border:solid 1px #cecece; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ie7 .r-side ul.tags li a { display: inline-block; } .r-side ul.tags li a:hover { background-color: #ff7e00; color: #ffffff; font-weight:bold; text-decoration:none; } .r-side ul.dribble { margin:10px 0 30px 0; padding:0; } .r-side ul.tags li { float:left; margin:0 3% 5% 0; } .r-side ul.dribble li a { border:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding:1px; } .r-side ul.dribble li a:hover { border:solid 1px #ff7e00; padding:0; } .r-side .post_s-top { background:url(../images/popular-posts-top2.png) no-repeat; width:100%; font-size:14px; font-weight:bold; color:#212121; padding:22px 0 22px 15px; text-transform:uppercase; border:none; } .r-side .post_s { background:url(../images/popular-posts2.png) repeat-y #ffffff; width:78%; font-size:12px; color:#666666; padding:0 5%; } .r-side .post_s p { border-bottom: solid 1px #cecece; padding:10px 0; line-height:14px; } .r-side .post_s p.last { border-bottom:none; padding:10px 0; } .r-side .post_s p a { font-weight:bold; color:#ff7e00; text-decoration:none; } .r-side .post_s p a:hover { color:#ff7e00; text-decoration:underline; } .r-side .post_s-bottom { background:url(../images/popular-posts-bottom2.png) no-repeat; width:100%; height:13px; margin-bottom:40px; } .r-side ul.archive { margin:0; padding:0; } .r-side ul.archive li { border-bottom:solid 1px #cecece; background:url(../images/li-arr.png) no-repeat left center; padding:10px 0 10px 15px; } .r-side ul.archive li a { color: #666666; font-size: 14px; text-decoration:none; } .r-side ul.archive li a:hover { color:#ff7e00; text-decoration:underline; } .r-side ul.archive li .nr { float:right; font-size:14px; color:#cecece; } .ie7 .r-side ul.archive li .nr { margin-top: -24px; } .blog-post .desc .bdescription { font-size:12px; color:#666666; line-height:17px; } .l-side .tagss { font-size:11px; color:#878787; border-top:solid 1px #cecece; padding:10px 0 10px 0; line-height:17px; } .l-side .tagss a { color:#bbbbbb; text-decoration:none; } .l-side .tagss a:hover { color:#ff7e00; text-decoration:none; } .blog .comments { width:100%; padding:20px 0; border-bottom:solid 1px #cecece; } .comments .title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .comments .comm { font-size:12px; color:#868686; padding:15px 0 0 0; } .comments .comm-user { background:url(../images/icons/comment.png) no-repeat; width:54px; height:54px; margin-bottom:10px; } .comments .comm-user-re { background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; margin-bottom:10px; } .comments .comm-user-re-re { background:url(../images/icons/re-comment.png) no-repeat; width:83px; height:54px; margin-left:30px; margin-bottom:10px; } .comments .comm-cont { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 3px rgba(149,149,149,.5); -webkit-box-shadow: 0 0 3px rgba(149,149,149,.5); box-shadow: 0 0 3px rgba(149,149,149,.5); font-size:12px; padding:10px; margin:2px 0 0 0; width:240px; } .comments .comm-cont .user { float:left; font-size:12px; color:#303030; padding-bottom:10px; } .comments .comm-cont .reply { float:right; padding-bottom:10px; } .comments .comm-cont .reply a { color:#303030; text-decoration:none; } .comments .comm-cont .reply a:hover { color:#ff7e00; text-decoration:none; } .comments .comm-cont .continut { text-align:left; line-height:17px; } .comment-form { padding:15px 0; font-size:12px; } .comment-form .crow { width:100%; } .comment-form .crow-last { width:100%; } .comment-form label { color:#666666; } .comment-form label span { color:#cecece; } .comment-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:96%; padding:5px; outline:none; margin-top:5px; } .comment-form .crow-text { float:left; width:100%; padding-top:10px; } .comment-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:96%; height:110px; padding:5px; outline:none; margin-top:5px; resize:none; } .comment-form .crow-sub { float:left; width:100%; padding:5px 0 15px 0; } .comment-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .comment-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } /* ------------------------------- */ /* -- START CONTACT PAGE STYLE -- */ /* ----------------------------- */ .contact #header { height:320px; margin-bottom:30px; } .contact-intro { width:100%; text-align:center; font-size:27px; font-weight:bold; color:#0e3d57; text-shadow: 0 1px 0 #fff; opacity:.9; padding-bottom:30px; } .contact-intro span { color:#ff7e00; } .contact-map { width:100%; padding-bottom:30px; } .contact-map img { width:100%; } .contact-left-side { width:100%; margin-bottom:30px; } .contact-left-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-form { padding:15px 0; font-size:12px; } .contact-form .crow { width:100%; } .contact-form .crow-last { width:100%; } .contact-form label { color:#666666; } .contact-form label span { color:#cecece; } .contact-form .input-text { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; padding:5px; outline:none; margin-top:5px; } .contact-form .crow-text { float:left; width:100%; padding-top:10px; } .contact-form .input-textarea { border: 1px solid #cdcdcd; background-color: #f9f9f9; font-size:12px; color:#666666; width:98%; height:125px; padding:5px; outline:none; margin-top:5px; resize:none; } .contact-form .crow-sub { float:left; width:100%; padding-top:5px; } .contact-form .submit { float:right; width: 113px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); box-shadow: inset 0 -2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -o-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: -webkit-linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); background-image: linear-gradient(bottom, #ff6533 0%, #ff7e00 100%); text-align:center; color:#ffffff; font-size:12px; text-shadow: 0 1px 0 #c7552d; border:none; padding:7px; cursor:pointer; } .contact-form .submit:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ff7e00; -moz-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); -webkit-box-shadow: inset 0 2px 0 rgba(33,33,33,.25); box-shadow: inset 0 2px 0 rgba(33,33,33,.25); background-image: -moz-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -o-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: -webkit-linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); background-image: linear-gradient(bottom, #ff7e00 0%, #ff6533 100%); } .contact-form .reset { float:right; width:86px; margin-right:10px; border:none; padding:6px 7px 6px 20px; cursor:pointer; font-size:12px; color:#ffffff; border: 1px solid #464646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:url(../images/icons/x.png) no-repeat 85% 50% #333333; text-align:left; } .contact-right-side { width:100%; } .contact-right-title { font-size:18px; color:#212121; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #cecece; padding-bottom:10px; } .contact-right-content { font-size:12px; color:#666666; line-height:17px; padding:15px 0; } .contact-address { background:url(../images/icons/home-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } .contact-email { background:url(../images/icons/email-black.png) no-repeat left center; font-size:12px; color:#ff7e00; line-height:18px; padding:3px 0 3px 25px; } .contact-number { background:url(../images/icons/phone-black.png) no-repeat left center; font-size:12px; color:#666666; line-height:18px; padding:3px 0 3px 25px; } }