/* CSS Document */
/* Lange Sign Group Print stylesheet */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;*/
	/*This takes the default 16px down to 10px
	Verdana is the most readable, and readily available screen font in Windows.
    Helvetica most readable, and readily available screen font on Macintosh computers.*/
    color:#000; 
	background:#e9eef1;
    width:100%; 
	margin:0 auto;
	font:12px/15px Helvetica, Arial, sans-serif;
}
body * {text-align:left}

.mcnote {color: #ff0099; font-size:14px;}

/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


h1 {font-size:24px;font-weight:normal;margin:0px; padding:0px;color:#000;}
h2 {font-size:18px;font-weight:bold; color:#000; text-transform:uppercase;padding-left:20px;margin:0px;}
h3 {color:#000;margin:0px; padding:0px;font-size:12px;}
.h3 {color:#000;margin:0px; padding:0px;font-weight:bold;}

a:link, a:active, a:visited  {color: #000; text-decoration:underline;font-weight:normal;}
a:hover {color: #000; text-decoration:underline;}

a:focus { outline: none;}

b {;color:#000;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

p, td, div
{	
	font-size: 12px;
	line-height: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
}

p {margin:10px 0px 0px 0px;}

.small {font-size:10px; line-height:12px; color:#000;}

.blue {color:#000; font-weight:bold;font-size:24px; letter-spacing:1px;}

	  
/* STRUCTURAL MARKUP
========================================================================*/

#container {width: 100%; margin: 0; float: none;}

#header {width: 100%; margin: 0; float: none;}

/* MISC. HEADER OBJECT STYLES*/

.logo { display:none;}
.logoprint { margin: 0; float: none; color:#000;}

#contentcontainer /*this is holding everything below the header div */
{
	width: 980px;
	margin: 0px; 
	padding: 0px;
	position: relative;
	border:0px solid #ff0000;
	float:left;
	background: #e9eef1 url(../images/bg_container.jpg) no-repeat;
	
}

#maincol /*main content area */
{
	width: 100%; margin: 0; float: none;
}


/* UNORDERED LISTS
========================================*/

.contentleft ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	margin:0px;
	line-height:12px;
}

.contentleft ul li  /* basic lists in content right column */
{ 
	background: url(../images/bullet.gif) no-repeat 0 3px;
	padding-left: 15px;
	padding-bottom: 5px;
	position:relative;
	margin:0px;
}



.contentright ul
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	list-style-type: none;
	display: block;
	margin:0px;
}

.contentright ul li  /* basic lists in content right column */
{ 
	background: url(../images/email_icon.gif) no-repeat 0 3px;
	padding-left: 15px;
	padding-bottom: 5px;
	position:relative;
	margin:0px;
}

.services ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	margin:0px;
	font-size:12px;
	line-height:13px;
	color:#000;
	font-weight:800;
}

.services ul li  /* basic lists in content right column */
{ 
	background: url(../images/bullet2.gif) no-repeat 0 2px;
	padding-left: 15px;
	padding-bottom: 5px;
	position:relative;
	margin:0px;
}


/* MISC. CONTENT OBJECT STYLES
========================================*/
#gallery
{
	width: 100%; margin: 0; float: none;
}


.services
{
	width: 600px;
	height:62px;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	position: relative;
	border:0px solid #ff0000;
	float:right;
}

.number
{
	width: 400px;
	margin: 15px 30px 0px 0px; 
	padding: 0px;
	position: relative;
	border:0px solid #ff0000;
	float:right;
	font-size: 14px;
	line-height:25px;
	font-weight:normal;
	text-align:right;
	letter-spacing:1px;
	color:#000;
}

.number b { font-size: 20px;color: #000;font-weight:bold;text-align:right;}

.signs {float:left;position:relative;width:30px;height:80px;display:inline;padding-top:0px;padding-right:15px;margin-top:0px;border-right:1px solid #000;}

.signslist {float:left;position:relative;width:470px;display:inline;padding-top:0px;padding-left:5px;}

/* COLUMNS IN CONTENT
========================================*/

.divider /*divides sign language and contact us */
{
	float: left;
	position:relative;
	width: 3px;
	height:240px;
	margin: 30px 0px 0px 30px;
	padding:0px;
	border:0px solid #ff0000;
	background: url(../images/divider.gif) no-repeat 0px 0px;
}

.contactdivider /*divides dbq area and quad city area */
{
	float: left;
	position:relative;
	width: 1px;
	height:154px;
	margin: 10px 0px 0px 0px;
	padding:0px;
	border:0px solid #ff0000;
	background: url(../images/contact_divider.gif) no-repeat 0px 0px;
}

.contentleft /*main content area */
{
	float: left;
	width: 100%;
	margin: 0px;
}


.contentright /*main content area */
{
	width: 100%; margin: 0px; float: left;
}

/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 350px;float:right;position:relative;padding-left:0px;display:inline;margin:0px; }
.narrow { width: 140px;float:left;position:relative;padding-left:20px;display:inline;margin:0px;}
.narrow2 { width: 200px;float:right;position:relative;padding-left:0px;display:inline;margin:0px;}


/* ----------------------------
   ROTATING PHOTOS SLIDESHOW
--------------------------- */

.mt {padding-top:0px;}
.slideshowpics { height: 288px; width: 482px; padding:0px; margin:0px; overflow: hidden; }
.slideshowpics img { width: 482px; padding: 0px;} /*actual picture */

#slideshow { margin: 4px 0 0 5px; float:left; border:0px solid #ff0000;}/*holds the actual picture*/

#gallery #slidenav  /*holds the thumbnails*/
{ 
	width:226px; 
	background: #dbdbdb url(../images/hd_projectgallery.gif) no-repeat 15px 12px;
	margin:4px 0px 0px 0px;
	padding-top:32px;
	padding-bottom:5px;
	float:left;
	text-align:left;
	border:0px solid #ff0000;}   

ul#slidenav { margin:5px 0px 0px 0px; padding:0px; list-style-type: none; width:226px;}
ul#slidenav li  { margin:5px 10px 0px 0px; padding:0px; list-style-type: none;}
#gallery #slidenav li { width: 55px; float: left; margin: 6px 9px 0px 9px !important; margin: 6px 3px 0px 3px;  padding:0px; list-style-type: none;border:0px solid #ff0000;}
#gallery #slidenav  a { width: 55px; padding: 4px; display: block; border: 0px solid #ccc;} /*sets size, puts the nice border around thumbnails*/
#gallery #slidenav  a.activeSlide { background: #5d8e99; }  /*the border on the active thumb*/
#gallery #slidenav  a:focus { outline: none; }
#gallery #slidenav  img { border: none; display: block; }

.output {height:283px; width:251px; float:left; margin: 4px 0 0 5px; border:0px solid #ff0000; background: #5d8e99; color:#fff; padding:5px 4px 0px 7px;}
.output p {color:#fff; font-size:11px; line-height:12px; font-weight:normal;}
.output b {color:#fff; font-weight:bold; font-size:13px;line-height:14px;}
.output .callout {color:#fff; display:block; font-size:16px; line-height:18px; font-weight:bold; padding:0px;}


/* FOOTER STYLES
========================================*/

#footer{width: 100%; margin: 0; float: none;}

.emailus {font-size: 12px;color: #000;font-weight:bold;float:none; margin:0px; text-align:left;}
.emailusbtn {display:none;}