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

/* Filthy Hacks Section */

html {overflow-y: scroll;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.nodisp {margin-left:-5000px;}

body {
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#fff;
	background:#000 url('if/bg_wood.jpg') top center no-repeat;
	text-align:center;
	text-shadow:0 1px 1px #000;
}

p {
	margin:1em 1em;
	line-height:1.5em;
}

p.email {
	font-size:96%;
}

p.email span {
	font-size:66%;
}

h2 {
	margin:0.2em 0 1em 0;
	font-size:180%;
	color:#fff;
}


h3 {
	margin:0.5em;
	font-size:200%;
	color:#fff;
}

h4 {
	margin:0.5em;
	font-size:160%;
	color:#003b54;
}

h5 {
	margin:0.5em;
	font-size:160%;
	color:#003b54;
}

address {
	font-style:normal;
	margin:0.8em;
	line-height:1.3em;
}

a {
	color:#464646;
	text-decoration:underline;
}

a:visited {
	color:#777;
}

a:hover, a:active, a:focus {
	color:red;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      Corners                                      */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.all_corners {
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius : 40x;
}

.all_corners_20 {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius : 20x;
}

.no_corners {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius : 0;
}

.top_corners {
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-moz-border-radius-topleft :  5px; 
	-moz-border-radius-topright :  5px; 
	-webkit-border-bottom-left-radius : 0;
	-webkit-border-bottom-right-radius : 0;
	-moz-border-radius-bottomleft :  0; 
	-moz-border-radius-bottomright :  0; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
}

.bottom_corners {
	-webkit-border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-moz-border-radius-bottomleft :  5px; 
	-moz-border-radius-bottomright :  5px; 
	-webkit-border-top-left-radius : 0;
	-webkit-border-top-right-radius : 0;
	-moz-border-radius-topleft :  0; 
	-moz-border-radius-topright :  0; 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      Tooltips                                     */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.tooltip {
	display:none;
	background-color:#e40000;
	font-size:16px;
	
	width:160px;
	color:#fff;	
	z-index:501;
	background-image : -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgb(174,0,19)),
    color-stop(0.5, rgb(216,0,24))
	);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius : 20x;
	padding:0.5em;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      wrapper                                      */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.wrapper {
	width:968px;
	margin:0 auto;
	position:relative;
	z-index:99;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      logo                                         */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.header {

}

.logo {
	display:block;
	background:transparent url('if/tult_logo.png') no-repeat left top;
	height:169px;
	width:193px;
	float:left;
}

.logo h1, .tult_words h2 {
	visibility:hidden;	
}

.tult_words {
	display:block;
	background:transparent url('if/tult_words.png') no-repeat left top;
	height:115px;
	width:398px;
	float:right;
	margin-top:27px;
}

.top_butts {
	clear:both;
	margin-bottom:20px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      CV STuff                                     */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

a.cv {
	float:right;
	display:block;
	width:166px;
	height:26px;
	font-size:20px;
	color:#fff;
	background-color:#d10017;
	text-decoration:none;
	margin-top:-30px;
	text-align:right;
	padding-top:3px;
	padding-right:10px;
	letter-spacing:4px;
	margin-right:14px;
	background-image : -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgb(174,0,19)),
    color-stop(0.5, rgb(216,0,24))
	);
}

.cv_container {
	text-align:left	;
	margin-top:-20px;
	display:none;
	background-color:#333;
	clear:both;
	padding:10px;
	background-color: rgba(255,0,0,.5); 
	border:8px solid rgba(133,0,0,.5);
}






/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      best bits ul li's                            */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.best, .current_work, older_work {
	clear:both;	
	margin:0 auto;
	text-align:left;
}

.best {
	margin-top:10px;
}

.best_bits {
		
}

.best_bits li {
		
}

ul.best_bits li a{
	display:block;
	float:left;
	height:208px;
	width:227px;
	margin:0 0 14px 14px;
	text-decoration:none;
	position:relative;
	-webkit-box-shadow: 0px 0px 14px #000 ;
	-moz-box-shadow: 0px 0px 14px #000 ;
	box-shadow: 0px 0px 14px #000; 
}

ul.best_bits li a span {
	visibility:hidden;	
}

ul.best_bits li a.ncc {
	background:transparent url('if/icons/ico_ncc.jpg') no-repeat left top;
}

ul.best_bits li a.coll {
	background:transparent url('if/icons/ico_coll.jpg') no-repeat left top;
}

ul.best_bits li a.scotswood {
	background:transparent url('if/icons/ico_scotswood.jpg') no-repeat left top;
}

ul.best_bits li a.river {
	background:transparent url('if/icons/ico_river.jpg') no-repeat left top;
}

ul.best_bits li a.leisure {
	background:transparent url('if/icons/ico_leisure.jpg') no-repeat left top;
}

ul.best_bits li a.holocaust {
	background:transparent url('if/icons/ico_holocaust.jpg') no-repeat left top;
}

ul.best_bits li a.hods {
	background:transparent url('if/icons/ico_hods.jpg') no-repeat left top;
}

ul.best_bits li a.vhc {
	background:transparent url('if/icons/ico_vhc.jpg') no-repeat left top;
}

ul.best_bits li a.jsna {
	background:transparent url('if/icons/ico_jsna.jpg') no-repeat left top;
}

ul.best_bits li a.cityhall {
	background:transparent url('if/icons/ico_cityhall.jpg') no-repeat left top;
}

ul.best_bits li a.sd {
	background:transparent url('if/icons/ico_sd.jpg') no-repeat left top;
}

ul.best_bits li a.umpteen {
	background:transparent url('if/icons/ico_umpteen.jpg') no-repeat left top;
}

ul.best_bits li a.cs {
	background:transparent url('if/icons/ico_cs.jpg') no-repeat left top;
}

ul.best_bits li a.meadow {
	background:transparent url('if/icons/ico_meadow.jpg') no-repeat left top;
}

ul.best_bits li a.library {
	background:transparent url('if/icons/ico_library.jpg') no-repeat left top;
}

ul.best_bits li a.udecide {
	background:transparent url('if/icons/ico_udecide.jpg') no-repeat left top;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      photos                                          */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

ul.photos li a{
	display:block;
	float:left;
	height:104px;
	width:104px;
	margin:0 0 14px 14px;
	text-decoration:none;
	position:relative;
	-webkit-box-shadow: 0px 0px 14px #000 ;
	-moz-box-shadow: 0px 0px 14px #000 ;
	box-shadow: 0px 0px 14px #000; 
}

ul.photos li a span {
	visibility:hidden;	
}

ul.photos li a.bee {
	background:transparent url('if/icons/ico_bee.jpg') no-repeat left top;
}

ul.photos li a.erin {
	background:transparent url('if/icons/ico_erin.jpg') no-repeat -30px -40px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*      Me                                           */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.me {
	background:transparent url('if/me.png') no-repeat left top;
	height:287px;
	width:362px;
	bottom:-1px;
	position:fixed;
		z-index:1;
}