/* CSS Document */

/* SITE TEMPLATE */
body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center; /* for IE */
		background-color:white;
	}

#container {
		position:relative;
		top:-7px;
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 1024px;
	}

#leftshadow {
	position:absolute;
	top:-7px;
	width:20px;
	left:-20px;	
	height:1020px;
	background-image: url(images/site_images/gradient_left.jpg);
	background-repeat: repeat-y;
	 }


#rightshadow {		
	position:absolute;
	top:-7px;
	width:20px;
	right:-20px;	
	height:1020px;
	background-image: url(images/site_images/gradient_right.jpg);
	background-repeat: repeat-y;
	 }
	
p {
		color:#333333;
		font-size:13px;
		line-height: 1.3;
		text-align:justify;
}
h1 {
font-size:16px;
font-style:bold;
color:#660000;
}
h2 {
font-size:12px;
color:white;
padding-top:8px;
}
h3 {
font-size:14px;
color:#660000;
text-decoration:none;
}
a.h3 {
font-size:14px;
color:#660000;
text-decoration:none;
}
a.h3:hover {
font-size:14px;
color:black;
text-decoration:none;
}
h4 {
font-size:12px;
color:#660000;
text-decoration:none;
}
a.h4 {
font-size:12px;
color:#660000;
text-decoration:none;
}
a.h4:hover {
font-size:12px;
color:black;
text-decoration:none;
}
h5 {
position:relative;
top:-30px;
font-size:12px;
color:#660000;
}
h6 {
font-size:11px;
color:white;	
}
h7 {
font-size:12px;
color:#660000;
text-decoration:none;
}
a.h7 {
font-size:12px;
color:#660000;
text-decoration:none;
}

#redtext {
font-size:12px;
color:#660000;
}
a.inline_link {color:#000000;
		font-size:13px;
		line-height: 1.1;
		text-decoration:none; }
a.inline_link:hover {color:#660000;
		font-size:13px;
		line-height: 1.1;
		text-decoration:none; }
.microbudgettext {
font-size:11px;
color:white;
font-weight:bold;
text-decoration:none;
padding-top:6px;
}
		
#topbanner {
 background-color:white;
 color:#000;
 height:144px;
 padding-top:18px;
 padding-left:112px;
}
#topcontact {
font-size:14px;
position:absolute;
float:right;
top:70px;
right:40px;
color:#660000;
	font-weight:bold;

}
* html #topcontact {
font-size:14px;
position:absolute;
float:right;
top:70px;
right:170px;
color:#660000;
	font-weight:bold;

}
a.toplink {
color:#660000;
font-weight:bold;
text-decoration:none;
}
a.toplink:hover {
color:#CCCCCC;
}
#toplinks {

	background-color:#660000;
	padding-left:161px;
	padding-top:3px;
	height:22px;
	z-index:100;
	}

.menu {width:862px; height:22px; position:relative; top:-2px; z-index:100; border-right:1px solid #000; font-family:arial, sans-serif; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:862px; w\idth:862px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:123px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:121px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:white; width:118px; height:24px; border-left:1px solid #000; border-width:1px 0 1px 1px; background:#660000; padding-left:15px; line-height:22px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:108px; w\idth:102px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#660000 url(images/site_images/menu_grey_arrow.gif) no-repeat 123px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#660000 url(images/site_images/menu_blue_arrow.gif) no-repeat 123px center;}
.menu ul ul :hover > a.drop {background:#660000 url(images/site_images/menu_blue_arrow.gif) no-repeat 123px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#660000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#660000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:130px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:23px;}

/* position the third level flyout menu */
.menu ul ul ul{left:123px; top:-1px; width:123px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-123px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#660000; color:white; height:auto; line-height:1em; padding:5px 15px; width:90px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:108;w\idth:102px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:white; background:#330000;}
.menu :hover > a, .menu ul ul :hover > a {color:white; background:#330000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#pageheaderband {
	height:219px;
	padding-top:13px;
	background-image: url(images/site_images/pageheaderbandstrip.gif);
	background-repeat: repeat-x;
}
#leftlinks {
font-size:11px;
 float:left;
 width:130px;
 padding-top:15px;
 padding-left:22px;
}
a.leftlink {
color:white;
font-weight:bold;
text-decoration:none;
line-height: 1.75;
}
a.leftlink:hover {color:#CCCCCC;}

#footer {
position:absolute;

	clear:both;
	height:104px;
	width:862px;
	background-color:white;
	padding-left:161px;
	color:#000;
	border-top-color: #660000;
	border-top-style: solid;
	border-top-width: 1px;
	z-index:200;
}

#missionstatement {
position:relative;
top:-2px;
font-size:12px;
font-weight:bold;
color:#660000;
text-decoration:none;
}
#affiliationlogos{
position:absolute;
top:-60px;
right:10px;
}

#footer_col1 {
width:180px;
float:left;
padding-top:12px;
color:#999999;
font-size:10px;
text-decoration:none;
}
#footer_col2 {
width:180px;
float:left;
padding-top:12px;
color:#999999;
font-size:10px;
text-decoration:none;
}
#footer_col3 {
width:220px;
float:left;
padding-top:12px;
color:#999999;
font-size:10px;
text-decoration:none;
}
#footer_col4 {
width:180px;
float:left;
padding-top:12px;
color:#999999;
font-size:10px;
text-decoration:none;
}
.footerlink {
color:#999999;
font-size:10px;
text-decoration:none;
}
.footerlink:hover {
color:#333333;
font-size:10px;
text-decoration:none;
}

.vid_prod_agency_img {
position:relative;
top:-33px;
}
.leftlinks_base {
position:relative;
left:-22px;
top:30px;
width:161px;
}
* html .leftlinks_base {
position:relative;
left:-22px;
top:28px;
width:161px;
}
*:first-child+html .leftlinks_base {
position:relative;
left:-22px;
top:28px;
width:161px;
}

/* END SITE TEMPLATE */

div#index_video {
position:relative;
top:-8px;
right:-8px;
height:190px;
 float:left;
width:863px;
z-index:10;
}

*:first-child+html #index_video {
position:relative;
top:5px;
right:-8px;
height:190px;
 float:left;
width:863px;
z-index:10;
}

#serviceslinks{
position:absolute;
top:415px;
right:0px;
}

.servicelink{
float:left;
width:96px;
height:17px;
background-image:url(images/site_images/services_tab.jpg);
background-repeat:no-repeat;
font-size:11px;
}

.servicelink_right{
float:left;
width:96px;
height:17px;
background-image:url(images/site_images/services_tab_right.jpg);
background-repeat:no-repeat;
font-size:11px;
}
a.servicelink_txt {
color:white;
font-weight:bold;
text-decoration:none;
line-height: 1.6;
}
a.servicelink_txt:hover {color:#CCCCCC;}
.rolloverimage {
position:absolute;
top:0px;
left:0px;
z-index: 1000;
}


#scrollbox {
position:relative;
top:5px;
right:-9px;
}
* html #scrollbox {
position:relative;
top:15px;
right:-10px;

}
*:first-child+html #scrollbox {
position:relative;
top:15px;
}

#scrollboxtop {
 width:407px;
 height:30px;
 padding-left:15px;
 vertical-align:middle;
background-image:url(images/site_images/scrollbox_top_right.jpg);
}
* html #scrollboxtop {
 width:407px;
 height:20px;
 padding-left:15px;
 vertical-align:middle;
background-image:url(images/site_images/scrollbox_top_right.jpg);
background-repeat:no-repeat;
}

#scrollboxcontent {
width:412px;
 height:206px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/scrollbox_body_strip.jpg);
background-repeat: repeat-x;
}
* html #scrollboxcontent {
position:relative;
top:-15px;
width:412px;
 height:206px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/scrollbox_body_strip.jpg);
background-repeat:repeat-x;}



#scrollboxbase {
position:relative;
top:-5px;
z-index:-2;
}
* html #scrollboxbase {
position:relative;
top:-15px;
z-index:-2;
}

