@font-face {
    font-family: ChunkFiveRegular;
    src: url('../fonts/Chunkfive-webfont.eot?') format('eot'),
         url('../fonts/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/Chunkfive-webfont.svg#webfontbMWZ83oH') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Journal;
    src: url('../fonts/journal-webfont.eot?') format('eot'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#webfontbMWZ83oH') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*RESET*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}


/*BODY*/

body{
	background:#171819 url(../images/back_home.jpg) repeat-x 0 0;
	font:normal 67.5%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ccc;
	overflow-x:hidden;
}

body#home{
	background:#171819 url(../images/back_home_clouds.jpg) repeat-x 50% 0;
}

.container{
	width:938px;
	margin:0 auto;
	font-size:1.3em;
}


/*CORE*/

h1{font: normal 2.2em 'ChunkFiveRegular', Georgia, Palatino, Times New Roman, serif;line-height:1.3em;color:#fff;margin-bottom:25px;text-shadow:5px 5px 5px #000;}
#home h1{font: normal 3.3em 'ChunkFiveRegular', Georgia, Palatino, Times New Roman, serif;line-height:1.3em;color:#fff;text-shadow:5px 5px 5px #000;}
h2{font-size:1.4em;color:#fff;text-shadow:3px 3px 3px #000;margin-bottom:20px;}
h3{font-size:1.4em;color:#000;}
h4{font-size:0.8em;margin-bottom:10px;text-transform:uppercase;}
a{text-decoration:none;color:#bc9f00;}
a:hover{text-decoration:underline;}
p{margin-bottom:20px;}
strong{font-weight:bold;color:#eee;}
strong.nobold{font-weight:normal;}
small{font-size:0.9em;}
.helper{font:normal 2.6em/1 'Journal', arial, sans-serif;text-transform:none;text-shadow:none;}
.clear{clear:both;}
.right{float:right;}
.colour{color:#bc9f00;}
.strike{text-decoration: line-through;color:#888;}
.hrule{background:#292a2b;height:1px;border-top:1px solid #000;margin:30px 0;clear:both;display:block;}
.hrule_light{background:#292a2b;height:1px;display:block;}
.hrule_dark{background:#000;height:1px;display:block;}
.designer{color:#d20e0e;}
.list li{padding:0 0 0 17px;margin:0 0 14px 0;border-left:3px solid #bc9f00;}
li.border2{border-left:5px solid #bc9f00;}
li.border3{border-left:7px solid #bc9f00;}
li.border4{border-left:9px solid #bc9f00;}

/*THE GRID*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, 
.grid10, .grid11{float:left;margin-left:50px;display:inline;}
.grid1{width:54px;}
.grid2{width:138px;}
.grid3{width:222px;}
.grid4{width:278px;}
.grid5{width:330px;}
.grid6{width:474px;}
.grid7{width:558px;}
.grid8{width:596px;}
.grid9{width:666px;}
.grid10{width:810px;}
.grid11{width:894px;}
.first{margin-left:0;clear:left;}


/*HEADER*/

header{
	position:relative;
	height:80px;
	background:url(../images/black_50.png) repeat 0 0;
}

header #logo{
	width:145px;
	height:80px;
	margin-left:20px;
}

nav{
	position:absolute;
	right:30px;
	top:0;
}

nav li{
	display:inline-block;
	margin-left:10px;
	height:80px;
	line-height:80px;
	font-size:1.1em;
}

nav li a{
	color:#999;
	text-transform:uppercase;
	padding:10px 15px;
	background:transparent;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: #222 0px 1px 0px;
	-moz-box-shadow: #222 0px 1px 0px;
	-webkit-box-shadow: #222 0px 1px 0px;
}

nav li a:hover, nav li.active a{
	color:#fff;
	text-decoration:none;
}

nav li.active a{
	background:url(../images/black_50.png) repeat 0 0;
}


/*SHOWCASE*/

#showcase{
	position:relative;
	height:490px;
	padding-top:95px;
	border-bottom:1px solid #000;
}

#showcase h1{
	width:485px;
	margin-bottom:30px;
	position:relative;
	z-index:10;
}

#showcase p{
	width:430px;
	font-size:1.2em;
	margin-bottom:30px;
}

#showcase .helper{
	position:absolute;
	left:290px;
	top:400px;
	width:200px;
	z-index:10;
}

#showcase #arrow{
	position:absolute;
	left:460px;
	top:490px;
	width:77px;
	height:13px;
	background:url(../images/home_arrow.png) no-repeat 0 0;
	z-index:10;
}

#but_home_portfolio a, #but_home_about a{
	height:46px;
	width:214px;
	display:block;
	text-indent:-99999px;
}

#but_home_portfolio a{
	background:url(../images/but_home_portfolio.png) no-repeat 0 0;
	margin-bottom:15px;
}

#but_home_about a{
	background:url(../images/but_home_about.png) no-repeat 0 0;
}

#but_home_portfolio a:hover, #but_home_about a:hover{
	background-position:0 -46px;
}

#home_social{
	margin-top:30px;
}

#iceberg{
	position:absolute;
	top:0;
	right:0;
	width:300px;
	height:370px;
	padding:225px 0 0 190px;
	background:url(../images/iceberg2a.jpg) no-repeat 0 0;
}

#iceberg h3{
	text-transform:uppercase;
	color:#fff;
	font-size:0.8em;
}

h3.surface{
	position:absolute;
	top:80px;
	left:200px;
}

h3.deep{
	position:absolute;
	bottom:85px;
	left:215px;
}

#iceberg ul{
	font-size:0.9em;
	margin-bottom:17px;
}

#iceberg li{
	padding-bottom:1px;
}

#iceberg ul.surface{
	color:#444;
}

