﻿body {
	margin: 0;
	background-color: #dedede;
	text-align: center;
}
img, table {
	border: 0;
}
form 
{
	margin: 0;
	padding: 0;
}
a
{
    font: Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #0ca6ac;
    text-decoration: none;
}
a:hover 
{
    color: #ff161c;
    text-decoration: none;
}
.link
{
    font: Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #0ca6ac;
    text-decoration: none;
}
.link:hover 
{
    color: #ff161c;
    text-decoration: none;
}
/*-----------------------------CLEARING STYLES----------------------*/
.clearleft {
	display: block;
	clear: left;
}
.clearright {
	display: block;
	clear: right;
}
.clear {
	display: block;
	clear: both;
}
/*-------------------------Non-Standard--------------*/
#sitediv 
{
	width: 974px;
	text-align: left;
	padding: 0;
	margin: 0;
}
#maindiv 
{
	width: 960px;
    background: url(images/bkgd_site.png) repeat-y 0 0;
	text-align: left;
	padding: 0 7px 20px 7px;
	margin: 0;
	display:block;
	float:left;
}
.masthead
{
display:block;
width:960px;
background-color:#54075b;
}
.navarea
{
display:block;
width:526px;
float:left;
text-align:left;
margin:60px 0 0 0;
vertical-align:top;
}
#footerarea
{
    display:block;
    width:922px;
    background:url(images/shadow_bt.png) no-repeat 0 0;
    margin: 0;
    padding:15px 52px 20px 0;
	font: 11px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #415a68;
	text-align:right;
}
.logo
{
    margin:0;
    display:block;
    float:left;
	width:434px;
	height:258px;
}
.weboff
{
display:block;
width: 105px;
height:19px;
background: url(images/masthead/nav1_web_off.gif) no-repeat 0 0;
}
.weboff:hover
{
background: url(images/masthead/nav1_web_on.gif) no-repeat 0 0;
}
.webon
{
display:block;
width: 105px;
height:19px;
background: url(images/masthead/nav1_web_on.gif) no-repeat 0 0;
}
.moveoff
{
display:block;
width: 105px;
height:20px;
background: url(images/masthead/nav2_movement_off.gif) no-repeat 0 0;
}
.moveoff:hover
{
background: url(images/masthead/nav2_movement_on.gif) no-repeat 0 0;
}
.moveon
{
display:block;
width: 105px;
height:20px;
background: url(images/masthead/nav2_movement_on.gif) no-repeat 0 0;
}
.stillsoff
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav3_stills_off.gif) no-repeat 0 0;
}
.stillsoff:hover
{
background: url(images/masthead/nav3_stills_on.gif) no-repeat 0 0;
}
.stillson
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav3_stills_on.gif) no-repeat 0 0;
}
.broadoff
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav4_broadcast_off.gif) no-repeat 0 0;
}
.broadoff:hover
{
background: url(images/masthead/nav4_broadcast_on.gif) no-repeat 0 0;
}
.broadon
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav4_broadcast_on.gif) no-repeat 0 0;
}
.credoff
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav5_credentials_off.gif) no-repeat 0 0;
}
.credoff:hover
{
background: url(images/masthead/nav5_credentials_on.gif) no-repeat 0 0;
}
.credon
{
display:block;
width: 105px;
height:21px;
background: url(images/masthead/nav5_credentials_on.gif) no-repeat 0 0;
}
.inspireoff
{
display:block;
width: 105px;
height:23px;
background: url(images/masthead/nav6_inspiration_off.gif) no-repeat 0 0;
}
.inspireoff:hover
{
background: url(images/masthead/nav6_inspiration_on.gif) no-repeat 0 0;
}
.inspireon
{
display:block;
width: 105px;
height:23px;
background: url(images/masthead/nav6_inspiration_on.gif) no-repeat 0 0;
}
.contactoff
{
display:block;
width: 105px;
height:23px;
background: url(images/masthead/nav7_contact_off.gif) no-repeat 0 0;
}
.contactoff:hover
{
background: url(images/masthead/nav7_contact_on.gif) no-repeat 0 0;
}
.contacton
{
display:block;
width: 105px;
height:23px;
background: url(images/masthead/nav7_contact_on.gif) no-repeat 0 0;
}
.div-nav
{
display:block;
width:960px;
background-color: #ee3124;
height: 3px;
}
.project
{
display: block;
width:870px;
margin-top: 45px;
padding:0 52px;
}
.project .img
{
display:block;
width:870px;
}
.project .img2
{
display:block;
width:870px;
margin-top:25px;
}
.project .img-mov1
{
display:block;
width:818px;
height:614px;
margin-top:25px;
padding: 26px 26px 26px 26px;
background: url(images/movement/bg-csr.gif) no-repeat 0 0;
}
.project .img-mov4
{
display:block;
width:722px;
height:480px;
margin-top:25px;
padding: 35px 83px 35px 83px;
background: url(images/movement/bg-brightnight.gif) no-repeat 0 0;
}
.project .img-mov5
{
display:block;
width:500px;
height:501px;
margin-top:24px;
padding: 26px 225px 26px 145px;
background: url(images/movement/bg-tott.gif) no-repeat 0 0;
}
.project .img-mov6
{
display:block;
width:700px;
height:570px;
margin-top:24px;
padding: 26px 74px 26px 96px;
background: url(images/movement/bg-weather.gif) no-repeat 0 0;
}
.project .img-mov7
{
display:block;
width:580px;
height:600px;
margin-top:24px;
padding: 26px 184px 26px 156px;
background: url(images/movement/bg-puzzler.gif) no-repeat 0 0;
}
.project .img-mov2
{
display:block;
width:722px;
height:480px;
margin-top:25px;
padding: 26px 74px 26px 74px;
background: url(images/movement/bg-telltale.gif) no-repeat 0 0;
}
.project .img-mov3
{
display:block;
width:620px;
height:525px;
margin-top:25px;
padding: 26px 126px 26px 123px;
background: url(images/movement/bg-valfuel.gif) no-repeat 0 0;
}
.project .text
{
    font: 12px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #415a68;
	line-height:18px;
	padding:0 7px;

}
.project .headline
{
display:block;
padding:0;
margin:10px 0 15px 0;
width:870px;
}
.headline .lt
{
float:left;
display:block;
width:770px;
font: 16px Arial, Helvetica, Helvetica Neue, sans-serif;
color: #415a68;
}
.headline .rt
{
float:right;
display:block;
width:100px;
}
.headline .rt2
{
float:right;
display:block;
width:870px;
text-align:right;
}
.see
{
    font: 12px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #0ca6ac;
    text-decoration: none;
	margin-right: 28px;
	text-transform:lowercase;
}
.see:hover
{    
	color: #ff161c;
    text-decoration: none;
}
.resume
{
    font: 14px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #0ca6ac;
    text-decoration: none;
	text-transform:uppercase;
	display:block;
	padding: 25px 0 0 0;
	
}
.resume:hover
{    
	color: #ff161c;
    text-decoration: none;
}
.bio
{
display: block;
width:879px;
margin-top: 45px;
padding:0 52px 0 43px;
}
.bio .img
{
display:block;
float:left;
width: 360px;
}
.bio .text
{
    font: 12px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #415a68;
	line-height:21px;
	padding:0 7px 0 30px;
	width: 482px;
	display:block;
	float:right;
	text-align:left;

}
H1
{

font: 13px Arial, Helvetica, Helvetica Neue, sans-serif;
color: #415a68;
margin:0;
padding:25px 0 15px 0;
text-transform:uppercase;
}
.clients
{
    font: 12px Arial, Helvetica, Helvetica Neue, sans-serif;
    color: #415a68;
	line-height:18px;
	text-align:left;

}