#categoryimage {
position:absolute;
right:-11px;
top:40px;
z-index:1000;
}
*html #categoryimage {
position:absolute;
left:23px;
top:8px;
z-index:1000;
}
*:first-child+html #categoryimage {
position:absolute;
left:23px;
top:35px;
z-index:1000;
}

#categorylinks{
position:absolute;
top:215px;
left:45px;
font-size:11px;
}
*html #categorylinks{
position:absolute;
top:180px;
left:45px;
font-size:11px;
}
a.categorylinks {
color:white;
font-weight:bold;
text-decoration:none;
line-height: 1.2;
}
a.categorylinks:hover {color:#CCCCCC;}
.categorylinkscolsmall {
float:left;
width:100px;
}
.categorylinkscol {
float:left;
width:150px;
}
.categoryimagecurvetop {
position:absolute;
top:0px;
width:5px;
height:5px;
z-index:1002;

}
.categoryimagecurvebottom {
position:absolute;
top:165px;
width:5px;
height:5px;
z-index:1002;
}
#clientshow {position:relative; top:20px; left:18px; width:188px;}
*html #clientshow {position:relative; top:-20px; left:18px; width:188px;}

#categorysublinks {
position:relative;
	left:0px;
	top:20px;
	}
#categorysublinkstop {
	width:390px;
	height:28px;
	background-image: url(images/site_images/categorysublinks.jpg);
	 }
#serviceslinks_catpg{
position:absolute;
right:0px;
}
#serviceslinks_testimonials {
position:absolute;
top:148px;
right:19px;
}
*html #serviceslinks_testimonials {
position:absolute;
top:130px;
right:19px;
}
*:first-child+html #serviceslinks_testimonials {
position:absolute;
top:140px;
right:19px;
}
#sublink{
position:relative;
top:3px;
float:left;
width:96px;
font-size:11px;
vertical-align:middle;
}
#aboutus_legals {
position:relative;
left:15px;
top:20px;
width:362px;
}
*html #aboutus_legals {
position:absolute;
top:165px;
}

div#mainimage {
position:relative;
top:-5px;
height:190px;
 float:left;
width:863px;
z-index:10;
}
.mainimage {
position:relative;
width:864px;
top:10px;
right:0px;
}

.mainimagecurvetop {
position:absolute;
top:13px;
width:5px;
height:5px;
border:0px;
}
*html .mainimagecurvetop {
position:absolute;
top:0px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .mainimagecurvetop {
position:absolute;
top:0px;
width:5px;
height:5px;
border:0px;
}

.mainimagecurvebottom {
position:absolute;
top:198px;
width:5px;
height:5px;
border:0px;
}
*html .mainimagecurvebottom {
position:absolute;
top:185px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .mainimagecurvebottom {
position:absolute;
top:185px;
width:5px;
height:5px;
border:0px;
}

#maincontent {
padding-top:20px;
padding-left:141px;
height:408px;
color:#000;
}

#videoproduction_content {
position:absolute;
top:195px;
left:161px;
z-index:90;
}
#projectpage_content {
text-align:left;
z-index:90;
}
.videoproduction_whiteboxtop {
width:863px;
height:12px;
}
#videoproduction_whiteboxcontent {
position:relative;
top-:-2px;
width:778px;
padding-top:10px;
padding-left:50px;
padding-right:35px;
padding-bottom:0px;
background-color:white;
}
#videoproduction_whiteboxbase {
position:relative;
top:0px;
}
.videoproduction_whiteboxbase {
width:863px;
}

#leftcolumn {
 position:relative;
float:left;
}
.leftcolumn {
 position:relative;
float:left;
}
#rightcolumn {
 position:relative;
float:right;
 right:20px;
 width:411px;
}
* html #rightcolumn {
 float:right;
 position:relative;
 right:10px;
 width:411px;
}
#clearfloat {clear:both;}
#aboutus_row2{
position:relative;
top:0px;
left:0px;
}
*html #aboutus_row2{
position:relative;
top:-210px;
left:0px;
}
*:first-child+html #aboutus_row2{
position:relative;
top:15px;
left:0px;
}

#filmbox {
position:absolute;
top:-27px;
left:-53px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}

* html #filmbox {
position:absolute;
top:-25px;
left:-50px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}
*:first-child+html #filmbox {
position:absolute;
top:-10px;
left:-50px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}	

