/* reset */
html, body{width: 100%;height: 100%;}
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label,img { margin:0; padding:0; border:0; } 
body { font-family: Helvetica, Arial, sans-serif; color: #3B3B3B; background: #1C80D2; }
a, a:visited, a:active { text-decoration: none; color: #7E8189; }
.clear { clear: both; }

/* general */
.bg, #overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bulut-big { background: url("../images/bulut-big.png") 0 bottom no-repeat; }
.bulut-big { width: 100%; height: 400px; position: absolute; bottom: 0; left: 0; background: url("../images/bulut-big.png") repeat-x; }
.container { position: relative; width: 900px; height: 550px; padding-top: 30px;  margin: 0 auto; display: block; background: url("../images/bulut-ltl.png") 68px 170px no-repeat; }
.container .logo { width: 244px; height: 65px; background: url("../images/logo.png") no-repeat; }
.container .notfound { width: 324px; height: 230px; margin: 0 auto; }
.block { height: 130px; }

/* links */
.links { width: 700px; margin: 0 auto; padding: 30px; background: url("../images/white.png"); -webkit-border-radius: 20px; -moz-border-rsadius: 8px; border-radius: 8px; }
.links .colon { display: block; float: left; padding: 20px 30px; }
.links .border { border-right: 2px dotted #535252; }
.links a { display: block; padding: 4px 0 10px 31px; color: #414141;  dotted #535252; color: #535252; }
.links a:hover { border-bottom: none; color: #F9A31A; }