@CHARSET "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; }

ul, ol {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

body {
	background:#8f8c85;
	font: 12px Arial, Verdana, Tahoma, sans-serif;
	color:#fff;
	text-align:left;
}

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

#wrap {
  width:1200px;
  background: url(../img/bg.gif) repeat-y top left;
}

#wrap #header {
  height:170px;
  background: url(../img/header.gif) no-repeat top left;
}

#wrap #main {
  position:relative;
  min-height:540px;
  background: url(../img/main.gif) no-repeat top left;
  z-index:2;
}

  #wrap #main #menu {
    padding:30px 0px 0px 50px;
    line-height:19px;
    width:100px;
    float:left;
  }
  
  #wrap #main #menu ul li {
    height:19px;
  }
  
    #wrap #main #menu a {
      font-weight:bold;
      font-size:18px;
      color:#ffffff;
      text-decoration:none;
    }
    
    #wrap #main #menu a:hover {
      /*text-decoration:underline;*/
    }
    
  #wrap #main #content {
    position:relative;
    margin:0px 0px 0px 210px;
    line-height:19px;
    width:840px;
    top:-70px;
    z-index:3;
  }
  
  #wrap #main #content #textContent {
    width:645px;
    padding-top:30px;
  }
  
    #wrap #main #content #textContent h2 {
      font-size:24px;
      font-weight:bold;
      margin:0px 0px 0px 120px;
    }
    
    #wrap #main #content #textContent .textBox {
      margin-left:120px;
      font-size:12px;
      padding-top:30px;
    }
    
      #wrap #main #content #textContent .textBox h4 {
        font-size:12px;
        font-weight:bold;
        margin-bottom:7px;
      }
      
      #wrap #main #content #textContent .textBox .newsImg {
        margin-left:-125px;
        border:5px solid #fff;
        margin-right:25px;
      }
      
      #wrap #main #content #textContent .textBox .yrBox {
        float:left;
        margin-left:-200px;
        width:170px;
        padding-right:30px;
        text-align:right;
        font-weight:bold;
      }
  
  #wrap #main #content .portfolio {
    
  }
  
    #wrap #main #content .portfolio h2 {
      margin:0px 0px 0px 120px;
      font-weight:bold;
      font-size:18px;
      line-height:30px;
    }
    
    #wrap #main #content .portfolio .galleryImg {
      float:left;
      width:260px;
      margin:10px 0px 20px 0px;
    }
    
    #wrap #main #content .portfolio .galleryImg img {
      width:250px;
      height:80px;
      border:2px solid #fff;
    }
    
    #wrap #main #content .portfolio .galleryImg h3 {
      font-weight:bold;
      font-size:14px;
      line-height:20px;
    }
    
  #wrap #gallery {
    position:absolute;
    top:100px;
    left:100px;
    z-index:10;
  }
  
    #wrap #gallery #mainImgDiv {
      position:absolute;
      top:90px;
      left:100px;
      width:770px;
    }
    
      #wrap #gallery #mainImgDiv #galindex {
        position:absolute;
        top:0;
        left:0;
        background: url(../img/transparent_bg.png);
        width:665px;
        height:620px;
        text-align:left;
        padding-left:35px;
        padding-right:70px;
      }
      
      #wrap #gallery #mainImgDiv #galindex .textBox {
        padding:30px 60px 0px 95px;
      }
      
      #wrap #gallery #mainImgDiv #galindex .imgDiv {
        margin-right:5px;
        margin-bottom:5px;
        float:left;
      }
      
        #wrap #gallery #mainImgDiv #galindex .imgDiv img {
          border:2px solid #fff;
        }    
      #wrap #gallery #mainImgDiv #mainImg {
        border:10px solid #252525;
        margin:0 auto;
      }
  
    #wrap #gallery h4 {
      margin-top:8px;
      font-weight:normal;
      font-size:14px;
      margin-left:220px;
    }
    
    #wrap #gallery h2 {
      font-weight:bold;
      font-size:24px;
      margin-left:220px;
    }
    
    #wrap #gallery .imgCnt {
      position:absolute;
      top:380px;
      left:0px;
      font-size:24px;
      font-weight:bold;      
    }
    
    #wrap #gallery .prBar {
      position:absolute;
      top:450px;
      left:-50px;
      width:140px;
      color:#252525;
      font-size:11px;
      font-weight:bold;
    }
    
      #wrap #gallery .prBar #prBarText {
        line-height:25px;
      }
      
      #wrap #gallery .prBar #prBarLine {
        height:5px;
        width:140px;
      }
      
        #wrap #gallery .prBar #prBarPerc {
          background:#fff;
          height:5px;
          width:0px;
        }
    
    #wrap #gallery .rightMenu {
      position:absolute;
      top:100px;
      left:880px;
      width:220px; 
      height:350px;     
      background:url(../img/right_bg.gif) no-repeat top left;
    }
    
      #wrap #gallery .rightMenu a {
        font-weight:bold;
        font-size:14px;
        text-decoration:none;
      }
      
      #wrap #gallery .rightMenu .nextPrev {
        position:absolute;
        top:200px;
        left:0;
        line-height:25px;
      }
      
      #wrap #gallery .rightMenu .nextPrev a {
        display:block;
      }
      
      #wrap #gallery .rightMenu .bckToPort {
        position:absolute;
        top:325px;
        left:0;
        line-height:25px;
      }

#wrap #footer {
  position:relative;
  height:100px;
  margin-top:-160px;
  background: url(../img/footer.gif) transparent no-repeat top left;
  z-index:1;
  padding: 300px 0px 0px 100px;
}

#wrap #footer .copyInfo {
  text-decoration:underline;
  font-size:9px;
  font-weight:bold;
  float:left;
}

#wrap #footer .copyInfoSec {
  text-decoration:none;
  font-size:9px;
  font-weight:bold;
  margin-left:110px;
  float:left;
}

#wrap #footer .copyInfoSec a {
  text-decoration:underline;
}