/*----- ESSENTIALS -----*/
html {height:101%}
body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); background:url(/images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax"; font-size:12px; }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1 { color:#e11100; font-size:20px; display:inline; text-transform:uppercase; font-weight:normal; }
h2 { color:#939697; font-size:14px; display:inline; text-transform:uppercase; font-weight:normal;  }
h3 { color:#67a2bf; font-size:12px; display:inline; margin:0px; }
h4 {color:#36a21d; font-size:14px; text-transform:uppercase; margin:0px;}
a { color:#be1532; }
a:hover { color:#000; }
a.more {background:url(/images/more-info-icon.jpg) no-repeat; padding-left:25px;}
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { width:766px; margin:0 auto; }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { background:url(/images/logo.jpg) no-repeat; height:85px; width:766px; text-align:right; padding-top:5px; }
#hdr a { text-decoration:none; color:#000000; text-transform:uppercase; font-size:12px; padding:5px;}
#hdr a:hover { background-color:#be1532; color:#FFFFFF;}
#phone { display:inline; font-size:14px; padding-left:30px; line-height:20px; color:#727374}
#hdr a.none:hover {background:none}
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash { background:url(/images/in-splash.jpg); width:534px; height:259px; float:left;}

/* internal splash */
#inSplash { width:534px; height:259px; float:left; }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* navigation */
#nav { background:url(/images/nav-bg.jpg) no-repeat; height:229px; width:200px; float:left; padding:15px 15px 10px !important; padding:13px 15px 0  }
#nav ul { padding:0 }
#nav li {border-bottom:dashed 1px #c4c4c4}
#nav li.end {border-bottom:none }
#nav a {color:#232526; text-decoration:none; font-size:14px; text-transform:uppercase; display:block; padding:8px;}
#nav a:hover { color:#FFFFFF; background:#be1532}

#subnav { float:left; width:172px; padding:10px 40px 10px 10px; font-size:12px;}
#subnav li {border-bottom:solid 1px #e2e2e2; background:url(/images/subnav-li.jpg) no-repeat; padding-left:20px;}
#subnav a { color:#2f8cba; display:block; padding-bottom:5px; background:url(/images/subnav-bg.jpg) no-repeat;}
#subnav a:hover { color:#be1532;}
/*----- NAVIGATION -----*/

/*----- BODY  -----*/
#Body { float:left; width:530px; padding:10px 10px 0 0; min-height:150px;  }
#Body img {padding:5px;}
#Body ul {margin:10px;}
#Body li {background:url(/images/subnav-li.jpg) no-repeat; padding: 2px 0 0 20px;}
.twocol {float:left; min-height:200px; width:50%}
/*----- BODY  -----*/

/*----- FOOTER -----*/
#ftr { background:url(/images/footer-bg.jpg) no-repeat; float:right; margin-top:30px; width:498px; height:45px; padding:18px 5px 0 5px; text-align:center}
#ftr a {color:#e11100;}
#ftr a.clay {color:#000; text-decoration:none;}
/*----- FOOTER -----*/

/*----- CONTACT FORM -----*/
table#cx { margin:10px 0 0 }
table#cx td{ text-align:left; padding-right:5px; }
table#cx td.space { width: 15px }
table#cx th { text-align:left; font-size:12px; font-weight: bold; color:#333333; padding:6px 0 3px; text-transform:uppercase }
td#label { }
table#cx input.cxBtn { margin:10px 0 0 }
div.req { padding:0; border:0 solid white; border-left: 5px solid #be1532; float:left }
input.cx { margin:0; font-size:11px; height:18px; width:200px; border:1px solid #cccccc; background-color:#f6f6f6 }
input#x_state { width:40px; margin-right:10px }
input#x_zip { width:105px }
textarea#x_comments { width:419px; height:125px; border:1px solid #cccccc; background-color:#f6f6f6 }		

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid #ff6622; background-color:#fff6f6 }
/*----- CONTACT FORM -----*/

.glidecontentwrapper{
position: relative; /* Do not change this value */
border:none;
overflow: hidden;
width:534px; 
height:259px; 
float:left;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */

text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border:none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: none;
}

.glidecontenttoggler a:hover{
background:none;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background:none;
}
.BodyContent { width:766px; }