/*
Theme Name: THUMB TRIBE
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.obox-design.com/
*/

/* Create the font required for navigation, etc. */

@import "fonts.css";

/*
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/league_gothic-webfont.eot');
	src: local('?'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfonteH6g5EGO') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: #505050; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #262C31; font-weight: lighter; font-family: 'LeagueGothicRegular', sans-serif; text-transform: uppercase;}

h1{font-size: 65px; line-height: 70px;}
h2{font-size: 40px; line-height: 22px;}
h3{font-size: 20px; line-height: 23px;}
h4{font-size: 20px; line-height: 23px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{line-height: 22px; margin-bottom: 12px; color: #707070;}
blockquote, blockquote p{}

form{}
label{}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #069; text-decoration: none;}
a.std_link:hover, a:hover{color: #000; }
a:active{}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

.wp-caption{}
	.wp-caption img{}
	.wp-caption p.wp-caption-text{}

strong{font-weight: bold;}
em{font-style: italic;}

.action-link{}
	.action-link:hover{}

.button-sprite{display: block; background: url(images/layout/button-sprite.png) no-repeat; text-indent: -9999px; overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{background: url(images/layout/header-bg.jpg) bottom repeat-x; border-top: 5px solid #000;}
	#header{width: 940px; margin: auto; padding-bottom: 20px;position:relative;}

#title-container{}
	#title{}
	
/*#feature-splurb-container{overflow:visible;height:255px; background: url(images/layout/feature-container-bg.png) top repeat-x; border-bottom: 2px solid #FE5815;}*/
#feature-splurb-container{overflow:visible;height:255px; background: #842101 url(images/layout/bg_image_banner.jpg) no-repeat center top; border-bottom: 2px solid #FE5815;}
	#feature-splurb{width: 940px; margin: auto; position: relative;}
	
#title-container{padding: 30px 0px; background: url(images/layout/feature-container-bg.png) top repeat-x; border-bottom: 2px solid #FE5815;}
	#title-splurb{width: 940px; margin: auto;}
	#title-splurb h2{margin-bottom: 0px; padding-bottom: 0px; line-height: normal;}
	#title-splurb h2.port-cat-title {width: 280px; float: left;}
	#title-splurb .category-description {float:left; margin-right:35px; width:425px;}
	#title-splurb .contact-button {float:left; margin-top:5px; width:200px;}

#content-container{padding: 40px 0px 60px; background: url(images/layout/feature-container-bg.png) top repeat-x;}
#portfolio-item-container{padding: 40px 0px 60px; background: url(images/layout/bg-portfolio-singleitem.png) top repeat-x;}
	#left-column{float: left; width: 600px;}
	#right-column{float: right; width: 300px;}
	#full-width, .full-width{width: 940px; margin: auto;}
#baseline{background: url(images/layout/baseline-bg.png) bottom repeat-x;}
	

#footer-container{background: url(images/layout/footer-bg.jpg) top repeat-x; border-top: 5px solid #000;}
	#footer{width: 940px; padding: 25px 0; margin: auto;}

#footer-copyright-container{}
#footer-copyright{}



