@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
iframe {
	frameborder:0;
}
ol, ul {
	list-style:none;
}
a {
	text-decoration:none;
}
li {
	display:inline;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* general layout construction */
html, body {
	height:100%;
}
body {
	background-image: url(../images/fullheader_xmas.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0 auto 0;
	font-family:"Trebuchet MS";
}
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -337px;
 }
.footer, .push {
     height: 337px;
 }
#menu {
	position:relative;
	width:420px;
	left:555px;
	bottom:5px;
}
#menu li {
	padding:0px 0px 0px 7px;
}
#menu a {
	color:#0f5db1;
	text-decoration:none;
}
#menu a:hover {
	color:#7ab752;
	text-decoration:none;
}
#container {
	margin:0 auto;
	width:970px;
}
#pageContent {
	height:1610px;
}
#header {
	width:970px;
	height:320px;
	font-family:"Trebuchet MS";
	margin:0 0 10px 0;
}
#logo {
	position:relative;
	left:105px;
	bottom:68px;
}
#tagline {
	position:relative;
	bottom:16px;
}
#iframeContent {
	width:790px;
	height:1600px;
	position: relative;
	left:5px;
	border:none;
	margin: 0px 0px 0px 10px;
	float:right;
}
#tweet {
	position:relative;
	left:90px;
	bottom:30px;
	font-size:0.66em;
	color:#FFFFFF;
	width:160px;
	height:80px;
	line-height:1.06em;
}
#tweet a {
	color:#FFFFFF;
}
#bodyContent {
	background:url(../images/bodyContent.png) top left no-repeat;
	min-height:625px;
}
#frameStyle {
	width:800px;
	height:800px;
	margin:0 auto;
	margin:0px 0px 0px 40px;
	padding:0px 0px 0px 40px;
}
#footer {
	height:337px;
	background:url(../images/footer_03.png) repeat-x;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
}
#footerContent {
	width:970px;
	height:337px;
	margin: 0 auto 0;
	background:url(../images/footerInfo_12.png) no-repeat;
}
#cities {
	position:relative;
	left:650px;
	top:35px;
	width:100px;
	line-height:52px;
	right:540px;
}
#grangerAddress, #indyAddress, #moreContact {
	font-size: 0.8em;
	line-height:16px;
	margin:0 0 5px 0;
	width:200px;
	position:relative;
	left:775px;
	bottom:70px;
}
#services {
	width:120px;
	font-size: 0.8em;
	text-align:center;
	line-height:25px;
	position:relative;
	top:158px;
	left:442px;
}
#footer .bold {
	font-weight:bold;
}
#footer .right {
	text-align:right;
}
#footer a {
	color:#FFFFFF;
}

/*random classes and ids*/
.boldText {
	font-weight:bold;
}
#mainHeader {
	height:60px;
	background:url(../images/headerBG.png) repeat-x;
	margin:10px 0 0 0;
}
#mainHeader span {
	font: bold 1.2em arial;
	letter-spacing:0.05em;
	color:#386ba1;
	text-transform:uppercase;
	position:relative;
	top:18px;
	left:130px;
}
#subTagline {
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f5db1;
	font-size:1.2em;
	line-height:1.3em;
	margin: 14px 0 20px 58px;
}
.faqQuestion {
	color:#0f5db1;
	font:1.2em bold Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
h1.bodyText {
	font:1.6em bold Arial, Helvetica, sans-serif;
	color:#0f5db1;
	margin:5px 15px 10px 0;
	text-align:right;
}
h2.bodyText {
	font:1.0em bold Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
h3.bodyText {
	font:1.0em bold Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
p.bodyText {
	font:0.76em Arial, Helvetica, sans-serif;
	margin:0 15px 5px 15px;
}
.faqBG {
	width:970px;
	height:70px;
	height:110px;
	margin:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
.faqQuestion {
	width:200px;
	float:left;
	text-align:right;
	position:relative;
	top:30px;
	left:50px;
}
.faq {
	width:640px;
	line-height:1.5em;
	font-size:0.8em;
	float:right;
	margin:0px 30px 0px 0px;
	padding:0px 30px 0px 0px;
	position:relative;
	top:33px;
	color:#000000;
}

.fieldblock {
	margin:5px;
	font:0.94em bold Arial, Helvetica, sans-serif;
	position:relative;
	left:70px;
	top:35px;
	width:600px;
}
.submitButton {
	position:relative;
	left:235px;
}
#contactPeople {
	position:relative;
	right:90px;
	float:right;
	bottom:70px;
	width:250px;
	height:100px;
}
#contactPeople h2 {
	font:1.1em bold Arial, Helvetica, sans-serif;
	margin:0 0 2px 0;
}
#contactPeople p {
	font:0.90em bold Arial, Helvetica, sans-serif;
	margin:0 0 2px 0;
}
#contactAddress {
	font:0.90em bold Arial, Helvetica, sans-serif;
	width:150px;
	height:80px;
	color:#000000;
	float:right;
	position:relative;
	left:620px;
	bottom:160px;
}
#submitForm {
	background:none;
	height:310px;
	width:530px;
	position:relative;
	right:85px;
	bottom:10px;
	float:left;
}
#name, #email {
	height:25px;
}
#name, #email, #message {
	background:#DFDFDF;
	border:1px solid #DFDFDF;
	}
