/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
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;
}

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: black;
}

ol, ul {
list-style: none;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Times";
}

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: "" "";
}

a:link, a, a:hover, a:visited{
text-decoration:none;
color:#4d351c;
}

a:hover{
text-decoration:underline;
color:#4d351c;
}

/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Layout Information
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

#wrapper{

margin:0 auto;
width:100%;
height:100%;
}

#header{
height:172px;
width:100%;
background:url(images/header_bg.jpg) repeat-x;
}



#header_content{

width:100%;
margin:0 auto;
height:172px;
background:url(images/header_main.jpg) center no-repeat;
}

#green_content{
width:100%;
background:url(images/green_background.jpg);
}



#content_wrapper, 
#page_wrapper{
position:absolute;
width:100%;
}

#content_wrapper{
top:475px;
}

#page_wrapper{
top:260px;
}

#main_image, 
#main_header{
width:938px;
display:block;
background-color:#fff;
height:375px;
margin:0 auto;

}


.white_block{
width:940px;
margin:0 auto;
height:100%;
background-color:#fff;
}

#main_header{
height:150px;
}


#main_content{
width:100%;
margin-top:-15px;
background:url(images/content_bg.jpg) center;
}

#green_rip{
width:100%;
height:113px;
background:url(images/cardboard_copy.png) repeat-x;
}

#body_content_bg{
width:100%;
height:500px;
margin:0 auto;
background:url(images/content_main_lq.jpg) center no-repeat;
}

#page_content_bg{
width:938px;
margin:0 auto; 
background: #fff;
-moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
}

#body_content, 
#body_content_interior{
width:857px;
margin:0 auto;
}

#body_content_interior{
}



#bodycol_1{
width:260px;
float:left;
margin:45px 10px 0 0;
}

#page_content{
color:#4d351c;
width:830px;
padding:20px 40px 0 40px;
position:relative;
top:-110px;
}

#bodycol_2{
width:235px;
margin:45px 15px 25px 40px;
float:left;
}

#bodycol_3{
width:235px;
float:left;
margin:45px 0 25px 48px;
}

.column_center{
margin:0 auto;
}

#page_content .port_content{
background: #fff;
padding:0 0px 0 35px;
}

.clear{
clear:both;
}

#page_content .about_content{
background: #fff url(images/port_bg.jpg) 560px 5px no-repeat;
padding:0 0 0 35px;
}

#footer{
height:415px;
clear:both;
background: #f7dad4 url(images/footer_bg.jpg) bottom center repeat-x;
}

#main_nav{
position:relative;
margin:0 auto;
top:120px;
left:-230px;
width:450px;
display:block;
}

.thumb, .thumb2{

margin:0 0 100px 0;
}

.thumb{
}

.thumb2{
float:right;
}	


#footer_container{
width:930px;
margin:0 auto;
}

#footer_style{
padding:100px 0 0 0;
}

#footer_social{
width:500px;
clear:both;
margin:30px 0 0 0;
background:url(images/social_main.png) no-repeat;
float:left;
}

#footer_right{
width:400px;
float:right;
}

#sidebar{
float:right;
width:330px;
margin:0 70px 0 10px;
}

#sidebar ul{
margin:0 0 30px 0;}

#sidebar ul li{height:25px;}
#sidebar h4{margin-bottom:10px;}

.about_1{
background:url(images/sidebar.jpg) no-repeat;
height:145px;
}.about_content{width:900px;}

.about_2{
background:url(images/sidebar2.jpg) no-repeat;
height:200px;}



/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Typography / Links / Lists
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

h1, 
h2{
text-indent:-9999px;
}

#main_twitter{
color:#4d351c;
font-size:14px;
font-family:"Franklin Gothic Book", "Franklin Gothic Medium", "Times";
display:block;
background:url(images/main_twitter.jpg) no-repeat;
padding-left:50px;
margin:5px;
}

#page_content p{
margin:20px 0;
width:400px;
}


.interior_header{
margin:0 0 0 70px;}

#main_nav li{
float:left;
color:#4d351c;
font-size:20px;
font-family:"Franklin Gothic Book", "Franklin Gothic Medium", "Times";	
font-weight:800;
}

#page_content .port_content h4{
margin:0 0 0 15px;
}

#page_content .port_content p{
width:700px;
padding:20px 0 0 0;
clear:both;
}

#sidebar h4{
}

#sidebar ul{
font-family:"Franklin Gothic Book", "Franklin Gothic Medium", "Times";	
font-size:14px;
}