/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.home-page{clear: both; width: 679px !important; padding-bottom: 40px !important; position: relative; left: 150px;}
		.home-page .logo{clear: both; margin-top: 30px;}
	.logo{float: left; margin: 20px 20px 0px 0px; z-index: 4; position: relative;}
	 	.logo h1{margin: 0px; padding: 0px;}
	
	.bar{display: block; width: 120px; height: 5px; left: 20px; position: relative; top: 110px; z-index: 2; background: url(images/layout/menu-border-bottom.png) repeat-x bottom;}
		.home-page .bar{left: -50px; top: 152px; right: auto;}
		.home-page div#menu{top: 8px;}
	
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	.screen-reader-text {
	left:-9000px;
	position:absolute;
	}
	div#menu{float: left; width: 660px; position: relative; top: 82px; left: -54px; z-index: 3; height: 33px; background: url(images/layout/menu-border-bottom.png) repeat-x bottom; font-family: 'LeagueGothicRegular', sans-serif; text-transform: uppercase; font-size: 23px; padding-left:54px;}
	div#menu li{display: inline; margin-right: 20px; float: left;}
		div#menu li:last-child{ margin-right: 0px;}

		div#menu li a{color: #fff;}
		div#menu li a:hover, div#menu li.parent-item a.active{color: #ccc; background-position: bottom; background-repeat: no-repeat;}
				
		div#menu li p{}
		
		/* Main Menu Images */
		div#menu div.menu-header ul#menu-primary-navigation li a { background-repeat: no-repeat; height: 33px; display: block; }
		div#menu div.menu-header ul#menu-primary-navigation li a span { display: none; }
		
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-14 a { width: 34px; background-image: url('images/layout/nav-home.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-15 a { width: 83px; background-image: url('images/layout/nav-advertisers.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-13 a { width: 74px; background-image: url('images/layout/nav-publishers.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-11 a { width: 136px; background-image: url('images/layout/nav-mobidev.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-184 a { width: 54px; background-image: url('images/layout/nav-content.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-170 a { width: 60px; background-image: url('images/layout/nav-about.png'); }
		div#menu div.menu-header ul#menu-primary-navigation li#menu-item-23 a { width: 75px; background-image: url('images/layout/nav-contact.png'); }
		
		
	div#menu-sub{ position: relative; top: 91px; z-index: 3; height: 33px; font-family: Arial, sans-serif; text-transform: capitalize; font-size: 14px; padding-left:54px;}
	div#menu-sub ,menu-sub ul.menu-about-submenu {
		float: right;
	}
	div#menu-sub li{display: inline; margin-right: 22px;}
		div#menu-sub li:last-child{ margin-right: 0px;}

		div#menu-sub li a{color: #fff; padding-bottom: 8px;}
		div#menu-sub li a:hover, div#menu li.parent-item a.active{color: #ccc; background:url(images/layout/menu-border-bottom-hover.png) bottom repeat-x;}
				
		div#menu-sub li p{}
		
		
	.about {
	  right:150px;
	}
	
	.current-post-ancestor a, .current-menu-item a, .current-category-ancestor a, .current_page_item a {
	  color: #fd5912 !important;
	}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{display: none;}
			ul.sub-menu li{}
				ul.sub-menu li a{}
					ul.sub-menu li a:hover{}
			ul.sub-menu li:last-child a{}
		div#menu li.parent-item:last-child ul.sub-menu{}


/*-------------------------------------------------------------------------------------------*/
/*- INDEX -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- PHONE ------------------*/
	.phone{float: left; display: block; margin-top:-151px; width: 261px; height: 507px; position: relative; z-index: 4; background: url(images/layout/new_phone.png) no-repeat;}	
	/*.phone{float: left; display: block; margin-top:-160px; width: 261px; height: 507px; position: relative; z-index: 4; background: url(images/layout/phone.png) no-repeat;}*/
		.phone span{display: block; width: 200px; height: 300px; position: relative; left: 31px; top: 73px; overflow: hidden;}
		.phone ul li {display: block; width: 200px; height: 300px; position: relative; overflow: hidden;}
	.phone #phone_slider {margin-left:30px; margin-top:78px;position:relative;}
	/*.phone #phone_slider {margin-left:30px; margin-top:72px;position:relative;}*/
	.phone #phone_slider ul { position:relative; }
	.phone #portfolio_phone_slider {margin-left:31px; margin-top:73px;position:relative;}
	.phone #portfolio_phone_slider ul { position:relative; }
	.phone #portfolio_phone_slider ul li img { padding: 0px; }
	.phone #controls {position: absolute; top: -15px; left: 94px;}
	  .phone #controls li {float: left; margin: auto 5px;}
	    .phone #controls li a {display: block; background-image: url("images/layout/phone-controller-item-off.png"); background-repeat: no-repeat; width: 7px; height: 7px;}
	    .phone #controls li.current a {display: block; background-image: url("images/layout/phone-controller-item-on.png"); background-repeat: no-repeat; width: 7px; height: 7px;}
	.feature-stuff{position: absolute; left: 260px; overflow:visible !important; float: left; /*width: 870px;*/ height: 175px; margin-top: 0px; margin-left: -11px; padding:40px 0; /*background-image:url("images/feature-image-2.jpg"); background-position:left -1px; background-repeat:no-repeat;*/}
		#feature-splurb h2{font-family: 'LeagueGothicRegular', sans-serif; font-size: 65px; line-height: normal; margin:0 0 37px; padding: 0px;}
			#feature-splurb h2 span{display: block; color: #63727E;}
			
	.index-phone{margin: -187px 0px 0px;}
			
	.phone .controls a{display: block; width: 19px; height: 30px; background: url(images/layout/phone-buttons.png) no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; top: 40%; z-index: 3;}
		.phone .controls a.prev{background-position: 0px 0px; left: -0px;}
		.phone .controls a.next{background-position: -39px 0px; right: -0px;}
			.phone .controls a.prev:hover{background-position: 0px -30px;}
			.phone .controls a.next:hover{background-position: -39px -30px;}
			#slider1prev { position: absolute; left: 3px !important; top:205px; width: auto !important; height: auto !important;}
			#slider1next {  position: absolute;  right:-171px !important; left: auto !important; top:205px; height: auto !important; }
			#slider1prev a {width: 23px; height: 30px; background-image: url("images/layout/phone-slider-previous.jpg"); background-repeat: no-repeat; display: block; }
			#slider1next a {width: 23px; height: 30px; background-image: url("images/layout/phone-slider-next.jpg"); background-repeat: no-repeat; display: block; }
	.nothomepage {margin-top: auto !important;}
	
	
	/*--------------------------*/
	/*- SMALLER PHONE ------------------*/
	.phone-smaller{float: left; display: block; width: 231px; height: 448px; position: relative; z-index: 4; background: url(images/layout/new_phone-smaller.png) no-repeat;}	
	/*.phone-smaller{float: left; display: block; width: 231px; height: 448px; position: relative; z-index: 4; background: url(images/layout/phone-smaller.png) no-repeat;}*/
		.phone-smaller span{display: block; width: 198px; height: 298px; position: relative; left: 31px; top: 73px; overflow: hidden;}
		.phone-smaller ul li {display: block; width: 198px; height: 298px; position: relative; overflow: hidden;}
	.phone-smaller #phone_slider {margin-left:31px; margin-top:73px;position:relative;}
	.phone-smaller #phone_slider ul { position:relative; }
	.phone-smaller #portfolio_phone_slider {margin-left:31px; margin-top:73px;position:relative;}
	.phone-smaller #portfolio_phone_slider ul { position:relative; }
	.phone-smaller #portfolio_phone_slider ul li img { padding: 0px; }
	.phone-smaller img.wp-post-image {margin-left:27px; margin-top:70px;}
	/*.phone-smaller img.wp-post-image {margin-left:27px; margin-top:64px;}*/
	
			
	      
	


	/*--------------------------*/
	/*- MAIN FEATURE SECTION ---*/
	.feature-stuff a{float: left; margin-left: 20px; margin-top: 190px; z-index: 9999; position: relative;}
		a.advertisers{width: 168px; height: 52px; background-position: -0px -0px;}
			a.advertisers:hover{background-position: -0px -52px;}
		a.mobile-dev{width: 244px; height: 52px; background-position: -183px -0px;}
			a.mobile-dev:hover{background-position: -183px -52px;}
		a.publishers{width: 161px; height: 52px; background-position: -442px -0px;}
			a.publishers:hover{background-position: -442px -52px;}


	/*--------------------------*/
	/*- MINI FEATURES ----------*/
	ul.sub-features{clear: both; margin-bottom: 40px;}
		ul.sub-features li{float: left; width: 292px; margin-right: 20px; background: #f3f3f3;
							-webkit-border-radius: 8px;
							-moz-border-radius: 8px;}
			ul.sub-features li:last-child{margin-right: 0px;}
			ul.sub-features li div{background: #fff; height: 260px; border: 1px solid #cdcdcd; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
			ul.sub-features li h3{font-family: 'LeagueGothicRegular', sans-serif; padding:1px 30px 21px 54px; margin-bottom: 0px; margin-top: 20px; border-bottom:1px dotted #e2e2e2; background-position:24px top;}
				ul.sub-features li h3 a{color: #000000;}
				ul.sub-features li h3 a:hover{}
				ul.sub-features li.block-bomw h3 {background-image: url("images/layout/icon-bomw.png"); background-repeat: no-repeat;}
				ul.sub-features li.block-cs h3 {background-image: url("images/layout/icon-cs.png"); background-repeat: no-repeat;}
				ul.sub-features li.block-news h3 {background-image: url("images/layout/icon-news.png"); background-repeat: no-repeat;}
			ul.sub-features li .copy{ padding: 10px 30px 20px; margin: 0px;}
				ul.sub-features li p{}
			ul.sub-features li div.items, ul.sub-features li div.items div {background: none; border: none; }
			ul.sub-features li div.items {padding:13px 23px 23px;}
			ul.sub-features li div.items div  {padding: 0px;}
			ul.sub-features li div.items div.item {margin: 3px auto;}
			ul.sub-features li div.items div.item img {float: left; margin-right: 3px; margin-top:7px;}
			ul.sub-features li div.items div.item-summary {float: left;}
			  ul.sub-features li div.items div.item  h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin-bottom: 4px; padding-bottom: 0px; text-transform: none;}
			  ul.sub-features li div.items div.item  p {margin-bottom: 0px; padding-bottom: 0px;}
			  
			ul.sub-features li.block-news ul { margin: auto 10px }
			ul.sub-features li.block-news li { background-image: url("images/layout/icon-newsitem.gif") !important; background-repeat: no-repeat !important; background-position: 20px 20px !important; padding: 20px; padding-left: 45px; width: 202px; background: none; border-bottom:1px dotted #e2e2e2; -webkit-border-radius: 0px; line-height: 15px; }
			ul.sub-features li.block-news li:last-child { border: none; }
			

	
	/*--------------------------*/
	/*- PORTFOLIO --------------*/
	ul.feature-portfolio li{float: left; width: 132px; padding: 4px; margin-right: 20px;}
		ul.feature-portfolio li:last-child{width: 292px; margin-right: 0px;}
		ul.feature-portfolio li.screenshot{background: #f3f3f3; 
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;}
			ul.feature-portfolio li.screenshot a{display: block; width: 130px; height: 200px; background: #fff; border: 1px solid #cdcdcd; overflow: hidden; }
		ul.feature-portfolio li h3{font-size: 30px;}
		
		a.more-portfolio-items{width: 174px; height: 37px; background-position: -0px -135px;}
			a.more-portfolio-items:hover{background-position: -0px -172px;}


	/*--------------------------*/
	/*- PARTNERS ---------------*/
	.container-partners {
	  width: 940px;
	  margin: auto;
	  clear: both;
	}
	  .container-partners h4.partner-title {
	    float: left;
	    width: 194px;
	    height: 78px;
	    padding: 0px;
	    margin: 0px;
	    background-position: -183px -135px;
	  }
	  .container-partners .partners-carousel {
	    float:left;
	    margin:0 0 3px 0;
	    width:675px;
	    position: relative;
	  }
	    .container-partners .partners-carousel .carousel-wrapper {
	      border:1px solid #CCCCCC;
	      -webkit-border-top-right-radius: 3px;
	      -webkit-border-bottom-right-radius: 3px;
	      -moz-border-radius-topright: 3px;
	      -moz-border-radius-bottomright: 3px;
	      height:76px;
	      width:675px;
	    }
	    .container-partners .partners-carousel li {
	      float: left;
	      display: block;
	      width: 135px;
	      height: 72px;
	    }
	    
	    .container-partners .partners-carousel .arrow {
	      display: block;
	      background-image: url("images/layout/logo-scroller-nav-sprite.gif");
	      background-repeat: no-repeat;
	      width: 14px;
	      height: 18px;
	      float: left;
	    }
	    .container-partners .partners-carousel .partner-buttons {
	      position: absolute;
	      right: 0px;
	      width: 28px;
	    }
	    .container-partners .partners-carousel .partner-buttons .back {
	      background-position: 0 0;
	    }
	    .container-partners .partners-carousel .partner-buttons .forward {
	      background-position: right;
	    }
				
			
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio-description{float: left; width: 340px; margin-left: 20px;}
	.portfolio-description h3{font-size: 30px;}
	
	.widgettitle span.title{float: left;}
	.widgettitle span.controls{float: left; display: block; margin: 6px 0px 0px 10px;}
	.widgettitle a.prev, .widgettitle a.next{display: block; width: 8px; height: 12px; background: url(images/layout/title-controls.png) no-repeat; text-indent: -9999px; overflow: hidden;}
		.widgettitle a.prev{float: right; background-position: 0px 0px; left: -0px; margin-right: 10px;}
		.widgettitle a.next{float: right; background-position: -23px 0px; right: -0px;}
			.widgettitle a.prev:hover{background-position: 0px -16px;}
			.widgettitle a.next:hover{background-position: -23px -16px;}

	.portfolio-slider{width: 290px; overflow: hidden;}
	ul.portfolio-options{width: 2900px;}
		.portfolio-options li{float: left; width: 290px; font-size: 12px; padding: 0px !important; border-bottom: none !important;}
			.portfolio-options li a{display: block; padding: 15px; overflow: auto;}
				.portfolio-options li img{float: left; margin-right: 8px;}
				.portfolio-options li span{line-height: 20px;}
					.portfolio-options li strong{display: block; color: #262C31; font-size: 14px;}

	div#loopedSlider .container {width:200px; height:300px; overflow:hidden; position:relative; cursor:pointer;}
	div#loopedSlider .container .slides { position:absolute; top:0; left:0; }
	div#loopedSlider .container .slides div { position:absolute; top:0; width:200px; display:none; }
	div#loopedSlider .previous {
	  position: absolute;
	  top: 205px;
	  left: 3px;
	}
	div#loopedSlider .next {
	  position: absolute;
	  top: 205px;
	  right: 4px;
	}

/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST PAGE LAYOUT -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.post{padding: 0px 0px 30px; margin: 0px 0px 40px;}
	h3.post-title{font-size: 30px; margin: 0px; padding: 0px; line-height: normal;}
		h3.post-title a{color: #262C31;}
		h3.post-title a:hover{color: #FE5815;}
	h5.date{display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; color: #555;}
	.post a.action-link{clear: both; display: inline-block; padding: 5px 8px; margin-top: 5px; background: #FE5815; border: 1px solid #E04401; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 10px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;}
	.post a.action-link:hover{background: #2D3137; border: 1px solid #111;}
	


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination-container{}
			
	ul.page_button_content{}
		ul.page_button_content li{}
		ul.page_button_content li a{}
		ul.page_button_content li a:hover{}
		ul.page_button_content li:last-child a{}
		
			ul.page_button_content li a.selected-page{}
			ul.page_button_content li a.selected-page:hover{}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post{font-size: 12px; color: #535353;}
.post p{clear: none; color: #535353;}
.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px; color: #535353;}
	.post ol li, .post ul li{line-height: 22px; padding-bottom: 10px; color: #535353;}
.post ol{list-style: decimal;}
.post code, .post pre{}
.post img{padding: 5px; background: #fff; border: 1px solid #cdcdcd;
									-webkit-border-radius: 4px;
									-moz-border-radius: 4px;}
.post h2{line-height: 35px; margin-top: 20px;}
.post h3{}
.post blockquote{padding: 20px; margin-bottom: 10px; font-style: italic; font-size: 16px; line-height: 28px; color: #777;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments-container {
  -moz-border-radius:8px 8px 8px 8px;
  background:none repeat scroll 0 0 #F3F3F3;
  margin-bottom:20px;
  padding:4px;
}
.comments-container-inner {
  -moz-border-radius:4px 4px 4px 4px;
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #CDCDCD;
}
.comments-container h3.section-title {
  font-size: 31px;
  padding: 10px;
  border-bottom:1px dotted #CDCDCD;
  margin-bottom: 20px;
}
.comments {
  padding: 20px;
}
.comments .comment-avatar {
  width: 50px;
  float: right;
}
#original_comment_location {
  padding: 0px 20px 20px 20px;
}
#original_comment_location .checkbox {
  margin: 5px auto;
}
#original_comment_location .comment-input input, #original_comment_location .comment-texarea textarea {
  -moz-border-radius:4px 4px 4px 4px;
  border:1px solid #D1D1D1;
  padding:4px;
  width:300px;
  margin-bottom: 5px;
}
#original_comment_location input.submit_button {
  background:url("images/layout/btn-submit.gif") no-repeat scroll 0 0 transparent;
  border:medium none;
  height:37px;
  width:68px;
}

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column ul.widget-list{}
	#right-column ul li.widget{padding: 4px; margin-bottom: 20px; background: #f3f3f3; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
	#right-column ul li.widget .widget-item{background: #fff; border: 1px solid #cdcdcd;
									-webkit-border-radius: 4px;
									-moz-border-radius: 4px;}
			#right-column ul li.widget ul li{padding: 15px; border-bottom: 1px dotted #ccc;}
				#right-column ul li.widget ul li:last-child{border-bottom: none;}
			#right-column ul li.widget_other_categories ul li{padding: 0px; border-bottom: none;}
			#right-column a{color: #555;}
			#right-column a:hover{color: #000;}
			#right-column .text_widget p{padding: 15px; margin: 0px;}

#right-column h4.widgettitle{padding: 15px; margin: 0px; border-bottom: 1px dotted #ccc;}
	#right-column h4.widgettitle a{}
	#right-column h4 a{}
	#right-column h4 a:hover{}
	
	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{padding: 15px;}
	.search-form input.search{float: left; width: 180px; padding: 4px; margin-right: 0px; border: 1px solid #7F9DB9; border-right: none;
								-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
								-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
	.search-form input.search_button{float: left; padding: 4px 8px 5px; line-height: normal; background: #FE5815; border: 1px solid #E04401; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 10px;
										cursor: pointer;
										-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
										-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
		.search-form input.search_button:hover{background: #2D3137; border: 1px solid #111;}

	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries li a{display: block; padding: 2px 0px 2px 20px; background: url(images/layout/recent-posts-icon.png) 0px 1px no-repeat;}
	.widget_recent_comments li a{display: block; padding: 2px 0px 2px 20px; background: url(images/layout/recent-posts-icon.png) 0px -65px no-repeat;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments{}
		.widget_recent_comments li{}
			.widget_recent_comments li:last-child{}
			.widget_recent_comments li p{}
			.widget_recent_comments li a{}
			.widget_recent_comments li a:hover{}



/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- Portfolio Slider (Home Page) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/

.latest-portfolio-slider #slider {
  margin: 0 auto;
  position: relative;
}

.latest-portfolio-slider #slider ul.navigation {
  float: left;
}
.latest-portfolio-slider #slider ul.navigation li {
  float: left;
  margin:auto 5px;
}

.latest-portfolio-slider .scroll {
  height: 250px;
  width:340px;
  overflow: auto; 
  position: relative; /* fix for IE to respect overflow */
  float: left;
}

.latest-portfolio-slider .scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 280px; /* change to 560px if not using JS to remove rh.scroll */
}

.latest-portfolio-slider .scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.latest-portfolio-slider .scrollButtons.left {
  display: none;
}

.latest-portfolio-slider .scrollButtons.right {
  display: none;
}


#latest-portfolio-slider{

}
#latest-portfolio-slider ul.ui-tabs-nav{
	list-style:none;
	padding:0; margin:0;
	float: left;
}
#latest-portfolio-slider ul.ui-tabs-nav li{
	float: left;
	margin-right: 4px;
}
#latest-portfolio-slider ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}
#latest-portfolio-slider .ui-tabs-panel{
	height:212px;
	overflow:hidden;
	padding-right:20px;
	padding-top:5px;
	position:relative;
	width:273px;
}
#latest-portfolio-slider .ui-tabs-panel .info h3 {
	font-size: 30px;
	background-image: url('images/layout/icon-ribbon.gif');
	background-repeat: no-repeat;
	background-position: right;
}
#latest-portfolio-slider .ui-tabs-hide{
	display:none;
}

#latest-portfolio-slider li.ui-tabs-nav-item a{/*On Hover Style*/
	background:none repeat scroll 0 0 #FFFFFF;
	color:#333333;
	display:block;
	line-height:20px;
	outline:medium none;
	padding:3px;
}
#latest-portfolio-slider li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
#latest-portfolio-slider li.ui-tabs-selected{ /*Selected tab style*/
	background:url('images/selected-item.gif') top left no-repeat;
}
#latest-portfolio-slider ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
#latest-portfolio-slider ul.ui-tabs-nav li img{
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- Portfolio Page * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
#portfolio_page_slider {
  position: relative;
}
#portfolio_page_slider li {
  width: 600px;
  position: relative;
}
#portfolio_page_slider li .sliding-container {
  width:600px;
  position: relative;
}
#portfolio_page_slider .phone img {
  margin-left:31px;
  margin-top:73px;
}
#portfolio_page_slider h3 {
  margin-bottom: 10px;
}
#portfolio_page_slider h4 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}
.item-category {
  margin-top: 8px;
}
  .item-category li {
    display: block;
    margin:19px 0 19px 11px;
  }
  .item-category a {
    background-color: #333333;
    text-transform: uppercase;
    border: solid 1px #000000;
    padding: 5px;
    color: #FFFFFF !important;
    font-weight: bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
.portfolio-page-slider {
  position: relative;
}
.portfolio-page-slider h3 {
  margin-bottom: 10px;
}
.portfolio-page-slider h4 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}
.portfolio-page-slider .phone {
  height:511px;
  margin-top:auto;
  margin-right:10px;
  width:261px;
}
.portfolio-page-slider #slider1prev {
  height:auto !important;
  left:3px !important;
  position:relative !important;
  top:-165px !important;
  width:auto !important;
  z-index:4;
}
.portfolio-page-slider #slider1next {
  height:auto !important;
  left:auto !important;
  position:relative !important;
  right:-234px !important;
  top:-195px !important;
  z-index:4;
}

