/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.

This CSS Stylesheet and attached Web-Site was created

by Daniel Regan, Creative Director for Bearfoot.

Email: is daniel@bearfootstudio.com

URL: www.bearfootstudio.com

-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/



/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.

CSS 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, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.

Backgrounds and Layout Info 

-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/



body{

background: #000 url(../images/test_bg.jpg) fixed bottom no-repeat;

}



#branding{

text-align:center; margin:0 auto; }



#promo_copy{

text-align:center; margin:0px auto;}



#header{

height:143px; width:1700px; position:absolute; top:0px; left:0px; background: #000000 url(../images/header_bg.png) no-repeat top;}



#wrapper{

background:  url(../images/content_bg.png) repeat-y center; margin:143px auto 0; color:#464646; top:0px; height:100%; width:625px;

overflow: hidden; font-family:verdana, Helvetica, sans-serif; font-size:80%; font-variant: small-caps; line-height:18px;}



#about_copy{

margin:0 0 0 70px; width:375px;}



#port_holder{

margin:0 auto 20px 0; position:relative; width:625px;}



.port_image{

margin:0px 0 0 50px; font-variant:normal; font-size:80%;}
.port_image img{
float:left;}


.port_left{
clear:both;
width:350px; float:left;

}

.port_right{

width:150px; float:left; margin: 0 10px 0 30px;}



#footer{

margin:60px 0 25px 50px; float:left;}



#footer p{

width:500px; float:left; font-variant:normal; font-size:80%; margin:10px 0 0 12px;}



#rightFooter{

width:230px; text-align:right; float:left; margin:30px 0 0 50px;}



li{

float:left; margin:0 40px 0 0;}



li#first_list{

margin:0px 40px 0 5px;}



li#last_list{

margin:0;}

.awards li
{margin:5px 0 0 10px;
}

/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.

Typography 

-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

h1, h2, h3{

text-indent:-9999px; font-size:3px;}



#about_copy p, #about_copy a:link{

margin: 0 10px 20px; 0}



#about_copy a:link{



text-align:right;

display:block;}



strong{

font-weight:600; color:#957d64;}



.port_right p{

margin:0 20px 0 0;}



a:link, a:visited{

color:#311402}



.port_image p, .port_right p, .port_left p, .profile p{

font-style:normal; margin:5px 0 0 10px;}



/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.

 Imagery 

-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/



#promo_copy img{

border:none; margin:0 auto;}

#branding img{

border:none; margin:0 auto;}

.bracket_left{

float:left; margin: 0 60px 200px 0;}

.about_header{

margin-bottom:20px;}

#bracket2{

float:right; margin:-145px -50px 20px 0;



}

.port{

margin: 50px 0 5px 0; border:5px #c3bfb6 solid;}