*{
margin:0;
padding:0;
}
hr{
display:none;
}
img{
border:none;
}
body{
font-family:arial,helvetica,sans-serif;
font-size:9pt;
color:#dfdfdf;
background:url(../images/background.gif) #232f20 repeat-x;
}
p{
padding-bottom:6px;
}
h1{
display:none;
}
h3{
font-size:9pt;
font-weight:normal;
color:#00a3c0;
margin-bottom:6px;
}
a{
outline:none;
}
a:link{
color:#00a3c0;
text-decoration:none;
}
a:visited{
color:#00a3c0;
text-decoration:none;
}
a:hover,a:focus{
color:#00d9ff;
text-decoration:none;
}
a:active{
color:#00a3c0;
text-decoration:none;
}
.white-text{
color:#FFF;
}
.blue-text{
color:#00a3c0;
}
#container{
background:url(../images/logo.jpg) no-repeat;
margin:0 auto;
width:800px;
}
#content{
position:relative;
margin:0 auto;
padding-top:98px;
width:732px;
}
#menu{
position:relative;
width:79px;
list-style:none;
margin-left:2px;
}
#menu li{
position:absolute;
left:0;
text-indent:-30000px;
height:11px;
}
#menu li a{
display:block;
height:11px;
width:79px;
background-image:url(../images/menu.gif);
overflow:hidden;
}
#m1{top:0;}
#m2{top:14px;}
#m3{top:28px;}
#m4{top:42px;}
#m5{top:42px;}
#m6{top:56px;}
#m7{top:70px;}
li#m1 a{background-position:0 0;}
li#m2 a{background-position:0 -14px;}
li#m3 a{background-position:0 -28px;}
li#m4 a{background-position:0 -42px;}
li#m5 a{background-position:0 -56px;}
li#m6 a{background-position:0 -70px;}
li#m7 a{background-position:0 -84px;}
li#m1 a:hover,#m1 .currentpage{background-position:-79px 0;}
li#m2 a:hover,#m2 .currentpage{background-position:-79px -14px;}
li#m3 a:hover,#m3 .currentpage{background-position:-79px -28px;}
li#m4 a:hover,#m4 .currentpage{background-position:-79px -42px;}
li#m5 a:hover,#m5 .currentpage{background-position:-79px -56px;}
li#m6 a:hover,#m6 .currentpage{background-position:-79px -70px;}
li#m7 a:hover,#m7 .currentpage{background-position:-79px -84px;}

#footer{
width:732px;
margin:0 auto;
border-top:1px solid #2b554a;
padding-top:13px;
clear:both;
position:relative;
}
.copyright{
background:url(../images/copyright.gif) no-repeat;
text-indent:-30000px;
width:160px;
height:7px;
padding-top:13px;
margin-top:4px;
margin-left:8px;
}
.footer-link{
position:absolute;
right:2px;
bottom:13px;
font-size:x-small;
margin-right:8px;
}
#description{
position:absolute;
left:7px;

/*bottom:50px; Safari bug causing description div to not be positioned properly, therefore, revert to positioning from top of page */
top: 200px;

width:245px;
}
.preview{
background-color:#FFF;
padding:9px;
margin:0 0 10px 280px;
}
#thumbs{
width:30px;
list-style:none;
position:absolute;
right:-23px;
top:98px;
}
#thumbs li{
height:30px;
width:30px;
float:left;
clear:both;
padding-bottom:5px;
overflow:hidden;
}
#thumbs li a{
display:block;
padding:3px;
height:24px;
width:24px;
background-color:#FFF;
}
#thumbs li a:hover{
background-color:#00a3c0;
}
ul#back{
list-style:none;
width:31px;
height:13px;
position:absolute;
right:-23px;
top:64px;
}
ul#back li{
width:31px;
height:13px;
background:url(../images/back.gif) no-repeat;
text-indent:-30000px;
}
#back li a{
width:31px;
height:13px;
display:block;
}
.section-text{
float:right;
width:450px;
padding-bottom:20px;
}
.text{
float:right;
width:530px;
padding-bottom:20px;
}
.text hr,.section-text hr{
display:block;
height:1px;
border:none;
background-color:#2b554a;
color:#2b554a;
}
.text hr{
margin:10px 0 15px;
}
.section-text hr{
margin:10px 0 0;
}
.text img{
margin:10px auto;
padding:6px;
background-color:#FFF;
}
.text ul,.text dl{
margin:10px 0 12px;
list-style-type:none;
}
.text ul li,.text dl dd{
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position: 0.1em;
padding:0 0 8px 1.25em;
}
.text dl,.text dt{
margin-bottom:6px;
}
.text dt{
color:#00a3c0;
}
#thumb-holder{
width:450px;
float:right;
color:#00a3c0;
margin-bottom:10px;
}
#thumb-holder img{
padding:9px;
background-color:#FFF;
margin-right:10px;
}
.main-thumb{
float:left;
clear:none;
margin-bottom:4px;
}
.main-thumb p{
font-size:x-small;
}
.list-left{
padding-right:30px;
float:left;
clear:none;
}
.list-right{
float:left;
}
.text form fieldset{
border:none;
}
.text form legend{
display:none;
}
.text form label{
color:#76BBDD;
}
.text form input,.text form textarea{
margin-bottom:10px;
}
#name,#email,#url,#message{
padding:2px;
width:100%;
border:1px solid #2b554a;
background-color:#232F20;
color:#FFF;
font-family:arial,helvetica,sans-serif;
font-size:9pt;
}
.buttonsubmit{
cursor:pointer;
border:none;
width:54px;
height:23px;
display:block;
}
.errorMessage{
color:#ff0101;
}
.showreel-holder{
float:right;
width:360px;
padding-bottom:15px;
}
#showreel{
width:360px;
height:330px;
}