/* Stylesheet for Sign Works */

*
	{
		margin: 0;
		padding: 0;
		border: 0;
	}

body
	{
		background: #003a6e url(../images/bg-body.gif) repeat-x 0 0;
		font-family: "Lucida Sans Unicode", Arial;
		font-size: 12px;
		line-height: 17px;
		color: #444;
	}


a:link, a:visited
	{
		text-decoration: none;
		color: #00539c;
	}
a:hover
	{
		text-decoration: underline;
	}


.clearfix:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.clearfix { overflow : hidden; _height : 1%; }


#outer-wrapper
	{
		margin: 10px auto 0 auto;
		width: 960px;
		position: relative;
	}


#inner-wrapper
	{
		width: 940px;
		height: 434px;
		padding: 0 10px;
		position: absolute;
		top: 110px;
		left: 0;
	}


#home #flash-bg
	{
		width: 960px;
		height: 544px;
		background: url(../images/bg-squares.jpg) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
	}

#flash-bg
	{
		width: 960px;
		height: 544px;
		background: url(../images/bg-squares-inside.jpg) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
	}



#sidebar
	{
		width: 220px;
		float: left;
		position: absolute;
		z-index: 20;
	}


#main-nav
	{
		list-style-type: none;
	}


#main-nav li#nav-home a
	{
		display: block;
		width: 201px;
		height: 31px;
		line-height: 31px;
		background: #fff url(../images/nav-home-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-home a:hover
	{
		display: block;
		width: 201px;
		height: 31px;
		line-height: 31px;
		background: #fff url(../images/nav-home-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#main-nav li#nav-who a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-who-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-who a:hover
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-who-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}


#main-nav li#nav-success a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-success-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-success a:hover
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-success-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#main-nav li#nav-corporate a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-corporate-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-corporate a:hover
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-corporate-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#main-nav li#nav-careers a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-careers-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-careers a:hover
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-careers-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#main-nav li#nav-contact a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-contact-off.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#main-nav li#nav-contact a:hover
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-contact-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}


#home #main-nav li#nav-home a
	{
		display: block;
		width: 201px;
		height: 31px;
		line-height: 31px;
		background: #fff url(../images/nav-home-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#who #main-nav li#nav-who a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-who-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#success #main-nav li#nav-success a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-success-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#corporate #main-nav li#nav-corporate a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-corporate-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

#contact #main-nav li#nav-contact a
	{
		display: block;
		width: 201px;
		height: 29px;
		line-height: 29px;
		background: #fff url(../images/nav-contact-on.gif) no-repeat 0 0;
		text-indent: -9999px;
	}



#main-content
	{
		width: 700px;
		float: right;
	}

.slider-wrap
	{
		margin: 125px 0 0 0;
		position:  relative;
		width: 640px;
	}

.wrapper
	{
		width: 100%;
		height: 100%;
	}

.thumbnail-home-container
	{
		width: 300px;
		margin: 0 20px 0 0;
		float: left;
	}

.thumbnail-home-container img
	{
		display: block;
		margin: 0;
		padding: 0;
	}
.thumbnail-home-container a.thumbnail-home-link
	{
		display: block;
		width: 290px;
		height: 42px;
		background: transparent url(../images/bg-banner-bottom.gif) no-repeat 0 0;
		color: #fff;
		padding: 7px 0 0 10px;
	}
.thumbnail-home-container a.thumbnail-home-link span
	{
		display: block;
		color: #00539c;
		text-transform: uppercase;
		font-size: 10px;
		margin: 0 0 -2px 0;
	}
.thumbnail-home-container a.thumbnail-home-link:hover, .thumbnail-home-container a.thumbnail-home-link:hover span, .thumbnail-home-container a:hover + a.thumbnail-home-link, .thumbnail-home-container a:hover + a.thumbnail-home-link span
	{
		text-decoration: none;
		color: #fff;
		background: transparent url(../images/bg-banner-bottom.gif) no-repeat 0 -49px;
	}



/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 200px; background: transparent; overflow: hidden; display: none;}
		.csw .loading {margin: 0; text-align: left}


.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 640px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 200px;
			clear: both;
			background: none;
			display: block;
		}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 640px; /* Also specified in  .stripViewer  above */
		}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display: none;
		}

.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 75px;
			text-indent: -9999px;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 25px;
			width: 25px;
			outline: none;
		}
		
		.stripNavL {
			right: -40px;
		}
		
		.stripNavR {
			right: -66px;
		}
		
		.stripNavL {
			background: #fff url(../images/img-arrow-back.gif) no-repeat 0 0;
		}
		
		.stripNavR {
			background: #fff url(../images/img-arrow-next.gif) no-repeat 0 0;
		}


#links-container
	{
		background-color: #003a6e;
		width: 950px;
		height: 55px;
		padding: 20px 0 20px 10px;
	}