#name:focus, #email:focus, #message:focus {
	background:#DFDFDF;
	border:1px solid #FFCC33;
}
.fieldBox {
	width:150px;
	float:left;
	text-align:right;
	margin:5px 14px 0 0;
}
#fsMap {
	float:right;
	position:relative;
	right:120px;
	bottom:74px;
	width:230px;
	height:260px;
}
.contactText {
	font:0.8em normal Arial, Helvetica, sans-serif;
	color:#333333;
	width:400px;
	position:relative;
	left:150px;
	top:15px;
}
h1.contactText, #contactPeople h1 {
	font: 1.3em bold Arial, Helvetica, sans-serif;
	color:#0f5db1;
	margin:0 0 6px 0;
}
p.contactText {
	margin:0 0 4px 0;
}

/* Styles for the entire LavaLamp menu --- main menu */
.lavaLamp {
    position: relative;
    overflow: hidden;
	}
/* Force the list to flow horizontally */
.lavaLamp li {
     float: left;
     list-style: none;
    }
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
         background: url("../images/lava.png") no-repeat right -90px;
         width: 9px; height: 90px;
         z-index: 8;
         position: absolute;
     }
.lavaLamp li.back .left {
                background: url("../images/lava.png") no-repeat top center;
                height: 90px;
                margin-right: 9px;
            }
/* Styles for each menu-item. */
.lavaLamp li a {
            position: relative; overflow: hidden;
			top:50px;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 0.85em arial;
            text-align: center;
            height: 75px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 5px;
        }


/* vertical product navigation *?
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {	
	padding:0; 
	margin:0; 
	list-style:none; 
	overflow:hidden; 
	font-size:0.96em; 
	float:left;
	/*background-image:url(../images/sidebar.png);*/
	color:#000;
	width:170px; 
	height:900px; 
	font-family:"Trebuchet MS";
	font-weight:bold;
}
.subItem a, .subItem a:visited, .subItem a:hover {
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none; 
}
.subItem a, .subItem a:visited {
	color:#386ba1;
}
.subItem a:hover {
	color:#7ab752;
}
#slide li.sub, #slide li.sub:hover {
	display:block; 
	float:left; 
	padding:3px 0 3px 0;
	height:40px; 
	width:190px; 
	line-height:42px; 
	text-decoration:none; 
	text-align:center;
	overflow:hidden; 
	cursor:pointer;
	border-left:1px solid #e4e4e4;
}
#slide li.sub {
	background:url(../images/mainMenuItem.png);
	background-repeat:no-repeat;
}
#slide li.sub:hover {
	background:url(../images/mainMenuItem2.png);
	background-repeat:no-repeat;
}
/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {
	text-indent:0;
	height:300px;
	background-image:url(../images/sidebar.png);
}
#slide li div ul {
	padding:0; 
	margin:0; 
	list-style:none;
}
#slide li div ul li {
	line-height:1.6em; 
	float:left; 
	width:100%;
}





/*Services Tabbed Pages*/
#slider {
    width: 800px;
	height:625px;
    margin: 0 auto;
    position: relative;
	bottom:100px;
}
.scroll {
    height: 585px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
	bottom:180px;
	left:145px;
    clear: left;
}
.scrollContainer div.panel {
    padding: 20px;
    height: 540px;
	margin:0 0 5px 0;
    width: 610px;
	border:1px solid #333333;
}

#shade {
    background: #EDEDEC url("images/shade.jpg") no-repeat 0 0;
    height: 50px;
}
ul.navigation {
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	float:left;
	position:relative;
	right:65px;
	top:190px;
	font:1.2em bold Arial, Helvetica, sans-serif;
	line-height:2em;
}
ul.navigation li {
    display:list-item;
    margin:0 0 10px 0;
	border:1px solid #333333;
}
ul.navigation a {
	padding:5px 45px 5px 5px;
    color: #0f5db1;
    text-decoration: none;
}

ul.navigation li:hover {
    background:url(../images/blueGradient.png) no-repeat center right;
}

ul.navigation a.selected {
    background-color:#0000FF;
	color:#fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}