/* 3L Styles 3.1 */

/* GENERIC */

body, html
{
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	color: #606060;
	font-size: 1em;
	background: #000;
	height: 100%;
}

table, tr, td, div, span, h1, h2, h3, h4, h5, h6, p, b, i, strong, ul, li, img
{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	cursor: pointer;
	color: #908f8f;
}
	
img, p, form
{ 
	border: 0;
	padding: 0;
	margin: 0;
}

table 		{ width:100%; }
ul, li		{ list-style:none; }





/* GENERAL LAYOUT */

#wrapper-centered
{
	width: 845px;
	padding: 25px 20px 0 20px;
	position: absolute;
	left: 50%;
	margin-left: -442px;
	background-color: #101010;
}
#left-col
{
	float: left;
	width: 117px;
}





/* MENU  LAYOUT*/

#menu
{
	float: left;
	width: 117px;
	height: 304px;
	background: #000;
}
#3L
{
	float: left;
	margin-top: 10px;
	width: 117px;
}
#menu ul
{
	margin: 5px 0 0 10px;
}
#menu li
{
	list-style: none;
	color: #908f8f;
	text-transform:uppercase;
	font-size: .6em;
	letter-spacing: .025em;
	margin-bottom: 3px;
}
.menu-white
{
	color: #f0f0f0;
	font-size: 1.2em;
	letter-spacing: -.025em;
	text-transform:capitalize;
	line-height:1.75em;
}

