﻿/* 
hack key:
underscores: IE6-
tildes: IE7-
*/


/* BASE DESIGN */
HTML, BODY {height:100% !important; }
HTML {	_overflow-y:auto;	}
BODY {	_overflow-y:visible;}

HTML {
background:transparent url(/images/bg-gradient.png) repeat-y scroll 431px top;
background-color:#a4aa62;
}
BODY {
background:transparent url(/images/bg-slingshot2.jpg) no-repeat scroll left top;
color:#222;
}

/* 
multi backgrounds for other browsers 
	IE: body{height:100%}==html container height
	others: body{height:100%}==viewport, hosing scrolling
*/
#mainBack { 
background:transparent url(/images/bg-slingshot2.jpg) no-repeat scroll left top;
height:965px;
width:431px;
position:fixed;
top:0;
left:0;
~display:none;
}
#main { 
position:relative;
z-index:1;
~position:static;
}



* {font-family:'Century Gothic', sans-serif;}
H1, H2, #header * {font-family:'Luna ITC', 'Century Gothic', sans-serif;}
HTML {	font-size:92%;	}


A:hover {
text-decoration:none;
border-bottom:solid 1px #a00;
}





/* MAIN LAYOUT */
#main {
padding-left:300px;
}
#header {
padding-top:0.9em;
margin:0 55px 2em -55px;
}
#content {
}
#footer {
clear:both;
text-align:center;
margin:0 55px 1em -55px;
padding-top:1.5ex;
~padding-top:0;
}




/* SECTIONS */
#header {
text-align:center;
}
#header A {
color:#000;
}
#header A, #header A * {
text-decoration:none;
border:0;
}

#header A DIV {
height:0; 
~height:2px; 
line-height:1px;
}
#header A DIV DIV {
background:transparent; 
width:28em; 
height:1px; 
line-height:0;
margin:-3px 0 -3px 0;
~margin:-2px 0 -4px 0;
}
#header A:hover DIV DIV {
background:#a00; 
~background:transparent;
}

#header H1 {
font-size:400%;
margin-bottom: -0.38ex ;
~margin-bottom: -0.64ex ;
}
#header H4 {
font-size:150%;
margin-left:4.85em;
margin-bottom:-1ex;
padding-bottom:0;
letter-spacing:1px;
}
#header H4 IMG {
_margin-top:-1ex;
}


#footer #nav {
text-transform:lowercase;
font-size:85%;
margin:0 0.5ex;
}




/* CONTENT-related */
H2 {
margin:1ex 0 0.55ex 0;
border-bottom:solid 1px #a00;
line-height:0.8;
}
H3 {
margin-top:1.05ex;
margin-bottom:0.3ex;
color:#225;
font-size:105%;
font-style:italic;
font-weight:bold;
}


ACRONYM[title] {
cursor:help;
}




/* FEATURE-related */

span.dotIR-alternate {
	position: absolute;
	left: -100em;
	width: 100em;
}
.dotIR-replaced {
	visibility: visible !important;
}
H1.dotIR-replaced IMG { margin: auto -1ex -0.5ex auto; }
H2.dotIR-replaced IMG { margin: 0 0 -0.75ex 0; }
H4.dotIR-replaced IMG { margin: -0.25ex -1.85ex 0 0; }





.more, .more DT, .more DD {display:inline; margin:0; padding:0; font:inherit; line-height:inherit;}
.more DT {display:none; color:#008;} 

BODY.js .more, BODY.js .more DT, BODY.js .more DD {display:inline;}
BODY.js .more DT, BODY.js .more DD {cursor:pointer;}




FORM#frmContact {
float:right;
margin-left:0;
width: 33%;
background-color:#A4AA62;
color: #333;
border: 1px solid #000;
padding: 1em;
border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
}

FORM#frmContact TEXTAREA, FORM#frmContact INPUT {
font-size:85%;
background:#A4AA62 url(/images/bg-gradient.png) repeat-y scroll 10% top;
border: 1px solid #000;
padding:0 0.5ex;
width:98.5%;
}
FORM#frmContact TEXTAREA {
height:6em;
overflow:auto;
margin-top:1px;
}
FORM#frmContact #subject {display:none;} /* for UCE */
FORM#frmContact BUTTON[type=submit] {
cursor:crosshair;
height:1.8em;
margin-right:0;
}
FORM#frmContact BUTTON:disabled, FORM#frmContact BUTTON[disabled="disabled"], FORM#frmContact BUTTON[disabled="true"] {
cursor:default; /* regular button cursor when disabled */
}
FORM#frmContact BUTTON[type=submit]  DIV {
margin:auto 1ex;
}
FORM#frmContact BUTTON[type=submit]  SPAN {
font-size:150%;
line-height:1px;
~font-size:120%;
}

FORM.jqmWindow {
top: 40%;
left: 33%;
}

