@charset "UTF-8";
body {
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url(images/bg.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

#menubg {
	width: 100%;
	background-image: url(images/menu_stripe.gif);
	background-repeat: repeat-x;
	background-position: 0 0px;
	
}	
#container {
	width: 721px;
	text-align: left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#logo {
	text-align: left;
	height: 140px;
	margin-bottom: 40px;
}
#menu {
	height: 24px;
}
#menu dl { margin: 0; padding: 0; }
/* IE5 Mac Hack \*/ 
#menu { padding-left: 0px; } 
/*/
#main-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */
#menu dt { float: left; padding-right:12px; background-repeat: no-repeat;}
#menu dt a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#menu dt a:hover {
	background-position: 0 -24px;
}
#menu dt#history,
#menu dt#history a { width: 55px; background-image: url(images/menu_history.gif); }

#menu dt#people,
#menu dt#people a { width: 56px; background-image: url(images/menu_people.gif); }

#menu dt#branding,
#menu dt#branding a { width: 70px; background-image: url(images/menu_branding.gif); }

#menu dt#production,
#menu dt#production a { width: 86px; background-image: url(images/menu_production.gif); }

#menu dt#clients,
#menu dt#clients a { width: 52px; background-image: url(images/menu_clients.gif); }

#menu dt#portfolio,
#menu dt#portfolio a { width: 70px; background-image: url(images/menu_portfolio.gif); }

#menu dt#news,
#menu dt#news a { width: 42px; background-image: url(images/menu_news.gif); }

#menu dt#love,
#menu dt#love a { width: 101px; background-image: url(images/menu_love.gif); }

#menu dt#holla,
#menu dt#holla a { width: 81px; background-image: url(images/menu_holla.gif); }

body.history dt#history,
body.history dt#history a,
body.people dt#people,
body.people dt#people a,
body.branding dt#branding,
body.branding dt#branding a,
body.production dt#production,
body.production dt#production a,
body.clients dt#clients,
body.clients dt#clients a,
body.portfolio dt#portfolio,
body.portfolio dt#portfolio a,
body.news dt#news,
body.news dt#news a,
body.love dt#love,
body.love dt#love a,
body.holla dt#holla,
body.holla dt#holla a {
	background-position: 0 -24px;
}

#main {
	margin-top: 55px; 
	text-align: left;
	/* use next three lines to set a minimum div height */
    min-height:300px; 
    height:auto !important;
    height:300px;
}
#main a {
	color: #FFFFFF;
	font-weight: bold;
}
#main a:hover {
	color: #99CCFF;
}
#main a:visited {
	color: #99CCFF;
}

#footer { 
	text-align: center; 
	font-size: 11px;
	margin-top: 45px;
	color: #66CCFF;
}
#footer a {
	color: #FFFFFF;}
#footer a:hover {
	color: #99CCFF;
}
#footer a:visited {
	color: #99CCFF;
}
h1 {
	font-size: 18px;
	color: #66CCFF;
}
h2 {
	font-size: 15px;
	color: #66CCFF;
}
.clientlist {
	font-size: 11px;
}
.name {
	font-size: 15px;
	color: #66CCFF;
	font-weight: bold;
}
.title {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
.hiddenpic {
	display: none;
}
.lovequestion {
	font-size: 15px;
	color: #66CCFF;
	font-weight: bold;
}
.loveanswer {
	font-size: 15px;
	color: #FFFFFF;
}
.reelclient {
	font-size: 14px;
	color: #66CCFF;
	font-weight: bold;
}
.reeltitle {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.reelcategory {
	font-size: 13px;
	color: #66CCFF;
	font-weight: bold;
}
.thumbspacing {
	padding-bottom: 6px;
	padding-right: 6px;
}