.related-portfolio-items h3 {
  text-transform: none;
  font-size: 30px;
  margin-bottom:15px;
}
.related-portfolio-items li {
  float:left;
  margin-right:10px;
  width:225px;
}
  .related-portfolio-items li .image {
    width: 81px;
    height: 144px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .related-portfolio-items li .image {
    float: left;
  }
  .related-portfolio-items li .view-more {
    -moz-border-radius:2px 2px 2px 2px;
    background-color:#FD5814;
    border:1px solid #DF4401;
    padding:5px;
    text-align:center;
    width:70px;
  }
  .related-portfolio-items li .view-more a {
    color: #FFFFFF;
  }
  
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- Portfolio Subcategory Page * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/

.portfolio-page-item-slider {
  border:1px dashed #DCDCDC;
  float:left;
  position:relative;
  width:448px;
}
.portfolio-page-item-slider #portfolio_page_slider {
  min-height:533px !important;
  position: relative;
}
.portfolio-page-item-slider #portfolio_page_slider li {
  width: 450px;
  position: relative;
}
.portfolio-page-item-slider #portfolio_page_slider li .sliding-container {
  width:450px;
  position: relative;
}
.portfolio-page-item-slider #portfolio_page_slider h3 {
  border-bottom:1px dashed #DCDCDC;
  margin:15px 0 20px;
  padding:0 10px 10px;
}
.portfolio-page-item-slider #slider1prev {
  height:auto !important;
  left:auto !important;
  position:absolute;
  right:55px;
  top:13px;
  width:auto !important;
  z-index:4;
}
.portfolio-page-item-slider #slider1next {
  height:auto !important;
  left:auto !important;
  position:absolute;
  right:15px !important;
  top:13px;
  z-index:4;
}

