* 					{margin:0px; padding:0px;}
body				{background: #fff; font-size:12px; font-family: "Arial", sans-serif;}
#clear				{clear:both;}
.border1			{border:1px solid #f00;}

textarea			{font-family: Arial; padding:10px; font-size:16px; margin:5px;}
input				{font-family: Arial; padding:10px; font-size:16px; margin:5px;}

#full				{border:0px solid #0f0; width:100%; height:100%; border-top:5px solid #e00;}
#center				{border:0px solid #f00; width:900px; margin-left:auto; margin-right:auto; min-height:400px;}
#center_home		{border:0px solid #f00; width:900px; margin-left:auto; margin-right:auto;}
#center2			{border:0px solid #f00; width:900px; margin-left:auto; margin-right:auto; font-size:18px; color:#777;}

#header				{width:900px; float:left; border-bottom:1px solid #000; margin-bottom:30px;}
#top_nav			{float:right; margin-top:90px; margin-bottom: 10px; font-size: 22px;}

#nav_on				{color:#f00; text-decoration:none; border-top:2px solid #f00; padding-top:-5px;}
#nav_off			{color:#000; text-decoration:none; border-top:2px solid #fff; padding-top:-5px;}
#nav_off:hover		{border-top:2px solid #000; padding-top:-5px;}

#nav_on_bottom			{color:#f00; text-decoration:none; border-bottom:2px solid #f00; padding-top:10px; padding-bottom:2px;}
#nav_off_bottom			{color:#777; text-decoration:none; border-bottom:2px solid #fff; padding-top:10px;}
#nav_off_bottom:hover	{border-bottom:2px solid #777; padding-bottom:2px;}




#demo_reel			{float:left; border:1px solid #f00; width:900px; height:403px; text-align: center; box-shadow: 0px 10px 20px #ccc; position:relative; overflow:hidden;}
#footer_left		{width:400px; float:left;  text-align: left;  margin-top:10px; margin-bottom:40px;}
#footer_right		{width:200px; float:right; text-align: right; margin-top:10px; margin-bottom:40px;}

#ten_pad			{width:10px; height:10px; float:left;}

#box_link			{border:0px solid #0f0; position:absolute; width:100%; height:100%; top:0; left: 0; z-index: -1;}






#headline			{font-size:24px; color:#888; text-shadow: 0px 1px 0px #eee; float:left;}
#headline_home		{font-size:36px; color:#ccc; text-shadow: 0px 4px 0px #eee; letter-spacing: 0px; bottom-margin:-10px;}

#global_video		{width:854px; height:480px; border:1px solid #aaa; background: #eee;}
#global_left		{width:500px; border:1px solid #aaa; float:left; padding:20px;}
#global_right		{width:296px; border:1px solid #aaa; float:left; padding:20px;}



#global_right_row	{border:1px solid #999; padding:10px; background: #f9f9f9; position:relative; z-index: 2;}
#global_right_row a {text-decoration: none; color:#000;}
#global_right_thumb	{border:1px solid #aaa; width:100px; height:56px; padding:4px; float:left;}
#global_right_logo	{padding:10px; border:1px solid #999;float:left; background:#fff; position:relative; z-index: 2;}


#cufon_client		{position:absolute; float:left; padding:4px; color:#777;
					top:100px;
					left:10px;
					background: #eee;
					}

#cuton_demoreel		{position:absolute; float:left; padding:4px; color:#777;
					top:100px;
					right:10px;
					background: #eee;
					
					}




#greybox			{margin-left: auto; margin-right: auto; background:#ddd;}
#greybox_cell		{width:253px; text-align: center; float:left; margin-top:30px; margin-bottom: 30px; padding:10px; background:#eee; min-height:220px; box-shadow: 0px 4px 4px #bbb;}
.greybox_spacer		{width:40px; height:10px; min-height:200px; float:left; margin-top:30px;}


#greybox_left		{width:567px; text-align: center; float:left; margin-top:30px; margin-bottom: 30px; padding:10px; background:#eee; min-height:220px; box-shadow: 0px 4px 4px #bbb;}

#greybox_left p		{text-align: left;}





#home_clients		{text-align: center; margin-top: 20px; margin-bottom: 20px;}
#home_clients_box	{width:100px; height:60px; border:1px solid #000; float:left;}
#home_client_row	{width: 900px; margin-top: 20px; margin-bottom:40px; padding-top:20px; padding-bottom:20px; border: solid 0px #aaa; text-align: center; font-size: 20px; letter-spacing: 55px; white-space: nowrap; line-height: 12px; overflow: hidden;}
.home_client_cell	{width: 100px; height: 90px; border: solid 2px #eee; display: inline-block; vertical-align: middle; margin-top:0px; padding-top:10px; position:relative; z-index:1;}

#home_logos			{float:left;}
#home_logos img		{margin:5px; width:40px;}



#work_cell			{width:398; height:150px; border:1px solid #bbb; background: #eee; float:left; padding:20px;  overflow:hidden; position:relative; z-index: 1;}
#work_cell:hover	{background: #fafafa; opacity: 1.0;}
#work_cell:hover img	{opacity:0.9;}	
#work_cell:hover div	{font-size:24px; color:#aaa; text-shadow: 0px 0px 0px #aaa; float:left;}

#info_smvideo		{width:500px; border:1px solid #bbb; background:#f9f9f9; box-shadow: 0px 2px 5px #ddd;}
/* used to be 500x240 */

#work_background	{opacity:0.2; position:absolute; z-index: -2; left:0px; top:0px; }
#work_background1	{opacity:0.2; position:absolute; z-index: -2; left:0px; top:-18px; width:438px; height:243px;}
#work_background3	{opacity:0.2; position:absolute; z-index: -2; left:190px; top:7px; width:200px; height:173px;}




#client_video			{width:854px; height:480px; border:1px solid #aaa; background: #eee;}
#client_left			{width:500px; border:1px solid #aaa; float:left; padding:20px;}
#client_right			{width:296px; border:1px solid #aaa; float:left; padding:20px;}

#client_videorow		{width:460px; border:1px solid #aaa; float:left; padding:20px; background: #eee; position:relative; z-index:1;}
#client_videorow:hover	{background:#fafafa;}
#client_videorow img	{border:1px solid #aaa; width:200px; float:left;}
#client_videometa		{float:left; padding-top:15px; color:#666; width:218px; position:relative; z-index: -1;}
#client_videoheadline	{font-size:18px; text-shadow: 0px 2px 1px #fff; font-weight: bold; color:#777; }














#c_left					{text-align:left; padding:10px;}

.contact_form			{color: #000; background-color: #f9f9f9; border: 1px solid #aaa;}