/* CSS Document */
HTML {height:100%; font-size:100.01%}
BODY {height:100%; padding:0; margin:0; font:normal 75% "Trebuchet MS", arial,tahoma,verdana,sans-serif; color:#313030; background:#e4e4e4 url(img/bg_body.gif) repeat-x 0 0}
.allpage {width:977px; height:auto;  min-height:100%; margin:0 auto; background-color:#fdfdfd}
* html .allpage {height:100%}
.allpageinner {padding:0px 0 40px 0; background:url(img/bg.gif) no-repeat 0 179px}
*+ html .allpageinner {float:left; width:100%} /* for IE7 */
* html .allpageinner {float:left; width:100%} /* for IE6 */
.footer {width:977px; height:18px; margin:-18px auto 0 auto; position:relative; background-color:#4c465c}


TD, TH, UL, OL, LI, INPUT, TEXTAREA, SELECT, LABEL, BUTTON {font:normal 12px "Trebuchet MS", Arial,tahoma,Verdana,sans-serif}
UL {margin:0; padding:0; list-style-type:none}
FORM {margin:0}
IMG {border:0}
A {color:#5e004c}
A:hover {text-decoration:none}
.red {color:#ff0000}
.violet {color:#6d199d}
.fl {float:left}
.fr {float:right}
.cb {clear:both}
.float100 {float:left; width:100%}
.small {font-size:0.9em}
.text {border:1px solid #ccc}
.button {overflow:visible}
.radio, .checkbox, .text, SELECT {vertical-align:middle}

.header {float:left; width:100%; height:135px; background:#e4e4e4 url(img/bg_head.png) no-repeat 100% 0}

.leftcolumn {float:left; width:490px; padding:20px 0 20px 27px}
.rightcolumn {float:left; width:440px; padding:20px 0 20px 20px}


.graybox {background-color:#f4f4f4; padding:10px 20px; font-size:1.2em}
.graybox P {margin:0; padding:10px 0}

.links {float:left; width:100%; padding-bottom:20px}
.links LI {float:left; padding:0 10px 10px 0; lposition:relative; z-index:1}
.links A {display:block; width:207px; height:91px; background-image:url(img/links.png); background-repeat:no-repeat}
.qip {background-position:0 0}
.loveplanet {background-position:-207px 0}
.magna {background-position:-414px 0}
.ballov5 {background-position:-621px 0}
.ziza {background-position:-827px 0}
.readme {background-position:-1035px 0}
.adnet {background-position:-1242px 0}
.videolink {background-position:-1449px 0}
.qip:hover {background-position:0 -91px}
.loveplanet:hover {background-position:-207px -91px}
.magna:hover {background-position:-414px -91px}
.ballov5:hover {background-position:-621px -91px}
.ziza:hover {background-position:-827px -91px}
.readme:hover {background-position:-1035px -91px}
.adnet:hover {background-position:-1242px -91px}
.videolink:hover {background-position:-1449px -91px}

#tt {display:block; position:absolute; opacity: 0; display: none}
#ttcont {border:1px solid #ecec85; background-color:#ffffcc; padding:5px; font-size:0.9em}
#ttcont SPAN {display:block; color:#ff0000}

.contacts {float:left; width:100%; font-size:1.6em}
.contacttitle {font-family:tahoma; font-size:0.9em; padding-bottom:10px}
.phone {background:url(img/phone.png) no-repeat 0 50%; padding-left:25px; margin-bottom:5px}



.footerinner {color:#fff; text-align:right; font:normal 10px tahoma; padding:2px 20px 0 0}