html{
margin:0;
padding:0;

}

body{
background:#71777e;
margin:0;
padding:0;
}

.message {
position:absolute;
top:0;
left:12px;
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
font-size:85%;
width:924px;
}

a{
outline:none;
color:#009AE1;
text-decoration:none;
}

a:hover {
text-decoration:none;
}

#skip{
margin-left:-999px;
position:absolute;
}

#quick_search{
display:none;
}

#font_size{
display:none;
}

#container_top{
background:url(../img/container_top.gif) no-repeat;
height:12px;
position:relative;
margin:0 auto;
width:980px;
margin-top:30px;
}

#inner_wrapper{
background:url(../img/inner_wrapper.gif) right -12px no-repeat;
width:980px;
}

#container{
position:relative;
margin:0 auto;
width:980px;
background:url(../img/container_bg.png) repeat-y;
font-family:arial;
}

#container_bottom{
background:url(../img/container_bottom.gif) no-repeat;
height:35px;
position:relative;
margin:0 auto;
width:980px;
margin-bottom:30px;
padding-top:10px;
}

/****************
HEADER STYLING  *
****************/

#header{
height:150px;
}

#header h1{
margin-top:0;
margin-left:20px;
padding-top:7px;
}

#phone{
position:absolute;
left:306px;
top:25px;
}

#email{
position:absolute;
left:306px;
top:43px;
}

#email a img{
border:none;
}

#camera{
position:absolute;
right:35px;
top:-12px;
}

#camera a img{
border:none;
}

/***************
MENU STYLING   *
***************/

#menu{
position:absolute;
top:0;
width:500px;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
position:relative;
}

#menu ul li{
display:inline;
}

#menu ul li a:link,
#menu ul li a:visited{
text-decoration:none;
position:absolute;
}

#menu ul li.home a:link,
#menu ul li.home a:visited{
left:20px;
top:100px;
width:75px;
height:30px;
background:url(../img/active_nav.png) 0 0 no-repeat;
}

#menu ul li.services a:link,
#menu ul li.services a:visited{
left:100px;
top:100px;
width:111px;
height:30px;
background:url(../img/active_nav.png) -78px 0 no-repeat;
}

#menu ul li.clients a:link,
#menu ul li.clients a:visited{
left:203px;
top:100px;
width:90px;
height:30px;
background:url(../img/active_nav.png) -180px 0 no-repeat;
}

#menu ul li.hire a:link,
#menu ul li.hire a:visited{
left:305px;
top:100px;
width:120px;
height:30px;
background:url(../img/active_nav.png) -280px 0 no-repeat;
}

#menu ul li.contact a:link,
#menu ul li.contact a:visited{
left:430px;
top:100px;
width:99px;
height:30px;
background:url(../img/active_nav.png) -402px 0 no-repeat;
}

#menu ul li a span{
display:none;
}

#menu ul li span{
display:none;
}

#menu ul li span a{
display:none;
}

#menu ul li.home a:hover,
#menu ul li.home a.active:link,
#menu ul li.home a.active:visited{
background:url(../img/active_nav.png) 0 -30px no-repeat;
}

#menu ul li.services a:hover,
#menu ul li.services a.active:link,
#menu ul li.services a.active:visited{
background:url(../img/active_nav.png) -78px -30px no-repeat;
}

#menu ul li.clients a:hover,
#menu ul li.clients a.active:link,
#menu ul li.clients a.active:visited{
background:url(../img/active_nav.png) -180px -30px no-repeat;
}

#menu ul li.hire a:hover,
#menu ul li.hire a.active:link,
#menu ul li.hire a.active:visited{
background:url(../img/active_nav.png) -280px -30px no-repeat;
}

#menu ul li.contact a:hover,
#menu ul li.contact a.active:link,
#menu ul li.contact a.active:visited{
background:url(../img/active_nav.png) -402px -30px no-repeat;
}

/****************
CONTENT STYLING *
****************/

