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


body{
margin:0px;
padding:0px;
color:#313131;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
background:#f0f0f0 url(images/bg.png) 0px 0px repeat-x;
}
img{border:0px;}


a{
color:#007aff;
}
a:hover{
color:#d60000;
}

h1, h2{
color:#007aff;
font-size:1.25em;
margin:0px 0px 9px 0px;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px solid #d6d6d6;
}

h2 a{
color:#007aff;
text-decoration:none;
}
h2 a:hover{
color:#d60000;
}


h3{
color:#db1e00;
font-size:1.2em;
margin:0px 0px 6px 0px;
font-weight:bold;
}


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;
}

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

.header{
height:140px;
padding:21px 0px 0px 637px;
background:url(images/header.png) 0px 0px no-repeat;
color:#c7e4ff;
line-height:1.5em;
font-weight:bold;
}
.phoneheader{
font-size:1.1em;
font-weight:bold;
color:#FFFFFF;
margin-left:40px;
}
.header .phone{
font-size:2em;
color:#FFFFFF;
padding:5px 0px 0px 40px;
background:url(images/phonehead.png) 0px 0px no-repeat;
height:30px;
margin-bottom:10px;
}
.header a{
color:#c7e4ff;
text-decoration:none;
}
.header a:hover{
color:#ffffff;
}
.header a.email{
font-size:0.9em;
}





.nav{
background:#bf0000 url(images/navbg.png) 0px 0px repeat-x;
clear:both;
font-weight:bold;
font-size:1.05em;
margin-bottom:22px;
}

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

.nav li{
background:url(images/navline.png) right no-repeat;
padding:0px;
float:left;
height:52px;
padding-right:3px;
position:relative;
}



.nav li a{
float:left;
display:block;
padding:0px 24px 0px 24px;
color:#ffffff;
text-decoration:none;
height:52px;
line-height:52px;
}

.nav li a:hover, .nav li a.hover{
background-color:#ffffff;
color:#2d2d2d;
}


.showreel{
width:900px;
height:213px;
overflow:hidden;
margin-bottom:22px;
z-index:10;
float:left;
}






.mainbox{
background:#ffffff url(images/split.png) right repeat-y;
border:1px solid #d9d9d9;
padding:22px 25px 10px 25px;
margin:0px auto 22px auto;
width:848px;
clear:both;
}
.left{
width:550px;
float:left;
padding-right:50px;
}

.onecol{
width:265px;
margin:0px 20px 20px 0px;
float:left;
}
.threecol{
width:170px;
margin:0px 20px 20px 0px;
float:left;
}
.nomar{
margin-right:0px;
}

.threebutton{
display:block;
background:#0043ba;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:0.9em;
text-align:center;
padding:5px;
margin-bottom:1px;
}
.threebutton:hover{
color:#ffffff;
background:#e02300;
}

.boxlink{
background:#0043ba;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:0.9em;
padding:5px;
margin-bottom:1px;
}
.boxlink:hover{
color:#ffffff;
background:#e02300;
}


.product{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #dddddd;
}
.productimage{
float:left;
margin:0px 20px 10px 0px;
}

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


.right{
width:235px;
float:right;
}
p.smallmar{
margin-bottom:5px;
}
.right h2, .right h3{
color:#d60000;
border-bottom:1px solid #bdbdbd;
}

.opening strong{
color:#0043ba;
}
.phoneside{
padding:5px 0px 5px 33px;
font-weight:bold;
background:url(images/phone.png) 0px 0px no-repeat;
}
.mapside{
padding:5px 0px 5px 25px;
font-weight:bold;
background:url(images/map.png) 0px 0px no-repeat;
}

.fax{
font-weight:bold;
}
.red{
color:#871d18;
}



.footer{
background:#0043ba;
padding:25px;
color:#a9d6ff;
font-size:0.85em;
}
.footright{
float:right;	
}
.footer a{
color:#a9d6ff;
}
.footer a:hover{
color:#ffffff;
}


.left ul.pagination{
clear:both;
margin:0px 0px 16px 0px;
padding:10px;
list-style:none;
height:27px;
background:#F0F0EE;
color:#000000;
}

.left ul.pagination li{
margin:0px 5px 0px 5px;
padding:0px;
float:left;
font-weight:bold;
height:27px;
line-height:27px;
}
.left ul.pagination li a{
text-decoration:none;
display:block;
float:left;
padding:0px 8px;
text-decoration:none;
color:#ffffff;
background:#000000;
margin-right:5px;
}
.left ul.pagination li a:hover, ul.pagination li a.pageselectedclass{
background:#d72a22;
color:#ffffff;
}


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








.multipleimages{
margin:0px;
width:550px;
overflow:hidden;
position:relative;
}

.multipleimages a{
width:170px;
height:150px;
margin:0px 20px 30px 0px;
float:left;
display:block;
}

.multipleimages a.norightmar{
margin-right:0px;
}






.left .metadata{
padding:0px;
margin:0px 0px 20px 0px;
list-style:none;
}
.left .metadata li{
margin:0px 4px 4px 0px;
padding:5px;
display:inline;
line-height:1.75em;
font-size:0.8em;
padding:3px 5px 2px 5px;
font-weight:bold;
background:#F0F0EE;
text-transform:uppercase;
}
.left .metadata li a{
text-decoration:none;
}


.imageleft{
float:left;
margin:0px 15px 5px 0px;
}

.blogpost{
margin-bottom:10px;
}








/*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:150px;
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;
}









#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:#fff; 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;}