body {
	background : #424242;
	font: 14px/20px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-image: url(images/right2.gif);
	list-style-position: inside;
	color: #ffffff;
}

#top {
	margin-top: 30px;
	background: url(images/top/logo.gif) no-repeat transparent;
	width: 843px;
	height: 40px;
	font-size: 24px;
}

/* Nav */

/* @group nav */

#nav {
	width: 635px;
	height: 27px;
	line-height: 27px;
	color: white;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}

#nav a {
	text-decoration: none;
	margin-right: 10px;
	color: white;
	font: 12px/27px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	padding: 10px 10px 6px 10px;
}

#nav a:hover {
	text-decoration: none;
	margin-right: 10px;
	color: white;
	font: 12px/27px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	background: #F99621;
	padding: 10px 10px 6px 10px;
}
	
/* @end */

#tshadow {
	background: url(images/top/bck1.jpg) repeat-x white;
	height: 63px;
}

#main {
	background: white repeat-x bottom url(images/footer/bck2.jpg);
	color: #424242;
}

/* footer */

/* @group Bottom */

#footer {
	color: white;
	text-align: center;
	background-color: #434343;
	background-image: url(images/footer/bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.c_wht {
	color: white;
	font: 10px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
}

.c_orange {
	color: #FEAA54;
	font: 10px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
}

#contact {
	width: 532px;
	text-align: left;
	padding-top: 15px;
}

.contact_wht {
	color: white;
	font: bold 18px/20px Helvetica, "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;
}

.contact_orange {
	color: #FEAA54;
	font: bold 18px/20px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

.contact_gold {
	color: #A59981;
	font: bold 18px/20px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

.contact_gold_sm {
	color: #A59981;
	font: bold 16px/20px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

.contact_blk {
	color: #424242;
	font: bold 18px/20px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

.contact_title {
	color: #424242;
	font: bold 22px/24px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

#mailf {
	color: #cccccc;
	font: 10px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	margin-top: 16px;
	text-align: left;
	width: 532px;
}

#footc {
	color: #cccccc;
	font: 10px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 30px;
	width: 532px;
}

#footc2 {
	color: #cccccc;
	font: 10px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 30px;
	width: 532px;
	padding-top: 15px;
}

.maill {
	text-align: right;
	margin-top: 8px;
}

.five {
	line-height: 30px;
}

.inputf {
	height: 16px;
	background: #cccccc;
	color: #424242;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	width: 175px;
}

.inputl {
	height: 16px;
	background: #cccccc;
	color: #424242;
	font-size: 10px;
	line-height: 16px;
	margin-left: 10px;
	text-align: left;
	width: 175px;
	margin-top: 5px;
}

textarea1 {
	height: 60px;
	background: #cccccc;
	color: #424242;
	font-size: 10px;
	line-height: 16px;
	margin-left: 10px;
	text-align: left;
	width: 200px;
}

.bigbox {
	height: 60px;
	background: #cccccc;
	color: #424242;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	width: 300px;
}
	
/* @end */

/* Spotlight */

/* @group Spotlight */

#spotlight {
	width: 593px;
	height: 212px;
	background: #E3DFD7 repeat-x url(images/spotlight/spot_bck.jpg);
	text-align: left;
}

#spotlight img {
	padding: 5px;
	background: white;
	border: 1px solid #999999;
	margin-top: 8px;
	margin-left: 8px;
	float: left;
}

#spotlight a {
	text-decoration: none;
	color: #494949;
}

#spotlight a:hover {
	text-decoration: none;
	background: white;
	color: #494949;
}

#spot_copy {
	width: 224px;
	background: #E3DFD7 repeat-y url(images/spotlight/spotext_bck.gif);
	height: 194px;
	float: right;
	margin-top: 8px;
}

#spotbox_t {
	margin-top: 5px;
	margin-left: 11px;
	height:;
	width: 212px;
 28px;
	text-align: left;
	color: #494949;
	text-transform: uppercase;
	font: 13px/28px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	border-bottom: 1px solid #D1CDC7;
}

#spotbox_c {
	margin-top: 15px;
	margin-left: 11px;
	text-align: left;
	color: #494949;
	font: 12px/14px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	padding-right: 15px;
}

.dates {
	color: #A59981;
	font: 13px/16px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
}
	
/* @end */

/* Home Page Content */

/* @group projects */

#projects {
	width: 532px;
	margin-top: 28px;
}

#projects img {
	padding: 3px;
	background: #E8E8E8;
	border: 1px solid #999999;
}

