/*Sky Power CSS-*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0px;font-size:inherit;}
fieldset,img{border:0px;}
th{font-style:normal;font-weight:normal;text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
select,input,textarea{font:99% arial,verdana,sans-serif;}
body,html{ height:100%; }
body{font:11px arial,verdana,sans-serif;background-color:#efeddb;background-image: url(../images/skypower/base/bg.gif);background-repeat:repeat-x;text-align:center;color:#454545;}

img { border:none; }

a { color: #6fb118; text-decoration:none; }

#page { position:relative; min-height:101%; height:auto !important; height:101%; }
#wrapper { position:relative; width:970px; margin-left:auto;  margin-right:auto; text-align:center; padding-bottom:120px !important; padding-bottom:0px; }

/*Head*/

#head { height:100px; width:895px; overflow:hidden; margin-left:auto; margin-right:auto; position:relative; }
#head .logo { float:left; margin-top:7px; }

#lang { position:absolute; bottom:5px; left:250px; width:100px; text-align:right; color:#FFF; }
#lang a { color:#FFF; position:relative; display:block; float:right; margin-bottom:5px; }
#lang a:hover { text-decoration:underline; }
#lang img { float:right; margin-left:5px; }

#login { float:right; width:400px; padding-top:5px; text-align:right; }
#login p { width:100%; overflow:hidden; text-align:right; }
#login p label { float:right; display:block; width:149px; padding-left:5px; margin-left:3px; color:#FFF; text-align:left; }
#login p a { color:#FFF; text-decoration:underline; margin-right:10px; }
#login p a:hover { text-decoration:none; }
#login .txt { width:142px; padding:5px 6px 4px 6px; font-size:12px; background-image:url(../images/skypower/base/txt.png); border:0px; background-color:transparent; cursor:text; vertical-align:middle; }
#login .btn { width:80px; height:20px; border:0px; background-image:url(../images/skypower/base/log_btn.gif); font-size:10px; color:#e4e4e4; cursor:pointer; vertical-align:middle; } 
#login .user { color:#FFF; padding:6px 0px 3px 0px; }
#login .user span { font-size:14px; font-weight:bold; font-style:italic; padding-left:5px; color:#e5fac8; }
#login .logout { display:block; float:right; width:80px; line-height:20px; background-image:url(../images/skypower/base/log_btn.gif); font-size:10px; color:#e4e4e4; text-align:center; }


#mm { position:absolute; bottom:0px; right:0px; width:540px; height:35px; overflow:hidden; }
#mm ul { list-style:none; float:right; margin-right:-3px; }
#mm ul li { float:left; background-image:url(../images/skypower/base/mm_l.gif); background-repeat:no-repeat; margin-right:3px; }
#mm ul li a { color:#716f5d; display:block; line-height:35px; padding:0px 25px; background-image:url(../images/skypower/base/mm_r.gif); background-repeat:no-repeat; background-position:100% 0; font-weight:bold; }
#mm ul li a:hover { color:#6fb118; }
#mm ul li.selected { background-image:url(../images/skypower/base/mm_l_sel.gif); }
#mm ul li.selected a { background-image:url(../images/skypower/base/mm_r_sel.gif); }
/*Content*/

#content { width:895px; overflow:hidden; margin-left:auto; margin-right:auto; }

/*Maincontent*/

#maincontent { float:right; width:629px; text-align:left; padding-bottom:20px; }

