/*
	{ Project Name }
	----------------------------------------------
	Designed and coded by Ben Swift (TwinCircuits)
	----------------------------------------------
*/

* { border: none; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; }

html { height: 100.01%; }
body { background: #FFFFFF url(/bg.jpg) repeat fixed; font: 14px/20px Arial, Helvetica, sans-serif; color: #999; }

p { padding-bottom: 14px; }

a { color: #999; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #cf6; }
a:hover { text-decoration: none; color: #666; }
a:active { text-decoration: none; }

h1 { display: block; position: relative; height: 72px; overflow: hidden; }
	h1 a { background: url(imgs/logo.png) no-repeat right top; width: 267px; display: block; line-height: 2000px; overflow: hidden; height: 42px; }
h2 { font: lighter 24px/40px "Myriad Pro", "Myriad Web", Myriad, sans-serif; color: #333; }
	h2 .dot { color: #999; }

div#wrapper { width: 770px; position: relative; margin: 0 auto; }
div#content { width: 438px; background: url(imgs/content.gif) repeat-y left top; padding: 50px 20px; }
div#right { position: fixed; width: 292px; margin-left: 478px; top: 50px; }

ul#nav { display: block; position: relative; }
	ul#nav li { position: relative; margin-left: -3px; padding-bottom: 3px; margin-bottom: 10px; }
	ul#nav li a { display: block; padding: 10px; width: 247px; font: bold 24px Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 rgba(0,0,0,0.3); color: #f5f5f5; text-align: right; letter-spacing: -1.5px; text-transform: lowercase; }
		ul#nav li#home a { background: #bfd730; }
		ul#nav li#work a { background: #3bc0c6; }
		ul#nav li#contact a { background: #ed1888; }
	ul#nav li a:hover { color: #fff; }
	ul#nav li img { position: absolute; left: 0; bottom: 0; }
	
p.latest { position: relative; width: 422px; height: 220px; }
	.strip { position: absolute; right: -1px; top: -1px; }
	p.latest a { background: #999; color: #fff; padding: 10px; margin-left: 2px; display: block; position: absolute; right: 0; top: 170px; }
	p.latest a.another { right: 77px; }
		p.latest a:hover { background: #666; }
	p.latest strong { padding: 12px 0; display: block; }
	
.tabs { display: block; height: 300spx; }
.tabs div { padding: 10px 10px 10px 120px; background: #eee; height: 180px; overflow-y: scroll; }
ul.tabNavigation { display: block; clear: both; height: 40px; }
	ul.tabNavigation li { display: inline; float: left; }
	ul.tabNavigation a { background: #fff; color: #666; display: block; float: left; padding: 10px; }
		ul.tabNavigation a.selected { background: #eee; }

p#footer { border-top: 30px solid #fff; clear: both; }

label { cursor: pointer; padding: 8px; font-size: 16px; font-weight: bold; display: block; }
input, textarea { display: block; width: 400px; padding: 10px; border: 1px solid #ccc; font: 16px Georgia, "Times New Roman", Times, serif; color: #666; }
	input:hover, textarea:hover { border: 1px solid #ccc; }
	input:focus, textarea:focus { background: #ffc; border: 1px solid #aa9; }
textarea { margin-bottom: 10px; }
input.button { background: #ed1888; position: absolute; left: -2px; width: 482px; border: none; color: #fff; font: 22px "Helvetica Neue", Arial, Helvetica, sans-serif; }
.info_fieldset { padding-bottom: 60px; }

.content { background: #f5f5f5; padding: 10px; }
.content img { display: block; float: left; margin: 0 10px 10px 0; }

.more { display: block; }
	.more li { display: block; float: left; margin: 0 2px 10px 0; }
	.more li a { display: block; height: 80px; width: 80px; padding: 1px; border: 1px solid; }

.green { color: #bfd730; }
.blue { color: #3bc0c6; }
.pink { color: #ed1888; }