* {outline: 0; padding: 0; margin: 0; border: 0;}
/*------------------------------
SETUP
------------------------------*/
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/* Body */
body {
	padding:0;
	margin:0;
	height: 100%; 
	text-align: left;
	font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;
	font-size: 15px;
	color: #fff;
	background:#000 url('images/bg.png') repeat;
}
/* Content Wrap */
#wrap {
	position: absolute;
	width: 960px;

	margin: 0 200px;
	background-color: #050505;
}
@font-face {
	font-family: 'MyUnderwoodRegular';
	src: url('font/MyUnderwood-webfont.eot');
	src: local('?'), url('font/MyUnderwood-webfont.woff') format('woff'), url('font/MyUnderwood-webfont.ttf') format('truetype'), url('font/MyUnderwood-webfont.svg#webfontZAMwgJ6A') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Headings */
h1 {font-size: 35px;}
h2  {font-size: 28px;}	
h3  {font-size: 18px;}
h1, h2, h3{
	color: #cc0033;
	font-weight: 400;
	line-height: 1.1;
	font-family: MyUnderwoodRegular, Helvetica, Arial, sans-serif;
}
/* Anchors */
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #777;
	padding: 0 1px;
	text-decoration: none;
}
a:hover, a:active {
	color: #810021;
	text-decoration: none;
	text-shadow: 1px 1px 1px #cc0033;
}
/* Paragraphs */
p {margin-bottom: 22px;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold; color: #cc0033;}
em, i {font-style: italic;}
/* img */
.floatleft {float:left; margin-top:2px; margin-right:10px; margin-bottom:2px;}
/*------------------------------
No Script
------------------------------*/
noscript {
margin: 0 200px;
height: 50px;
background: #cc0033;
}
/*------------------------------
header
------------------------------*/
header {
position: relative;
width: 960px;
height: 277px;
padding-bottom: 60px;
background:#050505 url('images/hbg.png') no-repeat;
}
/*------------------------------
Twitter
------------------------------*/
#twitter {position: absolute; top: 50px; right:210px;}
#twitter_div {width: 175px; font-size: 13px; color: #000;}
#twitter_div li {line-height: 1em;list-style-type: none;}
#twitter_div a {text-decoration: none; color: #cc0033;} 
/*------------------------------
Menu
------------------------------*/
nav {
	position: relative;
	left: 0;
	top: 230px;
	width: 100%;
}
nav ul {
	margin: 0 100px;
	width: 960px;
	list-style: none;
}
nav ul li {
	float: left;
}
nav ul li a {
	display: block;
	margin-right: 30px;
	width: 120px;
	font-family: MyUnderwoodRegular, Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 44px;
	text-align: center;
	text-decoration: none;
	}
 nav ul li a:link, nav ul li a:visited{
	color: #fff;
}
 nav ul li a:hover, nav ul li a:active  {
	color: #000;
}
/*------------------------------
Intro
------------------------------*/
#intro{
position: relative;
width: 80%;
left: 75px;
font-size: 16px;
}		
/*------------------------------
Featured Content
------------------------------*/
#proj{
position: relative;
top: 50px;
left: 10px;
padding:60px;
clear: both;
}
/*------------------------------
About 
------------------------------*/
#bio{
position: relative;
width: 100%;
left: 75px;
bottom: 15px;
}
#res {
clear: both;
margin: 25px 75px;
}
#res p{
text-align: center;
margin: 25px 10px;
}

.b1, .b3 {
width: 50%;
position: relative;
float: left; 
}
.b2, .b4 {
width: 49%;
position: relative;
float: right; 
}
/*------------------------------
Portfolio/Gallery
------------------------------*/
.thumbnails a{
display: block;
float: left;
margin: 4px;
}
.thumbnails a img{ 
border: solid 1px #cc0033; 
}
.thumbnails a:hover img{ 
border: solid 1px #fff 
}
#sites{
position: relative;
width: 80%;
left: 75px;
clear: both;
}
#clips{
position: relative;
margin-top: 250px;
clear: both;
left: 75px;
}
#pic{
position: relative;
width: 80%;
top: 25px;
clear: both;
left: 75px;
}
/*------------------------------
Contact
------------------------------*/
#emwrap {
width: 80%;
margin: 0 0 0 500px;
}
.formlb {
font-family: MyUnderwoodRegular, Helvetica, Arial, sans-serif;
font-size: 25px;
color: #cc0033;
margin-bottom:5px;
}
.formip input { 
width:250px;
height:25px;
margin-bottom:5px;
}
.formip textarea { 
width:350px;
height:150px;
}
.formbu {
position:relative;
display:inline;
text-align:center;
left:235px;
top:5px;
}
#conpic {
position: absolute;
margin: auto 50px;
}
/*------------------------------
Footer
------------------------------*/
footer {
position: relative;
width: 100%;
height: 50px;
top: 50px;
bottom: 0;
background: #282828;
clear: both;
}
footer p{
margin: 10px;
padding: 5px 10px;
}
.sm {
float: right;
position: relative;
}