@charset "utf-8";

/* CSS Document */
/*---------------------------------
Project: Digital Craft Studios

Author: Francis Onwumere

Company: Digital Craft Studios

Website: http://digitalcraftstudios.com

Email: info[at]digitalcraftstudios.com
----------------------------------*/
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('league_gothic-webfont.eot');
	src: local('☺'), url('league_gothic-webfont.woff') format('woff'), url('league_gothic-webfont.ttf') format('truetype'), url('league_gothic-webfont.svg#webfontdRUXBDFX') format('svg');
	font-weight: normal;
	font-style: normal;
	/*font-size:150%;*/
}
@media screen and(-webkit-min-device-pixel-ratio:0){
*{
margin:0;
padding:0;
}
}
*{
margin:0;
padding:0;
}
body{
	border:none;
	color:#492C46;
	font-family: Arial, Verdana, Helvetica, sans-serif;/**/
	font-size:13px;
	background-repeat:repeat;
	background-position:left top;
	background-image:url(http://images.digitalcraftstudios.com/pagebg.png);
	/*position: relative;
	height: 100%;
	display: block;*/

}

body a, body a:link,body a:visited,body a:active{
	color:#A83600;
	background-color:transparent;
	text-decoration:none;
}
body a:hover{
color:#000;
background-color:transparent;
text-decoration:underline;
}
img a{
text-decoration:none;
}
h1{
	color:#274E87;
	font-size:250%;
	line-height:100%;
	margin:0;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	display:block;
}
h2{
	font-size:170%;
	color:#333333;
	font-weight:bold;
	font-family:Arial,Verdana,sans-serif;
	display:block;
	line-height:100%;
	text-align:left;
}
h3{
	font-size:120%;
	color:#333;
	font-family:Arial,Verdana,sans-serif;
	line-height:100%;
	display:block;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:4px;
	text-align:left;
}
h4{
font-size:95%;
color:#240024;
font-family:Arial,Verdana,sans-serif;
line-height:100%;
display:block;
padding-top:3px;
padding-bottom:6px;
padding-left:4px;
text-align:left;
}
p{
	line-height:148%;
	font-family:Arial,Verdana,sans-serif;
	color:#492C46;
	font-size:98%;
	background-image:none;
}
blockquote{
	line-height:148%;
	font-family:Arial,Verdana,sans-serif;
	color:#333;
	font-size:96%;
	background-image:none;
	background-color: #EFEFEF;
	margin-top: 5px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 5px;
	display: block;
	margin-right: 15px;
	border: 1px dotted #093;
	clear: both;
}
button{
cursor:pointer;
}
.text{
	color:#5E395A;
	font-size:8pt!important;
	line-height:1.5;
}
.text a{
	color:#284861;
}
.text a:hover{
text-decoration:underline;
color:#000;
}
#text{
color:#F00;
font-size:8pt;
line-height:22px;
}
#text a{
color:#F00;
}
#text a:hover{
text-decoration:underline;
color:#000;
}

.pagelink li{
	color:#B6B6B6;
	font-size:94%;
	margin-bottom:1px;
	line-height:2;
	list-style-type:none;
	padding:4px 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.pagelink li a{
	color:#B6B6B6;
	text-decoration:none;
	font-weight:bold;
}
.pagelink li a:hover, .pagelink li:hover{
color:#000;
text-decoration:none;
}
.breadcrumbs{
float:left;
background-color:#000;
padding-bottom:2px;
width:100%;
}


img a,img a:hover{
text-decoration:none;
border:none;
}
a img,a:hover img{
text-decoration:none;
border:0 none;
}
.homeimg{
	vertical-align:middle;
	border:none;
	display:inline;
	padding-top:2px;
	padding-right:1px;
	padding-bottom:0px;
	padding-left:10px;
}
.imgbord{
border:2px solid #D7D7D7;
display:inline;
padding-left:2px;
}
.imger{
padding:6px;
display:inline;
vertical-align:middle;
border:none;
}
#logo{
	position:relative;
	display: block;
	margin: 10px auto;
	font-family:'LeagueGothicRegular',Arial, Verdana, sans-serif;
}
.imgleft{
padding:2px 6px 3px 6px;
vertical-align:middle;
float:left;
display:block;
position:relative;
}

