/*----------page layout----------*/

* { margin : 0 ; padding : 0 ; }
body { width : 100% ; background-color:#c8cde3; text-align:center;}
#my_body {
	margin: 0 auto;
	width : 1024px;
	position : relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #FFFFFF;
}
#my_header { width : 1024px ; height : 75px ; background-color:#FFFFFF }
#my_contents { width : 1024px ; background-color:#000000}
#my_footer { height : 80px; width : 1024px ; clear : both ; background:#898ea2}


/*----------logo mark position----------*/

.logomark {
	margin-top: 33px;
	margin-left: 20px;
	vertical-align: top;
	float: left;
}

/*----------navigation----------*/

#navbar {
	text-align: right; 
	font-family: Trebuchet MS, Verdana, Arial, sans-serif; 
	font-weight: normal; 
	font-size: 90%; 
	width: auto; 
	line-height: 100%; 
	float: right;
}
#navbar  ul {
	margin: 0;
	list-style: none;
	top: 0px;
	padding-right: 0px;
	padding-top: 53px;
	padding-bottom: 22px;
	padding-left: 0px;
}
#navbar ul li {
	float:left;
	width: auto;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c8cde3;
}
#navbar ul li a {
    display: block;
    color: #333;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0em;
    line-height: 1.4em;
    text-decoration: none;
}
#navbar ul li a:link,
#navbar ul li a:visited {
    background: #fff;
}
#navbar ul li a:hover {
    color: #c8cde3;
    background: #000;
}

#navbar ul li onpage  {
    color: #c8cde3;
    background: #000;
}

#navbar a{
    background-color: #ffffff; /* bg color */
    color:#666666; /* text color */
    padding: 2px 12px 2px 12px; /* padding for text */
}
 
#navbar a:hover{
    color:#ffffff; /* text color */
    text-decoration: none; 
}

/*----------text sizes----------*/
h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif"; 
	     color: #c8cde3;
}

#details {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 90%;
	color: #c8cde3;
}
#details2 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 100%;
	color: #c8cde3;
}

#my_contents #details a {
	color: #c8cde3;
	text-decoration: underline;
}

#my_contents #details a:hover{
	color: #c8cde3;
	text-decoration: none;
}

/*----------contents in artwork pages----------*/

.st {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 90%;
	margin-bottom: 1em;
	margin-left: 57px;
	width: 600px;
	float: left;
	vertical-align: middle;
} 
.st2{
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 90%;
	margin-bottom: 1em;
	margin-left: 20px;
	margin-right: 57px;
	width: 290px;
	float: right;

} 
.icn_imgH  {
	height: auto;
	width: 125px;
	margin-left: 57px;
	float: left;
} 

.icn_imgH2  {
	height: auto;
	width: 125px;
	margin-left: 30px;
	float: left;
} 
.hcontent1 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 75%;
	text-align: center;
	height: auto;
	width: 125px;
	margin-top: 0.8em;
	margin-bottom: 3em;
	margin-left: 57px;
	float: left;
	line-height: 100%;
} 
.hcontent2 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 75%;
	text-align: center;
	height: auto;
	width: 125px;
	margin-top: 0.8em;
	margin-bottom: 3em;
	margin-left: 30px;
	float: left;
	line-height: 100%;
} 

.linkcontents {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 90%;
	text-align: left;
	height: auto;
	width: 290px;
	margin-left: 20px;
	margin-right: 57px;
	float: right;
	line-height: 180%;
}

#my_contents .linkcontents a {
	color: #c8cde3;
	text-decoration: underline;
}

#my_contents .linkcontents a:hover {
	color: #c8cde3;
	text-decoration: none
}
 
.ptitle {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	font-size: 180%;
	text-align: right;
	width: 900px;
	padding-top: 1.5em;
	padding-bottom: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #c8cde3;
	border-bottom-color: #c8cde3;
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 2em;
	background-position: center;
} 

.st3 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 150%;
	color: #c8cde3;
	text-align: left;
	vertical-align: middle;
	margin-left: 3em;
	margin-top: 1em;
}

.txt1 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 90%;
	color: #c8cde3;
	text-align: left;
	vertical-align: middle;
	margin-left: 5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

*.txt1 a
      {
	color: #c8cde3;
	text-decoration:underline;
	  }
	  
*.txt1 a:hover
      {
	color: #c8cde3;
	text-decoration:none;
	  }

#my_contents hr {
	border-top-color: #565A6D;
	width: 900px;
	border-bottom-style: solid;
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 62px;
	background-position: center;
}


 *.img_home
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 90%;
	float: left;
	color: #c8cde3;
	text-align:center;
	vertical-align: middle;
	margin-top: 50px;
	margin-right: 57px;
	margin-bottom: 30px;
	margin-left: 57px;
	background-image: url(imgs/i_main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 340px;
	width: 910px;
      }
	  
 *.txt_home
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 110%;
	float: right;
	color: #fff;
	text-align:left;
	width: 380px;
	height: 100px;
	vertical-align: middle;
	background-position: center center;
	margin-top: 130px;
	margin-right: 20px;
	line-height: 140%;
      }
	  
*.txt_home a
      {
	color: #fff;
	text-decoration:none;
	  }
	  
*.txt_home a:hover
      {
	color: #c8cde3;
	text-decoration:none;
	  }
	  
 *.img_position
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 75%;
	float: left;
	color: #c8cde3;
	text-align:center;
	margin-top: 3em;
	margin-right: 3em;
	margin-bottom: 3em;
	margin-left: 8em;
      }

*.img_position1
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 75%;
	float: left;
	color: #c8cde3;
	text-align:center;
	margin-top: 3em;
	margin-right: 3em;
	margin-bottom: 3em;
	margin-left: 5.5em;
      }
	  
*.img_position4
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 75%;
	float: left;
	color: #c8cde3;
	text-align:center;
	margin-top: 3em;
	margin-right: 3em;
	margin-bottom: 3em;
	margin-left: 16.5em;
      }
	  	  	  
*.img_positionR
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 75%;
	float: right;
	color: #c8cde3;
	text-align:center;
	margin-top: 3em;
	margin-right: 8em;
	margin-bottom: 3em;
	margin-left: 3em;
      }
*.img_position2
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif"; 
	font-size: 75%;
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 3em;
	margin-left: 0em;
	color: #c8cde3;
	text-align:center;
      }

*.img_position3
      {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif"; 
	font-size: 75%;
	float: left;
	margin-top: 3em;
	margin-left: 0em;
	margin-right: 3em;
	margin-bottom: 0em;
	color: #c8cde3;
	text-align:center;
      }
	  
#chs {
	margin-top: 10em;
}

#sno {
	margin-top: 7em;
	margin-left: 8em;
}

*.floatclear
      {
         clear: both;
		
      }
.description {
	color: #c8cde3;
	text-align: left;
	padding-left: 3em;
	padding-top: 5em;
	vertical-align: middle;
	padding-right: 2em;
}
.description2 {
	color: #c8cde3;
	text-align: left;
	padding-left: 3em;
	padding-top: 1em;
	padding-right: 2em;
	vertical-align: middle;
}

.description3 {
	color: #c8cde3;
	text-align: left;
	padding-left: 6.5em;
	padding-top: 4em;
	padding-right: 5em;
	vertical-align: middle;
}

.description3R {
	color: #c8cde3;
	text-align: left;
	padding-left: 6.5em;
	padding-top: 4em;
	padding-right: 5em;
	vertical-align: middle;
}

.plist {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	font-size: 120%;
	color: #c8cde3;
	text-align: center;
	float: none;
	height: 70px;
	width: 1024px;
	padding: 20px;
}

*.plist a
      {
	color: #c8cde3;
	text-decoration:underline;
	  }
	  
*.plist a:hover
      {
	color: #c8cde3;
	text-decoration:none;
	  }


.description details a:hover {
    color: #c8cde3;
    text-decoration: underline;
	}

.artnames {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	text-align: center;
	vertical-align: middle;
}

.artnames a {
	color: #c8cde3;
	text-decoration: underline;
}

.artnames a:hover{
	color: #c8cde3;
	text-decoration: none;
}

.artnames2 {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	text-align: left;
	vertical-align: left;
}

.artnames2 a {
	color: #c8cde3;
	text-decoration: underline;
}

.artnames2 a:hover{
	color: #c8cde3;
	text-decoration: none;
}


#my_contents table {
  	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif";
	color: #c8cde3;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 27px;
	vertical-align: middle;
}

	  
.b_top {
	vertical-align: middle;
	padding: 20px;
	text-align: center;
}


/*----------footer----------*/
.footer {
	font-family: "Trebuchet MS", "Arial", "Helvetica", "san-serif"; 
	font-size: 75%;
	color: #000000;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
}