.videocorner_topleft {
position:absolute;
top:13px;
width:5px;
height:5px;
border:0px;
}
.videocorner_bottomleft {
position:absolute;
top:250px;
width:5px;
height:5px;
border:0px;
}
.videocorner_topright {
position:absolute;
top:13px;
left:437px;
width:5px;
height:5px;
border:0px;
}
.videocorner_bottomright {
position:absolute;
top:250px;
left:437px;
width:5px;
height:5px;
border:0px;
}
.videocorner_bottomright_43 {
position:absolute;
top:330px;
left:437px;
width:5px;
height:5px;
border:0px;
}
.videocorner_bottomleft_43 {
position:absolute;
top:330px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_topleft {
position:absolute;
top:0px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_bottomleft {
position:absolute;
top:237px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_topright {
position:absolute;
top:0px;
left:437px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_bottomright {
position:absolute;
top:237px;
left:437px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_bottomright_43 {
position:absolute;
top:317px;
left:437px;
width:5px;
height:5px;
border:0px;
}
*:first-child+html .videocorner_bottomleft_43 {
position:absolute;
top:317px;
width:5px;
height:5px;
border:0px;
}
#pageinformation {
position:relative;
top:-18px;
left:66px;
width:390px;
}
*html #pageinformation {
position:relative;
top:-5px;
left:60px;
width:390px;
}
*:first-child+html #pageinformation {
position:relative;
top:-5px;
left:66px;
width:390px;
}

#filmpage_subtitles {
position:relative;
top:-8px;
width:425px;
}
*html #filmpage_subtitles {
position:relative;
top:0px;
width:425px;
}
#subtitles_left {
float:left;
text-align:left;
}
#subtitles_right {
float:right;
text-align:right;
}
*html #index_txt_links {
position:relative;
top:0px;
}
*:first-child+html #index_txt_links {
position:relative;
top:0px;
}
#videoproduction_filmlinks {
position:relative;
top:5px;
left:15px;
 height:150px;
}
*html #videoproduction_filmlinks {
position:relative;
top:-15px;
left:15px;
 height:150px;
}

*:first-child+html #videoproduction_filmlinks {
position:relative;
top:-25px;
left:15px;
 height:150px;
}
.smallredtitles {
position:relative;
top:-12px;
font-size:12px;
color:#660000;
text-decoration:none;
font-weight:bold;
}
.filmdescriptiontext {
position:relative;
top:-12px;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:left;
}

*html .filmdescriptiontext {
position:relative;
top:-12px;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:left;
}
*:first-child+html .filmdescriptiontext {
position:relative;
top:12px;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:left;
}
.red_descriptiontext {
color:#660000;
font-size:12px;
line-height: 1.1;
text-align:left;
}
*:first-child+html .filmdescriptiontext {
position:relative;
top:-18px;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:left;
}
.pricepromisetext {
position:relative;
top:-15px;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:left;
}
.justifieddescriptiontext {
position:relative;
top:-12px;
color:#333333;
font-size:12px;
line-height: 1.1;
text-align:justify;
}
#undervideospacer{height:15px;}
* html #undervideospacer{height:0px;}
*html .ie6_moveup {position:relative; top:-20px;}
*:first-child+html .ie6_moveup {position:relative; top:-30px;}
*:first-child+html #undervideospacer{height:0px;}
#descriptiontextspacer{height:10px;}
*html #descriptiontextspacer{height:0px;}
*:first-child+html #descriptiontextspacer{height:5px;}
.scrolltd {width:90px; vertical-align:top;}


.leftbutton	{ 
    position:absolute; 
	left:0px;
    }
.rightbutton	{ 
    position:absolute; 
	right:0px;
    }