.footer_nav{
float:right;
}

#footer .footer_nav li{
color:#4d351c;
font-size:18px;
margin:0 5px 0 0;
float:left;
line-height:24px;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Times";
font-weight:600;}

#main_nav ul{
margin-left:-10px;
}

.footer_list{
clear:both;
color:#4d351c;
font-size:14px;
line-height:24px;
text-align:right;
margin:0 5px 0 0;

}

#page_content h3{
font-size:24px;
font-weight:600;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Times";
}

#page_content h4{
font-size:18px;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Times";
}



a.logo_link{
width:420px; 
height:40px;
top:100px;
left:260px;
margin:0 auto;
position:relative; 
display:block;
}

#main_content p{
color:#4d351c;
font-size:14px;
font-family:"Franklin Gothic Book", "Franklin Gothic Medium", "Times";
line-height:24px;
}

#bodycol_2 p{
color:#dfe2c0;
}

h5{

width:93px;
height:23px;
left:150px;
position:relative;
font-size:14px;
padding:4px 0 0 7px;
background:url(images/content_readmore_yellow.jpg) no-repeat;
font-weight:normal;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Tahoma";
}

.brown{
background:url(images/content_readmore_brown.jpg) no-repeat;
}

.readmore_style{
top:83px;
left:-85px;
font-weight:normal;
font-size:14px;
position:relative;
font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Times";

}



h5 a:active{
font-weight:600;
}

#footer_social li{
float:left;
}



a.twitter_link{
width:79px; 
height:82px;
display:block;
}

a.facebook_link{
width:79px; 
height:82px;
display:block;
}

a.rss_link{
width:79px; 
height:82px;
display:block;
}

a.stumbleupon_link{
width:79px; 
height:82px;
display:block;
}

a.linkedin_link{
width:79px; 
height:82px;
display:block;
}



a#style_link{
width:373px; 
height:106px;
position:relative; 
display:block;
float:left;
background:url(images/footer_style.jpg) no-repeat;
}

a.rss_link:hover{
width:79px; 
height:82px;
position:relative; 
display:block;
}

a.twitter_link:hover{
width:79px; 
height:82px;
position:relative; 
display:block;
}



.nav_home, 
.nav_work, 
.nav_who, 
#nav_contact, 
.nav_blog{
	display:block;
	width:80px;
	height:21px;
	background:url(images/nav_main.jpg) 0px -33px no-repeat;
}



a:hover.nav_home{
background:url(images/nav_main.jpg) 0 -2px no-repeat;
}

.nav_work{
background:url(images/nav_main.jpg) -80px -33px no-repeat;
}

a:hover.nav_work{
background:url(images/nav_main.jpg) -80px -2px no-repeat;
}

.nav_who{
background:url(images/nav_main.jpg) -160px -33px no-repeat;
}

a:hover.nav_who{
background:url(images/nav_main.jpg) -160px -2px no-repeat;
}

#nav_contact{
background:url(images/nav_main.jpg) -240px -33px no-repeat;
}

a:hover#nav_contact{
background:url(images/nav_main.jpg) -240px -2px no-repeat;

}

.nav_blog{
background:url(images/nav_main.jpg) -320px -33px no-repeat;

}

a:hover.nav_blog{
background:url(images/nav_main.jpg) -320px -2px no-repeat;
}

.thumb ul, .thumb2 ul{
width:250px;
clear:both;
}
.thumb li, .thumb2 li{
font-size:14px;
margin:5px 5px 3px 0px;
float:left;
}
.client, .type{
font-weight:bold; padding:0;
width:50px;}



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

Imagery

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

#main_image img{
margin:0 0 0 20px;
}

#page_content .port{
margin:0;
clear:both;
}


.blogimg{margin:30px 0 0 0;}
#bodycol_1 img, 
#bodycol_2 img, 
#bodycol_3 img{
margin:0 auto;
display:block;
}
#right img{
margin:0 0 0px 0;
}

.thumb ul{
margin-top:-30px; top:-30px;}
.port{border:2px solid #442a13;}
.port_title{
margin:10px 0 0 0; padding:0;
}

.twitter_list{
width:200px;margin:0 0 30px 0;}

twitter-follow-button{
margin:20px 0 0 0;
}

.blogimg{margin:30px 0;} #bodycol_3 p{margin:30px 0 0 0;} #bodycol_3 .blogimg{margin:30px 0 0 0px;}