.portfolio-page-item-slider #slider1prev a {
  background-image:url("images/layout/logo-scroller-nav-sprite.png");
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:34px;
  width:36px;
}
.portfolio-page-item-slider #slider1next a {
  background-image:url("images/layout/logo-scroller-nav-sprite.png");
  background-position:right center;
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:34px;
  width:36px;
}
.portfolio-page-item-slider .post-image img {
  margin-left:26px;
  margin-top:70px;
}

/* Left Column */
.subcat-extrainfo {
  float:left;
  margin-right:10px;
  width:480px;
}

/* Blocks */
.subcat-extrainfo .blocks {
  background-color: #161a1d;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  padding: 5px;
  margin-bottom:10px;
}
  .subcat-extrainfo .blocks .blocks-inner {
    border: solid 1px #565759;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image:url("images/layout/extrainfo-block-bg.png");
    padding: 15px;
  }
    .subcat-extrainfo .blocks .blocks-inner h3 {
      color:#FE580E;
      font-size:22px;
      margin-bottom:0;
      margin-top:2px;
      padding-bottom:0;
      text-transform:none;
    }
    .subcat-extrainfo .blocks .blocks-inner a {
      float: right;
    }
    .subcat-extrainfo .blocks .blocks-inner a.ratecard-button {
      margin-top: -5px;
    }
    .subcat-extrainfo .blocks .blocks-inner p {
      margin-bottom: 0px;
      font-size: 14px;
      color: #cecece;
      line-height: 18px;
    }

