body * {
  margin:  0;
  padding: 0;
}

body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background: url(../images/background.gif) repeat-x left top #111122;
  width:920px;
  margin:25px auto 50px auto;
  color:#cccccc;
  font-size:0.65em;
  line-height:1;
  position:relative
}

img { border:none; display:block }


h1 {
  display:block;
  width:126px;
  height:38px;
  margin-left:32px;
}

h2 { background-color: #000000 }

h3, h4 {
  font-weight:bold;
  font-size:1.2em;
  line-height:1.43;
}

h3 { margin-bottom:20px }
h4 { margin-top:15px }

a {
  text-decoration:none;
  color:#ffffff;
}

a:focus { outline: none }












/* CONTACT DETAILS */
.contact_details {
  width:673px;
}
.contact_details p {
  float:left;
  margin-right:1em;
}
.contact_details p.mailto {
  float:right;
  margin-right:0;
}
.contact_details * {
  color:#3b424e;
  font-weight: normal;
}
/* CONTACT DETAILS END */












/* HEADER */
#header {
  position:relative;
  margin-bottom:18px;
}
#header .contact_details {
  position:absolute;
  left:240px;
  bottom:0;
  font-size:1.2em;
}
/* HEADER END */














/* NAVIGATION */
#nav {
  width:200px;
  /*background:url(../images/navigation/sub/base.gif) repeat-y left top transparent;*/
  float:left;
}
#nav, #nav ul { list-style: none }
#nav ul { margin:0.5em 0 }
#nav ul a {
  height:auto;
  padding:0 13px;
  font-size:1.1em;
  width:174px;
  line-height: 1.81;
  color:#aaaaaa;
}
#nav li {
  float:left;
  border-bottom:1px solid #000000;
}
#nav li#nav_li_9 { border-bottom: none }
#nav a {
  padding:0;
  display:block;
  height:32px;
  background-image: none;
  background-position:left top;
  background-repeat: no-repeat;
  color:#aaaaaa;
}
#nav_link_1:hover { background-image:url('../images/navigation/digital_media/hover.gif') }
#nav_link_2:hover { background-image:url('../images/navigation/video_and_tv/hover.gif') }
#nav_link_3:hover { background-image:url('../images/navigation/film_and_digital_intermediate/hover.gif') }
#nav_link_4:hover { background-image:url('../images/navigation/milestones/hover.gif') }
#nav_link_5:hover { background-image:url('../images/navigation/clientlogin/hover.gif') }
#nav_link_6:hover { background-image:url('../images/navigation/playshowreel/hover.gif') }
#nav_link_7:hover { background-image:url('../images/navigation/company/hover.gif') }
#nav_link_8:hover { background-image:url('../images/navigation/24_Hour_hotline/hover.gif') }
#nav_link_9:hover { background-image:url('../images/navigation/contact/hover.gif') }
#nav_link_10:hover { background-image:url('../images/blog.png') }
#nav_link_11:hover { background-image:url('../images/LinkedIn.png') }
#nav_link_12:hover { background-image:url('../images/twitter.png') }
#nav a:hover { background-position: 0 0 } /* force redraw in ie6 */
.section_1 #nav_link_1 { background-image:url('../images/navigation/digital_media/selected.gif') }
.section_2 #nav_link_2 { background-image:url('../images/navigation/video_and_tv/selected.gif') }
.section_3 #nav_link_3 { background-image:url('../images/navigation/film_and_digital_intermediate/selected.gif') }
.section_4 #nav_link_4 { background-image:url('../images/navigation/milestones/selected.gif') }
.section_5 #nav_link_5 { background-image:url('../images/navigation/clientlogin/selected.gif') }
.section_6 #nav_link_6 { background-image:url('../images/navigation/playshowreel/selected.gif') }
.section_7 #nav_link_7 { background-image:url('../images/navigation/company/selected.gif') }
.section_8 #nav_link_8 { background-image:url('../images/navigation/24_Hour_Hotline/selected.gif') }
.section_9 #nav_link_9 { background-image:url('../images/navigation/contact/selected.gif') }
.section_10 #nav_link_10 { background-image:url('../images/blog.png') }
.section_11 #nav_link_11 { background-image:url('../images/LinkedIn.png') }
.section_12 #nav_link_12 { background-image:url('../images/twitter.png') }
#nav ul { display:none }
.section_1 #nav_li_1 ul, .section_2 #nav_li_2 ul, .section_3 #nav_li_3 ul, .section_4 #nav_li_4 ul, .section_5 #nav_li_5 ul, .section_6 #nav_li_6 ul, .section_7 #nav_li_7 ul, .section_8 #nav_li_8 ul, .section_9 #nav_li_9 ul, .section_10 #nav_li_10 ul, .section_11 #nav_li_11 ul, .section_12 #nav_li_12 ul { display:block }
#nav li li, .section_1 #nav_li_1, .section_2 #nav_li_2, .section_3 #nav_li_3, .section_4 #nav_li_4, .section_5 #nav_li_5, .section_6 #nav_li_6, .section_7 #nav_li_7, .section_8 #nav_li_8, .section_9 #nav_li_9, .section_10 #nav_li_10, .section_11 #nav_li_11, .section_12 #nav_li_12 { border-bottom:none; }
#nav a:hover img, .section_1 #nav_link_1 img, .section_2 #nav_link_2 img, .section_3 #nav_link_3 img, .section_4 #nav_link_4 img, .section_5 #nav_link_5 img, .section_6 #nav_link_6 img, .section_7 #nav_link_7 img, .section_8 #nav_link_8 img, .section_9 #nav_link_9 img, .section_10 #nav_link_10 img, .section_11 #nav_link_11 img, .section_12 #nav_link_12 img { visibility:hidden }
#nav ul a { background-image:none }
#nav ul a:hover { color:#ffffff }
/* NAVIGATION END */














/* CONTENT */
#content {
  width:701px;
  float:right;
}
#content a { font-weight:bold }
#content p {
  margin-bottom:2em;
  line-height:1.67;
  font-size:1.2em;
}
#content p.last { margin-bottom:0 }
#title_flash {
  margin-bottom: 20px;
  display:block;
}
.left  { float:left }
.right { float:right }
/* CONTENT END */














/* HOME PAGE */
.layout_home #box {
  padding:20px;
  background: url(../images/boxes/content/top.gif) left top no-repeat #252d3a;
  margin-bottom:2px;
}
.layout_home .left {
  width:421px;
}
.layout_home .right {
  width:220px;
  background: url(../images/boxes/milestone/bottom.gif) left bottom no-repeat #3b424e;
  padding-bottom:10px;
}
.layout_home h5 {
  margin:13px 15px 0.25em 15px;
  font-weight:bold;
  font-size:1.2em;
}
.layout_home .right p {
  margin-left: 15px;
  margin-right: 15px;
}
.layout_home .right h4 {
  margin-top:0;
}
.layout_home .right h4 a {
  height: 33px;
  display:block
}
.layout_home .right h4 a:hover { background: url(../images/boxes/milestone/top/hover.gif) left top no-repeat transparent }
.layout_home .right h4 a:hover img { visibility:hidden }
#content.layout_home .right p {
  line-height:1.5;
  font-size:1.2em;
  margin-bottom:1.8em;
}
#content.layout_home .right p.last { margin-bottom:0 }
/* HOME PAGE END */














/* SITE MAP */
#site_map a { font-weight:normal }
#site_map {
  background: url(../images/boxes/content/bottom.gif) left bottom no-repeat #252d3a;
  padding:20px;
  font-size:1.1em;
  line-height:1.09;
}
#site_map,
#site_map ul {
  list-style: none;
}
#site_map li {
  float:left;
  width:140px;
  margin-right:11px;
}
#site_map li.last { margin:0 0 0.5em 0 }
#site_map li li {
  float:none;
  margin-right:0;
  margin-top:0.5em;
}
#site_map a {
  color:#676c75;
}
#site_map li a    { font-weight:bold }
#site_map li li a { font-weight:normal }
/* SITE MAP END */