.thumbimage {
border: 0px;
}
#thumbtitle {
position:relative;
top:-8px;
}
*html #thumbtitle {
position:relative;
top:-20px;
}
*:first-child+html #thumbtitle {
position:relative;
top:-20px;
}
.people_thumbtitle {
position:relative;
top:3px;
font-size:11px;
font-weight:bold;
color:#660000;
text-decoration:none;
}
*html #people_thumbtitle {
position:relative;
top:-31px;
font-size:11px;
font-weight:bold;
color:#660000;
text-decoration:none;
}
*:first-child+html #people_thumbtitle {
position:relative;
top:-21px;
font-size:11px;
font-weight:bold;
color:#660000;
text-decoration:none;
}
.test_thumbtitle {
position:relative;
top:-16px;
}
#filmpage_sublinks {
position:relative;
width:390px;
}
#categorypage_sublinks {
position:relative;
top:-30px;
left:30px;
width:396px;
}
.filmpage_sublinks {
font-size:11px;
font-weight:bold;
color:#660000;
text-decoration:none;
}
a.filmpage_sublinks:hover {
font-size:11px;
font-weight:bold;
color:#999999;
text-decoration:none;
}
.feint_red {
font-size:11px;
color:#660000;
text-decoration:none;
}
.serviceslisttitle {
font-size:12px;
font-weight:bold;
color:#660000;
text-decoration:none;

}
#logostamp {
position:absolute;
right:10px;
bottom:0px;
}

#contact_box {
position:relative;
top:-235px;
left:9px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}

* html #contact_box  {
position:absolute;
top:-233px;
left:12px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}
*:first-child+html #contact_box  {
position:absolute;
top:-233px;
left:12px;
width:426px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}	

#process_information {
position:absolute;
left: -50px;
top:100px;
}
#film_description {
clear:both;
position:relative;
top:10px;
}
*html #film_description {
clear:both;
position:relative;
top:0px;
}
*:first-child+html #film_description {
clear:both;
position:relative;
top:0px;
}

#scrollLinks {
position:relative;
width:430px;
top:-340px;
left:-12px;
}
#scrollLinks2 {
position:absolute;
width:335px;
height:50px;
top:65px;
left:15px;
}
*html #scrollLinks2 {
position:absolute;
width:335px;
height:50px;
top:35px;
left:15px;
}
#aboutus_peoplelinks {
position:relative;
left:-25px;
height:160px;
}
*:first-child+html #aboutus_peoplelinks {
position:relative;
top:-5px;
left:-25px;
height:160px;
}
#people_scrollLinks {
position:relative;
width:838px;
top:-340px;
left:-12px;
}
#process_scrollLinks {
position:relative;
width:40px;
top:280px;
left:402px;
}

#aboutus_left {
position:absolute;
top:-27px;
left:-35px;
width:405px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}

* html #aboutus_left {
position:absolute;
top:-35px;
left:-35px;
width:405px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}
*:first-child+html #aboutus_left {
position:absolute;
top:-30px;
left:-35px;
width:405px;
padding-left:11px;
padding-right:15px;
height:250px;
float:left;
z-index:90;
}	
#aboutus_right {
position:relative;
top:-18px;
left:66px;
width:390px;
}

#testimonialbox {
position:relative;
top:5px;
right:-9px;
}
* html #testimonialbox {
position:relative;
top:-5px;
}
*:first-child+html #testimonialbox {
position:relative;
top:-3px;
}

#testimonialboxtop {
 width:347px;
 height:30px;
 padding-left:15px;
 vertical-align:middle;
 background-image:url(images/site_images/testimonialbox_top.jpg);
}
* html #testimonialboxtop {
 width:347px;
 height:20px;
 padding-left:15px;
 vertical-align:middle;
background-image:url(images/site_images/testimonialbox_top.jpg);
background-repeat:no-repeat;
}

#testimonialboxcontent {
width:352px;
 height:86px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/testimonialbox_strip.jpg);
background-repeat: repeat-x;
}
*html #testimonialboxcontent {
position:relative;
top:-15px;
width:352px;
 height:100px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/testimonialbox_strip_ie6.jpg);
background-repeat: repeat-x;
}

#testimonialboxbase {
position:relative;
top:-5px;
}
* html #testimonialboxbase {
position:relative;
top:-50px;
}
.shiftup12 {
position:relative;
top:-12px;
}
*html .shiftup12 {
position:relative;
top:-15px;
}


