h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }			/* usurp control of preformatted elements */
a img,:link img,:visited img,fieldset { border: 1px solid black; }	/* image borders */

a { text-decoration: none; }
a:hover { text-decoration: underline; }

body {
 margin: 0;
 text-align: center;
 background: #f2f1e3 url('../images/bg.gif') repeat-x;
}

div, td {
 font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

div b { font-size: 13px; }

/* ---------------------------------	*/
/* Sections				*/
/* ---------------------------------	*/

#main, #sub {
 text-align: left;
 width: 783px;
 margin: 0px auto;
 background: url('../images/bg2.gif') repeat-y;
}

#sub { background: url('../images/bg2-sub.gif') repeat-y; }

#top, #bottom { text-align: center; }

#left {
 text-align: left;
 float: left;
 margin: 0px 5px 0px 10px;
 border: 0px solid black;
}

#main #left {
 width: 396px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 406px;
 }

#sub #left {
 width: 309px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 319px;
 padding-top: 8px;
 }

#right {
 text-align: left;
 float: right;
 margin: 0px 10px 0px 5px;
 border: 0px solid black;
}

#main #right {
 width: 336px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 346px;
 position: relative;
 top: -4px;
 margin-bottom: -4px;
}

#sub #right {
 width: 423px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 433px;
}

/* Float margin doubling IE-win fix \*/
div#left, div#right { display: inline; }

/* ---------------------------------	*/
/* Boxes				*/
/* ---------------------------------	*/

div.bottom { text-align: center; padding-bottom: 26px; background:url('../images/hr.gif') no-repeat bottom left; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #797871; }
#sub div.bottom { background: url('../images/hr-sub.gif') no-repeat bottom right; }

div.top { text-align: center; padding-top: 19px; background:url('../images/hr2.gif') no-repeat top left; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #f9f8f1; }
#sub div.top { background: url('../images/hr2-sub.gif') no-repeat top right; }

div.box { text-align: left; margin-top: 5px; margin-left: 22px; margin-right: 21px; padding-top: 2px; padding-bottom: 2px; border-width: 1px 0px 1px 0px; border-style: dashed; border-color: #9e9d94; }

div.box div { z-index: 100; background-color: white; border-width: 3px 0px 5px 0px; border-style: solid; border-color: #425775; padding: 10px; }

div.box div img.right { float: right; margin: 0; margin-left: 10px; margin-bottom: 10px; border: 1px solid black; }

/* ---------------------------------	*/
/* Misc.				*/
/* ---------------------------------	*/

.clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear {display: block;}
/* End hide from IE-mac */

div.nomargin { width: 100%; position: relative; margin-left: -5px; margin-right: -5px; }

#noflash {
 text-align: left;
 margin: 0px auto;
}

#main #noflash { background: url("../images/noflash.jpg"); width: 763px; height: 333px; }
#main #noflash span { position: relative; left: 120px; top: 170px; }

#sub #noflash { background: url("../images/noflash-sub.jpg"); width: 763px; height: 213px; }
#sub #noflash span { position: relative; left: 140px; top: 70px; }

/* ---------------------------------	*/
/* Forms				*/
/* ---------------------------------	*/

fieldset { border: none; }

#topform {
 margin: 0; padding: 0;
 z-index: 20;
 position: absolute;
 }

#topform li {
 list-style: none;
 position: relative; top: 68px; left: 583px;
}

#sideform { margin: 0; padding: 0; }
#sideform li { list-style: none; }

input, textarea {
 font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 padding: 1px 3px;
 background: white;
 border: 1px solid black;
 }

input.checkbox { border: none; }

input { width: 13em; }
textarea { width: 18em; height: 100px; }

#topform input, #topform textarea { font-size: 11px; }
#topform input { height: 20px; width: 120px; }
#topform textarea { height: 60px; width: 155px;}

input.submit, #topform input.submit { width: auto; }

#contactform {
 margin: 5px 0;
 }

#contactform label {
 margin: 10px 0;
 width: 150px;
 position: relative;
 display: block;
 text-align: right;
 }

#contactform label input, #contactform label textarea, #contactform label select {
 position: absolute;
 left: 110%;
 top: -2px;
 }

#contactform label input, #contactform label textarea {
 width: 175px;
 }

#contactform label textarea, #contactform label.textarea {
 height: 80px;
 }

#consultform label { display: block; }
#consultform label select, #consultform label input {
 width: 150px;
 }

#consultform label input {
 width: 200px;
 }

#consultform label .inline { display: inline; }

#supportform input { width: auto; }

/* ---------------------------------	*/
/* Lists				*/
/* ---------------------------------	*/

#inline {
 margin: 0; padding: 0;
}

#inline li {
 list-style: none;
 margin: 0; padding: 0;
 border: 0px solid red;
 }

/* \*/
*html #inline li {
 he\ight: 0;
 }
/* */

#inline li a {
 display: none;
}

#inline li ul li a {
 display: inline;
}
#inline #nav-01, #inline #nav-02, #inline #nav-03, #inline #nav-04, #inline #nav-05, #inline #nav-06, #inline #nav-07 {
 display: none;
 font-size: 13px;
 font-weight: bold;
}

#inline #nav-01 li span, #inline #nav-02 li span, #inline #nav-03 li span, #inline #nav-04 li span, #inline #nav-05 li span, #inline #nav-06 li span, #inline #nav-07 li span {
 font-weight: normal;
 font-size: 12px;
}

