/* PAGE */
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
min-height: 625px;
min-width: 960px;
}

h1{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color:#77787B;}
h2{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color:#77787B;}
h3{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color:#77787B; font-weight: normal; margin:0px;}

p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: #77787B;
}
a:link {text-decoration:none; color:#2200B2}
a:visited {text-decoration:none; color:#2200B2}
a:hover {text-decoration:underline; color:#2200B2}
a:active {text-decoration:underline; color:#2200B2}


/* FLASH */
#flashcontent {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
margin: 0px 0px -50px 0px;
padding: 0px;
overflow: hidden;
z-index:1;
}


/* MOBILE */
#container {
position: absolute;
left: 50%;
top: 50%;
width: 310px;
height: 300px;
margin: -150px 0 0 -155px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
}

#container ul {list-style:none; margin: 0px; padding:0px;}
#container ul p {margin-bottom: 20px;}
#container li {list-style:none; border-bottom: 1px dotted #77787B; margin-bottom: 10px; color:#77787B;}
#container li.this {list-style:none; border-bottom: 1px dotted #2200B2; margin-bottom: 10px; color:#2200B2;}
#container li a:link {text-decoration:none; color:#77787B;}
#container li a:hover {text-decoration:none; color:#2200B2;}
#container li a:visited {text-decoration:none; color:#77787B;}

#footer {font-size: 10px; margin:25px 0px;}
#footer img {float:right; display:inline; padding-left: 5px;}
#footer a img {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; border: none;}
#footer a:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; border: none;}


/* WORK */
#container ul.work {list-style: none; margin-bottom: 25px; padding:0px;}
#container ul.work li {list-style:none; border-bottom: 1px dotted #77787B; margin-bottom: 10px; color:#77787B; font-size: 14px; font-weight: normal;}
#container ul.work li a img {border: 1px solid #CCC; margin: 5px 0px;}
#container ul.work li a:hover img {border: 1px solid #2200B2;}
#container ul.work li a:link {text-decoration:none; color:#77787B;}
#container ul.work li a:hover {text-decoration:none; color:#2200B2;}
#container ul.work li a:visited {text-decoration:none; color:#77787B;}

.detail {margin-bottom: 70px;}
.detail p {font-weight: normal;}
.detail img {margin: 5px 0px; border:1px solid #CCC;}

a.back {float:left; font-size:12px; font-weight: normal; background: url(arrow_back.gif) no-repeat center left; padding-left:15px; margin-top:10px;}
a.visit {float:right; font-size:12px; font-weight: normal; background: url(arrow_next.gif) no-repeat center right; padding-right:15px; margin-top:10px;}