@charset "UTF-8";
/*******************************************************************************
 *  Cascading Stylesheet
 *      - thatch 14/01/09
 ******************************************************************************/
body { background:#fff;font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #666666;line-height: 15px;margin:0 ;padding:0;border:0;}
img { border: 0;padding:0;margin: 0; }
* > body { margin: 0;padding: 0; } /* webkit fix, overrides 8px body margin */
#myTextarea { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height: 15px; }
/*******************************************************************************
 *  Text/Link Formatting 
 ******************************************************************************/
a:link{color:#666;font-weight:bold;text-decoration:none;}
a:visited{color:#666;font-weight:bold;text-decoration:none;}
a:hover{color:#000;font-weight:bold;text-decoration:none;}
a:active{color:#666;font-weight:bold;text-decoration:none;}

h1{font-size:11px;font-weight:bold;color:#000000;border-bottom: 1px solid #bcbbbb;margin: 8px 0 8px;padding:0;}
h2{font-size:11px;font-weight:bold;color:#000000;border-bottom:1px #000;}
h3{font-size:11px;font-weight:normal;color:#666666;}
h4{font-size:11px;background-color:#000000;font-weight: bold;color:#FFFFFF; }
h5{font-size:11px;background-color:#000000;color:#999999;}
h6{font-size:11px;font-weight:bold;color:#333333;padding: 0; margin: 0;}
h7{font-size:10px;font-style:italic;color:#999;padding: 0; margin: 0;}

/*******************************************************************************
 *  Generic Page Formatting
 ******************************************************************************/
#container { width:900px; margin: 0 auto; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #666; line-height: 15px; }

#header { width: 900px; height: 60px; margin: 0; background:#000; color: #fff;border-bottom: 1px solid #6c6c6c}
#header a:link { color: #fff; font-weight: normal; } #header a:visited { color: #fff; } #header a:hover { color: #fff }
#header .left { width: 345px; margin-right: 5px; float: left; }
#header .right { width: 520px; margin-right: 5px;padding-top: 14px;float: left; text-align: right;  }

#links {width: 900px; background: #fff; height: 24px;clear:both;border-bottom: 1px solid #bcbbbb;margin-bottom:24px;}
#links .left { width: 370px; margin-right: 5px; float: left; }
#links .right { width: 525px; float: left;}
#links h1 { margin: 0; padding: 0; margin: 4px 0 0 25px;border:0;}
#links ul { list-style: none; margin: 4px 0 0 0; padding: 0;}
#links li { float: left;position:relative;}
#links li a,#links li a:link {color: #666666; padding: 6px 7px 6px 8px;position:relative; z-index:100;}
#links li a:visited { color: #666; }
#links li a:hover { color: #000000;background: none; }
#links li a.sel { color: #000;background: #E6E6E6;}
#links li div.ahover {position: absolute;z-index: 99;color: #000;background: #E6E6E6;height:25px !important;}

#main { width: 900px; clear:both; margin: 0;padding: 0px; }
#main > .left { width: 350px;margin-right: 25px; float: left; }
#main .textpadding { padding: 0 0 0 20px; }
#main > .right { width: 525px; float: left; padding-bottom: 23px; }

#servicesbox { width: 350px; clear:both;}
#servicesbox .ibox { width: 106px; margin-right: 6px; float:left;}
#servicesbox .ibox.last { margin-right: 0px; }
#servicesbox .ibox span { width: 106px;display:block;text-align: left; }
#servicesbox .ibox a:link { color: #797979; background: transparent; }
#servicesbox .ibox a:visited { color: #797979; background: transparent; }
#servicesbox .ibox a:hover { color: #000; background: transparent; }

#footer { width: 900px; clear:both; border-top:1px solid #bcbbbb; margin-top: 4px; border-bottom: 1px solid #bcbbbb;color:#afafaf;}
#footer .filler { height: 22px; background: #d4d5d6;;margin:1px 0;}
#footer .copyright {float: right; text-align: right;margin: 3px 20px 10px 0;font-size:10px;}
#footer a:link {font-size: 10px;color: #999; font-weight: normal;} 
#footer a:visited {font-size: 10px;color: #999; font-weight: normal;} 
#footer a:hover {font-size: 10px;color: #333; font-weight: normal;} 
#footer a:active {font-size: 10px;color: #999; font-weight: normal;} 
#footer #pics { height:22px;background: none;clear:both;display:block;margin:0px 0;}
#footer #pics a { height:23px;float:left; }
#footer #pics a:hover { border: 0; background: transparent;line-height:normal;}
#footer #pics img { padding: 1px; }
#footer #pics a img.active { opacity: 1 !important;background:#000}

/*******************************************************************************
 *  Slideshow
 ******************************************************************************/
#slideshow { position:relative;width:525px; height: 480px; background:#000; }
#slideshow div.text { position:absolute;bottom:0;left:0;z-index:11;height:45px;width:525px;background:#000;color:#fff;border-top: 1px solid #867f79;opacity:0.8}
#slideshow div.text h4 { padding:0;border:0;margin: 10px 0 0px 15px; }
#slideshow div.text h5 { padding:0;border:0;margin: 0px 0 0 15px; }
/*#slideshow div.text h4 {position:absolute;top:5px;left:15px;margin:0;}
#slideshow div.text h5 {position:absolute;top:19px;left:15px;margin:0;}
#slideshow div.text h4 { float:left;padding:0;border:0;margin: 10px 0 0px 15px; display:block;z-index:20;}
#slideshow div.text h5 { float:left;padding:0;border:0;margin: 28px 0 0 15px; }*/
#slideshow div.text a,#slideshow div.text a:link { position:absolute;top:25px;right:15px;color:#999999; }
#slideshow div.text a:hover { color: #fff; }
#slideshow img { position:absolute;top:0;left:0;z-index:8;opacity:0.0}
#slideshow img.active {z-index:10;opacity:1}
#slideshow img.last-active {z-index:9;}

/*******************************************************************************
 *  Gallery
 ******************************************************************************/
#text { width: 350px;margin-left:20px; padding-top: 1px; }
#gallery { width: 900px; margin: auto; position:relative;clear:both;}
#gallery #image { margin: auto; width: 900px;}
#gallery #image img { margin: auto;text-align: center; }
#copy {color: #000; font-size:11px;height:24px; margin-left: 22px;}
#copy h4 { margin: 0;padding:5px 0 0 0;background:#fff;color:#000;}

/*******************************************************************************
 *  META FORM & ADMIN 
 ******************************************************************************/
#metalink { position: absolute;right: 5px; background: #000; color: #fff;text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; font-size: 9px; padding: 4px;  }
#metalink:hover { background: #fff; color: #000; }
#metachanger,#metalog,form.metaform { margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; color: #fff;background: #000;}
#metalog { display: none; }
#metalog,form.metaform fieldset {padding: 8px 0 8px 8px;margin: 0px 0px 0px 0px;border:0; }
#metalog h2,form.metaform h2 { background:  #000; padding: 6px; color: #fff;font-size:16px;font-family: Arial, Helvetica, sans-serif; }
form.metaform label { margin: 5px;padding:5px 5px;float: left; width: 120px;text-transform: uppercase }
form.metaform input { margin: 5px;padding:5px 0px 5px 5px;float: left;background: #000;width: 900px; border: 1px solid #666; color: #999;font-family: Arial, Helvetica, sans-serif;}
form.metaform input:hover { border: 1px solid #ccc; color: #fff;}
form.metaform input.submit { float: right; height: 30px; width: 80px; text-transform: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  }
form.metaform input.submit:hover { background: #fff; color: #000; }
#loading { clear:both; background: #000 url(/images/wait.gif) center top no-repeat;color: #fff;text-align:center;padding:56px 0px 0px 0px; font-size:11px;font-family:Arial, Helvetica, sans-serif;display:none; }
.tb { display:block;z-index:500;height:200px;width:400px; }

/* new admin from admin.html */
#admin {height:23px;margin:-23px 0 1px 0;background: #099DE1;}
#admin .title { float:left; width: 123px; border-right: 1px solid #fff; margin: 0;height: 23px; background: #099DE1;text-align: center;padding-left: 4px;}
#admin .title h4 { margin: 0;padding:0; font-family: sans-serif; font-weight: bold;color:#fff;padding-top:4px;background: #099DE1;}
#admin .links { float: left; padding-top:5px;margin-left:10px;}
#admin .links ul { margin: 0; padding: 0; list-style: none; }
#admin .links ul li { float: left; }
#admin .links ul li a:link { height: 23px;padding: 3px 4px; margin: 0 5px;background:none; color: #fff; text-decoration:none}
#admin .links ul li a:visited { height:23px;padding: 3px 4px; margin: 0 5px;background:none;color: #fff; text-decoration:none}
#admin .links ul li a:hover { height:23px;padding:  3px 4px; margin: 0 5px;background:none; color: #000; text-decoration:none}
#admin .links ul li a:active { height:23px;padding:  3px 4px; margin: 0 5px; background:none; color: #fff; text-decoration:none}

#dev { width: 678px; }
#toptabs { height: 23px;margin: 0 0 1px 0; background: #333333;}
#toptabs .padding {margin:0;float:left;width: 127px; height:23px;border-right: 1px solid #fff;}
#toptabs .links { float: left; padding-top:0px;margin-left:10px; }
#toptabs .links ul { margin: 0; padding: 0; list-style: none;  }
#toptabs .links ul li { float: left; }
.ui-tabs-hide { display: none; }
.ui-tabs-nav { margin: 0;padding:0; list-style:none; display:block;}
.ui-tabs-nav li {margin:0;padding:0;}
.ui-tabs-nav li span { }
.ui-tabs-nav a {float:left; }
.ui-tabs-nav a{outline: 0;text-decoration:none;background:#333333;color:#cccccc;padding: 4px 3px 2px; margin: 0 5px;}
.ui-tabs-nav a:hover{ color:#FFF; }
.ui-tabs-nav .ui-tabs-selected a {background:#333333;color:#fff; text-decoration:none; }
.ui-tabs-nav .ui-tabs-selected a span { color: #FFF; }
.ui-tabs-nav a span:hover{ color:#FFF; }

#tabs { margin-left: 127px;}
/* admin */
.dev .item { margin-bottom: 1px; }
.dev a:link,.dev a:visited { color: #595959;}
.dev a:hover,.dev a.cl { color: #323232;}
.dev span { color: #595959;}
.dev h2 { font-size: 11px; }
.dev .title { position: relative;font-weight: bold; background: #D9D9D9;display:block;border-bottom: 1px solid #d5d5d5;height: 22px;padding-bottom: 3px;}
.item > .title > .left { width: 400px; }
.dev .on { background: #333333; color: #099DE1;}
.dev .on .right span { color: #c8c8c8; }
.dev .on a:link,.dev .on a:visited { color: #B2B2B2; }
.dev .on a:hover,.dev .on a.cl { color: #fff; }
.dev .left,.dev .left2 { cursor:pointer;float: left;padding: 6px 0 0 20px;}
.dev .right { width: auto;float: right;padding: 6px 25px 0 0; position:relative;}
.dev .right a:link { color: #999999; }
.dev .right a:hover { background: transparent;color: #000; }
.dev .uppos { width: 16px; height: 16px; position:absolute;right:7px;text-indent:-9999px; background: url(images/icon-rup.png) no-repeat 0 0 !important; outline:none;}
.dev .upposd,.dev .upposd a:hover { width: 16px; height: 16px; top:4px;position:absolute;right:10px;text-indent:-9999px; background: url(images/icon-up.png) no-repeat 0 0 !important;outline:none; }
.dev .downpos { width: 16px; height: 16px; position:absolute;right:-9px;text-indent:-9999px; background: url(images/icon-rdown.png) no-repeat 0 0 !important;outline:none; }
.dev .downposd { width: 16px; height: 16px; top:4px; position:absolute;right:-1px;text-indent:-9999px; background: url(images/icon-down.png) no-repeat 0 0 !important;outline:none; }
.dev .item.add .title { background: #000; color:#fff;}
.dev .editform { padding: 7px 0 0 0; }

.tabtitle {text-transform: uppercase;float:left; text-align: center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-weight:bold;white-space: nowrap;outline: 0;text-decoration:none;background: #323232;color:#fff;height:25px;width:165px;display:block;margin-left:-20px;margin-top:-10px;padding-top:8px;margin-bottom:10px;}
.tabtitlepad {text-transform: uppercase;float:left; text-align: center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-weight:bold;white-space: nowrap;outline: 0;text-decoration:none;background: #323232;color:#fff;height:25px;width:165px;display:block;padding-top:8px;margin-bottom:10px;}


/**********************************************************************
 *  FORMS
 *********************************************************************/
.adminform { width: 550px; }
.adminform .left { width: 230px; float: left; margin-right: 40px; }
.adminform .right { width: 265px; float:left; }
.adminform .bottom { width: 550px; float: right; clear: both; text-align: right;}
.adminform .bottom input { float: right; }
.adminform fieldset { margin: 0; padding: 0; border: 0;}
.adminform label { margin-left: 20px;width: 150px; min-width: 100px; float: left;display:block;font-size: 11px; font-weight: bold; color: #099de1;padding:3px 10px 0px 0px;}
.adminform input { width: 355px; float: left;margin-bottom: 9px;}
.adminform textarea { width: 545px; height:70px; float: left;margin-bottom: 9px;font-family:arial, sans-serif;font-size:11px;}
.adminform select { width: 130px; float: left;margin-bottom: 9px;}
.adminform fieldset.bottom input { background: #099de1; color:#fff;font-weight: bold; width: 100%; height:25px;text-align: center; cursor: pointer; border: 1px solid #666; }
.adminform fieldset.bottom input.clicked { background: #90b557; }
.adminform fieldset.bottom input.small { margin-top:5px;float:left;margin-left:180px;background: #cdcdcd; border: 1px solid #a5a5a5;width: 165px; color: #333}

.contactform { width: 320px; }
.contactform fieldset { margin: 0; padding: 0; border: 0;}
.contactform label { margin-left: 0px;width: 90px; float: left;display:block;font-size: 11px; font-weight: bold; color: #099de1;padding:3px 10px 0px 0px;}
.contactform input { width: 210px; float: left;margin-bottom: 9px;}
.contactform textarea { width: 210px; height:70px; float: left;margin-bottom: 9px;font-family:arial, sans-serif;font-size:11px;}
.contactform select { width: 100px; float: left;margin-bottom: 9px;}
.contactform .bottom input { float: right; }
.contactform fieldset.bottom input { background: #099de1; color:#fff;font-weight: bold; width: 320px; height:25px;text-align: center; cursor: pointer; border: 1px solid #666; }
.contactform fieldset.bottom input.clicked { background: #90b557; }
.contactform fieldset.bottom input.small { margin-top:5px;float:left;margin-left:100px;background: #cdcdcd; border: 1px solid #a5a5a5;width: 215px; color: #333}