html{
height:100%;
}

/* body tag */
body {
font-family: Georgia,"Times New Roman",Times,serif;
background: #FFFFFF url(../images/background-body.gif) repeat-x scroll 0 0;
height:100%;
}

#left-content {
text-align:center;
}

h1{
color:#666666;
font:300% Georgia, "Times New Roman", Times, serif; 
}

h2{
color:#555555;
font:200% Georgia, "Times New Roman", Times, serif;
}

/* site-wrap div */
#container {
min-height: 100%;
height: auto !important;
height: 100%;
width:800px;
margin: 0 auto -25px;

}

/* header div */
#header {
padding-top:30px;
width: 800px;
text-align:center;
}

/* footer div */
.footer {
background:#E5E5E5 none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
color:#666666;
font-size:11px;
text-align:center;
}

/* .footer, .push{
height:24px;
} */

#top-content{
height:30px;
padding: 20px 50px 0 50px;
color:#666666;
}

#top-content p {
direction:rtl;
padding:6px 14px 0px 0px;
}

#left-content{
width:400px;
height:600px;
float:left;
}

#right-content{
width:400px;
height:600px;
float:right;
}

.panel{
height:565px;
width:340px;
border:1px solid #CCCCCC;
margin:20px;
background-color:#F0F0F0;
}

.panel .panel-header{
display:block;
height:45px;
padding: 10px 20px 5px 20px;
text-align:center;
}

.panel-body ul{
text-align:center;

}

.panel-body ul li{
display:block;
width:80%;
height:60px;
border:1px solid #CCCCCC;
margin: 5px 20px 0 30px;
text-align:left;
background-color:#FFFFFF;
}

.panel-body ul li:hover{
display:block;
width:80%;
height:60px;
border:2px solid #CCCCCC;
margin: 5px 19px 0 29px;
text-align:left;
background-color:#FFFFFF;
}

.panel-body ul li img {
padding:7px 15px 0px 10px;
height:46px;
width:46px;
}

.panel-body p {
padding:8px 0px 3px 0px;
color:#444444;
letter-spacing:0.1px;
font-size:120%;
}

.panel-body h6 {
color:#F0F0F0;
font-weight:normal;
font-size:80%;
color:#666666;
text-decoration:none;
}

.panel-body ul li a {
text-decoration:none;

}


.clear-left{
clear:left;
}

.clear-right{
clear:right;
}

.clear{
clear:both;
}