/* Index of this CSS File (01) RESET (02) GLOBAL STYLES (03) TOPBAR (04) HEADER SECTION (05) INNER PAGE (06) BREADCRUMB (07) Search Box (08) TOP MENU (09) CONTENT (10) HOME PAGE CONTENT STYLES (11) ADDITIONAL FOOTER (a) Tweets Updates (b) Newsletter - Contact Us page (c) Promo Text - Home Page (12) LARGE FOOTER (a) Recent Work Slider (b) Rotate Footer Testimonials (13) SMALL FOOTER (14) SIDEBAR (a)Flickr Photos (b) Sidebar Contact Details (15) BLOG PAGE (a) Blog Post Style (b) About Author (c) Comments (16) ABOUT US PAGE (17) CONTACT US PAGE (18) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY (19) TESTIMONIALS PAGE (20) SERVICES PAGE */ /* ========================================================== (01) RESET ============================================================ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} h1, h2, h3, h4, h5, h6, p, dl, pre, form{margin:0 0 20px} :focus { outline: 0; } /* ========================================================== (02) GLOBAL STYLES ============================================================ */ * {margin:0; padding:0;} html { height:100%; font-size:100%;} body { height: 100%; background:#e8e8e8 url(../images/backgrounds/top-bg.jpg) repeat-x 0 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#404040; line-height:20px; } ul li {list-style:none;} img {border:none;} a { color:#404040; text-decoration:underline;} a:hover { color:#000;} .left {float:left;} .right {float:right;} .center { text-align:center;} .clear { clear:both;} .bold { font-weight:bold} .italic { font-style:italic} .underline { text-decoration:underline;} .center { text-align:center;} .noborder { border:none} .noheight { height:0; } .hidden { display: none !important; } .border4 { border:1px solid #dddddd; background-color:#f5f5f5; padding:4px; } h1, h2, h3, h4, h5, h6 { font-weight:normal;font-style:italic; color:#000; margin:0px 0 20px 0; font-family:georgia,arial,verdana;} h1 {font-size:24px;} h2 {font-size:22px; } h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:16px;} h6 {font-size:14px;} p { margin:0 0 20px 0; line-height:20px; } #content h1,#content h2{ margin:0px 0 20px 0; } #content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; } h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ font-weight:bold; color:#860101;} pre { font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; font-size:12px; color:#343434; padding-left:5px; background:url(../images/backgrounds/pre.jpg); white-space:pre; overflow:auto; border-width:0 1px 1px 1px; border-style:solid; border-color:#dddddd; line-height:22px; letter-spacing:.1px; word-spacing:1px; margin:15px 0 15px 0; overflow:hidden;} code { background-color: #eee; padding: 0px 5px; color:#4d4d4d; margin: 10px 0; border: 1px dotted #979797; display: inline-block; text-shadow: 0px 1px 0px #fff; } hr{ border:none 0; outline:0; height:1px; clear:both; border-top: 1px dashed #c8c8c8; border-bottom: 1px solid #f1f1f1; } .divider-full { background:url(../images/backgrounds/divider-full.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-one-half { background:url(../images/backgrounds/divider-one-half.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-one-third { background:url(../images/backgrounds/divider-one-third.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-one-fourth { background:url(../images/backgrounds/divider-one-fourth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-one-fifth { background:url(../images/backgrounds/divider-one-fifth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-one-sixth { background:url(../images/backgrounds/divider-one-sixth.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } .divider-two-third { background:url(../images/backgrounds/divider-two-third.png) no-repeat center center; height:10px; clear:both; margin-bottom:10px; } sup,sub{ font-size:11px; color:#757575;margin:0; padding:0; } sup { vertical-align: top; } sub { vertical-align: bottom; } .round3{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .round5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* ========================================================== (03) TOPBAR ============================================================ */ #top-bar { width:960px; margin:0 auto; font-size:11px; color:#fdfbfb; height:38px; line-height:38px;} #top-bar a { color:#fdfbfb; text-decoration:none; } #top-bar ul li{ float:left; } #top-bar-left ul li { background:url(../images/backgrounds/topbar-divider.jpg) no-repeat left 13px; padding:0 10px 0 10px; } #top-bar-left ul li:first-child { background:none; padding-left:0; } #top-bar-right ul{ float:right; height:16px; padding-top:5px; } #top-bar-right ul li { padding-left:5px;} /* ========================================================== (04) HEADER SECTION ============================================================ */ #header-top,#header-middle,#header-bottom { width:auto; margin:0 auto; } #header-top { background:url(../images/backgrounds/header-top.jpg) no-repeat top center; clear:both;} #header-middle { background:url(../images/backgrounds/header-middle.jpg) repeat-y top center;} #header-bottom { background:url(../images/backgrounds/header-bottom.jpg) no-repeat bottom center; padding-bottom:10px;} #header { width:1000px; margin:0 auto; } #logo { width:270px; height:115px; display:block; margin-left:364px; padding-top:37px; float:left; position:absolute;} /* ========================================================== (05) INNER PAGE ============================================================ */ #title-bar { margin-top:137px; background:url(../images/backgrounds/title-bar.jpg) no-repeat 0 0; width:994px; height:55px; display:block; margin-left:3px; } #title-bar h1 { font-size:22px; font-weight:bold; line-height:55px; padding-left:18px; float:left; } /* ========================================================== (06) BREADCRUMB ============================================================ */ #breadcrumb { font-size:11px; float:right; text-align:right; margin-top:0px; height:56px; line-height:56px; height:36px; color:#7b7b7b} #breadcrumb span { margin-right:0px; } #breadcrumb ul { float:right; margin-right:30px } #breadcrumb ul li { height:56px; line-height:56px; float:left; display:block; background:url(../images/backgrounds/breadcrumb.png) no-repeat right 24px; padding:0 12px 0 5px; margin:0 0px 0 0;} #breadcrumb li a { text-decoration:none; color:#7b7b7b; display:block; cursor:pointer;} #breadcrumb li.breadcrumb-home { background:url(../images/backgrounds/breadcrumb.png) no-repeat right 24px; } #breadcrumb li.breadcrumb-home a{ background:url(../images/backgrounds/breadcrumb-home.png) no-repeat left 23px; margin:0; padding-left:15px;} #breadcrumb li.breadcrumb-home a:hover{ background:url(../images/backgrounds/breadcrumb-home-hover.png) no-repeat left 23px;} #breadcrumb a:hover {color:#000;text-decoration:none } #breadcrumb li.current { background:url(../images/backgrounds/breadcrumb-arrow.png) no-repeat center top; padding:0 5px 0 5px;} /* ========================================================== (07) Search Box ============================================================ */ #search-box { margin-top:15px; margin-right:18px; height:25px; float:right; } #search-box .search-input { width:100px; height:23px; border:1px solid #dcdcdc; float:left; background:#fff; padding:0 6px 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#767676; font-weight:normal; line-height:23px; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; } #search-box .search-icon { float:left; height:32px; width:29px; } /* ========================================================== (08) TOP MENU ============================================================ */ .top-menu { z-index:200; width:340px; height:50px; position:relative;} .menuleft { top:79px; left:-15px;} .menuright { top:29px; float:right; right:-15px;} .top-menu .sf-menu { float:left; font-size:15px; font-style:italic; color:#fdfbfb; margin:0; padding:0;} .menuleft ul.sf-menu { float:right } .top-menu ul.sf-menu>li { display:block; float:left; margin:0; position:relative; list-style:none; margin:0 7px} .top-menu>ul.sf-menu>li>a { display:block; color:#fdfbfb; padding-left:13px; height:31px; line-height:27px; text-decoration:none} .top-menu>ul.sf-menu>li>a>span { padding-right:13px; height:31px; line-height:27px; display:block} .top-menu>ul.sf-menu>li>a:hover,.top-menu>ul.sf-menu>li.active>a {background:url(../images/backgrounds/topmenu-left.png) no-repeat left 0;} .top-menu>ul.sf-menu>li>a:hover span,.top-menu>ul.sf-menu>li.active>a>span {background:url(../images/backgrounds/topmenu-right.png) no-repeat right 0;} /* drop down menu styles */ .top-menu ul ul{ background:#860101; padding:5px 20px 5px 20px; margin:0; -moz-box-shadow: 1px 1px 5px #000; -webkit-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; -webkit-border-bottom: 0px 0px 5px 5px; } .top-menu ul ul ul { padding:5px 20px 5px 20px; margin:-5px 6px 0 22px; border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-bottom:5px; } .top-menu ul.sf-menu li ul li a,.top-menu ul.sf-menu li ul li ul li a,.top-menu ul li.active ul li a{ text-decoration:none; border-top:1px solid #a61b1b; border-bottom:1px solid #610000; border-radius: 0px; font-size:12px; font-weight:normal; font-family:arial,georgia; padding:0 0px 0 0px; color:#dc9494; line-height:33px; font-style:normal; height:33px; width:auto; display:block; margin:0; text-shadow: 0px 1px 0px #410000;} ul.sf-menu li ul li:first-child a,ul.sf-menu li ul li ul li:first-child a{ border-top:0; } ul.sf-menu>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li>ul>li:last-child>a{ border-bottom:0; } .top-menu ul.sf-menu ul li a:hover, .top-menu ul ul ul li a:hover, .top-menu ul li.active ul li a:hover,.top-menu ul li ul li.active a, .top-menu ul li ul li.active a:hover ,.top-menu ul li ul li ul li.active a,.top-menu ul li ul li ul li.active a:hover,.top-menu ul li ul li ul li ul li.active a, .top-menu ul li ul li ul li ul li.active a:hover { color:#fdfbfb; text-shadow: 0px 1px 0px #000;} /* Superfish Menu Style */ .sf-menu, .sf-menu * { margin: 0; padding:0; list-style:none; z-index:200; } .sf-menu { line-height:1.0;} .sf-menu ul { position:absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%;} .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li { float: left; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 43px; /* match top ul list item height */ z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0;} .sf-menu li li a{font-weight:normal} /* Theme Skin */ .sf-menu { float: left; padding-bottom: 13px;} .sf-menu a, .sf-menu a:visited { color: #fdfbfb; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } /* Arrows (optional) */ .sf-menu a.sf-with-ul { padding-right:0; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: 0px; top: 1.05em; /* IE6 only */ width: 10px; height: 12px; text-indent: -999em; overflow: hidden; background: url('../images/backgrounds/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { top:12px; background-position: 0 -100px; } /* Apply Hovers to Modern Browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* Point Right for Anchors in Sub menu */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* Apply Hovers to Modern Browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* ========================================================== (09) CONTENT ============================================================ */ #container { clear:both; width:960px; margin: 0 auto 30px auto;} #content { clear:both; margin:30px 0 10px 0; text-shadow: 0px 1px 0px #fff;} /* ========================================================== (10) HOME PAGE SLIDERS AND CONTENT STYLES ============================================================ */ /* ==== (a) Pikachoose Slider ========================== */ #single-page-portfolio { margin:140px 0 0px 20px; height:468px; background:url(../images/backgrounds/slider-thumb-bg.jpg) no-repeat 216px 395px;} .pikachoose {width: 960px; margin: 0 auto;} /* Style the thumbnails */ .pika-thumbs{ padding: 0; width:528px; height:71px; display:block;} .pika-thumbs li{ width: 93px; height:47px; margin:0; padding: 0; overflow: hidden; padding:1px; border:1px solid #fff; float: left; list-style-type: none; cursor: pointer;} .pika-thumbs li:last {margin: 0;} .pika-thumbs li .clip { position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden; z-index:99; } .pika-thumbs li.active { border-color:#aaa; } /* The stage is the wrapper. The image fills 100% the height of the stage */ .pika-stage, .pika-textnav {width: 960px;} .pika-stage {position: relative; text-align:center; height:388px;} .pika-stage img{height:100%;} .pika-stage .caption { position: absolute; background: url(../images/backgrounds/caption-bg.png); font-size: 12px; line-height:20px; font-family:arial; text-shadow:none; color: #fff; padding: 5px 10px 5px 10px; text-align: center; height:auto; width:auto; bottom: 0; right: 0; margin:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .pika-stage .caption p { padding: 0; margin: 0; } .pika-stage .caption a { color:#fff; text-decoration:underline; } .pika-stage .caption a:hover { color:#ccc;} /* Ths play, pause, prev and next buttons */ .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;} .pika-imgnav a.previous {background: url(../images/backgrounds/slider-previous.jpg) no-repeat 0 0; height: 71px; width: 50px; top: 395px; left: 166px;cursor:pointer;} .pika-imgnav a.next {background: url(../images/backgrounds/slider-next.jpg) no-repeat 0 0; height: 71px; width: 50px; top: 395px; right: 166px;cursor:pointer;} .pika-imgnav a.previous:hover{ background: url(../images/backgrounds/slider-previous-hover.jpg) no-repeat 0 0; } .pika-imgnav a.next:hover{ background: url(../images/backgrounds/slider-next-hover.jpg) no-repeat 0 0; } .pika-imgnav a.play,.pika-imgnav a.pause,.pika-textnav,.pika-counter {display:none;} /* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */ .pika-loader{ background:url(loading.html) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; } /* jCarousel Styles */ .jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; width:512px; overflow:hidden; margin-left:222px; margin-top:7px;display:block;} .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 71px; width: 512px; display:block; } .jcarousel-skin-pika .jcarousel-item-horizontal {margin: 9px 3px 0 3px; } /* ==== (b) Nivo Slider ========================== */ /* Custom Nivo Slider Styles */ #nivo-slider-wrapper { margin:140px 0 0 20px; width:960px; } #nivo-slider { position:relative; height:388px; top:0px; left:0px; width:960px; margin-bottom:17px; overflow:hidden; background:url(../images/backgrounds/loader5.gif) no-repeat 50% 55%;} #nivo-slider img { position:absolute; top:0px; left:0px; display:none;} #nivo-slider a { border:0; display:block;} /* Image Circle Navigation */ .nivo-controlNav { position:absolute; margin-left:413px; /* Adjust Left Margin as per Sliders Numbers - Give more pixel to move right and less pixel to move left */ right:22px; top:20px; z-index:99; } .nivo-controlNav a { display:inline-block; width:18px; height:22px; background:url(../images/backgrounds/nivoslider-bullets.png) no-repeat 0 0; text-indent:-9999px; border:0; margin:0; cursor:pointer; text-align:center; float:left;} .nivo-controlNav a:hover,.nivo-controlNav a.active { background-position:0 -22px; } /* Next Previous Arrows */ .nivo-directionNav a { position:absolute; top:0; z-index:9; cursor:pointer; width:153px; height:100px; text-indent:-9999px;} a.nivo-prevNav,a.nivo-nextNav { top:144px; width:50px; height:100px;} a.nivo-prevNav { left:0px; background:url(../images/backgrounds/arrows.png) no-repeat 0 0;} a.nivo-nextNav { right:0px; background:url(../images/backgrounds/arrows.png) no-repeat right 0; } a:hover.nivo-prevNav { background:url(../images/backgrounds/arrows.png) no-repeat 0 bottom;} a:hover.nivo-nextNav { background:url(../images/backgrounds/arrows.png) no-repeat right bottom; } /* Slider Caption */ .nivo-caption { background-color:#000; text-align:center; position:absolute; left:0px; bottom:0px; color:#fff; width:950px; z-index:2; height:auto; margin:5px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;} .nivo-caption p { padding:10px; margin:0; line-height:20px;} .nivo-caption a { text-decoration:underline; color:#ffffff;} .nivo-html-caption { display:none;} .nivo-caption .right { text-align:right} /* The Nivo Slider Default styles - Do not delete */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;} /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%;} .nivo-box { display:block; position:absolute; z-index:5;} /* ==== (c) s3 Slider ========================== */ #s3-slider { width: 960px; /* important to be same as image width */ height: 388px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; margin:140px 0 0 20px;/* important */ margin-bottom:17px; } #s3-sliderContent { width: 720px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; } .s3-sliderImage { float: left; position: relative; display: none; } .s3-sliderImage span { position: absolute; padding: 10px 13px; width: 694px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;} .s3-sliderImage span strong { font-size: 12px; } .s3-left-caption,.s3-right-caption { border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .s3-left-caption { top: 0; left: 0; width: 250px !important; height: 344px; margin:12px 0 0px 12px } .s3-right-caption { right: 0; bottom: 0; width: 250px !important; height: 344px; margin:0px 12px 18px 0;} .s3-title { font-size:20px; margin:25px 10px 15px 10px ; display:block; font-weight:normal; text-align:left; font-style:italic; line-height:26px;} .s3-text { font-size:12px; color:f5f5f5; line-height:20px; padding:0px 15px 20px 10px; font-weight:normal; overflow:hidden; display:block; text-shadow: 0 1px 0 #000; } .s3-button{ background:url(../images/backgrounds/button-white-left.png) no-repeat left 0; height:32px; display:inline-block; margin-left:10px; padding:0 0 0 12px; width:auto; text-decoration:none; cursor:pointer; border:none; outline:none; font-family:arial, verdana, georgia;} .s3-button a{ background:url(../images/backgrounds/button-white-right.png) no-repeat right 0; color:#000; height:32px; display:inline-block; padding:0 20px 0 0; margin:0; line-height:28px; position: relative; font-size:12px; text-shadow: 0 1px 0 #fff; text-decoration:none;} .s3-button a:hover { color:#000; font-weight:bold; } .home-icons { float:left; margin-right:10px; } #content h4.icons-title { height:39px; line-height:39px; margin-bottom:10px; } #content .home-latest-news ul,#content .home-latest-news ul li{ padding:0; margin:0 } #content .home-latest-news ul li { background:url(../images/backgrounds/date-small.jpg) no-repeat; float:left; padding-left:58px; margin-bottom:20px; } #content .home-latest-news ul li .news-date { margin-left:-58px; text-align:center; color:#000; font-size:14px; float:left; font-style:italic; width:30px; padding-left:6px; padding-top:2px; } #content .home-latest-news ul li h4 { font-size:14px; margin-bottom:10px;} #content .home-latest-news ul li p { margin-bottom:10px; line-height:20px;color:#404040;} #content .home-latest-news ul li a.read-more { text-decoration:none; background:url(../images/backgrounds/arrow1.jpg) no-repeat right 3px; padding-right:15px; color:#000; } #content .home-latest-news ul li a.read-more:hover { background-position:right -12px; text-decoration:underline; } .featured-project { width:193px; height:auto; padding:11px; background:#fff; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #content .featured-project h4 { font-size:16px; margin-top:10px; margin-bottom:7px; } #content .featured-project p { margin-bottom:0px; color:#707070; } .divider-space1 { margin:0 0 20px 0; padding-top:30px; } .featured-project-bottom {width:217px; height:11px; display:block; background:url(../images/backgrounds/featured-promect-bottom.jpg) no-repeat; } /* ========================================================== (11) ADDITIONAL HEADER ============================================================ */ #additional-header-bg { clear:both; background:#f4f4f4 url(../images/backgrounds/additional-header.jpg) repeat-x 0 0; min-height:67px; margin:auto; text-shadow: 0px 1px 0px #fff; color:#8b8bf2;} #additional-header{ margin:0 auto; width:960px; } #additional-header h4 { font-size:27px; color:#181818; line-height:30px; margin:0px;} #additional-header h5 { font-size:22px; font-style:italic; color:#000; line-height:75px; } .promo-text2 { height:75px; background:url(../images/backgrounds/home-btn-left.png) no-repeat 0 0; margin-top:-4px; width:960px; clear:both; float:left;} /* ========================================================== (11) ADDITIONAL FOOTER ============================================================ */ #additional-footer-bg { clear:both; background:#f4f4f4 url(../images/backgrounds/additional-footer.jpg) repeat-x 0 0; min-height:109px; margin:auto; text-shadow: 0px 1px 0px #fff; color:#212121;} #additional-footer{ margin:0 auto; width:960px; } #additional-footer h4 { font-size:27px; color:#181818; line-height:30px; margin:0px;} #additional-footer h5 { font-size:22px; font-style:italic; color:#000; line-height:75px; } /* ==== (a) Tweets Updates ===================== */ #additional-footer .twitter-feeds1, #additional-footer .query { margin:0; width:960px; } #additional-footer .twitter-feeds1 .tweet_list, #additional-footer .query .tweet_list { list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; } #additional-footer .twitter-feeds1 .loading { margin-top:42px; } #additional-footer .twitter-feeds1 .tweet_list li, #additional-footer .query .tweet_list li { background:url(../images/icons/twitter-footer.png) no-repeat; height:50px; line-height:20px; margin: 33px 0 0 0; padding:0 0 9px 80px; color:#363636; float:left; font-weight:normal; font-size:14px; font-style:italic; overflow-y: auto; overflow-x: hidden; } #additional-footer .twitter-feeds1 .tweet_list li a, #additional-footer .query .tweet_list li a { line-height:20px; background:none; color:#363636; padding:0; margin:0; width:auto; height:auto; text-decoration:none; display:inline;} #additional-footer .twitter-feeds1 .tweet_list li a:hover, #additional-footer .query .tweet_list li a:hover {text-decoration:underline; color:#000;} #additional-footer .tweet_time a{ text-decoration:none;font-size:12px; color:#666666; margin-left:20px; display:block; text-indent:10px; } #additional-footer .twitter-feeds1 .tweet_list li .tweet_time a:hover{ text-decoration:underline; color:#000;} .tweet_text { padding-right:10px; } #additional-footer .twitter-feeds1 .button-large { margin-top:29px; } /* ==== (b) Quotes ===================== */ #additional-footer .slide-quotes ul { margin:0 0 0 43px; padding:0; float:left; color:#363636; font-size:22px; font-style:italic; text-align:center;} #additional-footer .slide-quotes ul li { padding:35px 0 0 0; margin:0; width:874px; display:block; float:left; padding-bottom:15px;} #additional-footer .slide-quotes ul sub { font-size:12px; color:#404040; font-style:normal; line-height:35px;} #additional-footer .rotate_controls1 { clear:both; width:960px; position:absolute; padding-top:45px;} #additional-footer .rotate_prev1, #additional-footer .rotate_next1 { width:30px; height:28px; margin:0; cursor:pointer; text-indent:-9999px;} #additional-footer .rotate_prev1 { float:left; left:0; background:url(../images/backgrounds/quote-arrow-left.png) no-repeat 0 0;} #additional-footer .rotate_next1 { float:right; right:0; background:url(../images/backgrounds/quote-arrow-right.png) no-repeat 0 0;} #additional-footer .rotate_prev1:hover, #additional-footer .rotate_next1:hover{ background-position:0 -28px;} /* ==== (c) Newsletter - Contact Us page ===================== */ .newsletter-box { background:url(../images/backgrounds/newsletter-box.png) no-repeat; width:960px; height:61px; float:left; margin-top:28px;} #additional-footer .newsletter-box h5 { background:url(../images/icons/email1.png) no-repeat; font-size:22px; font-style:italic; color:#000; padding-left:47px; height:25px; margin:20px 19px 0 21px; float:left; line-height:23px; } .newsletter-sub { background:url(../images/backgrounds/newsletter-divider.png) no-repeat; float:left; height:25px; margin-top:20px; line-height:25px; padding-left:20px; color:#404040;} .newsletter-input { float:left; background:url(../images/backgrounds/input-bg1.png) repeat-x; height:26px; width:188px; border:1px solid #cfcfcf; outline:0; color:#727272; margin-right:4px; padding-left:12px;} .newsletter-input:hover{ border-color:#b7b7b7; color:#404040; } /* ==== (d) Promo Text - Home Page ===================== */ .promo-text { height:75px; background:url(../images/backgrounds/home-btn-left.png) no-repeat 0 0; margin-top:20px; width:960px; clear:both; float:left;} a.home-button { float:right; width:204px; height:75px; line-height:75px; padding-left:5px; color:#fdfbfb; background:url(../images/backgrounds/home-btn.png) no-repeat 0 0; display:block; font-size:22px; text-decoration:none; font-style:italic; font-weight:bold; text-shadow: 0px 1px 0px #000; text-align:center;} a.home-button:hover { color:#ccc; } /* ========================================================== (12) LARGE FOOTER ============================================================ */ #footer-bg { background:#860101 url(../images/backgrounds/large-footer.jpg) repeat-x center top; margin:0 auto; height:auto;} #footer { width:960px; margin:auto; padding:49px 0 0px 0; color:#dc9494; text-shadow: 0px 1px 0px #410000;} #footer h1 span,#footer h2 span,#footer h3 span,#footer h4 span,#footer h5 span,#footer h6 span{ font-weight:bold; color:#e35e5e;} #footer a { color:#dc9494; text-decoration:underline;} #footer a:hover {color:#fdfbfb;} #footer h2 { font-size:18px; color:#fdfbfb; background:url(../images/backgrounds/footer-titlebg.jpg) no-repeat left bottom; padding-bottom:14px; margin-bottom:22px; margin-top:0px;} ul.footerListOneThird li { background:url(../images/backgrounds/footer-links-one-third.jpg) no-repeat left 0; width:283px; height:29px; line-height:29px; padding-left:17px; margin-bottom:5px; display:block; } #footer ul.footerListOneThird li a { text-decoration:none; display:block;} #footer ul.footerListOneThird li a:hover { font-weight:bold; font-size:12px; } /* ==== (a) Recent Work Slider ===================== */ #carousel-slider { width:300px; margin:0 auto; padding-top:0px;} #carousel-container { position:relative; width:300px;} #carousel { height:144px; width:300px; position:relative; margin:0; } #carousel .carousel-image { border:0; display:block;} #carousel .carousel-feature { position:absolute; top:-1000px; left:-1000px; cursor:pointer; } /* slider caption */ #carousel .carousel-feature .carousel-caption { background:url(../images/backgrounds/caption-bg2.png); text-align:center; position:absolute; bottom:8px; width:185px; margin-left:10px;} #carousel .carousel-feature .carousel-caption p { margin:0; padding:5px; font-weight:bold; font-size:12px; color:white;} /* carousel navigation */ #carousel .tracker-individual-container .tracker-individual-blip { background:url(../images/backgrounds/rounded-slider-navigation.png) no-repeat 0 0; position:absolute; bottom:0px; width:8px; padding:0; margin:0 0 0 4px; height:8px; text-align:center; text-indent:-9999px;} #carousel .tracker-individual-container .tracker-individual-blip-selected { background-position:right 0;} #carousel .tracker-individual-container { top:362px; text-align:center; } #carousel .tracker-individual-container span { list-style:none; background:none; height:100px; padding:0; margin:0 6px 0 0; background:none; height:8px; display:inline-block; width:8px; } /* ==== (b) Rotate Footer Testimonials ===================== */ .rotate-testimonials { clear:both; color:#dc9494;} #footer .rotate-content ul{ background:none; padding:0; margin:0; clear:both; position:relative; display:block;} #footer .rotate-content ul li{ background:none;display:block; clear:both; height:auto; } #footer .rotate-content ul li p { padding:0; float:left; width:200px; margin:0 0 20px 0; overflow:hidden; line-height:20px; position:relative;} .footer-testimonials-pic { float:left; margin-right:12px; width:83px; } #footer .rotate-content ul li h6 { color:#fff; margin-bottom:0; font-style:italic; line-height:20px;} #footer .rotate-content ul li .client-details { float:right; text-align:right; background:url(../images/backgrounds/quote1.jpg) no-repeat right 9px; padding-right:40px;} /* slider navigation */ #footer .rotate_controls1 { clear:both; height:15px; width:30px; float:right; margin-top:-5px; position:absolute; top:0; right:0;} #footer .rotate_prev1, #footer .rotate_next1 { width:8px; height:15px; margin: 10px 0 0 0; cursor:pointer;text-indent:-9999px;} #footer .rotate_prev1 { float:left; background:url(../images/backgrounds/arrowblack1.jpg) no-repeat 0 0;} #footer .rotate_next1 { float:right; background:url(../images/backgrounds/arrowblack2.jpg) no-repeat 0 0;} #footer .rotate_prev1:hover, #footer .rotate_next1:hover{ background-position:0 0;} /* ========================================================== (13) SMALL FOOTER ============================================================ */ #small-footer { color:#dc9494; background:url(../images/backgrounds/small-footer.jpg) no-repeat 0 0; height:49px; line-height:49px; width:960px; margin-top:20px;} #small-footer ul { margin:0; padding-top:0px;} #small-footer ul li { float:left; color:#dc9494; background:url(../images/backgrounds/topbar-divider.jpg) no-repeat 0 18px; padding:0 15px 0 15px; } #small-footer ul li:first-child { padding-left:0; background:none; } #small-footer a { text-decoration:none; color:#dc9494; } #small-footer a:hover { color:#fdfbfb;} #small-footer span { float:right;} #small-footer .go-top span{ background:url(../images/backgrounds/go-top-arrow.png) no-repeat 0 0px; width:77px; height:49px; display:block; text-align:center; position:absolute; margin-left:445px; cursor:pointer; text-indent:-9999px;} #small-footer .go-top:hover span{ background:url(../images/backgrounds/go-top-arrow-hover.png) no-repeat 0 0px; } /* ========================================================== (14) SIDEBAR ============================================================ */ .sidebar { color:#404040; margin-bottom:21px;} .sidebar{ background:url(../images/backgrounds/sidebar-bg.jpg) repeat-y right top; } .sidebar-bottom { background:url(../images/backgrounds/sidebar-bottom.jpg) no-repeat right bottom; padding-bottom:20px; } .sidebar-top { background:url(../images/backgrounds/sidebar-top.jpg) no-repeat right top; padding:10px 0 0 20px; } .sidebar a { color:#404040; } .sidebar a:hover { color:#000; } #content .sidebar h2{ background:url(../images/backgrounds/sidebar-title.jpg) no-repeat 0 0; padding:0 0 0 15px; font-size:15px; font-style:italic; font-weight:bold; margin:10px 0 0 0; width:260px; color:#fdfbfb; height:40px; line-height:32px; clear:both;} #content .sidebar p{ padding:10px 0px 10px 0px;width:240px; margin:0 0 0 10px;} #content .sidebar ul { margin:3px 0 0 10px;padding:0 0 10px 0;} #content .sidebar ul li, #content .sidebar li { border:0; margin: 0; padding:0;} #content .sidebar ul li a { background:url(../images/backgrounds/sidebar-links.jpg) no-repeat 0 0; display:block; width:240px; height:41px; line-height:36px; padding:0 0 0 26px; text-decoration:none; } #content .sidebar ul li a:hover,.sidebar ul li.active a{ background:url(../images/backgrounds/sidebar-links.jpg) no-repeat 0 0; color:#000; font-weight:bold;} /* ==== (a) Flickr Photos ===================== */ #content .sidebar-gallery ul { padding:0; margin:8px 0 0px 9px; } #content .sidebar-gallery ul li a,#content .sidebar-gallery ul li a:hover{ margin:7px 7px 0 0; float:left; background:url(../images/backgrounds/flickr-bg.png) no-repeat 0 0; padding:4px 4px 10px 4px; width:69px; height:68px; display:block; } #content .sidebar-gallery ul li a img { width:65px; height:64px;overflow:hidden; display:block; } /* ==== (b) Sidebar Contact Details ===================== */ #content .sidebar .sidebar-contact-info ul { margin:15px 10px 20px 10px; padding:0; border:none;} #content .sidebar .sidebar-contact-info ul li { background:url(../images/backgrounds/hr.png) repeat-x left bottom; width:240px; border:none; line-height:20px; margin: 15px 0 5px 0; padding:0px 0 15px 0px;} #content .sidebar .sidebar-contact-info ul li a { margin:0; padding:0px; height:auto; background:none; text-decoration:none; line-height:20px; } .contactinfo-icons { float:left; margin-right:14px; } /* ========================================================== (15) BLOG PAGE ============================================================ */ /* ==== (a) Blog Post Style ===================== */ .blog-post { background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; float:left; margin:0px 0 30px 0; padding:0;} .post-date { float:left; width:63px; height:83px; color:#000; background:url(../images/backgrounds/post-date.png) no-repeat left top; text-align:center; font-style:italic; margin-right:17px;} .post-month { width:60px; float:left; font-size:18px; padding-top:7px;} .post-day { width:60px; float:left; font-size:21px; padding-top:4px;} .post-title { float:left; background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; margin:0 0 20px 0px; padding:0 0 12px 0; width:550px;} #content .post-title h3 { color:#000; font-size:24px; width:100%; text-decoration:none; padding:8px 0 5px 0; margin:0 0 0px 0; } #content .post-title h3 a { color:#000; } #content .post-title h3 a:hover { color:#860101; } .blog-post h3 a:hover {color:#000;text-decoration:none;} .post-content { margin-left:78px; width:552px; } .blog-post p { padding:10px 0 0 0;} .blog-post a { color:#404040; text-decoration:none} .blog-post a:hover{ text-decoration:underline;color:#000;} .light-grey { color:#707070; } .blog1-post-img-bg, .blog-single-img-bg { padding:10px 12px 15px 10px; clear:both; position:relative; display:block; } .blog1-post-img-bg { background:url(../images/backgrounds/blog-category.png) no-repeat 0 0; width: 202px; height: 208px; float:left; margin:10px 7px 0px 0;} .blog-single-img-bg { background:url(../images/backgrounds/blog-single.png) no-repeat 0 0; width: 532px; height: 262px; margin:10px 30px 10px 0;} .blog1-post-img {width: 181px; height: 182px; display: block;} .blog-single-img {width: 532px; height: 262px; display: block;} .overlay-blog, .overlay-blog-single { top:10px; left:10px; position: absolute; display: block; } .overlay-blog { background:url(../images/backgrounds/overlay-blog.png) no-repeat; width: 181px; height: 182px; } .overlay-blog-single { background:url(../images/backgrounds/overlay-blog-single.png) no-repeat; width: 532px; height: 262px; } .blog1-post-img:hover { background:url(../images/backgrounds/overlay-blog-hover.png) no-repeat; } .blog-single-img:hover { background:url(../images/backgrounds/overlay-blog-single-hover.png) no-repeat; } .blog1-post-img .details-icon { top:80px; left:23px; } .blog1-post-img .zoom-icon { top:80px; left:138px; } .blog-single-img .zoom-icon { top:121px; left:255px; } /* ==== (b) About Author ===================== */ .about-author { background:url(../images/backgrounds/hr.png) repeat-x left bottom; padding:0px 20px 15px 19px; margin:0px 0 30px 0;} .author-img { background:url(../images/backgrounds/about-the-author.png) no-repeat 0 0; margin:0; padding:8px 8px 12px 8px; height:111px; width:111px; display:block; float:left; position:relative;} #content .about-author h5{ font-size:18px; margin:0 0 5px 150px;} .about-author p { margin-left:150px; line-height:20px;} /* ==== (c) Comments ===================== */ #content .comment-list ol, #content .comment-list ol li{ list-style:none; margin:19px 0 0 0; padding:0;} div.comment-list a { text-decoration:none;} div.comment-list ol li a:hover { text-decoration:underline;} div.comment-list ol li { list-style:none;} div.comment-list ol { padding:0; clear:both; width:auto; margin:0; } #content .comment-list ol li { width:auto; float:left; background:none; list-style:none; padding:11px 0 0 0; margin:0;} #content .comment-list ol li ul li { background:url(../images/backgrounds/comment-reply.html) no-repeat 0 0; padding-left:0px; padding-top:11px;} #content .comment-list h3 { color:#404040 } #content .comment-list h3 span{ color:#000; font-weight:normal; } .comment { padding:4px 0 0 0; margin:0; width:630px; } .post-author { background:#efefef url(../images/backgrounds/comment-admin-bg.html) repeat-x 0 0; } .comment-author { width:84px; float:right; } .avatar { background:url(../images/backgrounds/avatar.png) no-repeat 0 0; margin:0 0 2px 9px; padding:7px 7px 12px 7px; height:60px; width:60px; display:block;} .reply a{ background:url(../images/backgrounds/reply-btn.png) no-repeat 0 0; width:84px; height:23px; display:block; font-size:10px; text-indent:7px; text-align:center; text-decoration:none; letter-spacing:1px; color:#545454; line-height:23px;} #content .reply a:hover { color:#000; text-decoration:none; } #content .comment-list ol li .comment-text { width:490px; } #content .comment-list ol li ul li .comment-text { width:450px; } #content .comment-list ol li ul li ul li .comment-text { width:400px; } #content .comment-list ol li ul li ul li ul li .comment-text { width:350px; } #content .comment-list ol li ul li ul li ul li ul li .comment-text { width:300px; } .comment-text { background:#efefef; border:1px solid #cbcbcb; margin:0px; display:block; width:auto; float:right; padding:20px 20px 0px 20px ; margin-right:6px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: inset inset 1px 1px 1px #fff; -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;} .comment-body { margin-top:10px;} .comment-heading { height:20px;} #content .comment-text cite { font-size:16px; color:#000; float:left;} .comment-text .date { float:right; color:#707070; } /* ========================================================== (16) ABOUT US PAGE ============================================================ */ .aboutus-pic { float:left; background:url(../images/backgrounds/aboutus.png) no-repeat 0 0; padding:8px 8px 15px 8px; margin:5px 25px 20px 0; } .quote-text { color:#033636; font-size:18px; font-style:italic; line-height:27px; text-align:center; margin:15px 0 15px 0; } .team-members { float:left;background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; padding:0 0 21px 0; overflow:hidden; padding-left:147px; margin-bottom:20px; } .team-member-pic {float:left; margin:5px 20px 0 -147px;} #content .team-members h4 { font-size:16px;} #content .team-members sub { color:#454545;} #content .team-members p { margin:0 0 15px 0; } .tmember-email { background:url(../images/icons/email3.png) no-repeat 0 2px; padding-left:23px; margin-right:30px; } .tmember-call { background:url(../images/icons/phone1.png) no-repeat 0 0px; padding-left:18px; } .ceo-message { width:413px; background:#fff; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#707070; padding:25px 25px 25px 25px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .ceo-content { width:240px; float:left; } .ceo-pic { width:153px; margin:0; float:right; display:block; height:180px; text-align:center; } #content .ceo-pic h5 { margin-top:5px; line-height:20px; } .ceo-message-bottom { background:url(../images/backgrounds/ceo-message.png) no-repeat 0 0px; width:465px; height:10px; display:block; margin:0; padding:0; } #content .ceo-content h5 { margin-bottom:10px; line-height:25px; } #content .ceo-message p { margin-top:10px; margin-bottom:0; } #content .ceo-message h5 sub { color:#515151 } /* ========================================================== (17) CONTACT US PAGE ============================================================ */ .contact-email-icon { float:left; margin:5px 15px 0px 0; } #contact-form { padding:10px 0 0 0; margin-bottom:30px;} #contact-form label { clear:both; width:84px; float:left; height:32px; line-height:32px; padding-left:13px; display:block; background:url(../images/backgrounds/label-bg1.png) repeat-x 0 0; border:1px solid #d2d2d2; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; margin:0 5px 6px 0;} .input1,.textfield1 { background:#dcdcdc; width:384px; float:left; display:block; border:1px solid #f3f3f3; padding:0 10px 0 10px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: inset 3px 3px 3px #cecece; -webkit-box-shadow: inset 0 0 5px #cecece; box-shadow: inner 0 0 5px #cecece;} .input1 { height:32px; line-height:26px; padding:0 10px 0 10px; } .textfield1 { min-height:167px; line-height:20px; padding:10px; } .input1:hover, .input1:focus ,.textfield1:hover, .textfield1:focus { background:#e1e1e1; } .contact-submit { margin:8px 0 0 104px; } .required-img { float:left; margin-top:7px;} .live-chat{ background:url(../images/backgrounds/livechat.png) no-repeat 0 0; height:44px;padding:10px 0 0 75px; margin-top:20px; } #content .live-chat h3 { font-size:24px; color:#404040; } #content .live-chat h3 sub { font-size:14px; color:#404040; line-height:25px; } .contact-map { margin:30px 0 10px 10px; } /* Contact Form Error/Success Messages Styles */ #msg { height:auto;} #msg p { background:url(../images/icons/error1.png) no-repeat 0 3px; padding-left:23px; } #smessage h3{ font-size:16px; background:url(../images/icons/success2.png) no-repeat 0 4px; padding-left:27px; line-height:25px; margin:0; height:25px; font-weight:normal;} #smessage p{ margin:0; padding-left:27px; } /* ========================================================== (18) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY ============================================================ */ #container-portfolio { clear:both; width:1000px; margin: 0 auto; padding-left:40px;} /* portfolio tab */ #content .portfolio-tab { margin:0 0 30px 0; height:33px;} #content .portfolio-tab ul,#content .portfolio-tab ul li{ padding:0; margin:0;float:left;} #content .portfolio-tab ul li a{ float:left; background:url(../images/backgrounds/whitemenu-left.png) no-repeat 0 0; height:34px; display:block; padding:0 0 0 15px; width:auto; text-decoration:none; cursor:pointer; font-family:arial, verdana, georgia;} #content .portfolio-tab ul li a span{ background:url(../images/backgrounds/whitemenu-right.png) no-repeat right 0; height:34px; display:block; padding:0 20px 0 0; margin:0 6px 0 0; line-height:28px; color:#404040; font-size:12px; text-shadow: 0 1px 0 #fff} #content .portfolio-tab ul li:hover a,#content .portfolio-tab ul li a.active,ul#sortable-gallery li.current a{ background:url(../images/backgrounds/whitemenu-left-hover.png) no-repeat 0 0; } #content .portfolio-tab ul li:hover a span,#content .portfolio-tab ul li a.active span,ul#sortable-gallery li.current a span{ background:url(../images/backgrounds/whitemenu-right-hover.png) no-repeat right 0;line-height:30px;color:#000; } .filter-category { line-height:28px; margin-right:10px; } #content .portfolio-tab ul li a { text-decoration:none;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* portfolio 1 to 4 column */ #content .portfolio ul{ padding:0; margin:10px 0 0 0; } #content .pf-one-half ul li, #content .pf-one-third ul li, #content .pf-one-fourth ul li { background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; padding:0; } #content .sortableContent ul li { background:none; } .portfolio p { line-height:20px; margin:0 0 5px 0;} .portfolio ul li { margin:0 30px 0 0; padding:0; background:none; list-style:none;} .portfolio ul li.last {margin-right:0;} #content .portfolio h3 { font-size:16px; font-weight:normal; margin:5px 0 5px 0; line-height:30px; } .portfolio h3,.portfolio h3 a ,.pf-one-full h3,.pf-one-full h3 a { color:#000; display:block; text-decoration:none; padding:0;} .portfolio h3 a:hover ,.pf-one-full h3 a:hover { font-weight:bold;} .pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none;margin-bottom:27px; } .pf-one-half ul li { width:465px;} /* Width of 2 Column Portfolio */ .pf-one-third ul li { width:300px;} /* Width of 3 Column Portfolio */ .pf-one-fourth ul li { width:217px;} /* Width of 4 Column Portfolio */ .sortable ul li { margin-bottom:18px;} .portfolio-content { padding:0px 0 1px 0; margin-bottom:18px; float:left;} .img-one-fourth-bg, .img-one-third-bg, .img-one-half-bg{ clear:both; padding:9px 9px 12px 9px; margin:0; position: relative; display:block; float:left;} .img-one-fourth-bg img, .img-one-third-bg img, .img-one-half-bg img { position: relative;display:block;} .img-one-half-bg img { position: relative; width: 447px; height: 234px; display:block;} .img-one-fourth-bg { background:url(../images/backgrounds/portfolio-4col-bg.png) no-repeat 0 0; width: 201px; height: 136px; } .img-one-third-bg { background:url(../images/backgrounds/portfolio-3col-bg.png) no-repeat 0 0; width: 284px; height: 166px; } .img-one-half-bg { background:url(../images/backgrounds/portfolio-2col-bg.png) no-repeat 0 0; width: 447px; height: 234px; } .img-one-fourth p, .img-one-third p, .img-one-half p, .img-one-full p { margin:0; padding:0; display:block;} /* Portfolio 1 Column */ #content .pf-one-full { width:941px;} /* Width of 1 Column Portfolio */ #content .pf-one-full { background:url(../images/backgrounds/portfolio-1col-bg.png) no-repeat 0 0; clear:both; margin-bottom:30px; padding-bottom:8px; padding:19px 0 0 19px; margin-top:10px; height:321px;} #content .img-one-full { position: relative; width: 568px; height: 293px; float:left;} #content .pf-one-full .portfolio-1col-content ul { margin:10px 0 10px 0; padding:0; } #content .pf-one-full h3 { font-size:20px; } .portfolio-1col-content { padding:0px 0 1px 0; margin-bottom:18px; float:left; width:274px; margin:30px 30px 0 50px; height:240px; line-height:20px;} #content .portfolio-1col-content p { margin-bottom:15px; } #content .portfolio-1col-content a.button-white { margin-top:5px; } /* Image Overlays */ .overlay-1column,.overlay-2column,.overlay-3column,.overlay-4column { position: absolute; display: block; } .overlay-1column { background:url(../images/backgrounds/overlay-1column.png) no-repeat; width: 570px; height: 295px; top:0; left:0; } .overlay-2column { background:url(../images/backgrounds/overlay-2column.png) no-repeat; width: 449px; height: 236px; top:8px; left:8px; } .overlay-3column { background:url(../images/backgrounds/overlay-3column.png) no-repeat; width: 284px; height: 166px; top:8px; left:8px; } .overlay-4column { background:url(../images/backgrounds/overlay-4column.png) no-repeat; width: 201px; height: 136px; top:8px; left:8px; } .img-one-full:hover { background:url(../images/backgrounds/overlay-1column-hover.png) no-repeat; } .img-one-half:hover { background:url(../images/backgrounds/overlay-2column-hover.png) no-repeat;top:8px; left:8px; } .img-one-third:hover { background:url(../images/backgrounds/overlay-3column-hover.png) no-repeat;top:8px; left:8px; } .img-one-fourth:hover { background:url(../images/backgrounds/overlay-4column-hover.png) no-repeat;top:8px; left:8px; } /* Mouseover Icons */ .details-icon, .zoom-icon { display: block; height: 41px; position: absolute; width: 41px; text-indent: -9999px; } .details-icon { background:url(../images/icons/doc.png) no-repeat 0 0; } .details-icon:hover { background:url(../images/icons/doc-hover.png) no-repeat 0 0; } .zoom-icon { background:url(../images/icons/zoom.png) no-repeat; } .zoom-icon:hover { background:url(../images/icons/zoom-hover.png) no-repeat; } .video-icon .zoom-icon { background:url(../images/icons/play.png) no-repeat; } .video-icon .zoom-icon:hover { background:url(../images/icons/play-hover.png) no-repeat; } .img-one-full .details-icon { top:127px; left:200px; } .img-one-full .zoom-icon { top:127px; left:264px; } .img-one-half .details-icon { top:105px; left:150px; } .img-one-half .zoom-icon { top:105px; left:273px; } .img-one-third .details-icon { top:70px; left:71px; } .img-one-third .zoom-icon { top:70px; left:188px; } .img-one-fourth .details-icon { top:56px; left:28px; } .img-one-fourth .zoom-icon { top:56px; left:148px; } /* ========================================================== (19) TESTIMONIALS PAGE ============================================================ */ #content .testimonials-text {overflow:hidden; margin:0; padding:0 } #content .testimonials-text p { margin:0 0 10px 0} #content .testimonials-text h5 { margin:7px 0 10px 0; padding:0; font-size:15px } #content .testimonials-text h5 small { font-size:12px; color:#404040} #content .testimonials-text a.client-website { background:url(../images/icons/shortcut.png) no-repeat 0 1px; text-decoration:none; padding-left:18px; } #content .testimonials-text a:hover.client-website { text-decoration:underline;} /* testimonial with client image */ #content .testimonials1 { clear:both; margin:0 0 10px 0; padding:0 0 10px 0; background:url(../images/backgrounds/hr.png) repeat-x 0 bottom; height:100%; float:left;} /* testimonial without client image */ .testimonials2 { background:url(../images/backgrounds/quote.png) no-repeat 20px 5px; margin:15px 0 25px 0; padding:0 0 10px 94px; border-bottom:1px dashed #ccc; height:100%; clear:both;} /* video testimonials */ .flashunit { clear:both; margin: 10px 0 0 0; padding-right:20px; width: 210px; float:left; display:block; position:relative;} object.flashvideo { width: 200px; height:150px; padding: 4px; background: #fff; border: 4px solid #ccc;} /* testimonial with quotes */ #content .quote-testimonials2 { padding: 20px 0px 0 0; margin-top: 20px; clear:both;} #content .quote-testimonials2 span { background:url(../images/backgrounds/quote-small.png) no-repeat 0px 0px; padding-left:40px; padding-top:15px; } #content .quote-right2 { float:right; background:url(../images/backgrounds/quote-right.png) no-repeat right 3px; text-align:right; padding-right:60px; margin-top:0px;} #content .quote-testimonials2 h5 { margin:7px 0 7px 0; padding:0; font-size:15px; } #content .quote-testimonials2 h5 small { font-size:13px; color:#404040} /* Box Testimonials */ #content .box-testimonials { clear:both; margin:10px 0 10px 0;} #content .box-testimonials p { background:#000 url(../images/backgrounds/box-testimonials-bg.png) repeat-x left bottom; padding:20px 20px 50px 20px; color:#464646; margin:0; border-top:1px solid #d3d3d3; } #content .box-testimonials-client { padding-left:30px} #content .box-testimonials-client h5 { margin:7px 0 7px 0; padding:0; font-size:15px } #content .box-testimonials-client h5 small { font-size:13px; color:#404040} /* ========================================================== (20) SERVICES PAGE ============================================================ */ .services h3 a,.services2 h4 a { text-decoration:none; color:#000;} .services h3 a:hover,.services2 h4 a:hover { text-decoration:underline; } .services img { float:left; margin:5px 25px 0 0;} .services h3{ font-size:18px; padding:0px 0 8px 0; background:url(../images/backgrounds/hr.png) repeat-x left bottom; width:auto; display:block; overflow:hidden;} .services p { overflow:hidden; margin-top:10px;} .services2 img { float:left; margin:5px 10px 0 0;} #content .services2 h4 { font-size:14px; padding:0; margin:0 0 5px 0; width:auto; display:block; overflow:hidden;} .services2 h4 { font-size:16px; } .services2 p { overflow:hidden; margin-top:0px;}