/* CSS Document */
/* Lange Sign Group */

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:#88898d;}
h2 {font-size:18px;font-weight:bold; color:#313d4d; text-transform:uppercase;padding-left:20px;margin:0px;}
h3 {color:#336699;margin:0px; padding:0px;font-size:12px;}
.h3 {color:#336699;margin:0px; padding:0px;font-weight:bold;}

a:link, a:active, a:visited  {color: #104f90; text-decoration:underline;font-weight:normal;}
a:hover {color: #3a7ec4; text-decoration:underline;}

a:focus { outline: none;}

b {;color:#313d4d;}

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

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

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

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

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

#container {margin: 0 auto;width: 980px;background:none;}

#header {width: 980px;height: 120px;margin: 0px 0px 0px 0px;background: #e9eef1 url(../images/bg_header.jpg) no-repeat;position:relative;}

/* MISC. HEADER OBJECT STYLES*/

.logo { margin: 46px 0 0 90px;  position:absolute; z-index:200;}
.logoprint { display:none;}

#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 */
{
	float: left;
	position:relative;
	width: 940px;
	margin: 0px 0px 0px 0px;
	padding:20px 20px 0px 20px;
	border:0px solid #ff0000;
}


/* 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:#4f6078;
	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: 980px;
	/*height:295px;*/
	margin: 0px; 
	padding: 0px;
	position: relative;
	border:0px solid #ff0000;
	border-bottom:4px solid #fff;
	float:left;
	background:#fff;
}


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

.number b { font-size: 20px;color: #fff;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:20px;border-right:1px solid #7b91b2;}

.signslist {float:left;position:relative;width:470px;display:inline;padding-top:20px;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;
	position:relative;
	width: 530px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	border:0px solid #ff0000;
}


.contentright /*main content area */
{
	float: left;
	position:relative;
	width: 330px;
	margin: 50px 0px 0px 10px;
	padding:0px;
	border:0px solid #ff0000;
}

/* 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: 980px;height:104px;float:left;text-align: right;margin:0px;padding:0px;background: #e9eef1 url(../images/bg_footer.jpg) no-repeat;}

.emailus {font-size: 14px;color: #fff;font-weight:bold;float:right;margin-top:56px;margin-right:40px;text-align: right;}
.emailusbtn {margin-left:20px;}