#inline ul li ul {
 margin: 0; padding: 0;
 list-style: none;
 }

li, #inline ul li {
 list-style: disc;
 }

/* ---------------------------------	*/
/* Top navigation			*/
/* ---------------------------------	*/

#nav {
 margin: 0;
 padding: 0;
 position: absolute;
 z-index: 10;
 background: url("../images/nav.gif") no-repeat;
 width:748px;
 height:26px;
}

#main #nav { top: 243px; }
#sub #nav { top: 144px; }

#nav span { display: none; }

#nav li, #nav a { height: 26px; display: block; }

#nav li {
 float: left;
 list-style: none;
 _display: inline;
 position: relative; left: 17px;	/* change for 17px indent over flash */
}

#nav #nav-01 { width: 117px; }
#nav #nav-02 { width: 79px; }
#nav #nav-03 { width: 84px; }
#nav #nav-04 { width: 116px; }
#nav #nav-05 { width: 188px; }
#nav #nav-06 { width: 68px; }
#nav #nav-07 { width: 96px; }

#nav #nav-01 a:hover {background:url("../images/nav.gif")  -0px -26px no-repeat;}
#nav #nav-02 a:hover {background:url("../images/nav.gif") -117px -26px no-repeat;}
#nav #nav-03 a:hover {background:url("../images/nav.gif") -196px -26px no-repeat;}
#nav #nav-04 a:hover {background:url("../images/nav.gif") -280px -26px no-repeat;}
#nav #nav-05 a:hover {background:url("../images/nav.gif") -396px -26px no-repeat;}
#nav #nav-06 a:hover {background:url("../images/nav.gif") -584px -26px no-repeat;}
#nav #nav-07 a:hover {background:url("../images/nav.gif") -652px -26px no-repeat;}

#nav li ul {
 margin: 0; padding: 0;
 position: absolute;
 left: -9999px;
 background-color: #2a467a;		/* Background color of drop down nav - add more styles (e.g. background image) here  */
}

#nav li ul li {
 left: 0px;
 height: 22px;				/* Height of each drop down nav item */
 border-width: 0px 1px 1px 1px; border-style: solid; border-color: #5282ad;
}

#nav li ul li a {
 width: 100%;
 height: 22px;				/* Height of each drop down nav item, should match above */
 line-height: 22px;			/* Height of each drop down nav item again, should match above */
}

#nav li ul li a span {
 padding-left: 5px;
 display: block;
 padding-right: -5px;
}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
 text-align: left;
 color: white;
 text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Hover styles for drop down items */
#nav #nav-01 ul a:hover, #nav #nav-02 ul a:hover, #nav #nav-03 ul a:hover, #nav #nav-04 ul a:hover, #nav #nav-05 ul a:hover, #nav #nav-06 ul a:hover { 
 background-image: none;
 background-color: #5282ad;
}

/* width of drop down nav - choose width that allows items to display on one line */
#nav #nav-01 ul, #nav #nav-01 li { width: 170px; }
#nav #nav-02 ul, #nav #nav-02 li { width: 150px; }
#nav #nav-03 ul, #nav #nav-03 li { width: 180px; }
#nav #nav-04 ul, #nav #nav-04 li { width: 220px; }
#nav #nav-05 ul, #nav #nav-05 li { width: 200px; }
#nav #nav-06 ul, #nav #nav-06 li { width: 160px; }

/* ---------------------------------	*/
/* Side navigation			*/
/* ---------------------------------	*/

#nav-side {
 margin: 0;
 padding: 0;
 background: url("../images/nav-side.gif") no-repeat;					
 width: 288px;			/* Width of buttons (or half of entire image) */
 height: 135px;			/* Height of entire image */
}

#main #nav-side { margin-top: 19px; }

#nav-side li span { display: none; }

#nav-side li {
 float: left;
 list-style: none;
}

#nav-side li, #nav-side a { 
 height: 30px;			/* Each button must have the same height, define it here */
 display: block;
}

/* margin-top to set where the nav should begin */
#nav-side-01 { margin-top:0px; width:288px; }

#nav-side-02, #nav-side-03, #nav-side-04 { margin-top: 5px; width: 288px; }

#nav-side-01 a:hover { background:url("../images/nav-side.gif") -288px  0px no-repeat; }
#nav-side-02 a:hover { background:url("../images/nav-side.gif") -288px  -35px no-repeat; }
#nav-side-03 a:hover { background:url("../images/nav-side.gif") -288px  -70px no-repeat; }
#nav-side-04 a:hover { background:url("../images/nav-side.gif") -288px  -105px no-repeat; }


/* ---------------------------------	*/
/* Video gallery button			*/
/* ---------------------------------	*/


#nav-video {
 margin: 0;
 padding: 0;
 background: url("../images/nav-video.gif") no-repeat;
 width: 174px;			/* Width of buttons (or half of entire image) */
 height: 26px;			/* Height of entire image */
 margin-top: 6px;
}

#nav-video li span { display: none; }

#nav-video li {
 float: left;
 list-style: none;
}

#nav-video li, #nav-video a { 
 height: 26px;			/* Each button must have the same height, define it here */
 display: block;
}

/* margin-top to set where the nav should begin */
#nav-video-01 { margin-top: 0px; width:174px; }

#nav-video-01 a:hover { background:url("../images/nav-video.gif") -174px  0px no-repeat; }