/*tags*/
body{background:#111111;margin:30px 0 0 0;font:11px Tahoma,Arial,Verdana;color:#dcdcdc}
h1{color:#121212;font:bold 16px Tahoma,Arial,Verdana}
h2{color:#777777;font:bold 12px Tahoma,Arial,Verdana}
a{color:#000;font:11px Tahoma,Arial,Verdana;text-decoration:none}
a:hover{text-decoration:underline}

/*genaral page*/
#mainContent{margin:0;width:100%;text-align:center;background:url(../images/bg_middle.jpg) no-repeat center top}
#main{width:400px;min-height:500px;margin:0 auto 30px auto;text-align:center;background:#1F1F1F;border:10px solid #989898;padding:10px}
#top{background:url(../images/top.jpg) no-repeat;width:380px;height:150px;margin:3px auto 0px auto;}
#content{background:#dcdcdc;width:360px;min-height:320px;margin:0px auto;padding:10px;color:#333333;text-align:left;line-height:1.5}
#menu{position:relative;bottom:-98px;padding:5px;text-align:right;color:#121212;width:370px}
#menu ul{margin-top:0px;display:inline;list-style-type:none}
#right{display:block;float:right;background:url(../images/right.jpg);width:122px;height:400px;}
#content ul{list-style-type:circle}
#content ul.inline li{display:inline;list-style-type:none;margin:3px}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*non ie hack*/
html>body #main{width:390px}
html>body #content{width:360px}
html>body #menu{width:370px}

/*for ie hack*/
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */