@charset "UTF-8";
/* CSS Document */

body{
padding: 0;
margin: 0;
background: #f5f5f5 url(images/beam.jpg) no-repeat top center;
font-family: helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 17px;
color: #3f3d42;
}

/* P, H, A tags */

h1, h2, p.main-title{
font-size: 22px;
color: #b0c54c;
padding: 0 0 10px 0;
margin: 0;
font-weight: normal;
}

h1 a, h2 a, p.main-title a{
color: #86858a;
}

h1 a:hover, h2 a:hover, p.main-title a:hover{
color: #86858a;
}

a{
color: #0b3d6b;
text-decoration: none;
}

a:hover{
color: #006a94;
text-decoration: underline;
}

p{
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 0 0 10px 0;
}

.bold{
font-weight: bold;
}

.warning{
color: #ff0000;
}

/* TEMPLATE */

.clear{
clear: both;
}

#container{
width: 980px;
margin: auto;
}

#header{
padding: 32px 64px 0 64px;
height: 110px;
}

#logo{
float: left;
}

#menu{
float: right;
width: 650px;
}

#menu ul{
list-style: none;
padding: 13px 0 0 0;
margin: 0;
color: #0f1930;
}

#menu ul li{
float: left;
padding-left: 40px;
}

#menu ul li a{
color: #86858a;
text-decoration: none;
}

#menu ul li a:hover{
color: #0f1930;
}

.line{
height: 2px;
background: url(images/line.jpg) no-repeat;
}

#footer{
background: url(images/line.jpg) no-repeat top;
padding: 17px 64px;
font-size: 10px;
margin-top: 35px;
height: 45px;
}

/* HOME PAGE SPECIFIC */

#showreel{
height: 410px;
padding: 17px 0 0 170px;
background: url(images/showreel-bg.jpg) no-repeat;
margin: auto;
}

#home-panel{
padding: 35px 0;
overflow: auto;
}

#home-panel p, #home-panel ul{
font-size: 16px;
line-height: 22px;
padding: 0 0 10px 0;
margin: 0;
}

#home-panel ul{
list-style: none;
font-size: 14px;
}

#home-panel ul li{
background: url(images/bull.png) no-repeat 0 8px;
padding: 0 0 0 10px;
}

#home-panel p a{
font-weight: bold;
}

#home-intro{
width: 500px;
float: left;
padding: 0 0 0 84px;
}

#home-intro-right{
width: 350px;
float: right;
padding: 0 0 0 0;
}

/* WORK PAGE */

#video{
height: 410px;
padding: 17px 0 0 170px;
background: url(images/video-bg.jpg) no-repeat;
margin: auto;
}

.work-panel{
padding: 35px 0 25px 0;
overflow: auto;
}

.home-info{
width: 480px;
padding: 0 0 0 84px;
float: left;
}

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

.home-info ul li{
background: url(images/bull.png) no-repeat 0 8px;
padding: 0 0 0 10px;
}

.work-title{
padding: 30px 0 20px 84px;
}

.work-title ul{
font-size: 10px;
font-weight: bold;
padding: 0 0 28px 0;
margin: 0;
letter-spacing: 1px;
}

.work-title ul li{
display: inline;
padding-right: 40px;
}

.work-title ul li#work-active a{
color: #002e4c;
}

.work-quote{
width: 270px;
padding: 30px 36px 0 0;
float: right;
color: #002e4c;
}

p.quote{
font-style: italic;
}

p.quotee{
font-size: 10px;
font-weight: bold;
}

.work-pics-holder{
width: 888px;
margin: auto;
overflow: auto;
padding: 0 0 10px 0;
}

p.pic-caption{
color: #86858a;
font-size: 11px;
padding-left: 56px;
}

.work-pic{
width: 276px;
height: 167px;
padding: 5px 0 0 16px;
float: left;
background: url(images/pic-bg.png) no-repeat;
}

.work-pic a .over-pic{
display: none;
}

.work-pic a:hover .over-pic{
display: block;
}

.work-sub-panel{
width: 334px;
padding: 30px 0 0 0;
float: right;
color: #002e4c;
}

.aim-panel{
width: 334px;
float: right;
}

.work-sub-panel p{
padding-bottom: 4px;
}

.aim-panel ul{
font-size: 14px;
line-height: 22px;
padding: 0 0 10px 0;
margin: 0;
list-style: none;
}

.aim-panel ul li{
background: url(images/bull.png) no-repeat 0 8px;
padding: 0 0 0 10px;
}


.txt-contact{
width: 228px;
padding: 0 56px 0 0;
float: right;
color: #002e4c;
}

p.title{
font-weight: bold;
padding-bottom: 10px;
}

p.txt{
color: #3f3d42;
}

form#form1{
background: #ededed;
padding: 10px 30px;
margin: 20px 0 0 0;
}

form#form1 p{
padding: 10px 0 0 0;
}

form#form1 input, form#form1 textarea{
width: 100%;
}

form#form1 input{
height: 30px;
}

form#form1 input, form#form1 textarea{
font-family: helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 17px;
}

.showcase-panel{
overflow: auto;
width: 780px;
margin: auto;
padding-bottom: 20px;
}

.showcase-holder{
width: 240px;
float: left;
padding: 0 10px;
background: url(images/showcase-bg.png) no-repeat top center;
}

.showcase-pic-holder{
width: 214px;
height: 120px;
margin: auto;
padding: 4px 0 10px 0;
}

.showcase-pic-holder a .over{
display: none;
}

.showcase-pic-holder a:hover .over{
display: block;
}

.showcase-desc{
color: #86858a;
padding: 2px 0 0 20px;
font-size: 12px;
}

.showcase-desc .title{
color: #3f3d42;
font-size: 13px;
}

.over{
background: url(images/over.png);
width: 214px;
height: 120px;
position: absolute;
}

.over-pic{
background: url(images/over.png);
width: 264px;
height: 148px;
position: absolute;
}

.text-pic-holder{
width: 230px;
float: left;
background: url(images/showcase-bg.png) no-repeat top center;
padding-bottom: 14px;
}