#home{
margin:0 20px;
width:920px;
}

h2.home{
display:none;
}

h2{
width:300px;
}

#home_content{
background:url(../img/content_bg.png) 0 0 no-repeat;
min-height:370px;
overflow:visible;
padding-top:1px;
padding-bottom:1px;
padding-left:20px;
}

#home_content_left{
color:#fff;
width:335px;
font-weight:bold;
margin-top:0;
line-height:1.3em;
}

#home_content_left p{
font-size:15px;
font-family:arial;
}

#show_reel{
position:absolute;
top:466px;
left:170px;
}

#show_reel a img{
border:none;
}

#home_content_right{
background:url(../img/video_border_2.png) no-repeat;
height:338px;
width:532px;
float:right;
margin-right:14px;
margin-top:16px;
}

#ssp{
padding:20px 0 0 22px;
}


#twitter{
margin-left:20px;
padding-top:20px;
}

#twitter_top{
background:url(../img/twitter_top.jpg) 0 20px no-repeat;
height:110px;
}

#twitter_top a img{
border:none;
}

#twitter_center{
min-height:369px;
overflow:visible;
background:#c0deed;
width:370px;
}

#twitter_center ul {
margin:0;
padding:0;
list-style:none;
}

#twitter_center ul li {
padding:10px 0 10px 0;
color:#009ACD;
margin:0 20px;
border-bottom:1px dotted #8FC1DA;
}

#twitter_center ul li a {
color:#1E4B61;
}

#twitter_bottom{
background:url(../img/twitter_bottom.gif) no-repeat;
height:15px;
}

#video_thumb{
float:right;
width:540px;
margin-right:40px;
}

#video_thumb_top{
background:url(../img/v_t_t.gif) 0 20px no-repeat;
height:30px;
}

#video_thumb_center{
background:#e6e8e3;
min-height:460px;
overflow:visible;
}

#home_page_video{
min-height:80px;
overflow:visible;
}

ul.random_video_list{
margin:0;
padding:5px 0 0 20px;
list-style:none;
width:500px;
}

ul.random_video_list li{
width:500px;
color:#353630;
font-size:11px;
margin-right:20px;
padding:5px 0;
}

.video_list_home{
min-height:67px;
overflow:visible;
background:#f2f3f1;
}

ul.random_video_list li:hover .video_list_home {
background:#fff;
cursor:pointer;
}

.video_thumb {
float:left;
margin-right:10px;
}

.video_thumb a img {
border:0;
}

.video_details{
padding:5px 8px;
}

.video_name {
margin:0;
padding:0;
}

.video_name a {
color:#4A4A41;
}

ul.random_video_list li:hover .video_name a {
color:#009ae1;
}

.video_summary{
font-size:11px;
color:#817f75;
}

#video_thumb_bottom{
background:url(../img/v_t_b.gif) bottom center no-repeat;
height:18px;
}

/**********************
SERVICES PAGE STYLING *
**********************/

#standard_bg{
background:url(../img/inner_top_bg.png) no-repeat;
height:370px;
width:920px;
margin-left:20px;
padding:1px 0 0 20px;
}

#standard_content_left{
width:335px;
}

#standard_content_left strong {
font-weight:normal;
color:#009ae1;
}

#standard_content_right{
background:url(../img/video_border.png) no-repeat;
height:338px;
width:532px;
float:right;
margin-right:30px;
margin-top:-40px;
}

#standard_content_right img{
width:480px;
height:290px;
padding:20px 0 0 23px;
}


#standard_content_right #show_reel_content {
margin-left:23px;
margin-top:20px;
}

#services_videos{
margin:20px;
width:920px;
}

#video_cat_list{
min-height:430px;
overflow:auto;
}

ul.cat_list{
margin:0;
padding:0;
list-style:none;
}

ul.cat_list li{
float:right;
width:920px;
color:#353630;
margin:5px 0;
}

