/*
DragonEyes Clean
by Io

*/

/* Content Styles */
#content2 p,
#content p {color: #444444; margin: 8px;}
#content p img {margin-right: 10px; border: solid 2px #667744;}
.pright  img {float:right; margin-left: 5px; border: solid 2px #667744;}
.pright {border-bottom: solid 1px #667744;}
.pleft {border-bottom: solid 1px #667744;}
.pleft img {float:left;}
.footer {text-align: center; font-size: 10pt;}
.rate {float: right; clear:both; color: #9966cc; font-weight: bold; }
.rate2 {color: #9966cc; font-weight: bold; }
.cname {color: #9966cc; font-weight: bold; }
.art {padding: 5px; background: #EEEEEE url(images/mainBKG.png) repeat-y top right; display: block; border-bottom: solid 1px #667744; border-top: solid 1px #667744; border-left: solid 1px #667744;}
.art img {border: solid 2px #667744; margin-top: 8px; margin-left:5px;}
h1 {color: #9966cc; font-size: 14pt; font-style: italic; margin-left: 8px;}

h2 {color: #667744; font-size: 13pt; font-style: italic; margin-left: 10px;margin-bottom: 0px;}
h2 a{color: #667744; }

h3 {clear:both;color: #667744; font-size: 13pt; font-style: italic; margin-right: 20px; margin-bottom: 0px;text-align: right;}
.artT {color: #667744; font-size: 13pt; font-style: italic; margin-right: 20px; text-align: right;}
h4 {color: #667744; font-size: 10pt; font-style: italic; margin: auto; text-align:center;}
h4 a {color: #667744; }
h5 {margin: 20px; color: #9966cc; font-size: 14pt; font-style: italic; margin-left: 8px; text-align:center;}
h5 a {color: #9966cc; text-decoration: none; }
h5 a:hover {color: #667744; text-decoration:underline;}

/*Layout */
body {background: #EEEEEE url(images/mainBKG.png) repeat-y top left; font-family: Palatino Linotype, Book Antiqua, Palatino, serif}
#banner {background: #EEEEEE url(images/bannerBKG.png) repeat-x top left; display: block; position: absolute; height: 120px; width: 100%; top: 0; left: 0; }
#banner a {background: #EEEEEE url(images/banner.png) no-repeat top left; display: block; position: absolute; height: 120px; width: 777px; top: 0; left: 0; border: 0;}
#menu {background: url(images/menuBKG.png) no-repeat top left; display: block; position: absolute; height: 300px; width: 150px; top: 150px; left: 10px; border: 0;}
#menu p {margin-top: 45px; margin-left: 5px; border-left: solid 1px #667744; padding-left: 5px; font-size: 11pt;}
#menu a:link, 
#menu a:visited, 
#menu a:active,
#content2 p a, 
#submenu a:link, 
#submenu a:visited, 
#submenu a:active	{color: #667744; text-decoration:none;}
#menu a:hover,
#content2 a:hover,
#submenu a:hover {color: #9966cc; text-decoration:underline; }
#submenu {float: right; margin: 10px; margin-top: 25px; width: 175px; background: #c0d2c0 url(images/submenuBKG.png) no-repeat bottom right; display: block; border: solid 1px #667744;}
.footer a:link, 
.footer a:visited, 
.footer a:active	{color: #444444; text-decoration:none;}
.footer a:hover {color: #9966cc; text-decoration:underline; }
#featured {clear: both; background: url(images/featuredBKG.png) no-repeat top left; display: block; position: absolute; height: 251px; width: 250px; top: 150px; left: 720px; border: 0; }
#featured  img {margin-top: 35px; margin-left: 25px; border: solid 2px #667744;}

#topProject {clear: both;background: url(images/projectBKG.png) no-repeat top left; display: block; position: absolute; height: 251px; width: 250px; top: 430px; left: 720px; border: 0;}
#topProject  img {margin-top: 35px; margin-left: 25px; border: solid 2px #667744;}
#content {clear: both;background: #EEEEEE; margin-bottom: 10px; display: block; position: absolute; min-height: 400px; width: 500px; top: 150px; left: 190px; border: solid 1px #667744;}
#content2 {clear: both;background: #EEEEEE; margin-bottom: 10px; display: block; position: absolute; min-height: 400px; width: 600px; top: 150px; left: 190px; border: solid 1px #667744;}
#footer {display: block; clear: both; margin: auto; width: 100%; text-align:center;}
#wrapper {display: block; position: absolute; width: 100%; height: 100%; top:0; left: 0; clear: both;}

.talesG {margin: 10px; display: block; width: 580px; min-height: 180px; float: left; text-align:center; background: #EEEEEE url(images/mainBKG.png) repeat-y top right; border-bottom: solid 1px #667744; border-top: solid 1px #667744; border-left: solid 1px #667744; clear: both;}
.talesG2 {margin: 10px; display: block; width: 580px; min-height: 365px; float: left; text-align:center; background: #EEEEEE url(images/mainBKG.png) repeat-y top right; border-bottom: solid 1px #667744; border-top: solid 1px #667744; border-left: solid 1px #667744; clear: both;}
.talesG img,
.talesG2 img {border: 0; margin-top: 10px}
.talesG a,
.talesG2 a {float: left; display: block; background: #EEEEEE url(images/submenuBKG.png) no-repeat bottom right; width:140px; height:160px; margin: 10px; font-size: 10pt; border: solid 1px #667744; color: #444444; text-decoration: none; font-weight:bold;}