/* Extra Info Accordion */
.extrainfo-accordion-container {
  -moz-border-radius:8px 8px 8px 8px;
  background:none repeat scroll 0 0 #F3F3F3;
  margin-bottom:20px;
  padding:4px;
}
#extrainfo-accordion{
  -moz-border-radius:4px 4px 4px 4px;
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #CDCDCD;
}
#extrainfo-accordion .closed{
  background-image:url('images/layout/accordion-closed.png');
}
#extrainfo-accordion .closed,#extrainfo-accordion .opened{
  padding-right:10px;
  background-position:98% 50%;
  background-repeat:no-repeat;
}
#extrainfo-accordion .header{
  background-color:#7B7B7B;
}
#extrainfo-accordion .opened{
  background-image:url('images/layout/accordion-opened.png');
}
#extrainfo-accordion a.title-link{
  display:block;
  text-decoration:none;
}
#extrainfo-accordion a.hover{
}
#extrainfo-accordion ul{
  overflow: hidden;
  margin:0;
  padding:0;
}
#extrainfo-accordion ul.inner-text {
  border-top:1px dotted #CCCCCC;
  margin:0;
}
  #extrainfo-accordion ul.inner-text li {
    padding: 20px;
    line-height:22px;
  }
    #extrainfo-accordion ul.inner-text li img {
      margin: auto 10px;
    }
    #extrainfo-accordion ul.inner-text li ul {
      padding-left:20px;
    }
      #extrainfo-accordion ul.inner-text li ul li {
	padding: 0px;
	list-style-type: disc;
      }
