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

body{
margin:0px;
padding:0px;
color:#3b3b3b;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
background:#ffffff url(images/header.jpg) 0px 0px repeat-x;
}
img{border:0px;}

h1{
color:#bababa;
font-size:0.9em;
margin:0px;
font-weight:normal;
float:right;
line-height:21px;
}


h2, h3{
color:#d40000;
font-size:1.7em;
padding:0px 0px 3px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #808080;
}
h3{
font-size:1.3em;
}

a{color:#3b3b3b;}
a:hover{color:#d60000;}



#dev_canvas{
width:670px;
height:571px;
margin-bottom:20px;
}


.subnav{
background:#e8e8e8;
padding:17px 15px 15px 15px;
margin-bottom:15px;
}
.right .subnav ul{
margin-bottom:0px;
}
.subnav .onecol{
width:305px;
}








.facebookbutton{
float:right;
margin-right:5px;
}
.facebookiframe{
border:none; 
width:75px; 
height:21px;
}

p{
margin:0px 0px 22px 0px;
line-height:1.5em;
text-align:justify;
}
ol{
margin:0px 0px 22px 25px;
line-height:1.5em;
text-align:justify;
padding:0px;
}
.textreplace{
font-size:0em;
overflow:hidden;
text-indent:-10000px;
text-align:left;
line-height:0em;
}







.top{
padding-top:14px;
}

.level0{
width:950px;
margin:0px auto;
}



.headerleft{
clear:right;
float:left;
width:250px;
}

.logo{
background:#f1f1f1;
padding:33px 25px 0px 25px;
width:200px;
height:167px;
}

.phonetop{
width:224px;
height:79px;
background:url(images/sprite.png) 0px 0px no-repeat;

padding:50px 0px 0px 26px;
line-height:22px;
color:#d50000;
text-shadow:1px 1px 1px #FFF;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:2.15em;
letter-spacing:-1px;
}

.headerright{
width:700px;
margin-top:12px;
float:right;
margin-bottom:100px;
}


.showreel{
width:700px;
height:236px;
overflow:hidden;
margin-bottom:0px;
z-index:10;
}




.nav{
background:#bc0000 url(images/navbg.png) 0px 0px repeat-x;
clear:both;
font-weight:bold;
font-size:1.1em;
/*border-left:2px solid #960000;8*/
}

.nav ul{
padding:0px;
margin:0px;
z-index:999;
list-style:none;
position:relative;
}

.nav li{
border-right:1px solid #8c0000;
padding:0px;
float:left;
height:53px;
position:relative;
}



.nav li a{
float:left;
display:block;
padding:0px 25px 0px 25px;
color:#ffffff;
text-decoration:none;
height:53px;
line-height:53px;
text-shadow:1px 1px 0px #581d1d;
}

.nav li a:hover, .nav li a.hover{
background-color:#000;
text-shadow:none;
}


.nav li.locations, .nav li .locationbutton{
float:right;
border-right:none;	
}
.nav li a.locationbutton{
font-size:0em;
overflow:hidden;
text-indent:-10000px;
text-align:left;
width:50px;
padding:0px;
background:url(images/sprite.png) 17px -724px no-repeat;
}
.nav li a.locationbutton:hover, .nav li a.locationbutton.hover{
background-color:transparent;
background-position:-33px -724px;
}



.nav li ul{left:0px;}
.nav li ul{
position:absolute;
top:53px;
background:#000;
padding:10px 27px 13px 27px;
margin:0px;
width:210px;
list-style:none;
display:none;
font-weight:normal;
font-size:0.9em;
}


.nav li.locations ul{
padding:10px 15px 13px 15px;
width:210px;
right:0px;
left:auto;
padding:5px 18px 8px 18px;
font-size:0.8em;
}

.nav li ul li{
float:none;
height:auto;
line-height:25px;
padding:0px;
margin:0px 0px 0px 0px;
background:none;
border:0px;
}

.nav li ul li+li{
border-top:1px solid #454545;/*ie6 requirement*/
}
.nav li.locations ul li{
text-align:right;
}

.nav li ul li a{
float:none;
height:auto;
color:#ffffff;
line-height:25px;
padding:4px 0px 4px 15px;
text-decoration:none;
background:url(images/sprite.png) 0px -899px no-repeat;
text-shadow:none;
display:block;
}

.nav li.locations ul li a{
background-position:right -959px;
padding:4px 15px 4px 0px;
}

.nav li ul li a:hover{
float:none;
height:auto;
border:0px;
color:#d60000;
text-shadow:none;
background:url(images/sprite.png) 0px -899px no-repeat;
}

.nav li.locations ul li a:hover{
background-position:right -959px;
}











.right{
float:right;
width:670px;
padding-bottom:20px;
}
.right ul{
list-style:none;
margin:0px 0px 20px 10px;
padding:0px;
}
.right ul li{
padding:0px 0px 7px 20px;
background:url(images/bull.png) 0px 6px no-repeat;
list-style:none;
line-height:1.5em;
}





.left{
float:left;
width:250px;
padding-bottom:10px;
}


.sidebar-element img{
display:block;
}


.sidebar-element{
background:#f1f1f1 url(images/leftshadow.png) 0px bottom no-repeat;
padding-bottom:10px;
margin-bottom:30px;
font-size:0.9em;
}

.sidebar-element h2, .sidebar-element h3{
font-size:1.2em;
}

.sidebar-element .container{
padding:15px 25px 0px 25px;
}

.callbackhead{
height:53px;
background:url(images/sprite.png) 0px -230px no-repeat;
margin-bottom:14px;
}

.callbackform{
margin:0px;
position:relative;
}

.callbackform label{
display:none;
}

.callbackform p{
padding:0px 25px 0px 25px;
margin:0px;
height:49px;
overflow:hidden;
}

.callbackform .textfield{
padding:7px;
border:1px solid #9f9f9f;
color:#6c6c6c;
display:block;
width:184px;
}

.callbackform .selectfield{
padding:7px;
border:1px solid #9f9f9f;
color:#6c6c6c;
display:block;
width:225px;
}

.callbackform .callsubmit{
width:250px;
height:42px;
padding:0px;
cursor:pointer;
border:0px;
background:url(images/sprite.png) 0px -300px no-repeat;
font-size:0em;
text-indent:-10000px;
text-align:left;
line-height:0em;
display:block;
margin-top:7px;
}

.callbackform .callsubmit[disabled]{
cursor:default;
}

.errorbox{
display:none;
background:#e31000;
position:absolute;
color:#ffffff;
padding:27px;
font-weight:bold;
width:150px;
text-align:center;
top:0px;
left:23px;
border-radius:5px;
}
.sendbox{background:#6fbd00;}







.footer{
padding:33px 0px 0px 0px;
background:#dddddd url(images/footer.png) 0px 0px repeat-x;
}
.footer p{
line-height:1.7em;
text-align:left;
margin-bottom:25px;
font-size:0.9em;
}
.footer h2, .footer h3{
font-size:1.2em;
color:#2e2e2e;
margin-bottom:20px;
}
.footerleft h3{color:#fff;}
.footerleft{
color:#b7b7b7;
height:235px;
background:url(images/sprite.png) 0px -375px no-repeat;
padding:15px 25px 0px 25px;
width:200px;
float:left;
}


.bottomphone{
line-height:23px;
color:#fff;
text-shadow:1px 1px 1px #000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:2.15em;
letter-spacing:-1px;


}


.footerright{
margin-top:15px;
width:670px;
float:right;
color:#555555;
}


.onecol{
width:320px;
float:left;
margin-right:30px;
}

.threecol{
float:left;
width:206px;
margin-right:26px;
}





a.blacklink{
display:block;
background:#020202 url(images/footlink.png) 0px 0px repeat-x;
color:#fff;
text-decoration:none;
padding-left:40px;
font-size:0.9em;
line-height:34px;
}
a.blacklink:hover{color:#fff;}




.footerfinal{
font-size:0.8em;
color:#696969;
padding-bottom:30px;
clear:left;
}
.footerfinal a{
color:#696969;
text-decoration:none;
}
.footerfinal a:hover{
color:#2d2d2d;
}

a.btt{
background:url(images/sprite.png) 0px -807px no-repeat;
padding-left:17px;
float:right;
}









/*form styles*/

.gotcha{
display:none;
height:0px;
overflow:hidden;
}


#contactform label{
clear:left;
float:left;
width:90px;
display:block;
margin-bottom:4px;
}

.submit{
color:#ffffff;
padding:7px;
font-size:1.1em;
background:#bc0000 url(images/navbg.png) 0px 0px repeat-x;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
cursor:pointer;
}

.input1{
border:1px solid #dddddd;
padding:4px;
color:#666666;
margin-bottom:10px;
width:160px;
display:block;
float:left;
}

.textarea1{
border:1px solid #dddddd;
padding:4px;
color:#666666;
margin-bottom:10px;
width:98%;
height:214px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
overflow:auto;
}

.error{
background:#d60000;
color:#ffffff;
font-size:1.1em;
font-weight:bold;
padding:10px;
margin-bottom:16px;
}

.green{
background:#7ed401;
}


.galim{
width:151px;
margin:0px 22px 20px 0px;
float:left;
}

.norightmar, .nomar{
margin-right:0px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99990; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:15px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:25px; height:25px; position:absolute; top:-27px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}




.imgleft{float:left;margin-right:15px;}

.clear{clear:both;}
.lclear{clear:left;}