.projects_right {
	margin-left: 19px;
}

.projects_row {
	margin-top: 18px;
}
	
/* @end */

/* Services */

/* @group Services */

#services a {
	color: orange;
	text-decoration: none;
	font: bold 23px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

#services a:hover {
	color: white;
	text-decoration: none;
	font: bold 23px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	border-bottom-style: none;
	background-color: #A59981;
}

#services {
	width: 593px;
	color: #A59981;
	font: bold 23px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	text-align: justify;
}

#services ul {
	list-style-image: url(images/right2.gif);
	list-style-position: inside;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

#services li {
	margin-bottom: 10px;
	font-size: 16px;
}
	
/* @end */

/* Contact */

/* @group Contact Page */

#conpage {
	width: 593px;
	text-align: left;
	padding: 20px;
	font-size: 11px;
	line-height: 14px;
	color: #424242;
	height: 550px;
}

#conleft {
	width: 35%;
	float: left;
}

#conright {
	width: 55%;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	height: 550px;
}
	
/* @end */

/* Portfolio */

/* @group Portfolio */
	
#portfolio {
	width: 593px;
	text-align: left;
	padding: 20px;
	font-size: 11px;
	line-height: 14px;
	color: #424242;
	height: 3400px;
	margin-bottom: 20px;
}

#portfolio2 {
	width: 593px;
	text-align: left;
	padding: 20px;
	font-size: 11px;
	line-height: 14px;
	color: #424242;
	height: 600px;
}

#portfolio3 {
	width: 593px;
	text-align: left;
	padding: 20px;
	line-height: 16px;
	color: #424242;
	height: 600px;
	list-style-position: outside;
	font-size: 12px;
}

#portfolio3 p {
	margin-top: 0;
	margin-bottom: 25px;
}

#portfolio3 ul {
	margin-top: 0;
	margin-bottom: 25px;
}

#portfolio3 li {
	margin-bottom: 2px;
	list-style-image: url(images/icons/12-em-check.png);
}

#portfolio3 h1 {
	color: #A59981;
	font: bold 18px/20px Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
	margin-bottom: 10px;
	margin-top: 0;
}

#portfolio3 img {
	padding: 8px;
	background-color: white;
}

#portleft {
	width: 90px;
	float: left;
}

#portleft a {
	color: #424242;
	text-decoration: none;
	font: bold 18px/22px Helvetica, Arial, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}

#portleft a:hover {
	color: #424242;
	font: bold 18px/22px Helvetica, Arial, sans-serif;
	text-decoration: none;
	background: #e8e8e8;
	padding: 1px 5px 1px 5px;
}

#leftnav {
}

#portright {
	width: 453px;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	height: 3300px;
	margin-bottom: 20px;
}

#motion {
	width: 453px;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	margin-bottom: 40px;
	height: 700px;
}

#identity {
	width: 453px;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	margin-bottom: 40px;
	height: 800px;
}

#fmp {
	width: 453px;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	margin-bottom: 40px;
	height:600px;
}

#branded {
	width: 453px;
	float: right;
	border-left: 1px dashed #A59981;
	padding-left: 40px;
	margin-bottom: 40px;
	height: 1150px;
}

.movie {
	margin-bottom: 30px;
}
	
/* @end */

/* @group Clients */

#clients a {
	color: black;
	text-decoration: none;
	font: bold 20px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

#clients a:hover {
	color: white;
	text-decoration: none;
	font: bold 20px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	border-bottom-style: none;
	background-color: #A59981;
}

#clients {
	width: 593px;
	color: #A59981;
	font: bold 23px/34px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	text-align: justify;
}

#clients ul {
	list-style-image: url(images/right2.gif);
	list-style-position: inside;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

#clients li {
	margin-bottom: 10px;
	font-size: 16px;
}
	
/* @end */

.logo {
	margin-bottom: 30px;
	display: block;
}

.logo2 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.shadow {
  background: #ffffff;
	border: 1px solid #a9a9a9;
	margin-right: 10px;
	padding: 4px;
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

#motion_thumb {
	display: block;
	margin-top: 10px;
	text-align: left;
	clear: both;
}

#identity_thumb {
	display: block;
	margin-top: 10px;
	text-align: left;
}

#branded_thumb {
	display: block;
	margin-top: 10px;
	text-align: left;
}

#motion-main {
	display: block;
	height: 352px;
}

#identity-main {
	display: block;
	height: 285px;
}

#branded-main {
	display: block;
	height: 285px;
}
