body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  color:#000000;
  background:#ABABAB url(../images/design/main_bg.jpg) repeat-x 0% 0%;
  margin:0px;
}

/* Default Styles */

h1 {
  font-size:1.1em;
  margin:0px;
  padding:0px 0 24px 0;
}

h2 {
  font-size:1.0em;
  margin:0px;
  padding:0px 0 14px 0;
}

h3 {
  font-size:1.0em;
  margin:0px;
  padding:0px;
}

a {color:#000000;}
a:hover {color:#D60000; text-decoration:none;}

p {
  margin-bottom:0px;
  padding-bottom:0px;
}

a img {border:0px;}

iframe {
  background:#FFFFFF url(../images/design/loading.gif) no-repeat 50% 50%;
}

.noc {
  display:none;
  width:10px;
  height:100px;
  /*text-indent:-999px;*/
  background:#d20;
}

.black {
  background:#000000;
}

/* End Default Styles */


#shell {
  margin-left:auto;
  margin-right:auto;
  width: 871px;
  overflow: hidden;
  background:url(../images/design/shadow_bg.jpg) no-repeat 0% 0%;  
}

#header {
  position:relative;
  width:780px;
  height:255px;
  margin:24px 0 0 45px;
  border-left:1px solid #B6B6B6;
  border-right:1px solid #B6B6B6;
}

#logo {
  float:left;
  width:172px;
  height:208px;
  background: #FFF url(../images/design/makingmovies_logo.jpg) no-repeat 0% 0%;

}

#logo img {
  width:172px;
  height:207px;
  border:0px;
}


#flash {
  float:left;
  width:608px;
  height:208px;
  background:url(../images/design/makingmovies_banner4.jpg) no-repeat 0% 0%;
}

#menu {
  width:780px;
  height:47px;
  background:url(../images/design/menu_bg.jpg) repeat-x 0% 0%;
}

#navholder {
  float:left;
  width:530px;
  height:47px;
}

/* --------- Navigation ---------- */

#nav, #nav ul {
  float:left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size:1.0em;
  display:inline;
}

#nav li {
 float: left;
  margin-top: 0px;
  padding: 0px;
  position: relative;
  text-decoration: none;
  list-style-type: none;
}

#nav li ul {
  margin-top: -4px;
  margin-left: 0px;
  padding: 0px;
  position: absolute;
  z-index: 256;
  left: -999em;
}

#nav li a {
  color: #393939;
  text-decoration: none;
  margin: 0px;
  padding: 15px 5px 16px 5px;
  width: auto;
  display: block;
}

#nav li a:hover {
  color: #D60000;
  text-decoration:none;
  margin: 0px;
  width: auto;
  display: block;
  background:url(../images/design/menu_rollover.gif) repeat-x 0% 100%;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}

#subnav, #subnav ul {
  list-style-type: none;
  float: left;
  margin-top:0px;
  padding: 0px;
  width: 160px;
  background:#CACACA;  
}

#subnav li {
  color: #393939;
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  position: relative;
  width: 160px;
	border:0px;
}

/* IE6 Hack To Make The Dropdwon Menu Lineup */
* html ul#subnav li {margin-top: -0px;}

#subnav li a {
  color: #393939;
  text-decoration: none;
  margin: 0px;
  display: block;
  padding:5px 0 5px 9px;
}

#subnav li a:hover {
  color: #D60000; 
  text-decoration:none;
  margin: 0px;
  padding:5px 0px 5px 9px;
  display: block;
  background:#E9E9E9;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }

/* --------- End Navigation ---------- */

#login {
  float:left;
  width:250px;
  height:47px;
  background:url(../images/design/login_bg.jpg) no-repeat 100% 0%;
}

#login form {
  margin-top:10px;
}

#login span {
  color:#909090;
  font-weight:bold;
  margin-right:11px;
}

.loginfield {
  width:72px;
  font-size:11px;
  color:#909090;
  margin-right:6px;
  padding-left:5px;
  background:#E2E2E2;
  border-top:1px solid #3F3F3F;
  border-right:1px solid #F0F0F0;
  border-bottom:1px solid #F0F0F0;
  border-left:1px solid #3F3F3F;
}

.loginbttn {
  position:relative;
  top:3px;
  left:0px;
}