#iceberg ul.deep{
	color:#e5e5e5;
}


/*HOME*/




/*MAIN*/


#content{
	padding:40px 0 60px 0;
}

#content a{

}

#content ul{
	margin-bottom:20px;
}

#page_name{
	height:80px;
	background:url(../images/black_50.png) repeat 0 0;
	border-bottom:1px solid #000;
	font-size:1em;
	text-transform:uppercase;
}

#page_name ul{
	display:block;
	width:938px;
	margin:0 auto;
	line-height:80px;
}

#about #page_name ul{
	background:url(../images/page_name_about.gif) no-repeat 200px 1px;
}

#portfolio #page_name ul{
	background:url(../images/page_name_portfolio.gif) no-repeat 280px 0;
}

#page_name li{
	display:inline;
	color:#aaa;
	padding:0 10px 0 0;
}

#page_name li.seperator{
	font-size:1.4em;
}

#page_name li a{
	color:#aaa;
}

#page_name li a:hover{
	color:#fff;
	text-decoration:none;
}

#page_name li strong{
	color:#fff;
}

#portfolio #content .grid5{
	padding:30px 0 0 0;
}

#portfolio #content .grid7{
	
}

#portfolio #content .grid7 img {
	margin-bottom: 30px;
}

.keywords{
	font-style:italic;
	color:#aaa;
}

footer{
	padding:40px 0;
	background:url(../images/black_50.png) repeat 0 0;
	font-size:0.9em;
	color:#777;
	border-top:1px solid #222323;
}

footer a{
	color:#ddd;
}

footer ul li{
	display:inline;
	padding-right:15px;
}

footer p{
	margin:0;
}

#contact_details{
	font-family:'ChunkFiveRegular', Georgia, Palatino, Times New Roman, serif;
	font-size:3em;
}

#contact_details span{
	font-family: 'Helvetica', Arial, sans-serif;
}

#contact iframe{
	margin-top:30px;
}

#contact .helper{
	height:20px;
	padding:20px 0 0 70px;
	margin:0 0 0 -40px;
	background:url(../images/contact_arrow.gif) no-repeat 0 20px;
}


#specs{clear:both;width:292px;border:1px solid #222;margin-top:20px;}
.specs-name{padding:5px;width:184px;font-size:0.9em;line-height:1.2em;}
.specs-no{padding:5px;width:90px;}
.specs-1 .specs-name{background:url(../images/black_50.png) repeat 0 0;}
.specs-1 .specs-no{background:url(../images/black_50.png) repeat 0 0;}
.specs-2 .specs-name{background:url(../images/black_25.png) repeat 0 0;}
.specs-2 .specs-no{background:url(../images/black_25.png) repeat 0 0;}


/*FLICKR*/

#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {}
.flickr_badge_image {margin:0 8px 0 0;float:left;}
#flickr_badge_image7{margin:0;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left;}
#flickr_www {display:block; padding:0 10px 0 10px !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important;}


#prefooter{
	background:url(../images/black_25.png) repeat 0 0;
	padding:30px 0;
	border-top:1px solid #292a2b;
	border-bottom:1px solid #000;
}

#prefooter h4 a{
	color:#ccc;
	text-transform: none;
}

blockquote{
	padding:20px 20px 40px 20px;
	font-size:0.9em;
	color:#999;
	background:#0a0b0b url(../images/quote.gif) no-repeat 0 bottom;
}

.quote-by{
	margin:4px 0 0 0;
	font-style:italic;
}

#tweet_philthdesign{
	background:#0a0b0b;
	padding:15px;	
	font-size:0.9em;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: #222 0px 1px 0px;
	-moz-box-shadow: #222 0px 1px 0px;
	-webkit-box-shadow: #222 0px 1px 0px;
}

.color_twitter{
	color:#57d5ff;
}

.color_flick{
	color:#3993ff;
}

.color_r{
	color:#ff1c92;
}