/* MENU LINKS */
a.menu:link, a.menu:visited, a.menu:active { color: #908f8f; }
a.menu:hover { color: #f0f0f0; }





/* FOOTER  LAYOUT*/

#footer
{
	float: right;
	display: block;
	width: 720px;
	height: 40px;
	color: #908f8f;
	font-size: .6em;
	text-transform:capitalize;
	text-align: right;
	margin-top: 5px;
	overflow: hidden;
}
#footer-bar
{
	float: right;
	width: 720px;
	height: 5px;
	background: #000;
	margin-bottom: 3px;
}




/* PROMSITE  LAYOUT*/

#promsite
{
	float: right;
	display: block;
	width: 720px;
	height: 40px;
	margin-top: -5px;
	overflow: hidden;
	margin-right: -12px;
}
#promsite-motion
{
	float: right;
	display: block;
	width: 720px;
	height: 40px;
	margin-top: -15px;
	overflow: hidden;
	margin-right: -12px;
}
#promsite-featured
{
	float: right;
	width: 720px;
	height: 183px;
	margin-bottom: 5px;
}
#promsite-img-container {
	text-align: center;
	margin-top: 60px;
}
#promsite-img
{
	height: 33px;
	margin-top: 0px;
	width: 112px;
	margin-left: auto;
	margin-right: auto;
}
#promsite-txt
{
	height: 33px;
	margin-top: 0px;
	width: 225px;
	margin-left: auto;
	margin-right: auto;
}
#promsite-img-right
{
	height: 33px;
	margin-top: 0px;
	width: 112px;
	margin-right: 0px;
	margin-left: auto;
}



/* CLIENT LOGIN LAYOUT */

#client-wrapper
{
	float: right;
	width: 700px;
	height: 285px;
	background: #000;
	padding: 10px;
}
#client-wrapper-files
{
	float: right;
	width: 700px;
	background: #000 ;
	padding: 10px;
}
#client-login
{
	margin-top: 190px;
}
#client-content
{
	width: 700px;
	background: #000;
}

/* CLIENT - CLASSES */
.client-title
{
	font-size: 1.5em;
	color: #fff;
	line-height: 1.2em;
	letter-spacing: .025em;
}

a.client:link, a.client:visited, a.client:active { color: #908f8f; }
a.client:hover { color: #f0f0f0; }





/* INDEX */

#index-featured
{
	float: right;
	width: 720px;
	height: 183px;
	margin-bottom: 5px;
}
#index-img-container { text-align: center; }
#index-img
{
	height: 381px;
	margin-top: 50px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/* INDEX - LINKS */
a.feed:link, a.feed:visited, a.feed:active { color: #f0f0f0; }
a.feed:hover { color: #908f8f; }





/* MOTION */

#mot-proj-row
{
	float: right;
	width: 720px;
	padding-bottom: 10px;
}
#mot-proj-1
{
	float: left;
	width: 240px;
	height: 163px;
	background: #000;
	padding: 0;
	margin: 0;
}
#mot-proj-2
{
	float: left;
	width: 240px;
	height: 163px;
	background: #000;
	padding: 0;
	margin: 0;
}
#mot-proj-3
{
	float: left;
	width: 240px;
	height: 163px;
	background: #000;
	padding: 0;
	margin: 0;
}
#mot-proj-img
{
	float: left;
	width: 240px;
	height: 101px;
	background: #666;
	clear: both;
}
#mot-proj-title
{
	float: left;
	margin: 3px 0 0 5px;
}
#mot-proj-info
{
	float: right;
	width: 473px;
	height: 92px;
	background: #000;
	padding: 5px 0 0 7px;
}
#mot-proj-nm
{
	margin: 8px 0 0 0;
}

/* MOTION - CLASSES */
.mot-title
{
	font-size: .75em;
	color: #f0f0f0;
	line-height: 1.75em;
	letter-spacing: .025em;
}
.mot-agency
{
	font-size: .55em;
	letter-spacing: .075em;
	color: #908f8f;
	text-transform: uppercase;
}
.mot-gray
{
	color:#908f8f;
}




/* MOTION - DETAILS */
#proj-img
{
	width: 720px;
	height: 404px;
	margin-bottom: 5px;
	background: #000;
}
#proj-qt
{
	float: right;
	width: 517px;
	height: 404px;
}
#proj-qt-left
{
	float: left;
	width: 190px;
	padding: 5px;
}
#proj-sub
{
	float: left;
	width: 705px;
	background: #000;
	padding: 10px 5px 10px 10px;
	margin-top: 5px;
}
#proj-sub-left
{
	float: left;
	width: 180px;
}
#proj-sub-left-movies
{
	float: left;
	width: 180px;
	height: 313px;
}
#proj-sub-right
{
	float: right;
	width: 512px;
	margin-left: 5px;
}
#proj-jump
{
  float: left;
}


/* MOTION - DETAILS CLASSES */
.proj-title
{
	font-size: 1.5em;
	color: #f0f0f0;
}
.proj-desc
{
	font-size: .7em;
	color: #908f8f;
	letter-spacing: .02em;
	line-height: 1.3em;
}
.proj-sub-title
{
	font-size: 1.2em;
	color: #f0f0f0;
}
.proj-sub-left
{
	font-size: .75em;
	color: #f0f0f0;
	text-transform: capitalize;
}
.proj-sub-left-watch
{
	font-size: .75em;
	text-transform: uppercase;
}
.proj-sub-left-label
{
	font-size: .65em;
	text-transform: uppercase;
	color: #f0f0f0;
}
.proj-credits-title
{
	color: #f0f0f0;
	font-size: .6em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* MOTION - DETAILS LINKS */
a.proj:link, a.proj:visited, a.proj:active { color: #908f8f; }
a.proj:hover { color: #f0f0f0; }

a.proj-white:link, a.proj-white:visited, a.proj-white:active { color: #f0f0f0; }
a.proj-white:hover { color: #908f8f; }





/* FLICKR Styles */
#flickr_badge_wrapper	 	{ width: 500px; padding:0; margin:0; }
.flickr_badge_image 		{ margin:0; }
.flickr_badge_image img 	{ float:left; padding: 4px 0 4px 4px; }





/* CASE STUDY */
#cs-wrapper
{
	float: left;
	width: 720px;
	padding: 10px;
	background-color: #101010;
}
#cs-sub-left
{
	float: left;
	width: 140px;
}
#cs-movie
{
	width: 517px;
	height: 404px;
	padding: 20px;
}





/* STILL - DETAILS */
.still-title
{
	font-size: 1.75em;
	color: #f0f0f0;
}
#still-img
{
	width: 720px;
	height: 388px;
	margin-bottom: 5px;
	background: #000;
}
#still-jpg
{
	float: right;
	width: 517px;
	height: 388px;
}
#still-jpg-left
{
	float: left;
	width: 190px;
	padding: 5px;
}
#still-sub
{
	float: left;
	width: 705px;
	background: #000;
	padding: 10px 5px 10px 10px;
	margin-top: 5px;
}
#still-sub-left
{
	float: left;
	width: 180px;
	}
#still-sub-left-img
{
	float: left;
	width: 180px;
	height: 313px;
	font-size: 1.2em;
	color: #f0f0f0;
}
#still-sub-right
{
	float: right;
	width: 512px;
	margin-left: 5px;
}





/* ABOUT LAYOUT */

#about-wrapper
{
	float: right;
	width: 720px;
}
#about-img
{
	width: 720px;
	height: 304px;
	margin-bottom: 5px;
}
#about-bio
{
	float: left;
	width: 700px;
	height: 160px;
	background: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 5px;
}
#about-bio-left
{
	float: left;
	width: 80px;
}
#about-bio-right
{
	float: right;
	width: 585px;
	margin-top: 10px;
}
#about-bio-email-left
{
	float: left;
	width: 90px;
	clear: none;
}
#about-bio-email-right
{
	float: right;
	width: 250px;
	clear: none;
}
#about-links
{
	float: left;
	width: 705px;
	background: #000;
	padding: 10px 5px 10px 10px;
	margin-top: 5px;
	height: 100px;
}
#about-links-left
{
	float: left;
	width: 80px;
}
#about-links-right
{
	font-size: 0.7em;
	float: right;
	width: 585px;
	margin-top: 10px;
}
#about-links-listings-left
{
	float: left;
	width: 250px;
}
#about-links-listings
{
	float: right;
	width: 310px;
}

#about-contact
{
	float: left;
	width: 705px;
	background: #000;
	padding: 10px 5px 10px 10px;
	margin-top: 5px;
}
#about-contact-left
{
	float: left;
	width: 80px;
}
#about-contact-right
{
	float: right;
	width: 585px;
	margin-top: 10px;
}
#about-contact-listings-left
{
	float: left;
	width: 250px;
}
#about-contact-listings
{
	float: right;
	width: 310px;
}

/* about CLASSES */
.about-title
{
	font-size: 1.2em;
	color: #f0f0f0;
	line-height: 1.5em;
}
.about-bio
{
	font-size: .7em;
	color: #908f8f;
	letter-spacing: .02em;
	line-height: 1.2em;
}
.about-bio-email
{
	line-height: 1.6em;
}
.about-links
{
	font-size: .7em;
	color: #908f8f;
	letter-spacing: .02em;
	line-height: 1.2em;
}
.about-links-country
{
	font-size: .8em;
	text-transform: capitalize;
}
.about-links-title
{
	font-size: 1.3em;
	color: #f0f0f0;
	line-height: 1.5em;
}
.about-jobs-post
{
	font-size: 1em;
	color: #f0f0f0;
	line-height: 1.5em;
	text-transform: uppercase;
}
.about-jobs-notes
{
	font-size: .8em;
	line-height: 1.2em;
	text-transform: uppercase;
}

/* about LINKS */
a.reps:link, a.reps:visited, a.reps:active { color: #f0f0f0; }
a.reps:hover { color: #908f8f; }





/* FORM */
input, textarea
{
	color: #606060;
	letter-spacing: .015em;
	background-color: #000;
	padding: 4px;
	margin-bottom: 5px;
	border: 1px solid #000;
	font-family: Georgia, Times, serif;
	font-size: .7em;
	height: 1.5em;
}

.button
{ 
	color: #000;
	letter-spacing: .05em;
	background-color: #5d5d5d;
	padding: 4px;
	margin-right: 5px;
	border: 1px solid #5d5d5d;
	cursor: pointer;
	height: 2.25em;
}