#container {
  width:780px;
  margin-left:45px;
  padding:0px;
  border-left:1px solid #B6B6B6;
  border-right:1px solid #B6B6B6;
  background:#BDBDBD url(../images/design/content_bg.jpg) repeat-x 0% 0%;
}

#holder {
  width:100%;
  height:100%;
}

#homepagespecial {
  width:100%;
  height:100%;
  background: url(../images/design/2px.gif) repeat-y 0% 0%;
}

*html #homepagespecial {
  width:100%;
  height:100%;
  background: url(../images/design/IE62px.gif) repeat-y 0% 0%;
}

#homepagespecialii {
  width:100%;
  height:100%;
  background: url(../images/design/3bpx.gif) repeat-y 0% 0%;
}

*html #homepagespecialii {
  width:100%;
  height:100%;
  background: url(../images/design/3bpx.gif) repeat-y 0% 0%;
}

#middlepanel {
  float:left;
  width:516px;
  padding-right:22px;
  margin:22px 0px 0 35px;
}

*html #middlepanel {
  padding-right:22px;
  margin:22px 0px 0 16px;
}

#middlepanelii {
  float:left;
  width:585px;
  padding-right:22px;
  margin:22px 0px 0 35px;
}

*html #middlepanelii {
  padding-right:22px;
  margin:22px 0px 0 16px;
}

#insidemiddlepanel {
  width:715px;
  padding-top:22px;
  margin:0 0 0 35px;
}

*html #insidemiddlepanel {
  padding-top:22px;
  margin:0px 32px 20px 16px; /* Take Off Bottom 20px When Links At Bottom Get Turned On */
}

#holder2 {
 margin:0 0 43px 35px;
 background: url(../images/design/2cpx.gif) repeat-y 0% 0%; 
}

*html #holder2 {
 margin:0 0 43px 23px;
 background:url(../images/design/IE2px.gif) repeat-y 72% 0%; 
}

#holder3 {margin:0 0 43px 35px;}
*html #holder3 {margin:0 0 43px 23px;}

#pictures {
  margin:71px 0 0 0;
  float:left;
  width:538px;  
}

*html #pictures {
  margin:74px 0 0 0;
}

#enquiry {
  float:left;
  width:169px;
  padding:66px 18px 0 18px;
  margin:0px;
}

*html #enquiry {
  float:left;
  width:169px;
  padding:69px 18px 0 18px;
  margin:0 0 0 9px;
}

#hrightpanel {
  float:left;
  width:170px;
  padding:0 18px 0 18px;
  margin:22px 0 0 0;
}

#rightpanel {
  float:left;
  width:170px;
  padding:0 18px 0 18px;
  margin:22px 0 0 0;
  background:#000000;
}

#rightpanelii {
  float:left;
  width:138px;
  padding:0px;
  margin:22px 0 0 0;
  text-align:center;
  background:#FFFFFF;
}

#sitelinks, #sitelinks2col {
  width:780px;
  margin:0 0 0 45px;
  padding:10px 0 0 0;
  background:#BDBDBD;
  border-left:1px solid #B6B6B6;
  border-right:1px solid #B6B6B6;  
}

#sitelinks2col {
  background:#BDBDBD url(../images/design/2bpx.gif) no-repeat 0% 0%;
}

*html #sitelinks2col {
  background:#BDBDBD url(../images/design/2.2bpx.gif) no-repeat 0% 0%;
}

#sitelinks img {
  float:right;
  margin:0 41px 10px 0;
}

#sitelinks a img {
  float:right;
  margin:0 41px 0 0;
}

#sitelinks2col img {
  float:right;
  margin:0 20px 10px 0;
}

#sitelinks2colii {
  width:780px;
  margin:0 0 0 45px;
  padding:10px 0 0 0;
  background:#BDBDBD;
  border-left:1px solid #B6B6B6;
  border-right:1px solid #B6B6B6;  
  background:#BDBDBD url(../images/design/3bpx.gif) repeat-y 0% 0%;
}

*html #sitelinks2colii {
  background:#BDBDBD url(../images/design/3bpx.gif) repeat-y 0% 0%;
}

#sitelinks2colii a img {
  float:right;
  margin:0 5px 5px 0;
}

