body {background-color:#eeeeee;
     
}


h3 {
  font-size:17px;
  font-weight: heavy;
  color:#665E5E;
  line-height: 0.7
}


p {
  font-size:13px;
  font-weight: heavy;
  color:#665E5E;
  line-height: 0.7
}



img {
  vertical-align: bottom;
}




a:link#alink {color: #665E5E; }
a:hover#alink {color: orange; }

#outline {
  outline:0px solid #9EC433;
  background: #0000ff none repeat scroll 0% 50%; 
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  position: relative;
}


#title {
  outline: 0px solid #999990;
  border-bottom: 0px solid #cccccc;
  margin-bottom: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  float: right;
  width: 980px;
  }
#subtitle {
  outline: 0px solid #999990;
  border-bottom: 0px solid #cccccc;
  margin-bottom: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  float: right;
  width: 980px;
  height: 20px; 
  }
  
#footer {
  outline: 0px solid #4169e1;
  width: 980px;
  border-top: 0px solid #cccccc;
  margin-top: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  float: left;
  }

#menu {
  outline: 0px solid #000000;
  background-color:#eeeeee;
  width: 120px;
  height: 500px; 
  float: left;
  margin-top: 30px;
}

#submenu {
  outline: 0px solid #000000;
  background-color:#eeeeee;
  width: 100px;
  height: 500px; 
  float: left;
  margin-top: 30px;
}


#contents_box {
  outline:0px solid #ff4500;
  background-color:#eeeeee;
  width: 760px;
  height: 900px;
  float: left;
  border-left:0px #cccccc dotted;
  margin-top: 0px; 
  }

  
#contents_photo_frame {
  outline: 0px solid #000000;
  width: 760px;
  height: 600px;
  margin-top: 10px ;
  margin-left: 0px ;
  float: left;
  } 
   
#contents_photo_coment {
  border: 0px solid #000000;
  width: 500px;
  height: 150px;
  border-top: 3px dotted #cccccc;
  margin-top: 20x ;
  margin-left: 20px ; 
  float: left;
  position: relative;
}

#contents_photo_info {
  border: 0px solid #000000;
  width: 150px;
  height: 150px;
  border-top: 3px dotted #cccccc;
  margin-top: 20x ;
  margin-left: 20px ; 
  float: left;
  position: relative;
}

#contents_profile {
  outline: 0px solid #000000;
  width: 760px;
  height: 600px;
  margin-top: 50px ;
  margin-left: 0px ;
  float: left;
  } 


#content_mail-box {
  outline:0px solid #ff4500;
  background-color:#eeeeee;
  width: 760px;
  height: 600px;
  float: left;
  border-left:0px #cccccc dotted;
  margin-top: 0px; 
  }


#contents_mail-form {
  outline: 0px solid #000000;
  width: 760px;
  height: 600px;
  margin-top: 10px ;
  margin-left: 0px ;
  float: left;
  } 


.menu-label {
  margin-top: 20px;
  border: 0px solid #000000;
}

.submenu-label {
  margin-top: 20px;
  border: 0px solid #000000;
}



.position_works_coment_main {
  margin-top: 90px ;
  margin-left: 20px ; 
  border: 0px solid #cccccc;
}

.position_works_image_main {
  margin-top:80px ;
  margin-left:20px ;
  border: 0px solid #cccccc;
}

.position_concept_coment {
  margin-top: 60px ;
  margin-left: 60px ;
  border: 0px solid #cccccc;
}

.position_concept_image {
  margin-top: 20px ;
  margin-left: 20px ;
  border: 0px solid #cccccc;
}

#contact_coment {
  border: 0px solid #000000;
  margin-top: 10px ;
  margin-left: 20px ; 
  float: left;
  position: relative;
}

#contact_image {
  border: 0px solid #000000;
  margin-top: 10px ;
  margin-left: 10px ; 
  float: right;
  position: relative;
}

.position_contact_image {
  margin-top: 80px ;
  border: 0px solid #cccccc;
}




.largeImage {
  border: 1px solid #cccccc;
  padding: 6px;
  height: 400px;
  width: 550px;
}

.thumbs img {
  border: 1px solid #cccccc;
  padding: 6px;
  height: 100px;
  width: 100px;
}


.pika-image {position: relative; height:510px; width: 760px; background: #eeeeee; border: 0px solid #e5e5e5; padding: 0px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border: 0px solid #e5e5e5;}


.pika-imgnav a {position: absolute; text-indent: -10px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(image/prev.png) no-repeat left 100%; height: 560px; width: 50px; top: 4px; left: 30px;cursor:pointer;}
    .pika-imgnav a.next {background: url(image/next.png) no-repeat right 100%; height: 560px; width: 50px; top: 4px; right: 30px;cursor:pointer;}
	.pika-imgnav a.play {background: url(image/play.png) no-repeat 50% 50%; height: 29px; width: 29px;top:80%;left:86%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(image/pause.png) no-repeat 50% 50%; height:29px; width: 29px;top:80%;left:86%;display:none;cursor:pointer;}
	
.pika-thumbs {margin: 0 0 0 0; padding: 0px; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 80px; height: 80px; padding:2px; margin: 0 0px; background: #eeeeee; border: 0px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {width: 80px; height: 80px; text-align: center; vertical-align: center; overflow: hidden;}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 0px 80px;
}


.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 80px;
    width: 600px;
}


.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 2px;
}