/*Sitewide*/

html, body { height: 100%; }

body {	
	background-color: #FFF;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height: 18px;
	color:#999999;
}

form {
color:#990066;
}



#top {
	background-image:url(/images/bg-top_light.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	width: 100%;
	height: 81px;
}
#nav {
	height: 51px;
	width: 900px;
	margin: 0 auto;
}

#nav a {
	background-position: left top;
	background-repeat:no-repeat;
	display:block;
	margin:0;
	overflow:hidden;
	padding:0;
	float: left;
	height: 81px;
	text-indent: -9999px;
}
#nav a:hover {
	background-position: right top;
	display: block;
	margin: 0;
	padding: 0;
}

#nav-media {
	width: 114px;
	background: url(../images/nav2-media_light.jpg);
}

#nav-gallery {
	width: 127px;
	background: url(../images/nav3-gallery_light.jpg);
}
#nav-reel {
	width: 108px;
	background: url(../images/nav4-reel_light.jpg);
}
#nav-contact {
	width: 121px;
	background: url(../images/nav5-contact_light.jpg);
}

#middle-bg-repeat { background:url(../images/bg-mid-repeat_light.jpg) top repeat-x;border-top:solid 0px #646464}
#middle-bg-stationary {background: url(../images/bg-mid_light.jpg) top center no-repeat}
#bottom {background:url(../images/bg-bottom_light.jpg) top center repeat-x; height: 161px; vertical-align:top;}
#footer-container {	width: 985px; padding-top: 15px; margin: 0 auto}
#footer-text-l {float:left;text-align: left;font-size:10px;}
#footer-text-r {float:right;text-align: right;font-size:10px;font-weight:bold;}
#footer-text-r a:link {color: #555;text-decoration: none;}
#footer-text-r a:visited {text-decoration: none;color: #555;}
#footer-text-r a:hover {text-decoration: underline;color: #555;}
#footer-text-r a:active {text-decoration: none;color: #555;}

h1 {font-size:36px; color:#999; width: auto;}
h1 span{color: #D76258;}
h2 {color:#D76258;}


br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.right {float:right}
.left {float:left}

/*Home*/

#home-img {width:985px; height: 574px; 	margin: 0 auto;
background-image:url(/images/home.jpg);
background-repeat:no-repeat;
}

#blog-img {width:985px; height: 461px; 	margin: 0 auto;
background-image:url(/images/bubblesblog.jpg)
}

/*Secondary*/

#middle-content-area {width:983px; margin: 0 auto; background-color:#212129; border-right:solid 1px #646464; border-left: solid 1px #646464; padding-bottom: 20px;}
#middle-content-text{padding: 15px 0px 10px 32px;}
#middle-content-text p{font-size:14px; line-height: 24px;}
#middle-content-pic{float:right; vertical-align:top; height:496px; width:613px;}
#middle-content-pic-left{float:left; vertical-align:top; height:529px; width:432px; margin: 25px 0px 0px 25px}

/*Media*/

#videos-container{ width:983px; text-align:left; padding-left:35px;}
#videos-container img{ border:0px;}
#projects-container{ width:983px; text-align:left; float:left;}
#projects-container h1{padding-left:35px;}
#pad-left{padding-left:32px}
#projects-text{ padding: 0px 32px 20px 32px }
#projects-text td{ padding: 5px 0px 25px 5px; vertical-align:top }
#projects-text th{font-size:24px; color:#D76258; width: auto; vertical-align:top; text-align:right}
#projects-left { width:475px; border-right: solid 1px #CCC; float:left}
#projects-right { width:475px; float:left}
#media {padding:0px 32px 20px 32px}
#media td{padding:0px 7px 15px 7px}
#media img{border:solid 1px #CCC}

/*Reel*/
#reel{padding: 35px 35px 35px 35px; width: 900; margin:auto}
#video{padding:25px 0px 25px 0px; border-top:dashed 1px #999; border-bottom: dashed 1px #999}

/*Contact*/

#middle-content-text2{padding: 25px 25px 25px 15px;}
#middle-content-text2 p{font-size:14px; line-height: 24px;}
#middle-content-text2 th{font-size:18px; color:#D76258; width: auto; vertical-align:top;}
#middle-content-text2 th span{font-size:18px; color:#999; width: auto; vertical-align:top;}

/*Gallery*/
#gallery {padding:15px 32px 10px 32px}