#extrainfo-accordion li.title {
  border-bottom:1px dotted #CCCCCC;
  margin:0;
  padding:0px;
}
#extrainfo-accordion li.title{
  margin:0;
  padding:0;
  list-style-type:none;
}
#extrainfo-accordion li.title {
  background-image: url('images/layout/accordion-bg-title.png');
  background-repeat: repeat-x;
}
#extrainfo-accordion li.title a.title-link {
  font-family: 'LeagueGothicRegular',sans-serif;
  font-size: 20px;
  color: #000000;
  font-weight: normal;
}
#extrainfo-accordion li.title a.title-link{
  padding:17px;
  letter-spacing: 1px;
}
#extrainfo-accordion li.active a,#extrainfo-accordion li li.active a.title-link{
}
#extrainfo-accordion li.active li a.title-link,#extrainfo-accordion li li a.title-link{
  padding:2px 4px 2px 8px;
  border-top:1px solid #696969;
  border-left:1px solid #696969;
  border-right:1px solid #8A8A8A;
  border-bottom:1px solid #7B7B7B;
  background-color:#757575;
  color:#FFFFFF;
}


/* Services Accordion */
.services-expander-container {
  border-top:2px solid #FE5815;
  padding:19px 0;
  margin-top: 30px;
  margin-bottom: -60px;
  background-image: url("images/layout/bg-servicesaccordion.png");
  background-repeat: repeat-x;
  background-color: #feffff;
  overflow: auto;
}
  .services-expander-container #services-expander {
    width: 940px;
    margin: auto;
  }
    .services-expander-container h3.tab {
      padding-right:10px;
      background-position:98% 50%;
      background-repeat:no-repeat;
      text-transform: none;
      background-image:url('images/layout/accordion-closed.png');
      width:190px;
    }
      .services-expander-container h3.tab a {
	color:#000000;
	display:block;
	font-family:'LeagueGothicRegular',sans-serif;
	font-size:30px;
	font-weight:normal;
      }
	.services-expander-container h3.active{
	  background-image:url('images/layout/accordion-opened.png');
	}
      .services-expander-container div ul {
	margin-top: 10px;
      }
	.services-expander-container div ul li {
	  background-image:url("images/layout/bullet-arrow.png");
	  background-repeat:no-repeat;
	  float:left;
	  margin-bottom:10px;
	  padding:8px 8px 8px 33px;
	  width:429px;
	}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- Portfolio Item Page * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
