/* CSS Document */

body {background: #369 url(/images/bg.png) 0 44px repeat-x; color: #def; font: 11px Lucida Grande, Helvetica, Verdana, Arial, sans-serif;  margin: 0; padding: 0;}
img {border: 0; margin: 0; padding: 0;}
a {color: #def}
label {font-weight: bold;}

.recent-posts a {color: #369;}

/* ------------------------------------------------------------------------------------------- */
/*  Formatting                                                                         
/* ------------------------------------------------------------------------------------------- */

.top-menu {background: url(/images/top_bg.png); height: 44px;}
.banner {background: #69c url(/images/banner.jpg) 50% repeat-x; height: 202px;}
.banner-small {background: #69c url(/images/banner_bg_small.jpg) bottom repeat-x; height: 102px;}
.container {margin: 0 auto; width: 991px;}
.container .content {padding: 14px;}

.service-menu {background: #fff url(/images/main_bg.png) top left repeat-x; height: auto; width: 612px; color: #888; padding-bottom: 14px;}
.service-menu-top {margin-top: -14px; width: 612px;}
.service-menu-full-top {background: url(/images/main_top_bg.png) repeat-x; float: left; width: 100%;}
.service-menu-full-bottom {background: url(/images/main_bottom_bg.png) repeat-x; float: left; width: 100%;}
.service-menu-column-top {background: url(/images/main_top_bg.png) repeat-x; float: left; width: 204px;}
.service-menu-column-bottom {background: url(/images/main_bottom_bg.png) repeat-x; float: left; width: 612px;}

.service {width: 203px;}
.service-list {border-top: 1px solid #ddd; color: #999; margin: 0 14px; padding-left: 0 !important;}
.service-list li {border-bottom: 1px solid #ddd; list-style: none; margin: 0;  text-align: center;}
.service-list li a {color: #999; display: block; padding: 5px; text-decoration: none;}
.service-list li a:hover {background: #9cf; border: 1px solid #fff; padding: 4px; color: #fff;}

.service-image {border-right: 1px solid #def; padding: 0 13px 7px 14px;}
.service-image-right {padding: 0 14px 7px 14px;}

.showcase-bar {margin-top: 14px; margin-left: 14px; width: 364px;}

.bordered-image {border: 5px solid #69c; padding: 1px;}
.showcase-menu a {margin-top: 2px; float: left;}
.showcase-menu a.selected img {border: 5px solid #def;}
.showcase-menu a:hover img {border: 5px solid #def;}
.showcase-menu img {border: 5px solid #abc; padding: 1px;}
.main {width: 654px;}
.raised {margin-top: -14px;}

.footer {text-align: center; font-size: 10px; border-top: 1px solid #69c; margin: 28px 0 14px; padding: 14px; height: 30px;}
.footer a {color: #def;}

.contact-bar {font-size: 16px; font-weight: bold; padding-top: 10px; color: #fff;}

.client-list {}
.client-list h1 {font-size: 14px; margin: 21px 0 7px; color: #ffb240;}
.client-list ul {padding: 0px !important; margin: 0px !important;}
.client-list ul li {list-style: none; line-height: 1.8em; }
.client-list-category {float: left; width: 50%; font-size: 12px;}

/* ------------------------------------------------------------------------------------------- */
/*  Menus                                                                          
/* ------------------------------------------------------------------------------------------- */

.menu-bar {margin-top: -14px; width: 336px;}
.menu-bar-top, .main-white-top {background: url(/images/main_top_bg.png) repeat-x; width: 100%; }
.menu-bar-bottom, .main-white-bottom {background: url(/images/main_bottom_bg.png) repeat-x; padding-bottom: 1px; width: 100%; }
.menu-bar-content, .main-white-content {background: #fff url(/images/main_bg.png) bottom left repeat-x; height: auto; min-height: 378px; color: #888; padding: 0 14px;}

.left-corner {float: left;}
.right-corner {float: right;}

.portfolio-smthumb-block {margin: 4px 0 14px 11px;}
.portfolio-smthumb-block img {border: 1px solid #fff;}
.portfolio-smthumb-block a.selected {border: 2px solid #f90;}
.portfolio-smthumb-block a {margin-bottom: 7px; margin-right: 4px; border: 2px solid #ccc; float: left;}
.portfolio-smthumb-block a:hover {border: 2px solid #f90;}
.no-bottom-margin {margin-bottom: 0;}

.portfolio-thumb-block {margin: 4px 0 14px 11px;}
.portfolio-thumb-block img {border: 1px solid #fff;}
.portfolio-thumb-block a {margin-bottom: 7px; margin-right: 4px; border: 2px solid #ccc; float: left;}
.portfolio-thumb-block a:hover {border: 2px solid #f90;}

.menu {list-style: none; margin: 0; padding: 0;}
.menu a {display: block; font-size: 11px; font-weight: bold; padding: 7px; text-decoration: none;}
.menu li {float: left;}

.sub-service-list {color: #999; margin: 7px 21px 16px; padding-left: 0 !important;}
.sub-service-list li {list-style: none; margin: 0;}
.sub-service-list li a.selected {background: #9cf; border: 1px solid #fff; padding: 4px; color: #fff;}
.sub-service-list li a {color: #999; display: block; padding: 5px; text-decoration: none;}
.sub-service-list li a:hover {background: #9cf; border: 1px solid #fff; padding: 4px; color: #fff;}

.main-menu {margin-left: 16px;}
.main-menu a {color: #fff; margin-right: 8px; padding: 12px 10px 8px; padding-top: 12px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;}
.main-menu a.selected {background: #fff; background: url(/images/main-menu-bg.jpg) 0 100% repeat-x; border-bottom-color: #333; border-right-color: #f96; color: #f60;}
.main-menu a:hover {background: #fff; background: url(/images/main-menu-bg.jpg) 0 100% repeat-x; border-bottom-color: #333; border-right-color: #f96; color: #f60;}

/* ------------------------------------------------------------------------------------------- */
/*  Menus                                                                          
/* ------------------------------------------------------------------------------------------- */
.sub-title {border-bottom: 1px solid #69c; display: block; font-size: 18px; text-transform: uppercase; color: #fff; margin: 14px;}
.mini-title {border-bottom: 1px solid #69c; display: block; padding-bottom: 4px; font-size: 14px; text-transform: uppercase;}

/* ------------------------------------------------------------------------------------------- */
/*  Portfolio                                                                       
/* ------------------------------------------------------------------------------------------- */

.portfolio-image:hover img {border: 2px solid #fc9;}
.portfolio-image img {border: 2px solid #def; width: 565px;}

.portfolio-images {margin-left: 14px; margin-top: 14px;}
.portfolio-images img {border: 1px solid #69d; width: 130px; height: 80px; float: left; margin: 0 7px 7px 0;  padding: 1px;}

.portfolio-showcase .portfolio-images img {width: 170px !important; height: 120px !important; margin: 0 20px 20px 0 !important;}

.portfolio-images a:hover img {border: 1px solid #9cf;}

.portfolio-image-box {background: #fff url(/images/main_bg.png) bottom left repeat-x; padding: 14px; margin: 0 14px; padding-bottom: 0;}

.indented-content {margin: 0 14px; width: 598px;}
.indented-content .column {width: 278px; float: left; padding: 7px;}

/* ------------------------------------------------------------------------------------------- */
/*  Services                                                                   
/* ------------------------------------------------------------------------------------------- */

.services ul, .about ul {padding-left: 35px; font-size: 12px; line-height: 18px;}

.accent-box {background-color: #69c; padding: 16px 20px 20px; color: #fff; -moz-border-radius: 6px;
-webkit-border-radius: 6px; font-size: 12px;}
.accent-box ul {margin-bottom: 0; line-height: 16px !important; padding-left: 25px !important;}
.accent-box li {margin-bottom: 7px; text-indent: -7px; padding-left: 7px;}
.accent {font-size: 13px; text-indent: -15px; padding-left: 15px;}
.accent2 {font-size: 12px; color: #fff;}

/* ------------------------------------------------------------------------------------------- */
/*  About                                                                        
/* ------------------------------------------------------------------------------------------- */

.bio {margin-top: 28px; float: right; width: 600px;}
.bio .float-left {width: 415px;}
.bio .mini-title {margin-bottom: 2px;}
.bio .service-crumbs {margin-bottom: 10px; font-style: italic;}
/*.bio img {float: left; width: 150px; height: 150px; border: 1px solid #69d; margin-left: 14px; margin-right: 14px;}*/
.indented-content.bio-container {margin-right: 0 !important; width: 600px;}
.testimonial {margin: 21px 7px 0 7px; border-bottom: 1px solid #69d; padding: 0 7px;}
.testimonial p {}
.testimonial-client {float:right; width: 150px; padding-bottom: 21px; font-style: italic; font-size: 10px;}

.skills {margin-left: 14px;}

.small-icon {float: left; border: none !important;}
.sm-link {text-decoration: none !important;}

.bio-name {border-bottom: 1px solid #69c; display: block; width: 350px; font-size: 20px; text-transform: uppercase; color: #fff; margin: 0 16px 8px 0; padding-bottom: 8px;}
.profile-image {width: 198px; padding: 8px;}
.galleria-container {float: right; width: 214px; background: #fff url(/images/main_bg.png) 0 100% repeat-x; text-align: center;}
.gallery_menu {padding-left: 0px !important; padding: 0 0px 8px; margin: 0; text-align: center;}
.galleria-container ul li {float: left; width: 50px !important; height: 40px; overflow: hidden; margin: 0 10px;}
.galleria-container .gallery_menu li:last-child {margin-right: none !important;}
.galleria-container .gallery_menu li.active {border: #369 2px solid;}
.bio-heading {border-bottom: 1px solid #69c; display: block; font-weight: normal; font-size: 16px; color: #fff; margin: 24px 16px 8px 0; padding-bottom: 8px;}

.bio-description {width: 364px; font-size: 12px;}

/* ------------------------------------------------------------------------------------------- */
/*  Contact                                                                       
/* ------------------------------------------------------------------------------------------- */

.map {padding-top: 3px; margin-left: -2px;}
.map a {padding: 1px; border: 2px solid #ccc; float: left;}
.map a img {}
.map a:hover {border: 2px solid #f90;}

.contact-info {font-size: 12px; padding-bottom: 5px; line-height: 18px; margin-bottom: 0;}
.contact-info a {color: #369;}

.contact_sent  {border: 1px solid #339999; background: #CFF; color: #339999; padding: 7px;}
.contact_error {border: 1px solid #f24b43; background: #FCC; color: #f24b43; padding: 7px;}

.main-white-content {padding-top: 14px;}

/* ------------------------------------------------------------------------------------------- */
/*  Portfolio Showcase                                                                        
/* ------------------------------------------------------------------------------------------- */

.stripNavL a, .stripNavR a {display: block; margin-top: 64px; width: 17px; height: 52px; text-indent: -3500px;}
.stripNavR a { background: url(/images/slider-right.png) 0 0 no-repeat;}
.stripNavL a { background: url(/images/slider-left.png) 0 0 no-repeat;}
.stripNavL {float: left;}
.stripNavR {float: right;}
.slider-wrap {height: 421px; width: 626px; margin: 0 auto; background: url(/images/slider-wrapper-bg.png) 50% 0 no-repeat;}
.stripViewer {position: relative; width: 500px; margin-left: 24px; float: left; overflow: hidden; padding-bottom: 42px; background: url(/images/slider-bottom.png) 50% 116px no-repeat;}
.panelContainer {position: relative; padding: 24px 24px 0;}
.panel {position: relative; width: 500px; text-align: center; height: 232px; float: left;}
.panel img {border: 4px solid #f7f7f7;}

.panel-description {float: left; width: 372px; margin-left: 24px; }
.panel-description h1 {font-size: 22px; margin-bottom: 18px; margin-top: 0;}
.panel-description p {font-size: 13px; line-height: 21px; letter-spacing: .06em; color: #f7f7f7; font-weight: normal;}

.panel-pic {float: left; width: 424px;}
.panel-pic img {float: right;}

.portfolio-home-column {width: 290px;}


/* ------------------------------------------------------------------------------------------- */
/*  Margin Control                                                                          
/* ------------------------------------------------------------------------------------------- */

.top-margin {margin-top: 21px;}
.top-margin-short {margin-top: 7px;}
.no-top-margin {margin-top: 0;}
.no-bottom-margin {margin-bottom: 0;}

/* ------------------------------------------------------------------------------------------- */
/*  Float Control                                                                          
/* ------------------------------------------------------------------------------------------- */

.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none !important;}
.float-clear {clear: both; display: block; font-size: 0; line-height: 0;}

/* ------------------------------------------------------------------------------------------- */
/* WP-Syntax
/* ------------------------------------------------------------------------------------------- */

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 28px 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 595px;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 14px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: auto;
}



.commentlist li {
  padding: 14px;

}

#comments {
	font-weight: normal;
	border-bottom: 1px solid #def;
	font-size: 20px;
	padding: 14px;
	padding-top: 0;
}

.navigation a {color: #396;}

.postmetadata {
	margin-bottom: 14px;
}

.slashdigglicious {
	display: block;
	padding-top: 28px;
}
             

/* ------------------------------------------------------------------------------------------- */
/*  Blog CSS                                                                        
/* ------------------------------------------------------------------------------------------- */

body.blog .banner-small {height: 205px;}

.meta-blog-title {font-size: 30px; letter-spacing: 1px; font-family: trebuchet ms, lucida grande, helvetica, sans-serif; letterspacing: .03em; color: #e9f0f4; padding: 14px; margin-top: 7px; text-transform: uppercase;}

.blog-menu {width: 322px; margin-top: 24px;}
.blog-menu ul { /*border-top: 1px solid #69c;*/ margin: 0; padding-left: 0;}
.blog-menu li { list-style: none; margin: 0;}
.blog-menu li a {position: relative; display: block; max-width: 200px; letter-spacing: .04em; font-size: 12px; font-family: trebuchet ms, lucida grande, helvetica, sans-serif; color: #def; text-decoration: none; margin: 0; padding: 14px;}
.blog-menu li a img {display: none;}
.blog-menu li a.selected img {display: block; z-index: 99;}
.blog-menu li a:hover {background: #3588b7; z-index: 1;}
.blog-menu li a.selected, .blog-menu li a.selected:hover {border-bottom: 1px solid #285078 !important; font-size: 16px; background: #fff url(/images/blog-tab-shading.png) 100% 100% no-repeat; color: #c90;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-radius-bottomright: 6px;
	border-radius-leftright: 6px;
	-webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-leftright: 6px;
	}

.blog-menu .sidebar-item {margin-bottom: 24px;}
.blog-menu .sidebar-item.categories ul li a {border: none;}
.blog-menu .sidebar-item.categories ul li a:hover {}

.post-summary-title {font-weight: bold; color: #369;}
.post-summary {color: #999; border-bottom: 1px solid #ddd; padding: 14px;}
.post-summary-title a {color: #369; text-decoration: none;}
.post-summary-date {font-size: 10px; margin-bottom: 14px; display: block;}

.post {color: #777; font-size: 13px; border-bottom: 1px solid #ddd; padding: 14px; line-height: 19px;}
.post a {color: #f90;}
.post-title {font-size: 24px; line-height: 1.25em; color: #f90; text-decoration: none;}
.post-title a {font-size: 24px; color: #f90; text-decoration: none;}
.post-title a:hover {text-decoration: underline;}

.posted-by {font-size: 10px; margin: 14px 0 28px 0; color: #369;}

#blog-post h1 { font-size: 20px; color: #369; border-bottom: 1px solid #eee; padding-bottom: 3px; margin-top: 25px; margin-bottom: 25px; }
#blog-post .list { list-style: none; margin: 0px; padding: 0px; } .list li { padding-left: 40px; background: url('/images/bullet-green.jpg') 0px 0px no-repeat; margin-bottom: 22px;}
.blog-menu p {padding-left: 16px;}

.sidebar-item .social-media-icons {border: none !important; padding-left: 16px !important; height: 213px; background: url(/images/social-media-bg.jpg) -7px 0 no-repeat;}

.blog-menu .social-media-icons a {border: 0 !important; float: left; padding: 6px !important; display: block; margin-top: 0px;}
.blog-menu .social-media-icons a img {display: block;}

#tabs {width: 279px; background: transparent url(/images/blog-tabs-bg.jpg) 0 0 repeat-y; color: #369; border: none !important;}
#tabs div {border: 0 !important;}
#tabs .tabs-top {width: 279px; height: 28px; border: 0 !important; background: transparent url(/images/blog-tabs-top.jpg) 0 0 no-repeat;}
#tabs .tabs-bottom {width: 279px; height: 16px; margin-top: 16px; border: 0 !important; background: transparent url(/images/blog-tabs-bottom.jpg) 0 0 no-repeat;}
#tabs .ui-tabs-panel {margin-left: 16px;}
#tabs .ui-tabs-panel a {color: #333; font-size: 11px; padding: 2px; margin-bottom: 12px; text-decoration: underline;}
#tabs .ui-tabs-panel a:hover {color: #369; background: none;}
#tabs .ui-tabs-nav { background: none; border: none; margin-bottom: 24px;}
#tabs .ui-tabs-nav a {display: block; padding: 8px 16px; float: left; color: #369; font-size: 13px;}
#tabs .ui-tabs-nav a:focus {border: none; outline: none;}
#tabs .ui-tabs-nav a:hover {background: url(/images/selected-tab-bg-hover.jpg) 50% 100% no-repeat;}
#tabs .ui-tabs-selected, #tabs .ui-tabs-selected:hover {display: block; float: left; background: url(/images/selected-tab-bg.jpg) 50% 100% no-repeat !important;}
.ui-tabs-hide {display: none;}

.blog h1 {color: #f90; font-size: 24px; line-height: 1.25em; text-decoration: none; font-weight: normal; margin: 0; padding: 0;}
.blog h2 {color: #369; margin-top: 24px;}
.blog h2.green {color: #57A076; margin-top: 34px;}
.blog h3 {margin-top: 20px;}

.blog blockquote {border-left: 5px solid #ddd; padding-left: 10px; margin: 21px;}

.blog #sidebar-feed {text-decoration: none; font-size: 14px; background: url('http://www.metaspring.com/blog/wp-content/uploads/2009/11/rss_blog_icon.png') 0px 0px no-repeat; padding-left: 40px; height: 32px; line-height: 30px; display: block;}
.blog #sidebar-feed:hover {color: #fff;}

/* ------------------------------------------------------------------------------------------- */
/*  About                                                                        
/* ------------------------------------------------------------------------------------------- */

.staff-thumbs {}
.staff-thumbs ul {margin: 0; padding: 0 5px;}
.staff-thumbs li {list-style-type: none; margin: 0 14px 14px 0; float: left;}
.staff-thumbs a {display: block; margin: 0; padding: 6px; text-decoration: none; background: #fff; border: 2px solid #3588b7;}
.staff-thumbs a:hover {display: block; margin: 0; padding: 6px; text-decoration: none; background: #3588b7; border: 2px solid #3588b7;}

/* ------------------------------------------------------------------------------------------- */
/*  WordPress Packages
/* ------------------------------------------------------------------------------------------- */

.packages {font-family: Trebuchet MS, Arial, san-serif; font-size: 13px; color: #fff; padding: 0 25px;}
.packages a {color: #ffb240;}
.packages ul {padding-left: 0;}
.packages ul li {list-style-type: none; background: url(/images/business-packages-arrow.png) 0 50% no-repeat; padding-left: 18px;}

.packages-top {background: url(/images/packages-background-top.png) 0 0 no-repeat; height: 292px; padding: 31px 25px 0;}
.packages-top h1 {margin: 0 0 31px -9px; font-size: 30px; color: #ffb240; font-weight: 500; font-family: Trebuchet MS; text-transform: uppercase; letter-spacing: 2px;}
.packages-top .package-image {float: left; width: 337px; height: 237px; margin-top: -12px; margin-left: -9px;}
.packages-top #basic.package-image {background: url(/images/business-packages-basic.png) 0 0 no-repeat;}
.packages-top #pro.package-image {background: url(/images/business-packages-pro.png) 0 0 no-repeat;}
.packages-top #premium.package-image {background: url(/images/business-packages-premium.png) 0 0 no-repeat;}
.packages-top .package-overview {float: left; width: 550px;}
.packages-top .package-overview .overview-slug {font-size: 20px; color: #dbeeff; margin-bottom: 20px; padding-left: 22px;}
.packages-top .package-overview .overview-desc {float: left; width: 278px; height: 100px; line-height: 17px; padding-left: 22px;}
.packages-top .package-overview .overview-start {clear: left; height: 60px; background: url(/images/business-packages-get-started.png) 0 0 no-repeat;}
.packages-top .package-overview .overview-start a {display: block; width: 160px; height: 48px; margin-left: -4px; text-decoration: none;}
.packages-top .package-overview .overview-features {float: right; width: 270px; font-size: 14px; line-height: 25px; margin-right: -70px;}
.packages-top .package-overview .overview-features ul {margin: 5px 0 0;}
.packages-top .package-overview .overview-features a {margin-left: 18px;}

.package-bar {clear: both; height: 64px; width: 960px; background: url(/images/business-packages-bar-bg.png) 0 0 no-repeat; margin: 0 0 0 20px; padding: 0; list-style-type: none;}
.package-bar li {float: left; width: 150px; height: 64px; background: none !important; padding: 0;}
.package-bar li a {display: block; text-decoration: none; height: 64px;}
.package-bar li#price-basic {width: 120px; margin-left: 364px;}
.package-bar li#price-pro {width: 120px; margin-left: 75px;}
.package-bar li#price-premium {width: 180px; margin-left: 80px;}
.package-bar li.ui-tabs-selected, .package-bar li a:hover {margin-top: -21px; height: 84px;}
.package-bar li.ui-tabs-selected a:hover {margin-top: 0;}
.package-bar li#price-basic.ui-tabs-selected, .package-bar li#price-basic a:hover {background: url(/images/business-packages-basic-price-selected.png) -1px 0 no-repeat !important;}
.package-bar li#price-pro.ui-tabs-selected, .package-bar li#price-pro a:hover {background: url(/images/business-packages-pro-price-selected.png) 3px 0 no-repeat !important;}
.package-bar li#price-premium.ui-tabs-selected, .package-bar li#price-premium a:hover {background: url(/images/business-packages-premium-price-selected.png) 5px 0 no-repeat !important;}

.packages-middle {color: #dbeeff; padding: 25px 25px 30px;}
.packages-middle .middle-slug {font-size: 20px; color: #ffb240;}
.packages-middle p {line-height: 17px; margin-bottom: 0;}

.packages-bottom {background: url(/images/packages-background-bottom.png) 0 0 no-repeat; height: auto; padding: 30px 25px; font-size: 14px;}
.packages-bottom .bottom-slug {color: #f6f6f6; font-size: 20px; height: 35px; line-height: 35px;}
.packages-bottom #standard.bottom-slug {background: url(/images/business-packages-check.png) 0 50% no-repeat; padding-left: 40px;}
.packages-bottom #hosting.bottom-slug {background: url(/images/business-packages-hosting.png) 0 50% no-repeat; padding-left: 40px;}
.packages-bottom #extras.bottom-slug {background: url(/images/business-packages-plus.png) 0 50% no-repeat; padding-left: 40px;}
.packages-bottom ul {line-height: 25px;}

.facebook-like-box {display: block; height: 40px; margin-top: -7px; margin-bottom: 14px;}
.tweetmeme_button {float: right; margin-left: 10px; margin-top: -60px;}
.single .tweetmeme_button {margin-top: -110px;}