.footer-links
	{
		margin: 0 15px 0 0;
		padding: 0;
		font-size: 9px;
		list-style-type: none;
		float: left;
		text-transform: uppercase;
	}
	
.footer-links li
	{
		background: #003a6e url(../images/bg-bullet-light-blue.gif) no-repeat 0 7px;
	}

.footer-links li a
	{
		color: #b3c4d4;
		padding: 0 0 0 6px;
	}


#copyright
	{
		width: 950px;
		height: 31px;
		line-height: 31px;
		font-size: 10px;
		background-color: #001a37;
		color: #364f68;
		margin: 0;
		padding: 0 0 0 10px;
	}


a.ftp-button
	{
		display: block;
		margin: -31px 0 0 0;
		width: 89px;
		height: 31px;
		line-height: 31px;
		color: #fff;
		float: right;
		text-align: center;
		background: #00091c url(../images/bg-ftp-button.gif) no-repeat 0 0;
		float: right;
	}


#who #main-content h1
	{
		margin: 0 0 20px 0;
		width: 400px;
		height: 28px;
		background: transparent url(../images/bg-h1-who-we-are.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#services #main-content h1
	{
		margin: 0 0 20px 0;
		width: 400px;
		height: 28px;
		background: transparent url(../images/bg-h1-services.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#success #main-content h1
	{
		margin: 0 0 20px 0;
		width: 400px;
		height: 28px;
		background: transparent url(../images/bg-h1-success-stories.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#corporate #main-content h1
	{
		margin: 0 0 20px 0;
		width: 550px;
		height: 28px;
		background: transparent url(../images/bg-h1-corporate.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#careers #main-content h1
	{
		margin: 0 0 20px 0;
		width: 400px;
		height: 28px;
		background: transparent url(../images/bg-h1-careers.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
#contact #main-content h1
	{
		margin: 0 0 20px 0;
		width: 400px;
		height: 28px;
		background: transparent url(../images/bg-h1-contact.gif) no-repeat 0 0;
		text-indent: -9999px;
	}


#content-panel
	{
		width: 700px;
		height: 364px;
		background: transparent url(../images/bg-content-panel.gif) no-repeat 0 0;
	}


#sub-nav
	{
		width: 600px;
		list-style-type: none;
		margin: 0 0 0 15px;
	}
#sub-nav li
	{
		float: left;
	}
#sub-nav li a
	{
		display: block;
		margin: 15px 0 0 0;
		padding: 0 10px;
		background: #fff url(../images/bg-bullet-blue.gif) no-repeat right center;
		float: left;
		color: #7d7d7d;
		text-decoration: none;
		font-weight: bold;
	}
#sub-nav li a:hover, #sub-nav li.subnav-first a:hover, #sub-nav li.subnav-last a:hover
	{
		color: #00539c;
	}
#sub-nav li.subnav-first a
	{
		display: block;
		padding: 0 10px 0 0;
		background: #fff url(../images/bg-bullet-blue.gif) no-repeat right center;
		float: left;
		color: #7d7d7d;
		text-decoration: none;
	}
#sub-nav li.subnav-last a
	{
		display: block;
		padding: 0 10px;
		background: none;
		float: left;
		color: #7d7d7d;
		text-decoration: none;
	}
#sub-nav li.subnav-current a
	{
		color: #00539c;
	}


#content
	{
		background: none;
		width: 700px;
		height: 364px;
	}

.signworks #content
	{
		background: transparent url(../images/bg-who-signworks.gif) no-repeat right bottom;
		width: 700px;
		height: 364px;
	}

.content-wrapper
	{
		padding: 20px 0 0 15px;
		font-size: 12px;
		line-height: 17px;
		position: relative;
	}

.content-wrapper p
	{
		margin: 0 15px 10px 0;
	}


.signworks #content p
	{
		width: 70%;
	}



#sidebar ul#main-nav li#nav-services div.holder {position:absolute; left:-9999px; z-index: 10;}

#sidebar ul#main-nav li#nav-services div .leftSide {float:left; background-color: #00539c;}
#sidebar ul#main-nav li#nav-services div .rightSide {float:left; margin-left:10px; display:inline; padding:0 10px 0 0; background-color: #00539c;}

#sidebar ul#main-nav li#nav-services:hover {position:relative;}
#sidebar ul#main-nav li#nav-services a:hover {white-space:nowrap; position:relative;}
#sidebar ul#main-nav li#nav-services a.sub {display: block; width: 201px; height: 29px; line-height: 29px; background: #fff url(../images/nav-services-off.gif) no-repeat 0 0; text-indent: -9999px;}
#sidebar ul#main-nav li#nav-services a.sub:hover {display: block; width: 201px; height: 29px; line-height: 29px; background: #fff url(../images/nav-services-on.gif) no-repeat 0 0; text-indent: -9999px; white-space:nowrap; position:relative;}

#sidebar ul#main-nav li#nav-services:hover > a {color:#910; position:relative;}
#sidebar ul#main-nav li#nav-services:hover a.sub {display: block;	width: 201px; height: 29px; line-height: 29px; background: #fff url(../images/nav-services-on.gif) no-repeat 0 0; text-indent: -9999px; white-space:nowrap; position:relative;}

#sidebar ul#main-nav li#nav-services:hover div.holder {position:absolute; top:-30px; left:201px; margin: 0; padding: 0;}

#sidebar ul#main-nav li#nav-services.right a:hover div.holder {left:auto; right:3px; top:41px;}
#sidebar ul#main-nav li#nav-services.right:hover div.holder {left:auto; right:4px; top:41px;}

#sidebar ul#main-nav li#nav-services dl {width:auto; margin:5px 0 0 0; padding:0 5px 15px 5px; list-style:none;}
#sidebar ul#main-nav li#nav-services dl dt {color: #7ec3ff; font-size: 14px; margin: 15px 0 0 0; white-space:nowrap;}
#sidebar ul#main-nav li#nav-services dl dt a {display: block; color: #7ec3ff; font-size: 14px; margin: 15px 0 0 0; white-space:nowrap;}
#sidebar ul#main-nav li#nav-services dl dt a:hover {position: relative; text-decoration: underline; color: #7ec3ff; font-size: 14px; margin: 15px 0 0 0; white-space:nowrap;}
#sidebar ul#main-nav li#nav-services dl dd {display:block; padding:0; margin:0;}
#sidebar ul#main-nav li#nav-services dd a {display: block; background: #00539c url(../images/bg-bullet-white.gif) no-repeat 0 7px; padding: 0 0 0 7px; color: #fff; font-size: 11px; white-space:nowrap; float:none;}
#sidebar ul#main-nav li#nav-services dd a:hover {color:#fff; text-decoration: underline; position: relative;}

#sidebar ul#main-nav li#nav-services table td {vertical-align:top; padding: 0 15px 0 0;}

#services #sidebar ul#main-nav li#nav-services a.sub {display: block; width: 201px; height: 29px; line-height: 29px; background: #fff url(../images/nav-services-on.gif) no-repeat 0 0; text-indent: -9999px;}

#sidebar ul#main-nav li#nav-services dl a span img {display: none;}

#sidebar ul#main-nav li#nav-services dl a:hover span img {display: block; position: absolute; border: #fff 1px solid; margin: 0; padding: 0;}
#sidebar ul#main-nav li#nav-services dl a:hover span img { top: 0; right: 0; left: -115px;}


.left-column
	{
		float: left;
		width: 350px;
	}

.right-column
	{
		float: right;
		width: 300px;
		height: 250px;
		margin: 0 15px 0 0;
	}

.left-column-wide
	{
		float: left;
		width: 450px;
	}

.right-column-narrow
	{
		float: right;
		width: 200px;
		margin: 0 25px 0 0;
	}


#slideshow {
    position:relative;
    height:250px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}


h2
	{
		font-size: 18px;
		font-weight: normal;
		color: #00539c;
		margin: 0 0 5px 0;
	}


h3
	{
		font-size: 12px;
		margin: 0 0 7px 0;
	}


.content-wrapper ul
	{
		list-style-type: none;
		margin: 0 25px 0 0;
	}

.content-wrapper ul li
	{
		background: #fff url(../images/bg-bullet-blue.gif) no-repeat 0 6px;
		margin: 0 0 3px 0;
		padding: 0 0 0 7px;
	}


.content-wrapper ul.twocol-list
	{
		list-style-type: none;
		margin: 0 11px 0 0;
		float: left;
	}

.content-wrapper ul.twocol-list li
	{
		background: #fff url(../images/bg-bullet-blue.gif) no-repeat 0 6px;
		margin: 0 0 3px 0;
		padding: 0 0 0 7px;
	}


.thumbnail-container
	{
		width: 156px;
		margin: 0 15px 15px 0;
		float: left;
	}

.thumbnail-container img
	{
		display: block;
		margin: 0;
		padding: 0;
	}
.thumbnail-container a.link
	{
		display: block;
		width: 156px;
		height: 25px;
		line-height: 25px;
		background: transparent url(../images/bg-thumb-bottom.gif) no-repeat 0 0;
		color: #fff;
		padding: 0 0 0 10px;
	}
.thumbnail-container a.link:hover, .thumbnail-container a:hover + a.link
	{
		text-decoration: none;
		color: #fff;
		background: transparent url(../images/bg-thumb-bottom.gif) no-repeat 0 -25px;
	}


a.back-button
	{
		display: inline-block;
		height: 25px;
		line-height: 25px;
		background: #dedede url(../images/bg-back-button.gif) no-repeat 0 0;
		color: #444;
		margin: 20px 0 0 0;
		padding: 0 5px 0 29px;
		clear: both;
	}


.clear
	{
		clear: both;
		height: 1px;
	}


strong
	{
		color: #00539c;
	}