body{margin:0px; background-color:#FFFFFF;} /* off-black #2e2e2e #1d1d1d */

/* GENERAL CLASSES */	
body, div, a, table, form, input, textarea, select, code{font-family: Arial, sans-serif; color: #000; font-size: 11px;}
a {text-decoration: none;font-size:12px;}
a:hover {text-decoration: none;}
img, .noborder {border:0; margin:0px; padding:0px;}
table td, table th {vertical-align:top; white-space:nowrap;padding:0px 10px 10px 2px;}
th {text-align:right; }
h2{}
h3{ font-size:130%;}
h4{font-size:120%; margin-bottom: 0px;}
h5{font-size:100%;margin-bottom: 2px;}
h6{font-size:0.9em; margin:3px 0 0px 0; padding:0px; text-transform:uppercase;}
ul {padding-left:20px; margin:0;}
ul li {padding:3px;}
small {margin:3px;padding:0px;}
.float {position:absolute; top:90px;margin-left:15px;}
/*.transparent{border:1px solid #000; opacity: .7; filter: Alpha(Opacity=70); }*/
.left{float:left; font-size:12px;}
.right{float:right;}
.clear{clear: both;}
.hand{cursor:pointer;}
.odd{}
.even{}
.inactive{font-style:italic; color:#333333; background:#fdfdfd;}
.hidden{visibility:hidden;}
.disabled{text-decoration:line-through; color:#333333;}
.diag_45 {background:url(../images/default_black.gif)left top;}
.diag_45 span {background:#ffffff; }
#container {background:#ffffff; min-width:770px;}

/*MENU*/
#header {margin: 0 auto;}
#logo 				{position:absolute; top:11px; right:15px;background:#000000; z-index:4000;}
#bgtopmenu			{position:relative; background:#000000;padding:10px 15px;font-size:24px; font-weight:bold; margin-left:685px;}
#menu				{text-transform:uppercase;background:url(../images/default_black.gif) left top; }
#primary			{position:relative;margin-top:-26px;}
.link				{background:#000; padding:10px 1px; float:left; cursor:pointer;}
.link:hover 		{}
.link a 			{padding:11px 14px;  font-size:24px; color:#fff; font-weight:bold; }
#primary .selected 	{position:relative;background:none; color:#000; font-weight:bold;}
#primary .selected a{color:#000;}
.diag_on, .diag_off	{position:relative; height:26px; top:26px;background: url(../images/default_black.gif);z-index:500;}
.link:hover .diag_on, 
.diag_off, 
.diag_on:hover 		{visibility:hidden;}

#secondary 			{padding:8px 8px 8px 15px;}
#secondary a		{padding:1px 3px 1px 3px; margin-right:3px; background:#000; color:#fff;font-size:1em; text-align:left; font-weight:bolder;}
#secondary a:hover, 
#secondary a.selected {background:#fff; color:#000;}
.shadow 			{height:9px; background: url(../images/shadow_bottom.png) top repeat-x;}

/*MAIN*/
#content			{}
#main	 			{padding:40px 15px; line-height:22px; font-size:12px;}
#slide_boxes		{margin:65px 0px 30px 0px;}
#boxes				{margin:0px 0px 30px 0px;}

#main a, #boxes a					{text-decoration:underline;padding:0px 0px;}
#main a:hover, #boxes a:hover		{background-color:#000000; color:#FFFFFF;text-decoration:none;}
#slide_boxes a, a.black				{background-color:#000; color:#fff;text-decoration:none;}
#slide_boxes a:hover, a.black:hover	{background-color:#fff; color:#000;}

#tags a 							{text-decoration:none;}
#showreel							{padding-top:16px;}
#showreel_player					{width:auto; text-align:center; padding:10px; background:url(../images/default_black.gif);}
.show_top_shadow					{height:9px;background: url(../images/shadow_top.png) repeat-x;}
.show_bottom_shadow  				{height:9px;background: url(../images/shadow_bottom.png) top repeat-x;}
#contact							{width:760px; font-size:inherit;}

/* SHADOWS ROLLOVER ETC  */
div:hover 			{direction: ltr;}
.top_shadow 		{position:relative; height:9px;}
.bottom_shadow 		{position:relative; top:-9px; height:9px; }

.title				{position:relative; margin:-49px 0 0 0;z-index:10; white-space:nowrap;}
.titletext			{cursor:pointer; font-size:5.5em; letter-spacing: -.05em; color:#000; text-transform:uppercase; padding:2px 0px 8px 12px;}
.titletext h6			{padding:0; margin:0; font-size:inherit; font-weight:normal;}
.titletext span 		{padding:0px 6px 0 3px;}
.title:hover			{position:relative; background: url(../images/shadow.png) top repeat-x; z-index:500;}
.title:hover .titletext	{}
.titletext .diag 		{position:relative; height:50px;margin:-60px 0 12px 0; background:url(../images/default_white.gif); z-index:500;}
#slide_boxes .titletext .diag:hover,  #slide_boxes .title:hover .titletext .diag{}

					/* DO NOT DELETE title, open, bg_off, bg_on, contained, clear -- JS NEEDS IT   */
.open				{position:relative;margin:-49px 0 9px 0; z-index:400;} 
.bg_off 			{background-image:none; background:none;}
.bg_on 				{background-color:#fff;}
.description		{padding:0px 8px 20px 12px;}
.desctext			{padding:5px 0px; text-align:justify;}
.desctext span,	
.desclinks span,
.desctext a			{font-size:12px; background-color:#fff;padding:0px 0px;}
.subtitle 			{position:absolute; top:24px; font-size:0.4em;letter-spacing:-.04em;line-height:20px; margin-left:10px;}

.containted .titletext span 	{background-color:#fff;color:#000;}
.containted .diag				{background:none;}/**/
.containted .top_shadow		{position:relative; background: url(../images/shadow_top.png) top repeat-x;z-index:200;}
.containted .bottom_shadow  {position:relative; background: url(../images/shadow_bottom.png) bottom repeat-x;z-index:300;}

#boxes .containted .top_shadow, 
#boxes .containted .bottom_shadow {background:none;}
#boxes .titletext 	{cursor:auto;padding:2px 0 0 12px; margin-top:25px;}
#boxes .titletext .diag {margin:-60px 0 6px 0;}
#boxes .description	{padding:0px 8px 0px 12px;width:760px;}
#boxes .desctext	{padding:5px 3px;}
#boxes .desclinks	{padding:0px 3px;}
#boxes .details		{padding:1px 0px;}

.autoscroll{position:fixed; bottom:0px; z-index:5000;}
/**/

#footer {margin: 0 auto;clear:both; margin:15px;}
#footer img {}
#footer a{}

/* FORM STYLES */
form {margin:0px; padding:0px;}
label, input, textarea, select{color:#000; border-width:0px; font-size:12px; margin:3px 2px; padding:2px; line-height:normal;}
textarea{width:99%; height:100px}
label {padding:1px;width:70px;float:left;background:#fff; text-align: right; clear:left;}
#contact form {margin:5px;}
#main textarea	{width:420px;}
#boxes input, #boxes textarea{ margin:3px 0px; border-width:1px; display:list-item;}
input.button{color:#ffffff; background: #000; cursor:pointer;border:1px solid #000;}
/*.inplaceeditor-saving {background: url(../images/cms/loader.gif) bottom right no-repeat;}
END  */

#loader{position:absolute; top:11px; right:15px;color:#fff; width:60px; height:24px; background: url(../images/logoader.gif) no-repeat; z-index:5000; visibility:hidden;}

#slide_boxes ::-moz-selection { /* FOR FF non selectable text FOR IE we put a js in html tag*/
   background: transparent;
   color: inherit;
}

::selection {/* FOR SAFARI non selectable text */
   background: transparent;
   color: inherit;
}