h1 { font-size:18px; font-weight:bold; font-style:italic; color:#4f4e48; font-family:Georgia,Tahoma,Arial,sans-serif; margin-bottom:15px; }

.def { width:100%; overflow:hidden; }
.def p { margin-bottom:15px; line-height:18px; text-align:justify; }
.def img.left { display:block; margin:0px 10px 10px 0px; }
.def img.right { display:block; margin:0px 0px 10px 10px; }

.submenu { width:100%; overflow:hidden; background-image:url(../images/skypower/base/sm_bot.gif); background-repeat:no-repeat; background-position:100% 100%; padding-bottom:5px; margin-bottom:10px; }
.submenu ul { float:right; list-style:none; }
.submenu ul li { float:left; }
.submenu ul li a { line-height:30px; color:#4f4f4f; padding:0px 10px; font-weight:bold; }
.submenu ul li.selected a:hover,
.submenu ul li a:hover { color:#8db227; }
.submenu ul li.selected a { color:#000; } 

/*Sidecontent*/

#sidecontent { float:left; width:240px; padding:20px 0px; }
#sidecontent ul { list-style:none; text-align:left; width:240px; overflow:hidden; }
#sidecontent ul li { background-image:url(../images/skypower/base/qm.gif); background-repeat:no-repeat; margin-bottom:10px; float:left; width:100%; }
#sidecontent ul li a { width:240px; overflow:hidden; line-height:24px; display:block; position:relative; color:#FFF; font-size:18px; font-weight:bold; padding:0px 10px 0px 5px; background-image:url(../images/skypower/base/qm_bot2.gif); background-repeat:no-repeat; background-position:0 100%; }
#sidecontent ul li a span { display:block; float:left; width:170px; padding-top:13px; padding-bottom:13px; cursor:pointer; }
#sidecontent ul li a img { display:block; float:left; margin:5px 5px 0px 0px; }
#sidecontent ul li a:hover { color:#d1ff56; }
#sidecontent ul li.selected { background-image:url(../images/skypower/base/qm_sel.gif); }
#sidecontent ul li.selected ul { display:block; }
#sidecontent ul li.selected a { background-image:url(../images/skypower/base/qm_sel_bot.gif); }
#sidecontent ul li ul { background-image:url(../images/skypower/base/qm_sub.gif); padding:5px 20px 0px 25px; width:195px; display:none; position:relative; }
#sidecontent ul li ul li { background-image:none; margin-bottom:0px; width:195px; }
#sidecontent ul li.selected ul li a { font-size:11px; line-height:18px; color:#8a8877; font-weight:100; background-image:url(../images/skypower/base/bullet1.gif); background-repeat:no-repeat; background-position:0 7px; padding:0px 0px 0px 13px; width:auto; }
#sidecontent ul li ul li a:hover { color:#000; }
#sidecontent ul li ul li.selected { background-image:none; }
#sidecontent ul li ul li.selected a { color:#01a5e8; background-image:url(../images/skypower/base/bullet2.gif); }
#sidecontent ul li ul li.last { width:210px; height:6px; background-image:url(../images/skypower/base/qm_bot.gif); left:-9px; position:relative; overflow:hidden; }

#foot_banners[id] { position:absolute; bottom:60px; left:0px; width:100%; }
*html #foot_banners { position:absolute; bottom:expression((document.body.scrollBottom) + 'px'); left:0px; width:100%; }
#foot_banners div { width:920px; padding-left:20px; margin-right:auto; margin-left:auto; overflow:hidden; text-align:left; clear:both; }
#foot_banners object,
#foot_banners embed,
#foot_banners img { display:block; float:left; margin-right:10px; }

/*Footer*/

#footer[id] { position:absolute; bottom:0px; left:0px; width:100%; }
*html #footer { position:absolute; bottom:expression((document.body.scrollBottom) + 'px'); left:0px; width:100%; }
#footer div.foot { background-color:#423c25; background-image:url(../images/skypower/base/foot.gif); background-repeat:repeat-x; height:50px; }
#footer div.foot .inside { width:895px; background-image:url(../images/skypower/base/foot.gif); background-repeat:repeat-x; background-color:#423c25; padding:10px; position:relative; margin-left:auto; margin-right:auto; overflow:hidden; height:30px; }
#footer div.foot .inside p { color:#FFF; }
#footer .foot .inside p a { color:#FFF; margin-left:30px; }
#footer .foot .inside div div { width:350px; overflow:hidden; float:right; background-image:none; height:auto; padding:0px; height:14px; }
#footer .foot .inside div ul { list-style:none; overflow:hidden; }
#footer .foot .inside div ul li { float:left; border-right:1px solid #FFF; margin-right:-1px; }
#footer .foot .inside div ul li a { color:#FFF; padding:0px 10px; font-weight:bold; }
#footer .foot .inside div a:hover { text-decoration:underline; }
#footer .foot .inside div .left { font-weight:bold; }
#footer div.banners { width:920px; padding-left:20px; margin-right:auto; margin-left:auto; overflow:hidden; margin-bottom:10px; }
#footer div.banners object,
#footer div.banners embed,
#footer div.banners img { display:block; float:left; margin-right:10px; }

/*Other*/

.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.hidden2 { position:absolute; margin-top:-2000px; }

/* Gallery */

ul.gallerylist,
ul.gallerythumbs {
  list-style: none;
}

ul.gallerylist li {
  overflow: hidden;
  margin-bottom: 10px;
}

ul.gallerylist a {
  display: block;
  color: #4f4e48;
}

ul.gallerylist a:hover span {
  color: #6f6c63;
}

ul.gallerylist a:hover img {
  border: 1px solid #808080;
}

ul.gallerylist img {
  float: left;
  padding: 3px;
  border: 1px solid #c0c0c0;
  background-color: #fff;
}

ul.gallerylist small {
  font-size: 11px;
  display: block;
  line-height: 18px;
}

ul.gallerylist span.title {
  display: block;
  font-family: Georgia, Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

ul.gallerylist span.ginfo {
  display: block;
  float: right;
  margin-top: 10px;
  width: 480px;
}

ul.gallerythumbs li ul {
  list-style: none;
}

ul.gallerythumbs li {
  margin: 0 10px 10px 0;
  display: block;
  clear: both;
}

ul.gallerythumbs li ul li {
  float: left;
  clear: none;
  width: 30%;
  text-align: center;
}

ul.gallerythumbs a {
  color: #4f4e48;
}

ul.gallerythumbs img {
  border: 1px solid #c0c0c0;
  padding: 4px;
  background-color: #fff;
}

ul.gallerythumbs a:hover img {
  border: 1px solid #808080;
}

ul.gallerythumbs span {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-weight: bold;
  width: 180px;
}

div.thumbrow {
  overflow: auto;
  clear: both;
}

div.scrollleft,
div.scrollright {
  float: left;
  width: 15px;
  cursor: pointer;
}

div.scrollleft a,
div.scrollright a {
  display: block;
  width: 15px;
  height: 75px;
  background-color: red;
}

div.scrollleft a {
  background: url(../images/gallery/scrollleft.png) no-repeat;
}

div.scrollright a {
  background: url(../images/gallery/scrollright.png) no-repeat;
}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 596px; 
    height:78px;
    float: left; 
} 

div.scrollable div.items {
    width:20000em; 
    position:absolute;   
}

div.scrollable div.items div { 
    float:left; 
} 


div.scrollable div.items img {
	padding: 3px;
  background-color: #fff;
  margin: 0 6px 0 0;
}

div.scrollable div.items a:hover img {
  border: 1px solid #808080;
}

div.scrollable div.items div.active img {
  padding: 3px;
  background-color: #d1ff56;
  border: 1px solid #d1ff56;
  margin: 0 10px 0 10px;
}

div.fullimage {
  margin-top: 10px;
  text-align: center;
  clear: both;
}

div.fullimage a.bigimage {
  display: block;
  height: 425px;
  overflow: hidden;
}

div.fullimage a {
  display: block;
}

div.toolbar {
  overflow: auto;
}

div.toolbar a {
  display: block;
}

div.toolbar a:hover {
  text-decoration: underline;
}

div.toolbar a.left {
  text-align: left;
  padding: 0 10px 10px 15px;
  color: #808080;
  background-image: url(../images/gallery/up.png);
  background-position: top left;
  background-repeat: no-repeat;
}

div.toolbar a.hide {
  visibility: none !important;
}

div.toolbar a.right {
  text-align: right;
  padding: 0 15px 10px 10px;
  color: #808080;
  background-image: url(../images/gallery/download.png);
  background-position: top right;
  background-repeat: no-repeat;
}

div.fullimage a.left {
  text-align: left;
  padding: 0 10px 10px 15px;
  color: #808080;
  background-image: url(../images/gallery/prev.png);
  background-position: top left;
  background-repeat: no-repeat;
}

div.fullimage a.right {
  text-align: right;
  padding: 0 15px 10px 10px;
  color: #808080;
  background-image: url(../images/gallery/next.png);
  background-position: top right;
  background-repeat: no-repeat;
}

div.fullimage div.middle {
  width: 450px;
  text-align: center;
  float: left;
}