* {
margin:0;
padding:0;
}

body {
background-color:#333333;
background-image:url(../images/bg2.gif);
background-position:top center;
background-repeat:no-repeat;
font-size:12px;
font-family:Arial;
text-align:center;
color:#AAA;
}

#page {
width:950px;
margin:auto;
text-align:left;
}

#aboveheader {
width:950px;
height:165px;
clear:both;
}

#header {
width:950px;
height:60px;
clear:both;
}

#header .left {
width:430px;
float:left;
padding-top:15px;
padding-left:10px;
}

#header .right {
width:500px;
float:right;
padding-right:0px;
}



#shortseparator {
background-image:url(../images/separator.gif);
background-position:top left;
background-repeat:no-repeat;
color:#DDDDDD;
padding-top:7px;
clear:both;
width:258px;
padding-right:10px;
text-align:center;
}




h1 a {
color:#FFFFFF;
font-size:40px;
font-weight:bold;
text-decoration:none;
}

h1 a span {
color:#ececec;
font-weight:normal;
text-decoration:none;
}

a {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.menulinks {
float:right;
}

.menulinks a {
padding-top:15px;
border-top:5px solid #555555;
font-size:14px;
font-weight:bold;
color:#999999;
text-decoration:none;
display:block;
padding-left:15px;
padding-right:15px;
float:left;
height:30px;
}

.menulinks a:hover {
text-decoration:none;
}

.menulinks a.orange1 {
display:none;
background-color:#e58a14;
border-top:5px solid #e58a14;
color:#FFFFFF;
}

.menulinks a.orange:hover {
border-top:5px solid #e58a14;
color:#e58a14;
}

.menulinks a.green1 {
display:none;
background-color:#3ad53a;
border-top:5px solid #3ad53a;
color:#FFFFFF;
}

.menulinks a.green:hover {
border-top:5px solid #3ad53a;
color:#3ad53a;
}

.menulinks a.blue1 {
display:none;
background-color:#0093A0;
border-top:5px solid #0093A0;
color:#FFFFFF;
}

.menulinks a.blue:hover {
border-top:5px solid #0093A0;
color:#0093A0;
}

.menulinks a.pink1 {
display:none;
background-color: #c43fb9;
border-top:5px solid #c43fb9;
color:#FFFFFF;
}

.menulinks a.pink:hover {
border-top:5px solid #c43fb9;
color:#c43fb9;
}

.menulinks a.yellow1 {
display:none;
background-color: #E9D000;
border-top:5px solid #E9D000;
color:#FFFFFF;
}

.menulinks a.yellow:hover {
border-top:5px solid #E9D000;
color:#E9D000;
}

.menulinks a.red1 {
display:none;
background-color: #ff2e3d;
border-top:5px solid #ff2e3d;
color:#FFFFFF;
}

.menulinks a.red:hover {
border-top:5px solid #ff2e3d;
color:#ff2e3d;
}


a.imgNoBorder {
border:1px solid #e58a14;
}


#mainarea {
clear:both;
width:950px;
padding-top:30px;
}

h2 {
font-size:26px;
padding-bottom:10px;
}

p {
line-height:20px;
}

#home {
width:950px;
padding:10px;
display:block;
}

#home img {
border:1px solid #e58a14;
float:left;
margin-top:3px;
margin-right:8px;
margin-bottom:3px;
}

#home h4
 {
color:#e58a14;
}

#about {
width:950px;
padding:10px;
display:none;
}

#about img {
border:1px solid #3ad53a;
float:left;
margin-top:3px;
margin-right:8px;
margin-bottom:3px;
}

#home h2 {
color:#e58a14;
}

#about h2 {
color:#3ad53a;
}

#about h3 {
color:#3ad53a;
font-size:16px;
padding-bottom:10px;
}


#credits {
width:950px;
padding:10px;
display:none;
}

#credits h2 {
color:#E9D000;
}

#credits h3 {
color:#E9D000;
font-size:18px;
padding-bottom:10px;
}

#services {
width:950px;
padding:10px;
display:none;
}

#services h2 {
color:#0093A0;
}

#services h3 {
color:#0093A0;
font-size:22px;
padding-bottom:10px;
}

#contact {
width:950px;
padding:10px;
display:none;
}

#contact h2 {
color:#c43fb9;
}

#contact h3 {
color:#c43fb9;
font-size:18px;
padding-bottom:10px;
}

.contentarea {
width:605px;
padding-right:25px;
float:left;
}

.sidebar {
width:270px;
float:left;
margin-top:44px;
margin-left:-10px;
padding:10px 10px 10px 20px;
background-color:#444444;
background-image:url(../images/box_shadow_small.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

.sidebar p {
clear:both;
}

.servicearea {
width:290px;
padding-right:25px;
float:left;
}

#contactform {
font-size:12px;
color:#FFFFFF;
padding-top:5px;
padding-left:5px;
}

#contactform .left {
float:left;
padding:0px;
width:100px;
}

.input {
font-size:13px;
background-color:#3e3e3d;
border:1px solid #555555;
color:#DDDDDD;
width:400px;
padding:4px;
height:14px;
margin-bottom:5px;
}

.textarea {
font-size:13px;
background-color:#3e3e3d;
border:1px solid #555555;
color:#DDDDDD;
float:left;
width:400px;
padding:4px;
}

.input:focus, .textarea:focus, #sendbutton:hover {
border:1px solid #c43fb9;
}

#sendbutton {
background-color:#3e3e3d;
color:#FFFFFF;
border:none;
width:100px;
font-family:Arial;
font-size:12px;
padding:4px;
margin-top:10px;
margin-left:210px;
border:1px solid #555555;
}

input:hover,  textarea:hover {
border:1px solid #c43fb9;
background-color:#4e3641;
color:#FFFFFF;
}

#sendbutton:hover {
border:1px solid #c43fb9;
background-color:#4e3641;
color:#FFFFFF;
}

#resetbutton {
background-color:#3e3e3d;
color:#FFFFFF;
border:none;
width:100px;
font-family:Arial;
font-size:12px;
padding:4px;
margin-top:10px;
border:1px solid #555555;
}

#resetbutton:hover {
background-color:#b60400;
color:#FFFFFF;
border:1px solid #DA0000;
}

.input_caption {
clear:both;
padding-top:3px;
padding-bottom:2px;
}

.catalogTable {
    padding-left: 0;
    font-size:12px;
    font-family:Arial;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    width:700px;
}

.catLegend {
    color:#DDD;
    line-height: 14px;
    padding:10px;
    border-left:1px solid #444444; 
    border-right:1px solid #222222; 
    border-top:1px solid #444444; 
    border-bottom:1px solid #222222; 
}

.catTitle {
    color:#e58a14;
    line-height: 17px;
    font-size:16px;
    padding:10px;
    border-left:1px solid #444444; 
    border-right:1px solid #222222; 
    border-top:1px solid #444444; 
    border-bottom:1px solid #222222; 
}








#spacerwide {
padding-top:18px;
clear:both;
width:930px;
}

#spacerwide2 {
padding-top:5px;
clear:both;
width:550px;
}



#separator {
background-image:url(../images/separator.gif);
background-position:top left;
background-repeat:no-repeat;
color:#DDDDDD;
padding-top:20px;
clear:both;
width:930px;
padding-right:10px;
text-align:center;
}

#footer {
color:#AAAAAA;
padding-top:20px;
clear:both;
width:930px;
padding-right:10px;
font-size:11px;
}

.footerTable {
}






#btn	{
height: 25px;
background-image:url(../images/btn_2.gif);
color:#DDDDDD;
text-decoration:none;
padding:6px;
text-align:center;
}

#btn:hover	{ 
  background-position: 0 -28px;
color:#FFFFFF;
}

#btn span	{
  display: none;
}





/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, visibility can be better controlled in different media types*/
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



/* Skin for Tabbed Content - GEORGE */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, cos IE 6 will ignore rule ... */
    display: inline-block;
}


/************************************
     Tabbed Widget By Dan Harper
        http://www.danharper.me
************************************/

* { margin: 0; padding: 0; }

.widget { margin: 0px; padding: 0px; background: #444444; border: 1px solid #555; margin-bottom: 5px; }
.widget a { color: #444; text-decoration: none; }
.widget a:hover { color: #009; text-decoration: underline; }

.tabnav li { display: inline; list-style: none; position: relative; top: 0px; left: -5px; padding-right: 0px; border-right:1px solid #555555; }
.tabnav li a { text-decoration: none; color: #FFF; font-weight: bold; padding: 12px 0px; outline: none; }
.tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #dedbd1; color: #222; text-decoration: none; }
.tabnav li a:hover { background: #dedbd1; color: #444; text-decoration: none; }




.tabdiv { font-family:Arial; color: #333; margin-top: 0px; background: #dedbd1; border: 0px 
	solid #666666; line-height:19px; padding: 15px; }
	
.tabdiv li { list-style-image: url("../images/star.png"); margin-left: 20px; padding: 1px;  }
.tabdiv li a { color: #222; text-decoration: none; }
.tabdiv li a:hover { background: #dedbd1; color: #000; text-decoration: underline; }

.ui-tabs-hide { display: none; }


.tabdivInverse { font-family:Arial; color: #AAA; margin-top: 0px; border: 0px 
	solid #AAA; line-height:19px; padding: 0px; }
	
.tabdivInverse li { list-style-image: url("../images/star.png"); margin-left: 15px; padding: 1px;  }



/************************************
For Slider Top Page
************************************/

div.wrap{
 width:950px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:950px;
  height:52px;
  margin:22px 0 0;
  background:url url(../images/pagetop_images/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#sliderheader{
 margin:-9px -0px 0;
width:950px;
height:165px;
clear:both;

}
div#video-header{
 height:156px;
 margin:-1px 0 0;
}
 div#sliderheader div.wrap{
  height:165px;
 }
 div#sliderheader div#slide-holder{
  z-index:40;
  width:950px;
  height:165px;
  position:absolute;
 }
  div#sliderheader div#slide-holder div#slide-runner{
   top:9px;
   left:0px;
   width:950px;
   height:156px;
   overflow:hidden;
   position:absolute;
  }
  div#sliderheader div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#sliderheader div#slide-holder div#slide-controls{
   left:0;
   bottom:110px;
   width:950px;
   height:46px;
   display:none;
   position:absolute;
   background:url(../images/pagetop_images/UNUSEDslide-bg.png) 0 0;
  }
   div#sliderheader div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#sliderheader div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#sliderheader div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:10px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#sliderheader div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#sliderheader div#slide-holder div#slide-controls p#slide-nav a{
	background-image:url(../images/pagetop_images/slide-nav.png);}

div#nav ul li a{background:url(images/pagetop_images/nav.png) no-repeat;}



/************************************
For Tool Tips
************************************/
#iconbar li 	{ float:right; position:relative; margin-right:2px; list-style-type: none}
a.iconbarLink	{ text-decoration: none; outline: none; color:#eeeeee; }

#iconbar span {
	background: url(../images/ttbg.gif) no-repeat;
	width: 110px;
	height: 33px;
	position: absolute;
	top: -40px;
	left: -75px;
	text-align: center;
	padding-top: 11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	display: none;
	line-height:110%;
	color:#EEE;
	cursor:pointer;
}