#phone_slider_portfolio {
  margin-left:30px;
  margin-top:78px;
}
#phone_slider_portfolio li {
  width: 200px;
  height: 300px;
}
#phone_slider_portfolio li img {
  margin-top: 0px !important;
  margin-left: 0px !important;
  width: 200px;
  height: 300px;
}
.related-work {
  width:940px;
  margin: auto;
}
.related-work h2 {
  text-transform: none;
  line-height: normal;
}
.related-work li {
  float: left;
  width: 185px;
  margin-right: 10px;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #efefef;
  overflow: hidden;
}
.related-work li .thumbnail {
  width: 81px;
  float: left;
  margin-right: 6px;
}
.related-work li .summary-container {
  width: 98px;
  float: left;
}
.related-work li a.viewmore {
  -moz-border-radius:3px 3px 3px 3px;
  background-color:#FD5814;
  border:1px solid #DF4401;
  color:#FFFFFF;
  display:block;
  margin-top:152px;
  padding:3px;
  text-align:center;
  text-transform:uppercase;
  width:73px;
}

/*-------------------------------------------------------------------------------------------*/
/*- Case Studies and Best of Mobile Web -----------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.segment-container img {
  float: right;
  margin: 5px;
  border: solid 2px #FFFFFF;
}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer li.column{float: left; width: 176px; margin-right: 10px;}
#footer li#nav_menu-8 {margin-right: 0px}
	#footer li.column:first-child{width: 160px; margin-right: 40px;}
	#footer li.column:last-child{margin-right: 0px;}
	#footer h4{color: #FE5815; font-size: 20px;}
	#footer li.column p{margin: 0px 0px 5px; padding: 0px; color: #fff; font-family: "League Gothic", "Letter Gothic MT", "Letter Gothic Std"; font-size: 20px; text-transform: uppercase;}
		#footer li.column p span{float: right;}
	#footer li.column h4.call-us{font-size: 70px; line-height: 63px; color: #ccc;}
	#footer li.column p.copyright{margin-left:24px;font-size: 10px; color: #ccc; font-style: italic; font-family: Arial, Helvetica, sans-serif; text-transform: none;}
	
#footer li.column ul li{border-bottom: 1px dotted #000; border-top: 1px dotted #444;}
		#footer li.column ul li:last-child{border-bottom: none;}
		#footer li.column ul li:first-child{border-top: none;}
		#footer li.column ul li a{display: block; padding: 10px 0px; color: #ccc; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
		#footer li.column ul li a:hover{color: #fff;}

a.twitter-icon, a.facebook-icon, a.linkedin-icon, a.rss-icon{float: left; display: block; width: 25px; height: 25px; margin: 10px 25px 10px 0px; background: url(images/layout/social-icons.png) no-repeat; overflow: hidden; text-indent: -9999px;}
	a.twitter-icon{background-position: 0px 0px;margin-left:20px;}
	a.facebook-icon{background-position: -50px -0px;}
	a.linkedin-icon{background-position: -50px -0px;}
	a.rss-icon{background-position: -100px -0px; margin-right: 0px;}
	
	a.twitter-icon:hover{background-position: 0px -30px;}
	a.facebook-icon:hover{background-position: -50px -30px;}
	a.linkedin-icon:hover{background-position: -50px -30px;}
	a.rss-icon:hover{background-position: -100px -30px;}

.newsletter-subscribe {
  margin:auto;
  padding:11px 10px;
  width:940px;
  background-image: url("images/layout/footer-divider.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}
  .newsletter-subscribe h6 {
    color:#FD5814;
    float:left;
    font-family:'LeagueGothicRegular',sans-serif;
    font-size:20px;
    margin-top:9px;
    width:192px;
    line-height: normal;
  }
  .newsletter-subscribe .subs-form {
    float:left;
    width:748px;
  }
    .newsletter-subscribe .subs-form .field {
      -moz-border-radius:3px 3px 3px 3px;
      background-color:#30353B;
      border:1px solid #252A30;
      padding:10px;
      width:220px;
      color: #cad0d0;
      font-style: italic;
      float: left;
      margin-right: 10px;
    }
    .newsletter-subscribe .subs-form .submit {
      background: transparent;
      background-image: url("images/layout/newsletter-btn-signup.png");
      background-repeat: no-repeat;
      width: 68px;
      height: 37px;
      border: none;
      float: left;
    }



.footer-logos {
  width: 400px;
}
.footer-logos img {
  margin: auto 10px;
}

.contact-details h5 {
  color: #FFFFFF;
  font-size: 23px;
}

/* Footer Menu Customization */
#nav_menu-8 {
  margin-top: -99px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- Meet The Team Page * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
.team div.person {
  display:block;
  float:left;
  margin-bottom:20px;
}
  .team h3.person-name {
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .team h4.person-position {
    font-size:12px;
    margin:0;
    padding:0;
    color: #525252;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    text-transform: none !important;
    font-weight: bold;
  }
  .team div.person span.read-more a {
    color: #fa5c1d;
  }
  .team div.person div.person-bio {
    line-height:16px;
  }
  .team .upper-section div.person {
    margin-right:10px;
    width:225px;
  }
  
  .team .lower-section li {
    width: 131px;
    margin-bottom:20px;
    margin-right:25px;
    float: left;
    display: block;
  }


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.clearboth {
  clear: both;
}