/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* General */
body{background:#000000 url(../_images/header_bg.gif) repeat-x 0 0; margin:0; padding:0; color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
h1{font-size:21px; font-weight:bold; margin:0 0 6px 0; padding:0 0 3px 0; line-height:1.1;}
h2{font-size:21px; font-weight:bold; margin:0 0 3px 0;}
h3{font-size:16px; font-weight:bold; margin:0 0 3px 0;}
h4{font-size:14px; font-weight:bold;}
h5{font-size:12px; font-weight:bold;}
h6{font-size:11px; font-weight:bold;}
p, label, input, select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; margin: 0 0 12px 0; line-height:1.7; }
a{color:#ffffff; text-decoration:underline;}
a:hover{color:#ebe800; text-decoration:none;}
img{border:none; margin: 0 0 12px 0;}
table, tr, th, td, thead, tbody, tfoot{font-size:11px;}
strong{font-weight:bold;}
sup{font-size:smaller; vertical-align:baseline; position:relative; bottom:0.33em;}
em{font-style:italic;}
ul,ol,li{font-size:11px;}
ul,ol{margin:5px 0 12px 26px;}
ul{list-style:disc;}
ol{list-style:decimal;}
.clear{clear:both;}
.footnote{font-size:6px; font-style:italic;}
.center{text-align:center;}
input, select, label{width:95%; padding:3px;}
select{width:99%;}
/* Layout background: url(../_images/title_bg.gif) no-repeat 0 0; */
#container{margin:0 auto; width:1200px;}
#header{ float:left; }
#header .logo{float:left;}
#navagation{ float:left; padding:0; position:relative; display:inline;}
#navagation ul{ margin:0;width:738px;}
#navagation ul li{ float:left; list-style:none; }
#header #navagation ul li a{ display:inline; background:#8c8c8c url(../_images/nav_bg.gif) no-repeat 0 0; margin:0 5px; padding:33px 0 0 10px ; width:85px; height:114px; color:#ffffff; display:block; text-decoration:none; font-weight:bold; font-size:13px;}
#header #navagation ul li a:hover, #header #navagation ul li .current,.portfolio #navagation ul li .sub{background:#cdcdcd url(../_images/nav_bg_hover.gif) no-repeat 0 0; }
#header #subnavagation{ float:left; padding:0; position:relative; display:inline;}
#header #subnavagation ul{ margin:0;width:738px;}
#header #subnavagation ul li{ float:left; list-style:none; }
#header #subnavagation li a{background:#5a5a5a; padding:1px 10px 0 0 ; width:85px; height:18px; margin:0 5px; text-align:right; color:#ffffff; display:block; text-decoration:none; font-weight:bold; font-size:13px;}
#header #subnavagation li a:hover, #header #subnavagation ul li .current{background:url(../_images/subnav_bg_hover.gif) no-repeat 0 0;}
#container_content{float:left; position:relative; width:730px; padding:0px 0px 0 237px;}
.home #container_content{float:left; position:relative; width:940px; padding:0px 0px 0 237px;}
[id]#container_content{float:left; position:relative; width:730px; padding:0px 0 0 237px;}
.title{height:49px; width:728px; padding:13px 0 0px 0; color:#333333; text-transform:uppercase; font-size:36px; }
.line{color:#acacac; overflow:hidden; font-size:8px; padding:10px 0 20px 0; letter-spacing:1px;}
.bottom_content{}
.bottom_content .left{width:535px;float:left;}
.bottom_content .right{width:168px;float:left; margin:0 0 0 25px;}
#content{float:right;}
.home #content{width:535px;float:left;}
.home #content .address{width:166px;float:left; padding-right:25px; position:relative;}
.home #content .address h3{font-size:12px; font-weight:normal; line-height:173%; position:absolute; left:20px;}
.home #content .address h3 strong{color:#ebe800;font-size:17px; position:absolute; left:-20px;}
.home #content .address a{color:#ffffff; text-decoration:none;}
.home #content .address a:hover{color:#ebe800; text-decoration:underline;}
.home #content .topics{width:340px;float:left;}
.home #content .topics h3{font-size:15px; text-transform:uppercase;}
.home #content .topics h3 strong{color:#ebe800;font-size:17px;}
.ourvalue #content,.contact #content{width:520px;}
.thestudio #content{width:200px; padding-right:215px;}
.portfolio #content, .news #content, .demoreel #content{}
.module{float:left; padding-bottom:40px;}
.portfolio .description{float:left; width:202px; text-align:right;}
.portfolio .work{float:left; padding-left:10px; width:515px; }
.news .module{border-bottom:1px solid #ffffff; margin-bottom:25px; padding-bottom:15px;}
.news .description{float:left; width:200px; padding-left:105px; text-align:right;}
.news .work{float:left; padding-left:10px; width:415px;}
#sidebar{float:left; margin-right:10px; display:inline;}
.home #sidebar{width:168px;float:left; margin:0 0 0 25px;}
.home #sidebar h4{font-size:20px; padding-bottom:29px;}
.home #sidebar .icon{background:transparent url(../_images/icon.gif) no-repeat 0 0; padding-left:45px;}
.ourvalue #sidebar, .news #sidebar, .demoreel #sidebar, .contact #sidebar{ width:200px; text-align:right;}
.thestudio #sidebar{width:200px; padding-left:105px; text-align:right;}
.playsymbol img{ margin-bottom:-4px;}
#footer{float:left; position:relative; width:730px; padding:0px 0 0 237px; font-size:9px;}
.home #footer{float:left; position:relative; width:940px; padding:0px 0 0 237px;}
[id]#footer{float:left; position:relative; width:730px; padding:0px 0 0 237px;}
#footer #navagation ul li a{padding-right:10px; text-transform:uppercase; font-size:9px;}