.imgright{
padding:4px;
display:inline;
float:right;
vertical-align:middle;
position:relative;
}
.container{
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:100%;
}
.mid{
	margin:3px auto 0 auto;
	position:relative;
	z-index:0;
	font-weight:normal;
	width:960px;
	clear:both;
	background-color:#FFF;
	-webkit-border-radius:8px;
	padding:0 0 0 0;
		/*height: 100%;*/
}
.main{
	width:660px;
	float:left;
	/*background-color:#FFF;
		height: 100%;*/
	display:block;
	position:relative;
	z-index:0;
	margin-top:0px;
	margin-bottom:0;
	margin-left:0px;
	margin-right: 6px;
	font-size:106%;
	border-right:#E6E6E6 1px dashed;
}
.main ul li,.main2 ul li, .invoicemid ul li{
text-decoration:none;
line-height:1.5;
font-family:Arial,Verdana,sans-serif;
padding:5px;
color:#333;
background-image:none;
list-style-position:inside;
list-style-image:url(../craft2009/crate/uploads/images/smallbubble.png);
list-style-type:none;
}
.main ol li,.main2 ol li{
text-decoration:none;
line-height:1.5;
font-family:Arial,Verdana,sans-serif;
padding:5px;
color:#333;
background-image:none;
list-style-position:inside;
}
/*.main span,*/.main p{
line-height:1.8;
font-family: Arial, Verdana, Helvetica, sans-serif;/**/
text-shadow: rgba(66,255,66,0.05) 1px 1px 0;
color:#333;
background-image:none;
padding: 5px;
}
.main h2{
padding:18px 10px;
margin:0;
}
.main h3{
padding:10px 20px;
margin:0;
}
.main2{
	width:660px;
	float:left;
	background-color:#FFF;
		/*height: 100%;*/
	display:block;
	position:relative;
	z-index:0;
	margin-top:0px;
	margin-bottom:0;
	margin-left:0px;
	margin-right: 2px;
}
.right_pane{
	width:293px;
	float:left;
	clear:right;
	z-index:0;
	padding-right:0;
	padding-left:0;
	display:block;
	/*height: 100%;
	background-color:#FFF;*/
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-right-radius:5px;
	margin-top:0px;
	position: relative;
}
.right_pane h4{
	margin-bottom:0;
	padding-bottom:0;
}
.admincontent{
line-height:136%;
font-family:Arial,Helvetica,sans-serif;
padding:4px;
clear:both;
text-align:justify;
display:block;
position:relative;
width:952px;
background-color:#FFF;
margin:3px auto;
}
.content{
line-height:136%;
font-family:Arial,Helvetica,sans-serif;
padding:5px;
clear:both;
text-align:justify;
	/*height: 100%;*/
display:block;
position:relative;
}
.content table{
width:100%;
}
.content th{
color:#930;
background-image:url(http://images.digitalcraftstudios.com/apply-header.jpg);
background-repeat:repeat-x;
height:60px;
background-color:#FFF;
padding:8px 10px;
text-align:left;
border-bottom:#0CC 1px solid;
overflow:visible;
}
.content td{
padding:8px 10px;
text-align:left;
border-bottom:#0CC 1px solid;
vertical-align:top;
}
.footer{
	width:100%;
	background-image:url(http://images.digitalcraftstudios.com/footer.png);
	background-repeat:repeat;
	position:relative;
	display:block;
	background-color:#1A1A1A;
	margin:7px auto 0 auto;
	color:#FFF;
	height: 350px;
	bottom: 0px;
}

.trufooter{
position:relative;
width:946px;
height:19px;
margin:7px auto 0 auto;
clear:both;
padding:10px 7px;
background-image:url(http://images.digitalcraftstudios.com/trufooter.png);
background-repeat:no-repeat;
bottom:0;
}
.trufooter p,.trufooter span{
font-size:88%;
display:inline;
color:#FFF;
font-family:Arial,Verdana,sans-serif;
}
.trufooter a:link,.trufooter a:visited,.trufooter a:active{
color:#FFF;
text-decoration:none;
}
.trufooter a:hover{
text-decoration:underline;
}
.trufooter span,.trufooter span a{
font-size:84%;
color:#0C6;
position:absolute;
right:5px;
width:150px;
text-align:right;
}
.redline{
border-bottom:solid #999 1px;
}

.clearbutton{
padding:4px 4px;
margin:0;
border:none;
background:none;
cursor:pointer;
text-align:left;
background-image:url(http://images.digitalcraftstudios.com/btnclear.png);
height:31px;
text-align:center;
background-repeat:no-repeat;
background-position:center;
color:#FFF;
font-weight:normal;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.clearbutton:hover{
border:1px #6FC solid;
}
.custombutton{
	padding:0;
	margin:0;
	border:0;
	background:none;
	cursor:pointer;
	text-align:left;
	padding-top:6px;
	cursor:pointer;
}
.formnomargin{
padding:0;
margin:0;
border:0;
background:none;
}
.button{
background-image:url(http://images.digitalcraftstudios.com/bgxx.jpg);
background-repeat:repeat-x;
padding:5px;
color:#900;
height:22px;
border:none;
font-weight:bold;
}
.searchfields{
	background-color:#FBFBFB;
	border:1px solid #FF9;
	font-family:'Punchline',Arial,Verdana,Sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:25px;
	display:inline;
	float:none;
	margin-top:0px;
	margin-bottom: 0px;
	font-weight: normal;
	height: 30px;

}
.searchfields:hover{
background-color:#FF9;
border:1px solid #1D1D1D;
}
.formfields{
	background-color:#FBFBFB;
	border:1px solid #FFCC33;
	font-family:'Punchline',Arial,Verdana,Sans-serif;
	font-size:120%;
	font-style:normal;
	color:#264054;
	line-height:25px;
	/*display:block;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:0px;
	margin-bottom: 0px;
	font-weight: normal;
	height: 30px;
position: relative;

}
.formfields:hover{
background-color:#FF9;
border:1px solid #1D1D1D;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.hidden{
display:none;
outline:none;
}
.relative{
position:relative;
width:100%;
display:block;
z-index:1000000;
}
.trurelative{
position:relative;
clear:both;
display:block;
}
.floatright{
float:right;
}
.floatleft{
float:left;
z-index:2;
}
.quote{
height:145px;
background-image:url(http://images.digitalcraftstudios.com/quote.png);
background-repeat:no-repeat;
background-position:right bottom;
}
.quote p{
padding:10px;
}
.quote em{
font-size:89%;
color:#000;
display:block;
text-align:right;
font-weight:bold;
padding-top:3px;
}
ul.tabs{
margin:0;
padding:0;
float:left;
list-style:none;
border-bottom:1px solid #F7F7F7;
border-left:1px solid #F7F7F7;
width:100%;
}
ul.tabs li{
	float:left;
	margin:0;
	padding:0;
	border:1px solid #F7F7F7;
	border-left:none;
	margin-bottom:-1px;
	position:relative;
	list-style:none;
	background-color:#DAC2D8;
}
ul.tabs li a{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:5px;
	outline:none;
}
ul.tabs li a:hover{
	text-decoration:none;
	background-color:#FFDF71;
}
html ul.tabs li.active,html ul.tabs li.active a:hover{
background:#FFF;
border-bottom:1px solid #FFF;
}
.tab_container{
	border:1px solid #F7F7F7;
	border-top:none;
	clear:both;
	background:#FFF;
}
.tab_content{
padding:5px;
}
.notice{
background-color:#900;
color:#FFF;
padding:5px;
width:100%;
display:block;
}
#notices{
display:none;
}
.credits{
color:#FFF;
line-height:18px;
width:955px;
text-align:right;
position:relative;
bottom:0;
font-size:7pt;
margin:0 auto;
clear:both;
}
.credits a{
text-decoration:none;
color:#FFF;
}
.bgcolor1{
background-color:#FFFFA8;
}
.bgcolor2{
background-color:#59FFFF;
}
.bgcolor3{
background-color:#9FF;
}
.bgcolor4{
background-color:#E9E9D1;
}
.clearboth{
clear:both;
}
.clearright{
clear:right;
}
.clearleft{
clear:left;
}
#advanced_search_options{
display:none;
}
.centred-text{
text-align:center;
}
#TB_window{
font:12px Arial,Helvetica,sans-serif;
color:#333;
}
#TB_secondLine{
font:10px Arial,Helvetica,sans-serif;
color:#666;
}
#TB_window a:link{
color:#FFF;
}
#TB_window a:visited{
color:#FFF;
}
#TB_window a:hover{
color:#000;
}
#TB_window a:active{
color:#FFF;
}
#TB_window a:focus{
color:#666;
}
#TB_overlay{
position:fixed;
z-index:40000000;
top:0;
left:0;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack{
background:url(http://images.digitalcraftstudios.com/macFFBgHack.png) repeat;
}
.TB_overlayBG{
background-color:#000;
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;
}
* html #TB_overlay{
position:absolute;
height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_window{
position:fixed;
background:#FFF;
z-index:400000002;
color:#000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window{
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TB_window img#TB_Image{
display:block;
margin:15px 0 0 15px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-top:1px solid #666;
border-left:1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#F00;
height:27px;
color:#FFF;
text-shadow: rgba(66,255,66,0.2) 1px 1px 0;
font-weight:bold;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0 5px 0;
}
#TB_load{
position:fixed;
display:none;
height:13px;
width:208px;
z-index:400000003;
top:50%;
left:50%;
margin:-6px 0 0 -104px;
}
* html #TB_load{
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TB_HideSelect{
z-index:39000000;
position:fixed;
top:0;
left:0;
background-color:#FFF;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%;
}
* html #TB_HideSelect{
position:absolute;
height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
margin-bottom:1px;
}

.notice ul.tabs,.notice ul.tabs li,.notice ul.tabs li a,.notice ul.tabs li a:hover,.notice ul.tabs li a:link,html .notice ul.tabs li.active,html .notice ul.tabs li.active a:hover{
color:#FFF;
display:inline;
background:none;
border:none;
outline:none;
list-style:none;
padding:0;
margin:0;
float:none;
width:100px;
overflow:hidden;
}
.traditional_link{
cursor:pointer;
}
#signup_result{
color:#000;
display:block;
}
.welcome{
	float:left;
	width: 405px;
	line-height: 1.5;
	margin-left: -10px;
	margin-top: -20px;
	background-image: url(http://images.digitalcraftstudios.com/services_flag.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 0 0;
}
.welcome p{
	line-height: 1.5;
	font-weight: normal;
	font-size: 365%;
	padding-left: 10px;
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	text-shadow: rgba(66,255,66,0.4) 1px 1px 0;
	color: #333333;
	padding-top: 25px;

}
.welcome h2{
	color: #FFFFFF;
	/*	background-image: url(http://images.digitalcraftstudios.com/black_flag.png);
*/	width: 167px;
	height: 46px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 10px;
	position: relative;
	font-family:'LeagueGothicRegular',Arial, Verdana, sans-serif;
	font-size: 280%;
	font-weight: normal;
	z-index: 999;
	text-align: center;
}
.home_slider{
	width: 435px;
	float:left;
	position:relative;
	height: 270px;
	padding-top: 10px;
}
.more, .more a:link, .more a:active, .more a:visited{
	background-color:#21313F;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-weight: bold;
	padding:2px 5px;
	color:#99FF00;
	font-size:90%;
}
.bg{
background-image:url(http://images.digitalcraftstudios.com/mid_cont.jpg);
width: 100%;
position:relative;
}
.addthis_toolbox, .addthis_default_style{
display:inline;
float:right;
}
.f_absmiddle{
position:absolute;
top: 50%;
}
.t_absmiddle{
position:absolute;
top: 50%;
left: 20%;
}

//start CODA slider
#wrapper {
    width: 760px;
    margin: 0 auto;
	z-index:700px;
}

#slider {
	width: 960px;
	position: relative;
	z-index: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -10px;
	margin-left: auto;
	visibility: visible;
}

.scroll {
	height: 364px;
	width: 958px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	/*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	background-image: url(images/content_pane-gradient.gif);*/
}
.scrollContainer{
	width: 960px;

}
.scrollContainer div.panel {
	padding: 20px 36px;
	height: 324px;
	width: 886px;
	background-color:#FAFAFA;
	/*border: #F8F8F8 1px solid;*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	float: left;
	position: relative;
	z-index: 990;
}


ul.navigation {
	list-style: none;
	margin: 0 auto;
	background-color:#000000;
	max-width: 420px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	position:relative;
	height: 40px;
	z-index: 995;
	text-align: center;
	display: block;
}
ul.navigation li {
	display: inline;
	padding: 10px 15px 0 15px;
	float: left;
	position: relative;
  }
/* ul.navigation li:first-child {
	padding-left: 0;
  } 
   ul.navigation li:last-child {
	padding-right: 0;
  }*/
ul.navigation li a.league_title{
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	font-size:150%;
}
ul.navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;/**/
	/*font fall-back load order*/
	font-size: 100%;
}
ul.navigation li a  span{
position:absolute;
top:40px;
left:37%;
margin:0 auto;
background-image:url(http://images.digitalcraftstudios.com/slider_state.gif);
background-repeat:no-repeat;
background-position:center top;
padding:0;
width:19px;
height:10px;
display:none;
z-index:999;
}
ul.navigation li a.selected  span{
display:block;
}

ul.navigation li a:hover {
	/*background-color: #D64E25;*/
}

ul.navigation li a.selected {

}

ul.navigation li a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
	left: -21px;
	z-index: 999;
}

.scrollButtons.right{
	right: -21px;
	z-index: 999;
}

/*showcase CODA slider*/
#showcase_wrapper {
    width: 560px;
    margin: 0 auto;
	z-index:700;
}

#showcase_slider {
	width: 500px;
	position: relative;
	z-index: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	left: 0px;
}

.showcase_scroll {
	height: 324px;
	width: 500px;
	overflow: hidden;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background:url(http://images.digitalcraftstudios.com/mac-air.png) no-repeat top left;
	margin-left: -35px;
	/*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	background-image: url(images/content_pane-gradient.gif);*/
}
.showcase_scrollContainer{
	width: 500px;
	background-repeat: no-repeat;
	background-image: url(http://images.digitalcraftstudios.com/mac-air.png);
	height: 324px;
	margin-left: 0px;
	background-position: center top;
	float: right;
	margin-right: -20px;

}
div.showcase_panel {
	height: 313px;
	float: left;
	position: relative;
	z-index: 990;
	padding-left: 16px;
	/*margin-top: 18px;*/
	padding-right: 16px;
	padding-top: 18px;
}
ul#showcase_ul{
	height: 296px;
	width:468px;
	display:block;
	position:relative;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: scroll;
}
ul#showcase_ul li{
padding-right:90px;
display:inline; 
float:left;
position:relative;
padding-bottom:2px;
}

ul#showcase_ul li span{
background-color: rgb(170, 0, 100);
background-color: rgba(170, 0, 100, 0.9);
border-top: 2px solid #000000;
color: #FFFFFF;
font-size: 90%;
left: 0;
line-height: 1.6;
padding: 0 4px;
position: absolute;
top: 240px;
width: 470px;
}
ul#showcase_ul li span em{
	font-style:normal;
	/*text-decoration:underline;*/
	font-family: Georgia, Times, serif;
	font-weight:bold;
	border-bottom: #FFF dotted 1px;
}
ul#showcase_ul li span em a{
	color: #fff;
	
}
ul#showcase_ul li span em a:hover{
	text-decoration:none;
	
}
ul.showcase_navigation {
	list-style: none;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	position:relative;
	z-index: 995;
	text-align: center;
	display: block;
	height: 20px;
	width: 100px;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul.showcase_navigation li {
	display: inline;
	float: left;
	position: relative;
	margin-right: 3px;
	padding-top: 3px;
	height: 23px;
	width: 21px;
	color:#000000;
  }
ul.showcase_navigation li a.showcase_selected{
	/*background-color:#FFFF66;*/
	background-image: url(http://images.digitalcraftstudios.com/scroll_bubble.png);
	background-repeat:no-repeat;
	background-position:  -27px 0px;
	display:block;
	padding-top: 3px;
	height: 23px;
	width: 21px;
	color:#000000;
}
ul.showcase_navigation li a.league_title{
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	font-size:90%;
}
ul.showcase_navigation li a {
	color: #fff;
	text-decoration: none;
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	/*font fall-back load order*/
	font-size: 100%;
	background-image: url(http://images.digitalcraftstudios.com/scroll_bubble.png);
	background-repeat:no-repeat;
	display:block;
	padding-top: 3px;
	height: 23px;
	width: 21px;
}

ul.showcase_navigation li a:hover {
	background-image:url(http://images.digitalcraftstudios.com/scroll_bubble.png);
	background-repeat:no-repeat;
	background-position:  -27px 0px;
	color: #000;
	display:block;
}

ul.showcase_navigation li a.selected {

}

ul.showcase_navigation li a:focus {
    outline: none;
}
ul.showcase_navigation li a  span{
position:absolute;
top:40px;
left:37%;
margin:0 auto;
background-image:url(http://images.digitalcraftstudios.com/slider_state.gif);
background-repeat:no-repeat;
background-position:center top;
padding:0;
width:19px;
height:10px;
display:none;
z-index:999;
}
ul.showcase_navigation li a.selected  span{
display:block;
}

.blog_scape{
	width: 960px;
	background-color:#FFF;
	border: #F8F8F8 1px solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.05);
	box-shadow: 0 0 1px rgba(0,0,0,0.05);
	margin: 0 auto 2px auto;
	position: relative;
	display: block;

}
.mid_divider{
	background-image: url(http://images.digitalcraftstudios.com/title_line.png);
	background-repeat: repeat-x;
	width: 100%;
	background-position:0 35px;
	
}
.services_divider{
	background-image:url(http://images.digitalcraftstudios.com/services_bg.png);
	background-repeat: repeat-x;
	height:20px;
	width: 100%;
	margin: 0 auto;
	background-position: 0 10px;
	position: relative;
	display: block;
}
.blog_title{
width: 960px;
margin: 0 auto;
padding-top:5px;
}
.blog_title h3{
	padding-top:10px;
	color:#000;
	padding-left: 30px;
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	/*font fall-back load order*/
	font-size: 190%;
	
}
.blog_title h3 a, .blog_title h3 a:hover{
	color:#000;
	text-decoration:none;
}
.mid_services{
	display: block;
	margin: 0 auto;
	font-family:'LeagueGothicRegular',Arial, Verdana, sans-serif;

}
.footer_menu{
	background-image: url(http://images.digitalcraftstudios.com/mail_dotted_bg.png);
	background-repeat: no-repeat;
	height: 270px;
	width: 962px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;

}
.footer_layout{
	width:918px;
	margin-top: 0px;
	height:246px;
	border: 2px dashed #FFFFFF;
	margin-left: 20px;
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
}
.copyright p{
	font-family:Arial, Verdana, sans-serif;
	text-align:center;
	line-height: 2;
	font-weight:bold;
	font-size: 80%;
	position: relative;
	color:#FFFFFF;
}
.copyright iframe{
height: 25px;
border:none;
text-align:center;
margin:0 auto;
}
.follow, .labs, .project_enquiry, .mail_us{
	width:150px;
	float:left;
	border-right: 2px dashed #FFFFFF;
	position: relative;
	margin-top: 20px;
	margin-right: 8px;
	text-align: center;
	height: 210px;
}
.follow ul, .labs ul{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;


}
.follow ul li, .labs ul li{
	list-style-image: url(http://images.digitalcraftstudios.com/follow_list.png);
	list-style-position:inside;
	list-style-type:none;
	padding: 15px 20px;
	font-size: 100%;
	position: relative;

}
.follow ul li a, .labs ul li a, .follow a, .labs a, .project_enquiry a{
	color:#FFFFFF;
	font-family:Arial, Verdana, sans-serif;
	text-decoration: none;
}
.follow ul li a:hover, .labs ul li a:hover{
	color:#FFFFFF;
	text-decoration:  underline;
	padding-left:2px;
}
.follow p, .labs p, .project_enquiry p, .mail_us p{
	padding-left:10px;
	font-weight:normal;
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	font-size: 130%;
	color:#FFFFFF;
}
.project_enquiry{
	width:250px;
}
.mail_us{
	width:300px;
	float: left;
	border:none;
	padding-left: 20px;
}
.mail_us label{
	float:left;
	position: relative;
	visibility:hidden;
	padding-bottom: 3px;
}
.mail_us:hover label{
visibility:visible;
}
.mail_us input, .mail_us textarea{
	padding-left: 5px;
	margin-left: 0px;
	position: relative;
	clear: both;
	width: 75%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	display: block;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	background-color:#202020;
	background-color: rgba(20,20,20, 0.3);
}
#mail_us{
	/*	/*Safari*/
/*-webkit-transform: rotate(-90deg);
*/	/*Firefox*/
/*-moz-transform: rotate(-90deg);
*/	/*Opera*/
/*-o-transform: rotate(-90deg);
*/	/*IE*/
/*writing-mode: tb-rl;
	filter: flipV flipH;
	position: absolute;
	top: 104px;
	left: 75%;*/
	background-image:url(http://images.digitalcraftstudios.com/wish_u_were_here.png);
	font-size: 90%;
	padding: 0;
	margin: 0;
	text-align: center;
	border: none;
	float: left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;/**/
	width: 132px;
	height: 32px;
}
#mail_us:hover{
		/*Safari*/
-webkit-transform: rotate(-5deg);
	/*Firefox*/
-moz-transform: rotate(-5deg);
	/*Opera*/
-o-transform: rotate(-5deg);
}
div.blog_excerpt,div.inside_blog_excerpt{
	margin: 15px 4px;
	padding: 0 8px;
	float:left;
	width: 450px;
	position:relative;
}
div.inside_blog_excerpt{
	width: 300px;
	display:inline;
	margin: 2px 10px;
	padding:0;
	border-bottom:#CCC dotted 1px;
}
.inside_blog_excerpt img {
	padding:5px;
}
.blog_excerpt img{
	float:left;
	position:relative;
	margin: 0px;
	/*-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.05);
	box-shadow: 0 0 2px rgba(0,0,0,0.05);*/
	padding:3px;
}
.blog_excerpt h3, .blog_excerpt h3 a, h2.blog_excerpt, h3.blog_excerpt a,.inside_blog_excerpt h3,h3.inside_blog_excerpt {
	font-family: 'LeagueGothicRegular',Arial, Verdana, Helvetica, sans-serif;
	color:#FF0000;
	font-size: 150%;
	font-weight: normal;
	padding-left: 3px;
	line-height:1;
	position:relative;
	display:block;
	/*clear:both;*/
}
.blog_excerpt h3 span, .inside_blog_excerpt h3 span {
	position:absolute; 
	right:-15px;
	top:12px;
	display:block;
	background-color:#F3F3F3;
	background-color: rgba(200,150,150,0.5); 
	font-size:70%; 
	padding:0 5px;
	margin:0; 
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	color:#333;
	}
	
	
h2.blog_excerpt{
font-size: 195%;
clear:both;
position:relative;
}
.blog_excerpt p, .blog_excerpt p a,p.blog_excerpt, p.blog_excerpt p,.inside_blog_excerpt p{
text-shadow: rgba(66,255,66,0.2) 1px 1px 0;
}
.blog_stats{
	font-size:80%!important;
	font-family:Arial, Verdana, sans-serif;
	padding: 2px;
	font-weight: bold;
}
ul.blog_stats{
list-style:inside;
list-style-image:none;
background-color:#F7F7F7;
background-color: rgba(247,247,247,0.4);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
display:block;
position:relative;
margin-top:-2px;
}
ul.blog_stats li{
color:#B6B6B6;
display:inline;
/*float:left;*/
position:relative;
text-shadow: rgba(255,255,255,0.2) 1px 1px 0;
padding:0;
font-weight:normal;
}
.blog_excerpt span.blog_stats img,span.blog_stats img,.inside_blog_excerpt span.blog_stats img{
	float:none;
	vertical-align: middle;
	padding: 1px;
	margin: 0;
}
.showcase_servicesContainer{
	width: 500px;
	height: 261px;
	margin-left: -30px;

}
.services_pane {
	background-color: #F9FAFB;
	height: 320px;
	width: 268px;
	padding: 3px;
	float: left;
	position: relative;
	z-index: 990;
	margin: 0 3px;
	border: 7px solid #E3DFD6;
	border: 7px solid rgba(227,223,214,0.2);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.services_pane:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
	border: 7px solid #FF5E5E;
	border: 7px solid rgba(255,94,94,0.2);

}
.services_pane h2{
	font-family: 'LeagueGothicRegular', Arial, Verdana, sans-serif;
	color: #000000;
	text-align: center;
	font-weight: normal;
	background-repeat:no-repeat;
	height:35px;
	padding-top: 13px;
	font-size:155%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.85)
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.85)
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.85)

}
.services_pane p{
	text-shadow: rgba(255,255,255,0.2) 1px 1px 0;
	text-align:center;
	height: 270px;
}
.services_pane_img{
/*margin-top: -5px;*/
position:relative;
display:block;
width: 173px;
padding: 27px 29px;
height: 116px;
background-image:url(http://images.digitalcraftstudios.com/services_frame.png);
background-repeat:no-repeat;
background-position:0 0;
margin: 0 auto;
}
#services_1,#labs_1{
background-image:url(http://images.digitalcraftstudios.com/services_1.png);
background-repeat:no-repeat;
background-position:2px bottom;
}
#services_1:hover,#labs_1:hover{
background-image:url(http://images.digitalcraftstudios.com/services_1_hover.png);
}
#services_2,#labs_2{
background-image:url(http://images.digitalcraftstudios.com/services_2.png);
background-repeat:no-repeat;
background-position:2px bottom;
}
#services_2:hover,#labs_2:hover{
background-image:url(http://images.digitalcraftstudios.com/services_2_hover.png);
}
#services_3,#labs_3{
	background-image:url(http://images.digitalcraftstudios.com/services_3.png);
	background-repeat:no-repeat;
	background-position:2px bottom;
}
#services_3:hover,#labs_3:hover{
	background-image:url(http://images.digitalcraftstudios.com/services_3_hover.png);
	background-position: 2px bottom;
}
.dotted_right{
border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;	
}
div.search_results{
position:relative;
background-color:#FFF;
}
div.search_results span{
float:right;
display:block;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#06F;
top:0;
right:0;
padding:4px;
}
div.search_results ul{
position:absolute;
top:10px;
right:0;
border: 1px #F93 solid;
width:100%;
background-color:#FFF;
}
div.search_results ul li{
	display:block;
	line-height:2.5;
	padding:5px;
	/*border-bottom:#F4F4F4 1px dotted;*/
}
div.search_results ul li a{
	
}
.wf-LeagueGothicRegular-n4-loading { 
    font-family: 'arial narrow',arial, sans-serif; 
}
.wf-LeagueGothicRegular-n4-loading { 
    font-family: 'arial narrow',arial, sans-serif; 
}
.numero{
	background-color: #A83600;
color: #FFFFFF;
font-family: 'LeagueGothicRegular',Arial,Verdana,sans-serif;
font-size: 120%;
/*font-weight: bold;*/
margin-left: -20px;
padding: 2px 5px;
}
/*facebook like box customization- thanks to Chris Spooner*/
.fan_box .full_widget {
	background: none; border: none;
	margin-left:10px;
}
.fan_box .connections_grid .grid_item {
	padding: 0 2px 5px 2px;
	width:40px;
}
/*	.fan_box .connections_grid .grid_item a img {
		box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333;
	}
		.fan_box .connections_grid .grid_item a:hover img {
			box-shadow: 0px 3px 10px #333; -moz-box-shadow: 0px 3px 10px #333; -webkit-box-shadow: 0px 3px 10px #333;
		}*/
.fan_box .full_widget .connect_top {
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding:5px 3px 4px;
}
.fan_box .connections .connections_grid {
	padding-top:6px;
}
.fan_box .connections {
	border-top: none;
	padding:2px 0 0;
	color: #ccc;
	font-family: 'LeagueGothicRegular',Arial,Verdana,sans-serif;
	font-size: 120%;
	text-align: center;
	text-shadow: rgba(66,255,66,0.05) 1px 1px 0;
color:#333
}
	.fan_box .connections span.total {
		color: rgb(66,255,66);
		text-shadow: rgba(66,255,66,0.05) 1px 1px 0;
		font-size: 80%;
	}

.fan_box .connections_grid .grid_item .name {
	color: #ccc;
}
.fan_box .profileimage {
	margin: 0;
}
/*end facebook*/
#steve{
	background-color: #000;
	height: 25px;
	margin: -2px 0 0;
	padding: 5px 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	}
#steve a{
color:#FFF;	
}
#steve a span{
	font-size:120%;
}
#steve a:hover{
text-decoration: none;	
}