@charset "utf-8";
/*  ----------------------------------------
	X-JHEDStudios CSS Document
	Coded by X-JHEDStudios
	Copyright | All Rights Reserve 2007-2009
	----------------------------------------  */

html body{ margin: 0; padding: 0; background: #000000 url(../images/sbg.jpg) repeat-x top; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 14px; cursor: default; color: #b6b6ca; }
a, a:link, a:visited, a:active{ color: #FFFFFF; text-decoration: none; }
a:hover{ color: #faab00; text-decoration: underline; }

/* Header Styles */
#header{ width: 100%; height: 87px; float: left; overflow: hidden; }
#top-menu, .tm-content{ width: 510px; height: 87px; float: right; }
.tm-content{ width: 473px; height: 28px; padding: 10px 22px 0 5px; margin: 0 0 10px 0; text-align: right; font-size: 11px; color: #b6b6ca; background: url(../images/tmenu-bg.png) no-repeat right bottom; }
#menu{ width: 495px; height: auto; float: left; list-style: none; padding: 0; margin: 0; }
#menu li{ float: right; }
.home-active, home-active:link, home-active:visited, home-active:active, .home-active:hover,
.mm-links, .mm-links:link, .mm-links:visited{ width: auto; height: 31px; float: left; padding: 8px 10px 0 10px; text-align: center; color: #8b8b8b; text-decoration: none; margin-left: 2px; font-size: 13px; }
.mm-links:hover{ color: #FFFFFF; }
.mm-links:active{ color: #FFCC00; }

.home-bg{ background: url(../images/home-bg.png) no-repeat right top; }
.portfolio-bg{ background: url(../images/folio-bg.png) no-repeat right top; }
.creative-services-bg{ background: url(../images/creative-services-hbg.png) no-repeat right top; }
.webdev-services-bg{ background: url(../images/webdevservices-hbg.png) no-repeat right top; }
.contact-bg{ background: url(../images/contact-bg.png) no-repeat top right; }
.contact-active, .contact-active:link, .contact-active:visited, .contact-active:active, .contact-active:hover,
.home-active, .home-active:link, .home-active:visited, .home-active:active, .home-active:hover{ width: 71px; height: 28px; float: left; padding: 11px 0 0 0; text-align: center; background: url(../images/home-menu-bg.png) no-repeat top; color: #FFFFFF; cursor: default; }
.portfolio-active, .portfolio-active:link, .portfolio-active:visited, .portfolio-active:active, .portfolio-active:hover{ width: 77px; height: 28px; float: left; padding: 11px 0 0 0; text-align: center; background: url(../images/folio-menu-bg.png) no-repeat top; color: #FFFFFF; cursor: default; }
.creative-services-active, .creative-services-active:link, .creative-services-active:visited, .creative-services-active:active, .creative-services-active:hover{ width: 136px; height: 28px; float: left; padding: 11px 0 0 0; text-align: center; background: url(../images/creative-services-menu-bg.png) no-repeat top; color: #FFFFFF; cursor: default; }
.web-development-active, .web-development-active:link, .web-development-active:visited, .web-development-active:active, .web-development-active:hover{ width: 142px; height: 28px; float: left; padding: 11px 0 0 0; text-align: center; background: url(../images/webdevservices-active.png) no-repeat top; color: #FFFFFF; cursor: default; }

/* Content Styles */
.content{ width: 100%; height: auto; float: left; }
.content-box{ width: 990px; height: auto; margin: 0 auto 0 auto; }
#home-header{ width: 697px; height: 302px; float: left; padding: 43px 20px 0 273px; color: #c9c9c9; }
#contact-header{ width: 697px; height: auto; float: left; padding: 43px 20px 30px 273px; color: #c9c9c9; }
#home-content{ width: 970px; height: auto; float: left; padding: 2px 10px 10px 10px; }
#hc-left, .hcl{ width: 670px; height: auto; float: left; padding: 20px 15px 0 0; }
.hcl{ padding-top: 0; }
#hc-right{ width: 250px; height: auto; float: right; padding: 20px 0 0 0; }

.midccontent-bg{ background: url(../images/middle-content-bg.jpg) no-repeat top center; }

.home-header-bg{ background: url(../images/home-header.jpg) no-repeat top center; }
.folio-header-bg{ background: url(../images/folio-header.jpg) no-repeat top center; }
.creative-services-header-bg{ background: url(../images/creative-services-header.jpg) no-repeat top center; }
.webdev-services-header-bg{ background: url(../images/webdev-services-header.jpg) no-repeat top center; }
.testi-header-bg{ background: url(../images/testi-header.jpg) no-repeat top center; height: auto; }
.pnf-header-bg{ background: url(../images/404.jpg) no-repeat top center; height: 450px; }

.bottomcontent-bg{ background: #000000 url(../images/bottom-content-bg.jpg) repeat-x bottom; padding-bottom: 15px; }

.services-list{ width: 335px; height: auto; float: left; }
.services-list ul{ margin: 5px 0 20px 10px; padding: 0 0 0 15px; }
.services-list ul li{ margin-bottom: 10px; }

.article-list{ margin: 5px 0 10px 10px; padding: 0 0 0 10px; list-style: url(../images/article-icon.gif); font-size: 12px; }
.article-list li{ margin: 0 0 8px 0; padding: 0; }

#featured-projects, .fp-bottom, .fp-bg{ width: 961px; height: auto; float: left; padding: 0 13px 0 16px; }
.fp-bg{ width: 961px; height: auto; padding: 0; background: url(../images/fpbg.png) repeat-y top left; }
.fp-bottom{ background: none; margin-bottom: 15px; }
#fp-list{ width: 303px; height: auto; float: left; background: #050509 url(../images/fplbg.jpg) repeat-x top; }
.fpl{ width: 276px; height: auto; float: left; border-left: 2px solid #212128; padding: 0 10px 0 15px; }
.fp-thumb-sel, .fp-thumb-sel:link, .fp-thumb-sel:visited, .fp-thumb-sel:active, .fp-thumb-sel:hover,
.fp-thumb, .fp-thumb:link, .fp-thumb:visited, .fp-thumb:active{ width: 255px; height: 97px; float: left; text-decoration: none; opacity: .20; margin: 0 0 5px 0; cursor: default; }
.fp-thumb:hover{ opacity: .70; }
.fp-thumb-sel, .fp-thumb-sel:link, .fp-thumb-sel:visited, .fp-thumb-sel:active, .fp-thumb-sel:hover{ opacity: 1; cursor: default; }
#fp-main{ width: 658px; height: auto; float: left; background: #050508 url(../images/fplbg-main.jpg) repeat-x top; }
.fpl-main{ width: 626px; height: auto; float: left; border-right: 2px solid #212128; padding: 5px 15px 5px 15px; text-align: center; }
#fpl-holder{ height: 525px; }

/* Footer Styles */
#footer{ width: 100%; height: auto; float: left; background: url(../images/footer-bg.jpg) no-repeat top center; border-top: 1px solid #0E0E0E; padding-bottom: 100px; }
.footer-content{ width: 950px; height: auto; float: left; padding: 20px; }

#share-box{ width: 255px; height: auto; float: left; margin-right: 52px; font-size: 11px; }
#contact-xjs{ width: 295px; height: auto; float: left; margin-right: 52px; font-size: 11px; }
#rss-feeds{ width: 296px; height: auto; float: left; font-size: 11px; }

/* Portfolio Styles */
#portfolio-header{ width: 948px; height: auto; float: left; padding: 30px 0 100px 42px; }
.portfolio-list{ width: 950px; height: auto; float: left; margin: 10px 0 0 0; padding: 0; }
.portfolio-list li{ float: left; }
.plist_active, .plist_active:link, .plist_active:visited, .plist_active:active, .plist_active:hover,
.plist, .plist:link, .plist:visited{ width: 167px; height: 24px; float: left; overflow: hidden; border: 1px solid #222222; text-decoration: none; background: #121212 url(../images/poliomenu.jpg) repeat-x top; font-size: 12px; color: #999999; margin: 0 0 0 5px; padding: 4px 0 0 6px; cursor: default; font-weight: bold; }
.plist:hover, .plist:active{ color: #CCCCCC; background: #333333; border: 1px solid #555555; }
.plist:active{ border-bottom: none; height: 23px; }
.plist_active, .plist_active:link, .plist_active:visited, .plist_active:active, .plist_active:hover{ color: #F9F9F9; border: 1px solid #000; background: #1E1E1E url(../images/folio-browser-top.png) no-repeat top center; }
.pinfo{ width: 883px; height: auto; float: left; display: none; padding: 13px; }
#folio-browser{ width: 883px; height: auto; float: left; background: url(../images/folio-browser-top.png) no-repeat top center; padding: 28px 0 0 0; }
#fb-top{ width: 883px; height: 44px; float: left; }
#fb-nav{ width: 210px; height: 34px; float: right; padding: 7px 10px 0 0; }
#fb-next, #fb-next:link, #fb-next:visited, #fb-next:active,
#fb-prev, #fb-prev:link, #fb-prev:visited, #fb-prev:active{ width: 73px; height: 36px; float: left; background: url(../images/prev-button-normal.png) no-repeat top left; cursor: default; }
#fb-prev:hover{ background: url(../images/prev-button.png) no-repeat top left; }
#fb-next, #fb-next:link, #fb-next:visited, #fb-next:active{ background: url(../images/next-button-normal.png) no-repeat top left; }
#fb-next:hover{ background: url(../images/next-button.png) no-repeat top left; }
#fb-close, #fb-close:link, #fb-close:visited, #fb-close:active{ width: 30px; height: 36px; float: left; background: url(../images/close-button-normal.png) no-repeat top left; }
#fb-close:hover{ background: url(../images/close-button.png) no-repeat top left; }
#fb-show{ width: 863px; height: auto; float: left; padding: 20px 10px 20px 10px; text-align: center; }

/* Creative Services */
#cserv-content{ width: 930px; height: auto; float: left; padding: 15px; }
.midccontent-bgi{ background: url(../images/middle-content-bgi.jpg) no-repeat top center; }
.hc-cserv{ width: 930px; height: auto; float: left; }
#creative-services-header{ width: 734px; height: auto; float: left; padding: 50px 10px 30px 240px; color: #c9c9c9; }
.grassy-bg{ background: url(../images/grassy-bg.png) no-repeat top right; padding-top: 10px; }

/* Web Development Services */
#webdev-services-header{ width: 734px; height: auto; float: left; padding: 20px 10px 30px 240px; color: #c9c9c9; }

/* Contact Styles */
.wide_textarea{ width: 650px; height: 200px; border: 1px solid #EAEAEA; background: #cacad3; margin-top: 2px; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.wide_textarea:hover{ background: #e0e0e6; }
.txt{ width: 215px; height: auto; padding: 6px; border: 1px solid #EAEAEA; background: #cacad3; margin-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.txt:hover{ background: #e0e0e6; }
.small_text{ font-size: 12px; color: #999999; }

/* Testimonials */
#testimonial-header{ width: 948px; height: auto; float: left; padding: 90px 0 100px 42px; }

/* Regular Styles */
.fl{ float: left; }
.fr{ float: right; }

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0 0 5px 0; color: #d8d8d8; font-weight: normal; }
h1{ font-size: 22px; }
h2{ font-size: 18px; color: #dca113; }
h3{ font-size: 16px; padding: 0 0 12px 0; }

.cserv-icon, .wevd-icon, .cwd-icon, .bcard-icon, .brochure-icon, .logo-icon{ padding: 5px 0 15px 25px; background: url(../images/creative-services-icon.gif) no-repeat top left; }
.wevd-icon{ padding: 5px 0 15px 35px; background: url(../images/web-development-icon.gif) no-repeat top left; }
.cwd-icon{ padding: 5px 0 15px 35px; background: url(../images/custom-webdesign-icon.png) no-repeat top left; }
.bcard-icon{ padding: 5px 0 15px 35px; background: url(../images/bcard-icon.png) no-repeat top left; }
.brochure-icon{ padding: 5px 0 15px 35px; background: url(../images/brochure-icon.png) no-repeat top left; }
.logo-icon{ padding: 5px 0 15px 35px; background: url(../images/logo-icon.png) no-repeat top left; }
.artic-icon{ background: url(../images/article-icon.gif) no-repeat; }
.bb-footer{ border-bottom: 1px solid #19191f; padding: 0 0 5px 0; margin: 0 0 10px 0; }

p{ margin: 0 0 15px 0; padding: 0; }

.pb_0px{ padding-bottom: 0; }
.pt_10px{ padding-top: 10px; }
.pt_20px{ padding-top: 18px; }
.pl_10px{ padding-left: 10px; }
.pl_20px{ padding-left: 20px; }
.mb_10px{ margin-bottom: 10px; }
.mb_20px{ margin-bottom: 20px; }
.mb_30px{ margin-bottom: 30px; }

ul{ margin: 0 0 10px 20px; padding: 0 0 0 10px; list-style: none; }

.fs_12px{ font-size: 12px; }
.fs_14px{ font-size: 14px; }
.fs_24px{ font-size: 24px; }
.fs_17px{ font-size: 17px; }
.fs_20px{ font-size: 20px; }
.fs_28px{ font-size: 28px; }
.f_helvetica{ font-family: Helvetica, Arial, sans-serif; }

.col_bd7527{ color: #bd7527; }
.col_FFFFFF{ color: #FFFFFF; }
.col_CC0000{ color: #eaeafe; }
.dshow{ display: block; }

.ta_center{ text-align: center; }
.ta_right{ text-align: right; }

.bbottom{ border-bottom: 1px solid #272731; margin: 0 0 10px 0; }
.bbottom1{ border-bottom: 1px solid #18181d; margin: 0 0 10px 0; }