/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/bg-carbon.jpg) top center; text-align:center;}
.top-line{ background:url(images/top-line.gif) top repeat-x;}
#main{ padding:0 18px 0 21px; /* border-bottom:solid 8px #ffffff; */}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.5625em; text-transform:uppercase; line-height:1.333em; color:#787878;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; text-decoration:none}
a:hover{text-decoration:underline;}
p {padding-top:11px;}
strong{ display:block; color:#ffffff;}
.strong1{ background:#d02828; display:inline-block; padding:1px 6px 2px 5px; margin-bottom:4px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 18px 0 0; float:left;}
.imgleft {float:left;}
.imgright {float:right;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:35px;}
.padding1{ padding-top:27px;}
.padding3{ padding-top:10px; padding-bottom:20px;}
.padding2{ padding-top:20px;}
.padding4{ padding-top:20px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#header .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#header .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#header .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#header .bot{ padding-top:80px; width:100%; overflow:hidden;}
#header .menu{ padding-top:19px;}
#header .menu li{ float:left; padding:0 8px 0 8px;}
#header .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#header .menu a:hover, #header .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headershowreel{ background:url(images/header-bgshowreel.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headershowreel .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headershowreel .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headershowreel .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headershowreel .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headershowreel .menu{ padding-top:19px;}
#headershowreel .menu li{ float:left; padding:0 8px 0 8px;}
#headershowreel .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headershowreel .menu a:hover, #headershowreel .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headergallery{ background:url(images/header-bggallery.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headergallery .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headergallery .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headergallery .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headergallery .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headergallery .menu{ padding-top:19px;}
#headergallery .menu li{ float:left; padding:0 8px 0 8px;}
#headergallery .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headergallery .menu a:hover, #headergallery .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headersteadicam{ background:url(images/header-bgsteadicam.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headersteadicam .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headersteadicam .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headersteadicam .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headersteadicam .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headersteadicam .menu{ padding-top:19px;}
#headersteadicam .menu li{ float:left; padding:0 8px 0 8px;}
#headersteadicam .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headersteadicam .menu a:hover, #headersteadicam .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headercontact{ background:url(images/header-bgcontact.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headercontact .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headercontact .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headercontact .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headercontact .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headercontact .menu{ padding-top:19px;}
#headercontact .menu li{ float:left; padding:0 8px 0 8px;}
#headercontact .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headercontact .menu a:hover, #headercontact .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headerepic{ background:url(images/header-bgepic.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headerepic .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headerepic .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headerepic .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headerepic .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headerepic .menu{ padding-top:19px;}
#headerepic .menu li{ float:left; padding:0 8px 0 8px;}
#headerepic .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headerepic .menu a:hover, #headerepic .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headerphantom{ background:url(images/header-bg.jpg) bottom no-repeat; padding:23px 1px 0 0;}
#headerphantom .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headerphantom .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headerphantom .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headerphantom .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headerphantom .menu{ padding-top:19px;}
#headerphantom .menu li{ float:left; padding:0 8px 0 8px;}
#headerphantom .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headerphantom .menu a:hover, #headerphantom .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headerlinks{ background:url(images/header-bglinks.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headerlinks .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headerlinks .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headerlinks .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headerlinks .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headerlinks .menu{ padding-top:19px;}
#headerlinks .menu li{ float:left; padding:0 8px 0 8px;}
#headerlinks .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headerlinks .menu a:hover, #headerlinks .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= header ====================== */
#headercanon{ background:url(images/header-bgcanon.jpg) bottom no-repeat; padding:23px 1px 0 0;}

#headercanon .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#headercanon .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#headercanon .logo{ padding-left:25px;}
#DummySlogan {padding-top:274px; height:46px; width:0; }
/*#header .slogan{ text-align:right; padding:274px 17px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:5px;}*/
#headercanon .bot{ padding-top:80px; width:100%; overflow:hidden;}
#headercanon .menu{ padding-top:19px;}
#headercanon .menu li{ float:left; padding:0 8px 0 8px;}
#headercanon .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 8px;}
#headerlinks .menu a:hover, #headercanon .menu .active{ background:#d02828; text-decoration:none;}
#video{ position:relative; top:-432px; left:130px;} 

/* ============================= content ====================== */
#content{ padding-top:7px; position:relative; top:-382px;}
#contentcanon{ padding-top:7px;}
#contentcontact{ padding-top:7px;}
#contentepic{ padding-top:7px;}
#contentshowreel{ padding-top:7px;}
#contentsteadicam{ padding-top:7px;}
#contentlinks{ padding-top:7px;}
#contentgallery{ width: 100%; height: 270px; overflow: auto; padding-top:7px;}
.bot-border{ background:url(images/bot-border.gif) bottom repeat-x; padding-bottom:3px;}
.top-border{ border-top:solid 1px #505051; background:url(images/content-bg.gif) top center;}
.indent{ padding:31px 15px 29px 25px;}
.title{ padding-bottom:24px; font-size:12px; color: #FF0000;}
.maxheight{ background:url(images/content-bg2.gif) top center;}

.link{ display:inline-block; background:url(images/link-bg.gif) left top no-repeat #3e3b3b; padding:2px 6px 2px 20px; margin-top:20px;}
.link:hover{ background:#d02828; text-decoration:none; padding:2px 13px 2px 13px;}

.box{ background:url(images/content-bg2.gif) top center; border-bottom:solid 1px #3a3939;}
.box .indent{ padding:31px 20px 23px 24px;}

.list li{ line-height:2em; background:url(images/link-img.gif) no-repeat 0 3px; padding-left:15px;}

/* ============================= footer ====================== */
#footer{ color:#ffffff;}
#footer a{ color:#9e9e9e;}
#footer .text{ padding-top:17px;}
/* ============================= forms ============================= */
#DummyForm {float:right; height:51px; width:0px;}
/*#HeaderForm{ float:right; color:#ffffff; border-left:solid 1px #222222; padding:18px 32px 14px 27px; }
#HeaderForm select{ text-transform:none; font-size:1.222em; width:130px; height:19px; padding-left:8px;}*/

#LoginForm{ color:#919191;}
#LoginForm label{ display:block; height:36px;}
#LoginForm span{ background:url(images/form-link-bg.gif) no-repeat 0 2px; display:inline-block; padding-left:10px; width:60px;}
#LoginForm input{ border:solid 1px #000000; background:#494949; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:4px 5px 4px 5px; width:144px; text-transform:uppercase;}
#LoginForm .link1{ background:url(images/form-link-bg.gif) no-repeat 0 2px; padding-left:10px; float:right; color:#919191; display:inline-block; margin:-7px 15px 0 0;}
#LoginForm .link2, #SignupForm .link2{ display:inline-block; float:right; background:url(images/form-link2-bg.gif) top repeat-x; padding:7px 13px 9px 13px; margin:4px 15px 0 0;}
#LoginForm .link2:hover, #SignupForm .link2:hover{ text-decoration:none; background:url(images/form-link2-bg-act.gif) top repeat-x;}

#SignupForm{ color:#919191; margin-top:-10px;}
#SignupForm input{ border:solid 1px #000000; background:#494949; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:4px 5px 4px 5px; width:215px; text-transform:uppercase; display:block; margin-top:15px;}
#SignupForm .link2{padding:7px 10px 9px 10px; margin:13px 20px 0 0;}

#ContactForm{ padding-top:25px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm span{ display:inline-block; width:60px;}
#ContactForm input{ font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:168px;}
#ContactForm textarea{ font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:168px; vertical-align:top; overflow:auto; height:150px;}
#ContactForm .link{ margin:26px 17px 0 0;}

#ContactForm2{ padding-top:25px;}
#ContactForm2 label{ display:block; width:500px; height:40px;}
#ContactForm2 span{ display:inline-block; width:500px;}
#ContactForm2 input{ font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:400px;}
#ContactForm2 textarea{ font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:400px; vertical-align:top; overflow:auto; height:50px;}
#ContactForm2 .link{ margin:26px 17px 0 0;}