@charset "utf-8";
/* 

CSS Document

Author: Shammoon
ops@teppser.com
TEPPSER Web Developments
http://www.teppser.com

 */

body { background:#000000 url(../assets/webBg.jpg) repeat center fixed;  }

* {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, fieldset, hr {margin: 10px 0px;}
a{color:#008385; text-decoration:none;}
a:link {color:#008385;}
a:hover { color:#990066; }
a:visited { color:#008385;}
a:active { color:#008385;}

#banner { width:948px; margin-left:auto; margin-right:auto; background:url(../library/bn.png) no-repeat; height:150px;}
#topmenu {  margin-left:auto; margin-right:auto;  }
#content { width:948px; margin-left:auto; margin-right:auto;height:500px;  background:#000000; }


#content #left { width:450px; float:left; margin-bottom:20px; }


#content #left #menu-line1 { height:85px;}
#content #left #menu-line1 #boxtop { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold; }
#content #left #menu-line1 .boxtop2 { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold; }




#content #left #menu-line2 { height:85px;}
#content #left #menu-line2 #boxtop { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}
#content #left #menu-line2 .boxtop2 { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}



#content #left #menu-line3 { height:85px;}
#content #left #menu-line3 #boxtop { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}
#content #left #menu-line3 .boxtop2 { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}

#content #left #menu-line4 { height:86px;}
#content #left #menu-line4 #boxtop { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}
#content #left #menu-line4 .boxtop2 {width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}

#content #left #menu-line5 { height:85px;}
#content #left #menu-line5 #boxtop { width:81px; float:left; height:81px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}
#content #left #menu-line5 .boxtop2 { width:85px; float:left; height:85px; font-family:calibri; font-size:22px; color:#990066; font-weight:bold;}

#content #right { width:489px; float:left; border:1px #999999 solid;  margin-right:5px; }

#loginbox { border-top:1px solid #CCCCCC;font-family:calibri; color:#993366; font-size:17px; font-weight:bold; padding:10px; }
#footer {width:948px; margin-left:auto; margin-right:auto; color:#666666; font-family:verdana; font-size:10px; clear:both; text-align:center; border-top:1px #333333 solid; padding-top:5px; padding-bottom:auto; }

#men-main { width:940px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#men-bal-top {
	height:10px; }
#men-bal-bot {
	background:url(../assets/men-bak-bot.jpg) no-repeat center; height:10px; }
#men-text {
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#008385; font-size:11px; font-weight:bold; text-align:center;}
#framecontent { width:480px; background:#000; font-family:Verdana, Arial, Helvetica, sans-serif;  }

a:visited {
	text-decoration: none;
	color:#008385;
}

#txt-space { margin-left:10px; margin-right:5px; margin-top:15px; margin-bottom:15px; height:400px; overflow:auto; }

.frm { height:20px; width:130px; }
.btn { height:22px; width:60px; border:1px solid #999999; }
#client { margin-top:150px; font-family:Verdana; color:#FFFFFF; margin-left:auto; margin-right:auto; width:950px;}
#client-view {  font-family:Verdana; color:#FFFFFF; margin-left:auto; margin-right:auto; width:950px;}