/*
Orange #fc5e14 
Blue #2c2f5e

*/


* {


margin: 0;
padding:0;

}
body {
background-image: url(images/Signs-background.gif);
background-repeat:repeat-x;

	font: 12px/18px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#2c2f5e;
padding: 20px 0 0 0; margin:0;
background-color: #fc5e14; 
} 

/* layout 
-----------------------------------------------------------------------------*/ 
#wrapper {
background-color: #ffffff;
	width: 980px;
margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
}
#footer {
border: 1px solid  #2c2f5e;
margin: 0 20px 20px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC;}

#footer-content{
padding: 10px;

}
#footer-content strong{
color:#fc5e14;
}
#footer-content div{
float: left;
margin: 0 35px 0 0;
}
#footer h3{
background-color: #2c2f5e;
padding: 2px 0 2px 10px;

color: #ffffff;
font-size:12px;

margin:0;
}
#copywrite {
font-size: 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float: right;
}




/* Header 
-----------------------------------------------------------------------------*/ 
#header {
background-color: #fc5e14;
width:100%;

}
#logo {
display:inline;
width: 361px;
margin: 0px 0px 20px 35px;
text-align: right;
font-weight: bold;
font-style:italic;
float: left;
}
#tagline {
display:inline;
width: 400px;
float: right;
text-align: right;
font-size:18px;
font-style: italic;
margin: 23px 40px 0 0;
}
#tagline span{
color: #ffffff;
margin: 0;
padding: 0;
line-height:normal;


}
#tagline h1{
color: #2c2f5e;
font-size: 22px;
background:none;
font-weight:bold;
margin: 0;
padding: 0;
line-height:normal;

}


/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu {
width: 220px;
height: 300px;
background-color: #fc5e14; 
padding: 0;
margin: 0 0 0 0px;
float: left;
}
#menu ul {
padding: 10px 20px 20px 20px;
margin: 0 0 0 0px;


}

#menu li {
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding: 5px 0 5px 15px;
margin: 0 0 0 0px;
font-weight:bold;
text-transform:uppercase;
list-style-position:inside;
list-style-type:disc;
}

#menu li a:link, #menu li a:visited {
text-decoration: none;
color: #ffffff;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #2c2f5e;
}

#bluebar {
background-color: #2c2f5e;

}
/* Heading and font tags 
-----------------------------------------------------------------------------*/ 
h1 {
	font-size: 24px;
	line-height: 40px;
padding: 0 0 5px 0;
margin: 0;
color:#fc5e14;
font-weight:bold;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	
	font-weight:normal;
padding: 0 0 5px 0;
margin: 0;
}
h3 {
	font-size: 14px;
	line-height: 20px;
color:#fc5e14;
padding: 0 0 0px 0;
margin: 0;
}

h4 {
	font-size: 14px;
	line-height: 18px;

padding: 0 0 5px 0;
margin: 0;
}

h5 {
	font-size: 12px;
	line-height: 14px;
	
padding: 0 0 5px 0;
margin: 0;
}
img {
border: 0;
}
ul {margin: 0 0 15px 15px;}
li {margin: 0 0 0 15px;}
P {padding: 0px 0 18px 0;
}

a:link, a:visited { color: #2c2f5e;text-decoration:none;}
a:hover, a:active {color: #fc5e14;text-decoration:underline; }


hr {

 border:0;

color: #dcdcdc;
background-color:#dcdcdc;
clear: both;

display:block;
height: 2px;
margin: 10px 0 15px 0;
}
/* content 
-----------------------------------------------------------------------------*/ 
#contentlayout {
width: 100%;

}


#content {
width: 690px;
	float: left;
padding: 20px 0 20px 20px;
margin: 0 0px 0 0;
background-color: #ffffff;
}


#right {margin-top: 20px;
Float: right;
border-left: 2px solid #dcdcdc;
width: 210px;
padding: 0px 20px 20px 20px;


}

.map {
float:right;
display: inline;
margin-left: 20px;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
	border: 1px solid #fc5e14;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
		border: 1px solid #fc5e14;

}

.hidden {
display:none;
}


.clear {
clear: both;
display:block;
}

textarea, input {width: 250px}

.submit {
width: 60px;
}
/* gallery 
-----------------------------------------------------------------------------*/ 
#photogallery {
float: left;
padding: 15px 14px 0 15px;
background-color: #2c2f5e;

}
#photos {
 visibility: hidden; 
}
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 0em;
}

.filmstrip li img {
width: 89px;
height:30px;

}


.filmstrip li {
margin: 0;
padding: 0;

}


	/* jQuery lightBox plugin - Gallery style */
	   #gallery
        {
   margin: 0 0 0 0px;
            padding: 0px;
            width: 690px;
		
        }
        #gallery ul
        {margin: 0;
            list-style: none;
        }
        #gallery ul li
        {margin: 0;
            display: inline;
        }
        #gallery ul img
        {
            border: 5px solid #2c2f5e;
            border-width: 5px 5px 5px;
        }
        #gallery ul a:hover img
        {
            border: 5px solid #fc5e14;
            border-width: 5px 5px 5px;
            color: #fff;
        }
        #gallery ul a:hover
        {
            color: #fff;
        }
#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{cursor:pointer;
cursor:hand;
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: inline;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
cursor:pointer;
cursor:hand;
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	height: 100%;
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 32px;
	left: 0;
	height: 90%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}


 /* pickachoose gallery on services page */
.pikachoose{width:694px;margin-left: 0px;  margin-left:0px;text-align: center; }
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:694px;height:190px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:0px;margin:0 12px 6px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}


/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:692px;height:470px;display:block;position:relative;}
/*since we give it the fake border, you need to position the image a little. */
.pika_main_img{margin: 0 auto 0 auto;}
.pika_back_img{position:relative;top:1px;display: none;}
.pika_subdiv{position:relative;padding:0px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:682px;height:16px;padding:4px;text-align:center;position:absolute;bottom:9px;left:1px;background:url('images/black.png') top left; color:#FFFFFF;}

.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:0;margin-left:0px;width:690px;top:0px;}
.pika_play a{position:relative;cursor:pointer;display: block;width:690px;height:460px;background:url('images/start.png') center center no-repeat;behavior: url("js/iepngfix.htc"); }


.pika_navigation a{font-size: 12px; text-decoration: none; }
.pika_navigation a:hover{text-decoration: underline; }
.pika_navigation{padding-top:10px;clear:both;text-align:center; display:none; }

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat; }


 /*  pickachoose gallery on photo page */
.pikachoose1{width:694px;margin-left: 0px;  margin-left:0px;text-align: center; }
/* This is the ul you have all your images in */
.pikachoose1 ul{padding-left:0;width:694px;height:980px;margin:0;overflow:hidden;}
.pikachoose1 ul li{float: left;border:1px solid #555;padding:0px;margin:0 12px 6px 0;position:relative;overflow:hidden;}
.pikachoose1 ul li div img{position:relative;cursor:pointer;}