#whitebox {
position:relative;
top:-5px;
left:5px;
}
* html #whitebox {
position:relative;
top:5px;
}
*:first-child+html #whitebox {
position:relative;
top:7px;
}

#whiteboxtop {

}
* html #whiteboxtop {
position:relative;
top:-12px;
}
*:first-child+html #whiteboxtop {
position:relative;
top:-12px;
}

#whiteboxcontent {
position:relative;
top:-12px;
width:410px;
height:277px;
padding-left:15px;
padding-right:15px;
background-color:white;
}
#whiteboxcontent_floating {
position:relative;
top:-12px;
width:410px;
padding-left:15px;
padding-right:15px;
background-color:white;
}
* html #whiteboxcontent_floating {
position:relative;
top:-12px;
width:410px;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
background-color:white;
}
*:first-child+html #whiteboxcontent_floating {
position:relative;
top:-12px;
width:410px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
background-color:white;
}

#whiteboxbase {
position:relative;
top:-12px;
}
#whiteboxbase_floating {
position:relative;
top:-25px;
}
* html #whiteboxbase_floating {
position:relative;
top:-15px;
}
*:first-child+html #whiteboxbase_floating {
position:relative;
top:-15px;
}

div#preload { display: none; }

 /* Contact Details page */
 
 #contact_text {
 position:absolute;
 top:-235px;
 left:40px;
 width:400px;
  }
 *html #contact_text {
 position:absolute;
 top:-235px;
 left:40px;
 width:400px;
  }
*:first-child+html #contact_text {
 position:absolute;
 top:-245px;
 left:40px;
 width:400px;
  }
 .contactbodytext {
position:relative;
top:-5px;
width:110px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}

*html .contactbodytext {
position:relative;
top:-18px;
width:100px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}
*:first-child+html .contactbodytext {
position:relative;
top:-10px;
width:110px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}

.contactbodytext_right {
position:relative;
top:-5px;
width:270px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}
*html .contactbodytext_right {
position:relative;
top:-18px;
width:280px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}
*:first-child+html .contactbodytext_right {
position:relative;
top:-10px;
width:280px; 
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height: 1.1;
text-align:left;
}
  
 #contact_left {
 float:left;
  }
  a.contactlink {
color:#FFFFFF;
text-decoration:none;
}
a.contactlink:hover {
color:#CCCCCC;
}


 
 #contact_boxcontent {
width:401px;
 height:151px;
 padding: 20px 0px 0px 10px;


}
#contact_details {
position:relative;
width:200px;
top:-40px;
left:166px;
color:#FFFFFF;
font-size:13px;
		line-height: 1.2;
		text-align:justify;
}
* html #contact_details {
position:relative;
width:200px;
top:31px;
left:166px;
color:#FFFFFF;
font-size:13px;
		line-height: 1.2;
		text-align:justify;
}


#contact_boxbase {
position:absolute;
top:418px;
left:613px;
width:371px;
z-index:100;
}
* html #contact_boxbase {
position:absolute;
top:416px;
left:618px;
width:371px;
z-index:100;
}

*:first-child+html #contact_boxbase {
position:absolute;
top:416px;
left:616px;
width:371px;
z-index:100;

}

.contact_boxbase_end {
width:411px;	
}
*html .contact_boxbase_end {
width:406px;	
}
*:first-child+html .contact_boxbase_end {
width:408px;	
}



.contact_whiteboxtop {
width:452px;
}
* html .contact_whiteboxtop {
position:relative;
top:-12px;
width:454px;
}
*:first-child+html .contact_whiteboxtop {
position:relative;
top:-12px;
width:452px;
}
#filmpage_whiteboxcontent {
position:relative;
top:-13px;
width:426px;
padding-left:11px;
padding-right:15px;
background-color:white;
}
#filmpage_whiteboxbase {
position:relative;
top:-33px;
}
.filmpage_whiteboxbase {
position:relative;
width:450px;
}
#films_scrollbox {
position:relative;
top:-250px;
left:20px;
z-index:92;
}
#films_scrollbox_topspacer {
height:28px;
}
* html #films_scrollbox_topspacer {
height:43px;
}