/* LAUNCH PAGE */
#landing_list {
  list-style: none;
  padding:20px 9px 6px 20px;
  background: url(../images/boxes/content/top.gif) no-repeat left bottom transparent;
}
#landing_list li {
  float:left;
  width:213px;
  overflow:hidden;
  margin-right:11px;
  padding-bottom:20px;
}
#landing_list img {
  border-bottom:2px solid #111122;
  margin-bottom:5px;
  margin-left:-8px;
}
#landing_list a {
  display:block;
  color:#888888;
  padding:0 8px 8px 8px;
  font-size:1.1em;
  background: url(../images/boxes/service/base.gif) no-repeat left bottom #252d3a;
}
#landing_list a:hover {
  background: url(../images/boxes/service/hover.gif) no-repeat left bottom #363945;
}
.layout_landing div {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding:14px 20px 20px 20px;
  clear:both;
}
.layout_landing h3 {
  margin-bottom:0;
}
#content.layout_landing p {
  line-height:1.55;
  font-size:1.1em;
  margin:1.7em 0 0 0;
}
.layout_landing h3,
#content.layout_landing p {
  width:436px;
}
/* LAUNCH PAGE END */














/* THREE COLUMN PAGE */
.layout_three_cols {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding-bottom:6px;
}
#title_small {
  border-bottom:2px solid #000000;
}
.layout_three_cols h3,
.layout_multi_rows h3 {
  width:436px;
  margin:15px 0 0 20px;
}
.layout_three_cols .row {
  padding:20px 9px 20px 20px;
  background-color:#252d3a;
  border-top:2px solid #111122;
}
.layout_three_cols .row.first {
  border-top:none;
}
.layout_three_cols div div {
  float:left;
  width:213px;
  overflow:hidden;
  padding-right:11px;
}
.layout_three_cols a,
#content.layout_three_cols p {
  margin-bottom:0.5em;
  line-height:1.55;
}
#content.layout_three_cols p {
  font-size:1.1em;
}
/* THREE COLUMN PAGE END */














/* TWO COLUMN PAGE */
.layout_two_cols {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding-bottom:20px;
}
.layout_two_cols .left {
  margin:15px 0 0 20px;
  width:436px;
}
.layout_two_cols .left h4 { line-height:1.54 }
.layout_two_cols .right {
  margin:-5px 20px 0 0;
  width:213px;
}
.layout_two_cols .right h4 {
  background: url(../images/boxes/list/top.gif) no-repeat left top #333f4d;
  margin:20px 0 2px 0;
  font-size:1.4em;
  line-height:1;
  padding:13px 15px;
}
.layout_two_cols .right ul {
  list-style: none;
  background: url(../images/boxes/list/bottom.gif) no-repeat left bottom #333f4d;
  padding:15px;
}
.layout_two_cols .right li {
  margin-bottom:0.7em;
  font-size:1.1em;
}
.layout_two_cols .right li.last { margin-bottom:0 }
#content.layout_two_cols p,
#content.layout_multi_rows p {
  font-size:1.1em;
  line-height:1.55;
}
.layout_two_cols .left,
.layout_two_cols .right {
  display:inline; /* fixes IE6 margin float bug */
}

/* TWO COLUMN PAGE END */














/* MULTI ROWS PAGE */
.layout_multi_rows {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding-bottom:20px;
}
.layout_multi_rows div.cf {
  padding:20px 20px 0 20px;
}
.layout_multi_rows .left {
  display:block;
  width:213px;
}
.layout_multi_rows .right {
  width:437px;
}
.layout_multi_rows h4 {
  margin-top:-0.125em;
  line-height:1.54;
}
#content.layout_multi_rows p {
  margin-bottom:0.5em;
}
/* MULTI ROWS PAGE END */














/* FOOTER */
#footer {
  clear:both;
  width:701px;
  margin-left:220px;
  padding-top:20px;
  font-size: 1.1em;
  line-height: 1.2;
}
#footer * { color:#3b424e }
#footer ul {
  list-style: none;
  width:661px;
  margin:0 0 10px 20px;
}
#footer ul a {
  font-weight:normal;
}
#footer ul li {
  display: inline;
  margin-right: 0.5em;
}
#footer .contact_details {
  margin-left:20px;
  padding-top:10px;
  border-top:1px solid;
}
#footer .contact_details p {
  padding-right: 1em;
}
#footer .contact_details p.mailto {
  border-right:none;
  padding-right: 0;
  float:left;
}
#footer .contact_details p.mailto a { font-weight:normal;
}
/* FOOTER END */














.cf:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */