html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0; outline: none; outline-style: none; outline-width:0; font: 13px Arial}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}

html, body { height: 100%; background: #000}
#xouter{ height:100%;	width:100%;	display:table; vertical-align:middle;}
#xcontainer {	text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 640px;}
#xinner { width: 960px;	background:#000 url(../img/design/bg_index.jpg); height: 819px;	text-align: center;	margin: 0 auto; }
#xlogo { position:relative; top:24px; left:300px; }
#wlogo { position: absolute; bottom: 32px; left: 392px; width: 176px; height: 25px }
#blogo { position: absolute; top: 0px; right: 0px; width: 280px; height: 170px }

/* MEGA slider */
#xinner { width: 960px;	background:#000 url(../img/design/bg_index.jpg); height: 819px;	text-align: center;	margin: 0 auto; }
.slide { position: relative; overflow:hidden; width: 960px;	background:#000 url(../img/design/bg_index.jpg); height: 640px;	text-align: center;	margin: 0 auto; }
#slider_back { position: absolute; left: 960px; top: -293px; text-align:left; overflow:hidden; width: 450px; height: 243px; background: url(../img/design/bg_video.png) no-repeat; text-indent: 12px }

.button, .button_active, .button_hover { position: absolute; top: 270px; left: 140px; height: 120px; width: 209px; cursor: pointer; z-index: 1000 }
.button { background: url(../img/design/watch2.png) top }
.button_active { background: url(../img/design/watch2.png) bottom }
.button:hover { background: url(../img/design/watch2.png) center center }

#hmenu { position:relative; top: 152px; background: #000; width: 960px; height: 42px; padding-left: 120px; color: #555; font: 17px Georgia; font-style: italic; line-height: 42px }
#hmenu a:link, #hmenu a:hover, #hmenu a:visited, #hmenu a:active { text-decoration: none; color: #fff; font: 17px Georgia; font-style: italic; display: inline-block; height: 42px; line-height: 42px; padding: 0 3px}
#hmenu a:hover { color: #fcff28 }

#main { height: 327px; width: 960px; position: relative; top: 152px; }

#content { height:300px; width: 730px; float: left; color: #fff; }
#content a:link, #content a:hover, #content a:visited, #content a:active { font: bold 12px Arial; color: #fff; text-decoration: none; display: inline-block; margin-right: 7px }
#content a:hover { text-decoration: underline; color: #ebe9b3 }

#submenu { text-align: left; padding-left: 150px; padding-top: 2px }
#text { font: 12px Arial; line-height: 17px; float: left; width: 255px; height: 243px; vertical-align: middle; text-align: left; position: relative; top: 85px; left: 40px }
#video { margin-left:60px; margin-top: 17px; float:left; width: 405px; height: 243px; background: url(../img/design/bg_video.png); text-align: center; font: 12px Arial; }

/* Vertical menu */
#vmenu { width: 225px; height: 150px; background: url(../img/design/bg_vmenu.png) top right no-repeat; float: left; text-align: left;}
#vmenu a { display:block; height:12px; line-height: 12px; text-indent: -9999px; outline: none;  margin: 4px 0 0 20px }

.adv_link { background:url(../img/design/menu_advertising.jpg) center top no-repeat; width:137px }
.adv_link:hover { background:url(../img/design/menu_advertising.jpg) center bottom no-repeat }

.tra_link { background:url(../img/design/menu_training.jpg) center top no-repeat; width:101px }
.tra_link:hover { background:url(../img/design/menu_training.jpg) center bottom no-repeat }

.ent_link { background:url(../img/design/menu_entertainment.jpg) center top no-repeat; width:170px }
.ent_link:hover { background:url(../img/design/menu_entertainment.jpg) center bottom no-repeat; }

.www_link { background:url(../img/design/menu_www.jpg) center top no-repeat;	width:161px }
.www_link:hover { background:url(../img/design/menu_www.jpg) center bottom no-repeat }

.mov_link { background:url(../img/design/menu_moving.jpg) center top no-repeat;	width:183px }
.mov_link:hover { background:url(../img/design/menu_moving.jpg) center bottom no-repeat }

.joi_link { background:url(../img/design/menu_247.jpg) center top no-repeat;	width:158px }
.joi_link:hover { background:url(../img/design/menu_247.jpg) center bottom no-repeat }

.stu_link { background:url(../img/design/menu_studio.jpg) center top no-repeat;	width:90px }
.stu_link:hover { background:url(../img/design/menu_studio.jpg) center bottom no-repeat }

/* Our Gang slider */
.posit { font:13px Arial; color:#949494 }
#slider { margin:35px 0 0 100px }
#slider ul, #slider li{ margin:0; padding:0; list-style:none; text-align:left }
#slider ul { padding-left:0px }
#slider, #slider li{ width:560px;	height:215px;	overflow:hidden; }
#prevBtn{  }
#nextBtn{  }
#navig { float:left; margin:20px 0 0 102px }

/* Experience */
#client { padding-top: 30px }
#exper { width:50%; margin:20px auto 0 }
#exper td { width:33%; text-align:left; line-height:17px; }

/* Work With Us */
#futur, #www, #applic, #studio { width:45%; margin:20px auto 0; text-align: center; line-height:17px; }

/* Contact Us */
#contact { width:72%; margin:50px 30px 0 0; float:right; text-align: left; }
#contact td { vertical-align: top;}
.cont_name, .cont_phone { font: 12px Arial; padding: 3px 0; display: inline-block; }
.cont_name { color: #929292; font-weight: bold; }
.cont_phone { color: #fff; }
.cont_email a:link, .cont_email a:hover, .cont_email a:visited, .cont_email a:active  { color: #1DE6FE; text-decoration: none }
.cont_email a:hover { text-decoration: underline }

.cont_addr { width: 355px; height: 157px; }

/* Advertising */
#adv_submenu { margin-top: 50px; text-align: right; padding-right: 40px }
#adv_submenu a:link, #adv_submenu a:hover, #adv_submenu a:visited, #adv_submenu a:active { font: bold 12px Georgia; color: #fff; text-indent:0px; text-decoration: none; padding-bottom: 2px; font-style: italic; }
#adv_submenu a:hover { text-decoration: underline; }

ul.thumb { float: left;	list-style: none;	margin: 0; padding: 10px 0 10px 24px;	width: 300px;}
ul.thumb li {	margin: 0; padding: 2px;	float: left;	position: relative; width: 56px;	height: 75px }
ul.thumb li img {	width: 53px; height: 65px; -ms-interpolation-mode: bicubic;	border: 2px solid #696969;	padding: 0px; background: #f0f0f0;	position: absolute;	left: 0; top: 0;}
ul.thumb li img.hover {	background:url(thumb_bg.png) no-repeat center center;	border: none;}

#navigation, #item_title { font-style: italic; font-weight: bold; color: #fff; }
#item_title { float: left; display: inline-block; text-indent: 15px }
#navigation { float: right; display: inline-block; margin-right:20px }

#navigation a { color: #fff; text-decoration: none;}

#adv_screen { margin: 0 5px 0 0; float:right; width: 405px; height: 243px; background: url(../img/design/bg_video.png); text-align: center; font: 12px Arial; }
#adv_video { width: 380px; height: 218px; margin: 15px auto 0; }

/* Case Studies */
#cases { width:50%; margin:10px auto 0; text-align: center; line-height:22px; }
#cases span { width:137px; height:116px; background:#696969; display:inline-block; margin:2px 2px 6px }
#cases span a:link, #cases span a:hover, #cases span a:active, #cases span a:visited { color:#fff; font:bold 13px Arial; text-decoration: none; text-transform: uppercase; }
#cases span a:hover { text-decoration: underline }

/* www.projects */
#www a:link, #www a:hover, #www a:visited, #www a:active { color:#fff; font:bold 12px Arial; text-decoration: none; }
#www a:hover { text-decoration: underline; }

/* Moving Pictures */
#applic { width:70%; float: right; }
#applic td { text-align: left; padding-top: 30px }

/* Studio 6 */
#studio a:link, #studio a:hover, #studio a:visited, #studio a:active  { color: #1DE6FE; text-decoration: none }
#studio a:hover { text-decoration: underline }

/* Training */

ul.thumb_ent { float: left;	list-style: none;	margin: 0; padding: 10px;	width: 300px;}
ul.thumb_ent li {	margin: 0; padding: 2px;	float: left;	position: relative; width: 56px;	height: 75px }
ul.thumb_ent li img {	width: 53px; height: 65px; -ms-interpolation-mode: bicubic;	border: 2px solid #696969;	padding: 0px; background: #f0f0f0;	position: absolute;	left: 0; top: 0;}
ul.thumb_ent li img.hover {	background:url(thumb_bg.png) no-repeat center center;	border: none;}


h1 { font: bold 19px Georgia; font-style: italic; color: #c3c3c3; padding-top: 25px; padding-bottom: 10px  }
h2 { font: bold 17px Georgia; font-style: italic; color: #c3c3c3;  }

/* Copyright */
#copyright { padding: 10px; text-align: center; color: #999; font-size: 12px;  }
#copyright a { color: #999; font-size: 12px; text-decoration: none; }
#copyright a:hover { color: #999; font-size: 12px; text-decoration: underline; }