#films_scrollboxtop {
 width:381px;
 height:30px;
 padding-left:15px;
 vertical-align:middle;
}
#newsitem {
	height:80px;
	}
	


/* Client page specific */

#clientbox {
position:relative;
top:-240px;
left:20px;
height:250px;
float:left;
z-index:90;
}
.clientbox_whiteboxtop {
width:726px;
}
#clientbox_whiteboxcontent {
position:relative;
top:0px;
width:641px;

padding-top:10px;
padding-left:50px;
padding-right:35px;
padding-bottom:20px;
background-color:white;
}
#clientbox_whiteboxbase {
position:relative;
top:-13px;
}
.clientbox_whiteboxbase {
position:relative;
top:11px;
width:726px;
}

#client_rightbase {
position:relative;
top:-270px;
width:50px;
left:294px;
z-index:100;
}
* html #client_rightbase {
position:absolute;
top:-290px;
left:284px;
width:50px;
z-index:1000;
}
*:first-child+html #client_rightbase {
position:absolute;
top:-273px;
left:294px;
width:50px;
z-index:1000;
}

.client_rightbase_end {
width:137px;	
}


#login_box {
width:300px;
 padding:18px;
border:1px solid #990000;
}

#budgets {
position:absolute;
left:0px;
top:295px;
}
*html #budgets {
position:absolute;
left:-20px;
top:300px;
width:900px;
}
*:first-child+html #budgets {
position:absolute;
left:0px;
top:310px;
width:900px;
}

#budgetbox {
position:relative;
top:5px;
right:-9px;
float:left;
width:212px;
}
*html #budgetbox {
position:relative;
top:5px;
right:-9px;
float:left;
width:210px;
}

#budgetboxtop {
 width:192px;
 height:30px;
 padding-left:15px;
 vertical-align:middle;
 background-image:url(images/site_images/budgetboxtop.jpg);
 background-repeat:no-repeat;
}
#budgetboxcontent {
width:197px;
 height:190px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/scrollbox_body_strip.jpg);
background-repeat: repeat-x;
}
*html #budgetboxcontent {
position:relative;
top:-12px;
width:197px;
 height:190px;
 padding: 20px 0px 0px 10px;
background-image:url(images/site_images/scrollbox_body_strip.jpg);
background-repeat: repeat-x;
}

#budgetboxbase {
position:relative;
top:-5px;
}
*html #budgetboxbase {
position:relative;
top:-12px;
}
*:first-child+html #budgetboxbase {
position:relative;
top:0px;
}

#budgetboxbase_last {
position:relative;
top:-5px;
}
*html #budgetboxbase_last {
position:relative;
top:-20px;
}
*:first-child+html #budgetboxbase_last {
position:relative;
top:-10px;
}

#serviceslinks_budgetbox {
position:absolute;
top:251px;
right:5px;
}
*html #serviceslinks_budgetbox {
position:absolute;
top:245px;
right:3px;
}
*:first-child+html #serviceslinks_budgetbox {
position:absolute;
top:245px;
right:5px;
}

*html #prices_video {
position:relative;
top:13px;
z-index:-1;
}
#budgetboxtext {
position:absolute;
top:35px;
height:190px;
padding:10px;
font-size:11px;
color:white;
line-height: 1;
}
#budgetboxbottomlink{
position:absolute;
top:216px;
left:23px;
font-size:11px;
}
*html #budgetboxbottomlink{
position:absolute;
top:210px;
left:23px;
font-size:11px;
}
*:first-child+html #budgetboxbottomlink{
position:absolute;
top:210px;
left:23px;
font-size:11px;
}

#image_vidplaceholder {
position:absolute;
top:13px;
left:11px;
z-index:-1;
}
*:first-child+html #image_vidplaceholder {
position:absolute;
top:0px;
left:11px;
z-index:-1;
}
#novideospacer {
height:262px;
}
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}
.lightview {
font-size:12px;
color:#660000;
text-decoration:none;
}
.lightview:hover {
font-size:12px;
color:black;
text-decoration:none;
}
#pricepromise {
position:relative;
left:10px;
top:20px;
width:620px;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}



/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */