/*///////////////Playground/////////////*/




/* logo */

#logo {
position: absolute;
top: 24px;
left: 33px;

font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: italic;
font-weight:bold;
color:#006699;
text-decoration:none;
vertical-align: top;
}

/* info */

#info {
width: 186px;
position: absolute;
top: 71px;
left: 33px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
padding-bottom:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000000;
text-decoration:none;
vertical-align: top;
}

/* menu */

#menu {
width: 186px;
position: absolute;
top: 180px;
left: 33px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
padding-bottom:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration:none;
vertical-align: top;
}

#menu DIV A  { 
  color:#000000;
  text-decoration:none;
  }
  
#menu DIV A:hover  { 
  color:#FFFFFF;
  text-decoration:none;
  }

#menu DIV.menu-no  {
  font-size: 12px;
  }
  
#menu DIV.menu-act  {
  font-size: 12px;
  }
  
#menu DIV.menu-act A {
  color:#666666;
  }

/* contact */

#contact {
width: 186px;
position: absolute;
top: 270px;
left: 33px;

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color:#006699;
text-decoration:none;
vertical-align: top;

}


/* email */

#email {
width: 186px;
position: absolute;
top: 290px;
left: 33px;
border-top: dotted 1px;
border-top-color: #000000;


padding-top:10px;
padding-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* other */

#other {
width: 186px;
position: absolute;
top: 340px;
left: 33px;

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color:#006699;
text-decoration:none;
vertical-align: top;

}


/* other_menu */

#other_menu {
width: 186px;
position: absolute;
top: 360px;
left: 33px;
border-top: dotted 1px;
border-top-color: #000000;


padding-top:10px;
padding-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* cc */

#cc {
width: 186px;
position: absolute;
top: 420px;
left: 33px;

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color:#006699;
text-decoration:none;
vertical-align: top;

}

/* cc_menu */

#cc_menu {
width: 186px;
position: absolute;
top: 440px;
left: 33px;
border-top: dotted 1px;
border-top-color: #000000;


padding-top:10px;
padding-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* upcoming */

#upcoming {
width: 550px;
position: absolute;
top: 71px;
left: 250px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* recent */

h5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
text-decoration:none;
vertical-align: top;
}

#recent_left {
width: 170px;
position: absolute;
top: 71px;
left: 250px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

#recent_center {
width: 170px;
position: absolute;
top: 71px;
left: 435px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

#recent_right {
width: 170px;
position: absolute;
top: 71px;
left: 620px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* news */

#news {
width: 550px;
position: absolute;
top: 335px;
left: 250px;
	
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color:#006699;
text-decoration:none;
vertical-align: top;
}

/* news_content */

#news_content {
width: 550px;
position: absolute;
top: 360px;
left: 250px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

/* recent_works */

#recent_works {
width: 550px;
position: absolute;
top: 26px;
left: 250px;

padding-top:20px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color:#006699;
text-decoration:none;
vertical-align: bottom;
}

h10 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color:#006699;
text-decoration:none;
vertical-align: bottom;
}

/* clickmenu */

#clickmenu {
width: 550px;
position: absolute;
top: 26px;
left: 250px;

font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color:#006699;
text-decoration:none;
vertical-align: bottom;
}

h10 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color:#006699;
text-decoration:none;
vertical-align: bottom;
}

/* content */

#content {
width: 550px;
position: absolute;
top: 71px;
left: 250px;
border-top: dotted 1px;
border-top-color: #000000;

padding-top:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
}

h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #666666;
text-decoration:none;
}

h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
text-decoration:none;
}

h20 {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: italic;
font-weight:bold;
color:#006699;
text-decoration:none;
vertical-align: top;
}

/* links */

a:link    { color:#000000; font-weight: bold; text-decoration:none; background-color:transparent; }
a:visited { color:#000000; font-weight: bold; text-decoration:none; background-color:transparent; }
a:hover   { color:#FFFFFF; font-weight: bold; text-decoration:none; background-color:#000000; }
a:active  { color:#666666; font-weight: bold; text-decoration:none; }