/*---------------------------------------------------------------- 
  Copyright: 
  Copyright (C) 2010 Lexsite!
  http://lexsite.org

  Author: 
  Lex Meyer - lex@lexsite.org
---------------------------------------------------------------- */

/* for all templates and grids */

body{text-align:left; background:#282c33; margin:0; padding:0; height:100%; font-family:Arial; font-size:12px; color:#222222;}

#wrapper {width:978px; height:100%; background:#ffffff; margin:0 auto; padding:0; position:relative; text-align:center; border:1px solid #808ea0;}

img {border:0;margin:10px;}

table {width:auto;}

a, a:link, a:active {text-decoration:none;}

a:hover {text-decoration:underline;}

h3 {margin-bottom:3px;}


/* for hd section */

#header {position:relative; background:#ffffff url(../images/header.jpg) top center no-repeat; width:978px; height:137px; margin:0; padding:0; clear:both;}

#logo {float:left; position:relative; width:50%; text-align:left; padding-top:10px;}

#top {float:left; position:relative; width:50%; text-align:right; padding-top:30px;}

#search {position:relative; padding-top:5px; float:left; color:#999999;}

#search .inputbox {background: url(../images/search_bg.png) top left no-repeat; border:0px; width:162px; height:20px; padding:0px; margin:0px; padding:5px 10px; color:#999999;}

/* for menu section */


#menu {background:#0e0f11 url(../images/menu.png) top center no-repeat; position:relative; width:100%; margin:0; padding:0px; text-align:center; font-size: 13px; z-index:999; height:39px; float:left;}

#menu a {color:#888888; text-decoration:none;}

#menu a:hover {color:#ffffff;}

#menu ul{
	height:39px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#menu li{
		float:left;
		padding:0px;
		border-right:1px solid #505357;
		width:auto;
		}
	#menu li a{
		color:#888888;
		display:block;
		font-weight:bold;
		line-height:39px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		#menu li a:hover, #menu ul li:hover a{text-decoration:none;}
	#menu li ul{
		background: url(../images/menu_bg.png);
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		border:1px solid #505357;
		width:auto;
		font-size:11px;
		z-index:999;
		/*top:1em;
		/*left:0;*/
		}
	#menu li:hover ul{
		display:block;		
		}
	#menu li li {
		background: url(../images/menu_bg.png);
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:auto;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:39px;
		font-style:bold;
		margin:0px;
		width:auto;
		padding-left:20px;
		text-align:left;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#menu p{clear:left;}


#banner {position:relative; width:auto; margin:0 auto; padding:0px; clear:both;}

#banner .moduletable {margin:0px; padding:10px; border:0px;}


/* sliding menu */
* {margin:0; padding:0}
.sm {list-style:none; width:700px; height:123px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}


/* for bd section */

#bd {position:relative; width:100%; height:100%; margin:0px; padding:10px 0px; clear:both;}

.content {display:block; float:left; padding:10px; width:650px; text-align:left;}

#right {display:block; float:left; padding:10px; margin:0px 10px; width:200px; text-align:left;}


ol {margin:0px; padding:0px; list-style-position:inside;}

ul {margin:0px; padding:0px; list-style-position:inside;}

#user {padding:10px; margin:0px;}
.user {float:left; padding:10px; margin:0px; width:30%; text-align:left;}

/* for ft section */

#copyright {width:978px; margin:0px auto; color:#808ea0;}

#copyright a {color:#808ea0; font-size:11px; text-decoration:none; text-align:right;}

#footer {text-align:center; position:relative; background:#ffffff url(../images/footer.jpg) top center no-repeat; width:978px; height:137px; margin:0; padding:0px; clear:both;}

#footer ul {list-style:none; padding-top:100px; margin:0px auto; text-align:center;}

#footer li {float:left; display:block; padding:0px 10px;}

#footer a {text-align:right; color:#999999; font-size:11px; text-decoration:none;}

#linkback, #linkback a {color:#fefefe; font-size:5px;}


td {padding:3px;}

.clear {clear:both;}

.componentheading, .contentheading {display:none;}
