@charset "UTF-8";
/* CSS Document */

/******************************************************* // toggle v1 Home Styles // *****************************************************/

/* Home specific styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/	
	
#services h3
	{
	margin-bottom: 4px !important;
	}

.service_web span, .service_branding span, .service_packaging span
	{
	display: block;
	padding: 0 0 0 5px;
	margin-bottom: 6px;
	}

.vcard .type, .vcard .etype
	{
	color: #a28a7f;
	}
	
.bcard
	{
	display: block;
	border: 0;
	margin-top: 20px;
	}

.portfolio_preview
	{
	margin-bottom: 1.4em;
	}
	
.service_download
	{
	position: relative;
	top: -5px;
	}
	
#link_download_bcard
	{
	background: url(../images/icons/icon_download.gif) 0 1px no-repeat;
	padding-left: 18px;
	}
	
#link_flickr a
	{
	background: url(../images/icons/icon_flickr.gif) 0 1px no-repeat;
	padding-left: 20px;
	}

#link_youtube a
	{
	background: url(../images/icons/icon_you_tube.gif) 0 1px no-repeat;
	padding-left: 20px;
	}

#link_del a
	{
	background: url(../images/icons/icon_del.gif) 0 1px no-repeat;
	padding-left: 20px;
	}

#link_xbox
	{
	background: url(../images/icons/icon_xbox.gif) 7px 4px no-repeat;
	padding-left: 20px;
	}

#clients_list
	{
	padding-top: 6px;
	}
	
/* tabs */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

#butt_service_web, #butt_service_web span
	{
	background: url(../images/button_web_services.gif) 0 -72px no-repeat;
	height: 36px;
	width: 140px;
	}

#butt_service_brand, #butt_service_brand span
	{
	background: url(../images/button_branding_services.gif) 0 -72px no-repeat;
	height: 36px;
	width: 139px;
	}

#butt_social, #butt_social span
	{
	background: url(../images/button_contact_play.gif) 0 -72px no-repeat;
	height: 36px;
	width: 139px;
	}

#butt_hcard, #butt_hcard span
	{
	background: url(../images/button_contact_work.gif) 0 -72px no-repeat;
	height: 36px;
	width: 140px;
	}
	
.ui-tabs-selected #butt_service_web, .ui-tabs-selected #butt_service_web span,
.ui-tabs-selected #butt_service_brand, .ui-tabs-selected #butt_service_brand span,
.ui-tabs-selected #butt_social, .ui-tabs-selected #butt_social span,
.ui-tabs-selected #butt_hcard, .ui-tabs-selected #butt_hcard span

	{
	background-position: 0 0;
	}
	
#butt_service_web:hover, #butt_service_web span:hover,
#butt_service_brand:hover, #butt_service_brand span:hover,
#butt_social:hover, #butt_social span:hover,
#butt_hcard:hover, #butt_hcard span:hover
	{
	background-position: 0 -36px;
	}
	
.ui-tabs-selected #butt_service_web:hover, .ui-tabs-selected #butt_service_web span:hover,
.ui-tabs-selected #butt_service_brand:hover, .ui-tabs-selected #butt_service_brand span:hover,
.ui-tabs-selected #butt_social:hover, .ui-tabs-selected #butt_social span:hover,
.ui-tabs-selected #butt_hcard:hover, .ui-tabs-selected #butt_hcard span:hover
	{
	background-position: 0 0;
	}

.tab_nav
	{
	display: none;
	}
	
#services_info, #contact_info
	{
	/* apply with js */
   	background: url(../images/bg_services.gif) no-repeat 0 40px;
	}

#services_info p
	{
	width: 242px;
	}

#details, #social_links ul
	{
	margin-left: 6px;
	width: 235px;
	margin-top: 0px;
	}
	
#sweb a
	{
	color: #92b742;
	}

#sbranding a
	{
	color: #ddb631;
	}

#spackaging a
	{
	color: #cc4141;
	}
	
#sweb a:hover, #sbranding a:hover, #spackaging a:hover
	{
	color: #261b0f;
	}
	
.ui-tabs-nav 
	{
    list-style: none;
    margin: 0;
    padding: 0;
   	background: #f8f2e3 url(../images/bg_services.gif) no-repeat 0 40px;
	}

.ui-tabs-nav:after 
	{ /* clearing without presentational markup, IE gets extra treatment */
 	display: block;
    clear: both;
    content: " ";
	}

.ui-tabs-nav li 
	{
	float: left;
   	display: inline;
   	min-width: 93px; /* be nice to Opera */
   	border-bottom: none;
	}

ui-tabs-nav a 
	{
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	}

.ui-tabs-nav .ui-tabs-selected a 
	{
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
	}

.ui-tabs-nav a span 
	{
    width: 93px; /* IE 6 treats width as min-width */
    min-width: 93px;
    height: 36px; /* IE 6 treats height as min-height */
    min-height: 36px;
	}

*>.ui-tabs-nav a span 
	{ /* hide from IE 6 */
    width: auto;
    height: auto;
	}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active 
	{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	}

.ui-tabs-panel 
	{
	background: #f8f2e3 url(../images/bg_services.gif) no-repeat 0 40px;
    padding: 7px 0px 7px 14px;
    height: 138px;
    overflow: hidden;
	}
	
.ui-tabs-loading em 
	{
    padding: 0 0 0 20px;
    background: url(../loading.gif) no-repeat 0 50%;
	}	
	
/********************************************************** // End // ********************************************************/