/* 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; overflow-y: hidden; }
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 { text-align: center; 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: 200px; height: 67px; background: url("../images/logo-white.png") no-repeat; }
.container .notfound { width: 324px; height: 230px; margin: 0 auto; }
.block { height: 120px; }

/* links */
.links { display: inline-block; margin: 0 auto; padding: 20px; background: url("../images/white.png"); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.links .colon { display: block; float: left; padding: 14px 20px; }
.links .border { border-right: 1px dotted #535252; }
.links a { display: block; padding: 4px 0; color: #414141; border-bottom: 1px dotted #535252; color: #535252; }
.links a:hover { border-bottom: none; color: #488ecb; }
.links a.webim { background: url("../images/icon/webim.png") no-repeat; }
.links a.mail { background: url("../images/icon/mail.png") 0 2px no-repeat; }
.links a.cloud { background: url("../images/icon/cloud.png") 0 2px no-repeat; }