#links {
  width:770px;
  height:20px;
  padding:7px 0 0 10px;
  font-size:0.9em;
  color:#6E6E6E;
  background:#D5D5D5;
  border-bottom:1px solid #C0C0C0;
  /* Remove All Below After All Links to Sub Site Are Finished
  display:none;
  text-indent:-9999;*/
}

#links a {
  color:#6E6E6E;
  text-decoration:none;
}

#links a:hover {
  color:#6E6E6E;
  text-decoration:underline;
}

#footer {
  width:780px;
  height:27px;
  margin-left:45px;
  background:#D5D5D5;
  border-left:1px solid #B6B6B6;
  border-right:1px solid #B6B6B6;  
}

#rights {
  float:left;
  font-size:0.9em;
  color:#6E6E6E;
  text-indent:36px;
  margin:8px 0 7px 0;
}

#design {
  float:left;
  font-size:0.9em;
  color:#6E6E6E;
  text-indent:4px;
  margin:8px 0 7px 0;
}

#design a {
  color:#6E6E6E;
  text-decoration:none;
}

#design a:hover {
  color:#6E6E6E;
  text-decoration:underline;
}

/* Testimonials */

#rantestimonials a{
  margin:0 0 10px 0;
  color:#000000;
  text-decoration:none;
}

/* Project Work */

.worklist, .locationlist, .serviceslist, .stocklist {
  float:left;
  width:325px;
  padding:10px;
  margin:0 10px 10px 0;
  border:1px solid #6E6E6E;
  position:relative;
}

.readmore {
  position:absolute;
  bottom:10px;
  right:10px;
  font-size:0.9em;
}

.thumbnail {
  float:left;
  margin-right:10px;
  border:1px solid #000000;
}

#piclarge {
  float:left;
  margin-right:10px;
  border:1px solid #000000;
}

.cover {
  margin:-90px 0 0 0; 
}

.cover a {
  margin:0px;
  padding:0px;
}

.coverlarge {
  margin:-236px 0 0 0; 
}

#workfull, #servicefull {
  padding:10px;
  border:1px solid #6E6E6E;
  position:relative;
} 

#clip {
  float:left;
  margin:20px 5px 0 0;
  background:url(../images/design/instructions.jpg) no-repeat 0% 50%;
}

#details {
  float:left;
  width:250px;
  margin:20px 0 0 10px;
}

#enquirybutton {
  position:absolute;
  bottom:10px;
  right:10px;
}

*html #enquirybutton {
  position:absolute;
  bottom:107px;
  right:10px;
}

#enquirybutton3 {
  float:right;
  margin:10px 0 0 10px;
}

#specialbttn {
  float:right;
  margin:0 0 0 10px;
}

/* End Portfolio Work */

/* StaffMember */

.staffmember {
  float:left;
  width:325px;
  padding:10px;
  margin:0 10px 10px 0;
  border:1px solid #6E6E6E;
  position:relative;
}

.staffshot {
  float:left;
  margin:0 10px 0 0;
  border:1px solid #2B2B2B;
}
/* End StaffMember */

/* Form */

input, select, textarea {
  font-size:1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #6E6E6E;
}

textarea {font-size:1.0em;}

.required {
  font-weight:bold;
  color:#D60000;
}


label {
  visibility:hidden;
  display:none;
}

.namefield {float:left; padding-top: 3px; width: 140px; }
.inputfield {float:left; width:475px; padding:4px;}

.namefield2 {float:left; padding-top: 3px; width:144px;}
.input2 {float:left; width:270px; padding:2px; margin:0 200px 0 0; border:1px solid #6E6E6E;}

.submitbutton {
  font-size:1.0em;
  margin:6px 0 6px 143px;
  background-color:#ABABAB;
  border:1px solid #6E6E6E;
  color:#FFFFFF;
}


/* End Form */

/* Google Maps */
.map {
  float:right;
  margin:0 0 10px 10px;
  width:350px;
  height:250px;
}
/* End Google Maps */

/* Gallery  */
#picturegallery {
  width:560px;
  margin:20px 0 0 67px;
  padding:10px;
  background:#000000;
  text-align:center;
}

.holder {
  float:left;
  width:120px;
  padding:10px 0 0 10px;
  margin:0 10px 10px 0;
}

/* End Gallery */

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */