/* Theme Name: iMEDIAMaX Theme URI: http://www.imediamax.com/ Description: A wordpress theme created specially for web service agencies, especially for iMEDIAMaX. Version: 0.27 Author: Jose Philip Raja Author URI: http://www.josephilipraja.com/ Tags: portfolio, web2, creative, modern, jquery, animated, animation, simple, light, white, slide, banner, cms, clients, agency iMEDIAMaX v0.27 http://www.josephilipraja.com/ This theme was designed and built by Jose Philip Raja, whose blog you will find at http://www.josephilipraja.com/myworld/ The CSS, XHTML and design are copyright protected. Please contact the author for your copy. */ @charset "utf-8"; .alignleft { float: left; } .aligncenter { text-align: center; } .alignright { float: right; } .clearleft { clear: left; } .clearboth { clear: both; } .clearright { clear: right; } .hide { display:none; } a img { border: none; outline:none; } a { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; outline:none; color: #0093CA; } a:active { outline:none; } a:hover { text-decoration: underline; } .order-now { background-image: url(images/order-now-blue.png); background-repeat: no-repeat; background-position: left top; width: 200px; font-size: 1px; line-height: 1px; color: #FFF; text-decoration: none; text-align: center; display: block; height: 50px; } p { font-size: 14px; } .wrap-center { padding: 0px; width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } body { margin: 0px; padding: 0px; background-color: #fafafa; color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; position: relative; } #no-script-error { width: 100%; height: 20px; background-color: #ffffe1; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666; font-size: 14px; text-align: center; line-height: 20px; color: #666; padding-top: 2px; padding-bottom: 2px; position: fixed; left: 0px; top: 0px; overflow: hidden; } #ie-error { width: 100%; height: 20px; background-color: #ffffe1; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666; font-size: 14px; text-align: center; line-height: 20px; color: #666; padding-top: 2px; padding-bottom: 2px; overflow: hidden; position: fixed; left: 0px; top: 0px; } #ie-error .info-message a { font-weight: bold; color: #666; text-decoration: none; } #logmein { background-color: #9f9f9f; height: 50px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #DFDFDF; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; } #logmein #login-form { height: 35px; width: 900px; margin: 0px; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #logmein #login-form #username,#logmein #login-form #password { line-height: 20px; height: 20px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; font-size: 12px; width: 200px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #logmein #login-form #btn-login { line-height: 23px; height: 23px; width: 75px; } #logmein #logmein-handle { position: absolute; height: 20px; width: 120px; text-align: center; right: 50px; bottom: -26px; background-color: #ABABAB; line-height: 20px; color: #FFF; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #DFDFDF; border-bottom-color: #DFDFDF; border-left-color: #DFDFDF; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-bottom: 3px; } #logmein #logmein-handle a { color: #FFF; font-size: 12px; } #header { margin: 0px; padding: 0px; width: 100%; position: relative; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; height: 175px; overflow: hidden; } #header #logo { background-image: url(images/logo.png); background-repeat: no-repeat; margin: 0px; padding: 0px; float: left; height: 175px; width: 225px; cursor: pointer; } #header #logo-shade { background-image: url(images/logo_shade.png); background-repeat: no-repeat; margin: 0px; padding: 0px; float: left; height: 175px; width: 8px; } #header #navigation { margin: 0px; padding: 0px; float: left; height: 175px; width: 667px; } #header #navigation #nav-top { background-image: url(images/navigation_line.png); background-repeat: no-repeat; background-position: center bottom; margin: 0px; padding: 0px; float: left; height: 50px; width: 667px; } #header #navigation #menu { margin: 0px; float: left; height: 65px; width: 600px; list-style-image: none; list-style-type: none; display: inline; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 67px; } #header #navigation #menu .menu-item { margin: 0px; padding: 0px; float: left; height: 50px; } #header #navigation #menu .menu-item a { color: #00AEEF; text-decoration: none; font-size: 18px; float: left; margin: 0px; padding: 10px; width: 90px; font-weight: bold; } #header #navigation #menu .active-menu a, #header #navigation #menu .hover-menu a { color: #58585A; } #header #navigation #menu .menu-item a .menu-details { font-size: 11px; color: #58585A; clear: left; float: left; margin: 0px; padding: 0px; font-weight: normal; cursor: pointer; } #header #navigation #nav-bottom { background-image: url(images/navigation_line.png); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 0px; float: left; height: 50px; width: 667px; } #header #search-box { position: absolute; top: 50px; right: 0px; margin: 0px; padding: 0px; background-color: #DFDFDF; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; width: 250px; height: 30px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; } #header #search-box #search-form { margin: 0px; float: left; height: 30px; width: 250px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #header #search-box #search-form #search-btn { background-image: url(images/icon_search.png); background-repeat: no-repeat; background-position: left top; padding: 0px; float: left; height: 30px; width: 30px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; } #header #search-box #search-form #s { height: 20px; width: 180px; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 20px; color: #58585A; font-size: 12px; text-decoration: none; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; float: left; } #header #login-box { position: absolute; top: 95px; right: 0px; margin: 0px; background-color: #DFDFDF; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height: 30px; width: 250px; padding: 0px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; } #header #login-box #login-form { margin: 0px; float: left; height: 30px; width: 250px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #header #login-box #login-form #login-btn { background-image: url(images/icon_login.png); background-repeat: no-repeat; background-position: left top; padding: 0px; float: left; height: 30px; width: 30px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; } #header #login-box #login-form #username { height: 20px; width: 75px; margin-top: 3px; margin-right: 8px; margin-bottom: 3px; margin-left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 20px; color: #58585A; font-size: 12px; text-decoration: none; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; float: left; } #header #login-box #login-form #password { height: 20px; width: 75px; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 20px; color: #58585A; font-size: 12px; text-decoration: none; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; float: left; } #banner { margin: 0px; padding: 0px; height: 420px; width: 100%; background-color: #dfdfdf; overflow: hidden; } #banner #the-slide { margin: 0px; padding: 0px; height: 300px; width: 900px; position: relative; } #banner #the-slide #slide-image { margin: 0px; padding: 0px; float: left; height: 300px; width: 900px; } #banner #the-slide #the-bulb { background-image: url(images/slides/bulb.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; position: absolute; left: -5px; top: 0px; display: block; z-index: 9999; height: 300px; width: 255px; } #banner #banner-handler { margin: 0px; padding: 0px; height: 120px; width: 100%; background-color: #9f9f9f; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #f4f4f4; border-bottom-color: #6f6f6f; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; position: relative; } #banner #banner-handler #nav-left { margin: 0px; padding: 0px; float: left; height: 120px; width: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #banner #banner-handler #nav-left a { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; float: left; height: 120px; width: 30px; } #banner #banner-handler #nav-left a img { margin: 0px; padding: 0px; float: left; height: 120px; width: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #banner #banner-handler #nav-banner { margin: 0px; padding: 0px; float: left; height: 120px; width: 830px; overflow: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #banner #banner-handler #nav-banner #slides { display: inline; margin: 0px; padding: 0px; float: left; height: 120px; width: 830px; list-style-image: none; list-style-type: none; overflow: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #banner #banner-handler #nav-banner #slides .slide-item { background-image: url(images/slider_item_normal.png); background-repeat: no-repeat; background-position: left top; height: 90px; width: 90px; overflow: hidden; cursor: pointer; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 15px; margin-right: 14px; margin-bottom: 15px; margin-left: 14px; float: left; } #banner #banner-handler #nav-banner #slides .slide-item img { height: 84px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; width: 84px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; background-color: #FFF; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center center; } #banner #banner-handler #nav-banner #slides .active-slide { background-image: url(images/slider_item_hover.png); background-repeat: no-repeat; background-position: left top; } #banner #banner-handler #nav-banner #slides #current-slide { background-image: url(images/slider_current_tip.png); background-repeat: no-repeat; background-position: left bottom; margin: 0px; padding: 0px; height: 15px; width: 33px; position: absolute; top: -1px; z-index: 50; } #banner #banner-handler #nav-right { margin: 0px; padding: 0px; float: right; height: 120px; width: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #banner #banner-handler #nav-right a { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; float: left; height: 120px; width: 30px; } #banner #banner-handler #nav-right a img { margin: 0px; padding: 0px; float: left; height: 120px; width: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #content { margin: 0px; width: 100%; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; clear: both; } #content #featured { background-image: url(images/content_top_bg.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 320px; width: 900px; overflow: hidden; } #content #featured .featured-item { margin: 0px; float: left; height: 300px; width: 260px; position: relative; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; overflow: hidden; } #content #featured .featured-item .featured-title { padding: 0px; font-size: 18px; font-weight: bold; margin-top: 15px; margin-right: 0px; margin-bottom: 5px; margin-left: 50px; } #content #featured .featured-item .featured-title a { color: #3f3f3f; text-decoration: none; font-size: 18px; font-weight: normal; } #content #featured .featured-item .featured-content { margin: 0px; padding: 0px; float: left; width: 260px; } #content #featured .featured-item .featured-content .post-icon { margin: 0px; padding: 0px; position: absolute; left: 20px; top: 20px; width: 40px; height: 40px; } #content #featured .featured-item .featured-content p { font-size: 12px; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.7em; } #content #featured .featured-item .featured-content .more-link, #content #main-content .post-content .more-link { background-image: url(images/readmore_normal.png); background-repeat: no-repeat; background-position: left top; height: 22px; width: 75px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; font-size: 4px; color: #9F9F9F; text-decoration: none; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 9px; position: absolute; right: 15px; bottom: 30px; } #content #featured .featured-item .featured-content .more-link:hover, #content #main-content .post-content .more-link:hover { background-image: url(images/readmore_hover.png); background-repeat: no-repeat; background-position: left top; } #content #packages { background-image: url(images/packages.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 90px; width: 900px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; cursor: pointer; float: left; clear: both; } #content #packages:hover, #content #packages:focus { background-position: left bottom; } #content #wrap-content { margin: 0px; padding: 0px; width: 900px; } #client-area-promotion { background-image: url(images/client-area.png); background-repeat: no-repeat; background-position: left top; padding: 0px; float: left; height: 90px; width: 900px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; clear: both; overflow: hidden; } #client-area-promotion #client-login-box { text-align: center; padding: 0px; float: left; height: 60px; width: 870px; overflow: hidden; margin: 15px; } #client-area-promotion #client-login-form { padding: 0px; float: left; height: 60px; width: 870px; line-height: 60px; margin-top: 60px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #F1F3F3; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left -35px; } #client-login-box #client-login-form label { font-size: 18px; font-weight: normal; color: #939393; font-style: normal; font-variant: normal; text-transform: none; margin-right: 10px; float: left; height: 60px; width: 90px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } #client-login-box #client-login-form #username , #client-login-box #client-login-form #password{ width: 200px; height: 25px; margin-right: 10px; padding-right: 10px; padding-left: 10px; font-size: 14px; color: #939393; border: 1px solid #939393; line-height: 25px; margin-top: 17px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #client-login-box #client-login-form #btn-submit, #client-login-box #client-login-form #btn-register { font-size: 16px; color: #FFF; float: left; width: 80px; margin-top: 14px; margin-right: 15px; margin-bottom: 0px; margin-left: 6px; background-color: #4392CB; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; cursor: pointer; line-height: 30px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #client-login-box #client-login-form #btn-submit:hover , #client-login-box #client-login-form #btn-register:hover{ background-position: left -30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-decoration: none; } #content #main-content { width: 600px; position: relative; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-bottom: 30px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } #content #main-content .post-title, #content #sub-content h3 { width: 540px; padding-top: 20px; padding-right: 0px; padding-bottom: 30px; padding-left: 60px; background-image: url(images/post_title_bg.png); background-repeat: no-repeat; background-position: 25px bottom; margin: 0px; } #content #main-content .post-title a { color: #3F3F3F; font-size: 24px; text-decoration: none; font-weight: normal; } #content #main-content .post-content { margin: 0px; width: 580px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; position: relative; } #content #main-content .post-content .post-icon { margin: 0px; padding: 0px; position: absolute; left: 0px; top: -64px; width: 48px; height: 48px; } #content #main-content .post-content p { font-size: 12px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.6em; } #content #main-content .post-content .more-link { right: 5px; bottom: -40px; } #content #heading-divider { background-image: url(images/heading_underline.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 60px; width: 900px; float: left; margin-top: -60px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #content #sub-content { width: 900px; position: relative; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; padding-bottom: 30px; clear: none; padding-top: 0px; padding-right: 0px; padding-left: 0px; } #content #sub-content .post-item { padding: 0px; float: left; width: 438px; border: 1px dashed #CfCfCf; margin-top: 0px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; } #content #sub-content .post-title { width: 358px; padding-top: 20px; padding-right: 0px; padding-bottom: 30px; padding-left: 80px; background-image: url(images/post_title_bg.png); background-repeat: no-repeat; background-position: left bottom; margin: 0px; } #content #sub-content .post-title a { color: #3F3F3F; font-size: 24px; text-decoration: none; font-weight: normal; } #content #sub-content .post-content { margin: 0px; width: 418px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; position: relative; } #content #sub-content .post-content .post-icon { margin: 0px; padding: 0px; position: absolute; left: 15px; top: -64px; width: 48px; height: 48px; } #content #sub-content .post-content p { font-size: 12px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.6em; } #content #sub-content .post-content ul { font-size: 12px; line-height: 1.6em; } #content #sub-content .post-content .more-link { right: 5px; bottom: -40px; } #content #sub-content #portfolio { padding: 0px; float: left; width: 900px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #content #sub-content #portfolio .port-item { padding: 0px; float: left; width: 250px; position: relative; height: 310px; margin-top: 25px; margin-right: 24px; margin-bottom: 25px; margin-left: 24px; border: 1px solid #3F3F3F; background-color: #F2F4F4; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } #content #sub-content #portfolio .port-item .port-title { margin: 0px; width: 250px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; clear: left; line-height: 40px; height: 40px; background-color: #3f3f3f; padding: 0px; float: left; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } #content #sub-content #portfolio .port-item .port-title a { color: #FFF; text-decoration: none; } #content #sub-content #portfolio .port-item .port-content { padding: 0px; width: 250px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; clear: left; float: left; overflow: hidden; } #content #sub-content #portfolio .port-item .port-content p { margin: 0px; padding: 0px; float: left; width: 250px; font-size: 12px; line-height: 1.7px; font-weight: normal; text-decoration: none; overflow: hidden; } #content #sub-content #portfolio .port-item .port-image { padding: 9px; float: left; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; border: 1px solid #C0C0C0; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center center; } #content #sub-content #portfolio .port-item .port-works { margin: 0px; float: left; width: 240px; clear: left; height: 110px; background-color: #3F3F3F; font-size: 12px; color: #FFF; padding: 5px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; overflow: hidden; } #content #sub-content #portfolio .port-item .port-works a { font-size: 12px; color: #F9F9F9; line-height: 14px; } #content #sub-content #portfolio .active-port { background-color: #3f3f3f; } #content #sub-content #portfolio .active-port .port-title { text-decoration: none; background-color: #EFEFEF; overflow: hidden; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; background-image: url(images/glow_shade.png); background-position: left top; background-repeat: repeat-x; } #content #sub-content #portfolio .active-port .port-title a { color: #3f3f3f; text-decoration: none; } #content #sub-content #portfolio .active-port .port-image { background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #content #sub-content #portfolio .active-port .port-works { margin: 0px; float: left; width: 240px; clear: left; height: 110px; background-color: #EFEFEF; font-size: 12px; color: #3f3f3f; padding: 5px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; } #content #sub-content #portfolio .active-port .port-works a { font-size: 12px; color: #3f3f3f; line-height: 14px; } #client-area { padding: 0px; float: left; width: 900px; margin-top: -25px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; color: #F6F6F6; text-decoration: none; font-size: 14px; } #client-area a { color: #F6F6F6; text-decoration: none; } #client-area #client-navigation { margin: 0px; padding: 0px; float: left; height: 50px; width: 900px; background-color: #434343; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left -35px; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #3CB2DF; position: relative; } #client-area #client-navigation ul { display: inline; margin: 0px; padding: 0px; float: left; list-style-image: none; list-style-type: none; width: 900px; } #client-area #client-navigation ul li { margin: 0px; padding: 0px; float: left; list-style-image: none; list-style-type: none; } #client-area #client-navigation ul .nav-item { float: left; color: #3f3f3f; text-decoration: none; background-color: #DDD; margin-top: 20px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; font-size: 16px; height: 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 20px; } #client-area #client-navigation ul li .active-client-page, #client-area #client-navigation ul .nav-item:hover, #client-area #client-navigation ul .nav-item:focus { color: #FFF; background-color: #00A2DF; margin-top: 17px; height: 23px; line-height: 23px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #client-area #client-navigation #ajax-swirl { margin: 0px; padding: 0px; height: 32px; width: 32px; position: absolute; top: 9px; right: 10px; background-image: url(images/ajax-swirl.gif); background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: none; } #client-area #clms-content { margin: 0px; float: left; width: 900px; background-color: #4E4E4E; padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left -20px; } #client-area #clms-content .tab-title { color: #FFF; background-color: #3CB2DF; margin: 0px; float: left; width: 860px; font-size: 24px; font-weight: bold; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } #client-area #clms-content #tab-content { margin: 0px; float: left; width: 860px; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; clear: left; } #tab-content .info-msg { color: #3F3F3F; background-color: #FFC; font-size: 14px; width: 840px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #tab-content .info-msg a { color: #666; font-weight: bold; font-size: 14px; } #tab-content .support-ticket { float: left; width: 820px; background-color: #6f6f6f; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-repeat: repeat-x; background-position: left -75px; background-image: url(images/glow_shade.png); } #tab-content .support-ticket:hover, #tab-content .support-ticket:focus { background-color: #666; color: #3F3F3F; cursor: pointer; } #tab-content .support-ticket .ticket-title { font-size: 18px; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; float: left; } #tab-content .support-ticket .ticket-info { float: right; margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #333; font-weight: bold; padding: 0px; } #tab-content .support-ticket .ticket-info .ticket-status { margin: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left -25px; } #tab-content .support-ticket .ticket-info .green-bg { background-color: #0C0; color: #FFF; } #tab-content .support-ticket .ticket-info .red-bg { background-color: #C00; color: #9F9F9F; } #tab-content #new-support-ticket { float: left; width: 820px; clear: both; background-color: #6F6F6F; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #tab-content #new-support-ticket h3 { font-size: 20px; float: left; width: 820px; font-weight: bold; color: #F6F6F6; clear: left; line-height: 30px; text-align: center; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #tab-content #new-support-ticket h3 #new-ticket { margin: 0px; float: left; width: 820px; background-color: #4F4F4F; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left -80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #tab-content #new-support-ticket h3 #new-ticket:hover, #tab-content #new-support-ticket h3 #new-ticket:focus, #tab-content #new-support-ticket h3 #new-ticket:active { background-color: #3F3F3F; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #new-ticket-form { padding: 0px; clear: left; float: left; width: 820px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; display: none; } #new-ticket-form label { padding: 0px; clear: left; float: left; width: 820px; font-size: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 20px; height: 20px; } #new-ticket-form #ticket-title { float: left; width: 780px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-size: 14px; height: 25px; line-height: 25px; clear: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #new-ticket-form #ticket-description { padding: 10px; float: left; width: 780px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; height: 280px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #new-ticket-form #ticket-priority , #new-ticket-form #ticket-product{ padding: 0px; float: left; width: 200px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; clear: left; font-size: 14px; line-height: 25px; height: 25px; } #new-ticket-form #ticket-submit { float: left; width: 75px; padding: 0px; clear: both; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; line-height: 25px; height: 25px; } #new-ticket-form #ticket-reset { float: left; width: 75px; padding: 0px; clear: none; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; line-height: 25px; height: 25px; } #content #sidebar { width: 250px; margin-top: 30px; margin-right: 10px; margin-bottom: 30px; margin-left: 30px; min-height: 270px; background-color: #f2f4f4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: right; background-image: url(images/glow_shade.png); background-repeat: repeat-x; background-position: left top; padding-top: 15px; padding-right: 5px; padding-bottom: 15px; padding-left: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #EBECEC; } #content #sidebar h3 { margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; color: #3F3F3F; text-decoration: none; font-size: 18px; font-weight: normal; } #content #sidebar h3 a { font-size: 18px; font-weight: normal; color: #3F3F3F; text-decoration: none; } #content #sidebar ul { list-style-position: outside; list-style-image: url(images/rss_bullet.png); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; line-height: 1.7em; } #content #sidebar ul li { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; } #content #sidebar ul li a { color: #3f3f3f; } #content #sidebar .short-links { text-align: center; margin: 10px; padding: 0px; display: block; } #footer { padding: 0px; width: 100%; clear: both; background-image: url(images/footer_content_bg_tile.png); background-repeat: repeat-x; background-position: left top; background-color: #282828; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #footer #footer-content { background-image: url(images/footer_bg.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; width: 900px; position: relative; overflow: hidden; } #footer #footer-content .footer-item { margin: 0px; float: left; width: 280px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; color: #a3a3a3; } #footer #footer-content .footer-item .footer-title { margin: 0px; width: 280px; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; background-image: url(images/footer_head_line.png); background-repeat: no-repeat; background-position: left bottom; } #footer #footer-content .footer-item .footer-title a { color: #D3D3D3; font-weight: normal; } #footer #footer-content .footer-item .footer-content { margin: 0px; width: 280px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #footer #footer-content #getaquote { background-image: url(images/btn_getaquote.png); background-repeat: no-repeat; background-position: left top; padding: 0px; clear: left; float: left; height: 64px; width: 270px; margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; font-size: 2px; color: #545454; text-decoration: none; font-style: italic; line-height: 2px; font-weight: normal; } #footer #footer-content #getaquote:hover { background-position: right top; } #footer #footer-content #livechat { padding: 0px; float: left; height: 150px; width: 280px; clear: left; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; text-align: center; color: #C3C3C3; } #footer #footer-content .footer-item .footer-content p { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; font-size: 12px; line-height: 1.6em; } #site-info { background-image: url(images/footer_bg_tile.png); background-repeat: repeat-x; background-position: left top; margin: 0px; padding: 0px; height: 66px; width: 100%; background-color: #181818; } #site-info a { color: #8a8989; } #site-info #copyright-info { color: #636161; font-size: 12px; line-height: 56px; margin: 0px; padding: 0px; float: left; height: 56px; width: 450px; } #site-info #webmaster-info { color: #636161; font-size: 12px; line-height: 56px; margin: 0px; padding: 0px; float: right; height: 56px; width: 450px; text-align: right; }