.video_cat_details{
min-height:186px;
overflow:auto;
background:#f2f3f1;
color:#5e605a;
padding:0 20px 0 20px;
}

.videos{
float:left;
width:500px;
padding:0 20px 0 0;
}

h3.cat_name{
font-size:16px;
font-family:arial;
color:#009ae1;
padding:0;
margin:0;
}

.cat_details{
width:359px;
margin-left:520px;
}

ul.service_video_list{
margin:0;
padding:0;
list-style:none;
}

ul.service_video_list li{
min-height:67px;
overflow:visible;
background:#d3d3cd;
width:500px;
}

.service_video_details{
color:#817f75;
padding:10px;
}

ul.service_video_list li:hover {
background:#fff;
cursor:pointer;
}

ul.service_video_list li a img {
float:left;
border:0;
margin-right:10px;
}

h3.service_name{
margin:0;
padding:0;
font-size:13px;
}

h3.service_name a {
color:#4A4A41;
}

h3.service_name a:hover {
color:#009AE1;
}

ul.service_video_list li:hover h3 a {
color:#009AE1;
}


/*********************
CLIENTS PAGE STYLING *
*********************/

#clients{
min-height:430px;
overflow:auto;
width:920px;
margin-left:20px;
}

ul.client_list{
margin:0;
padding:0;
list-style:none;
}

ul.client_list li{
display:inline;
margin:0;
float:left;
padding:10px 0 0 0;
}

ul.client_list li.left {
margin-right:10px;
}

.clients_top{
background:url(../img/clients_top.gif) no-repeat;
height:12px;
width:455px;
}

.client{
background:#f2f3f1;
width:455px;
min-height:180px;
overflow:visible;
padding-top:7px;
padding-right:0;
}

#client a {
color:#009AE1;
text-decoration:none;
}

#client a:hover {
text-decoration:underline;
}

.clients_bottom{
background:url(../img/clients_bottom.gif) no-repeat;
height:12px;
width:455px;
}

.client_names{
padding-left:20px;
}

h3.client_name{
color:#353630;
font-size:15px;
margin-top:0;
font-weight:bold;
font-family:arial;
}

.client_logo{
width:142px;
float:left;
margin-right:18px;
margin-bottom:10px;
}

.details{
margin:0;
color:#353630;
padding-right:20px;
}

.client_content{
font-size:11px;
}

span.client_video{
font-weight:bold;
font-size:11px;
}

span.client_video a{
text-decoration:none;
color:#009ae1;
}

span.client_video a:hover{
text-decoration:underline;
}

/*********************
CAMERA HIRE STYLING  *
*********************/

#camera_hire{
margin:5px 20px 20px 20px;
width:920px;
}

.hire_img img{
height:270px;
width:480px;
padding:20px 0 0 22px;
}

#hire_options{
min-height:430px;
overflow:auto;
}

ul.option_list{
margin:0;
padding:0;
list-style:none;
}

ul.option_list li{
width:920px;
color:#474943;
padding:5px 0;
font-family:arial;
}

.option{
min-height:185px;
overflow:auto;
background:#f2f3f1;
padding:1px 0 1px 20px;
}

.option .images {
float:left;
}

.option img{
height:170px;
width:260px;
padding-right:20px;
padding-top:7px;
}

.hire_option h3{
color:#009ae1;
font-size:16px;
padding-top:0;
margin-top:3px;
}

.hire_option{
padding-left:280px;
}

/****************
FOOTER STYLING  *
****************/

#footer{
height:75px;
}

#copyright{
width:110px;
margin-top:20px;
float:right;
margin-left:300px;
padding-right:40px;
}

#video{
margin:0;
padding:0;
}

#video ul{
padding:0;
margin:0 0 0 22px;
padding-top:15px;
list-style:none;
}

#video ul li{
display:inline;
margin-right:20px;
}

#video ul li a img{
border:none;
}

/*
SHOWREEL CONTENT
*/

#show_reel_content {
position:absolute;
margin-top:24px;
margin-left:377px;
}