/* 

hiTech - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#005d94;
	background-color:#1d1d1d;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Arial, Verdana;	font-weight:normal;}
h1 {color:#54afe5; font-size:32px;font-style:italic; font-weight:bold; line-height:34px;}
h2 {color:#54afe5;font-size:30px;font-style:italic; line-height:32px;}
h3 {color:#54afe5; font-size:22px; line-height:24px;}
h4 {color:#54afe5;font-size:14px;font-weight:bold; line-height:16px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#298f00;text-decoration:underline;}
a:hover{color:#40ab15;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#005d94;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#005d94;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #005d94;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_main_container.gif); background-color:#cae4f1; background-repeat:repeat-x;}
#bottom_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:86px; width:100%; clear:both;}
/*** END OF CONTAINER ***/

/*** TOP ***/
#top{height:59px;}
#top_left{float:left; width:300px;}
#top_right{float:left; width:658px; padding-top:17px;}
#mainmenu{ padding:0px 0px 0px 0px; background-image:url(../images/bg_mainmenu.gif); float:right; background-repeat:no-repeat; width:146px; height:30px;  position:relative; 	z-index:500 !important;  margin-right:20px;}
/* mainmenu */
#zonebar {
	padding: 1px 10px 0 10px;
	position:relative;
	}
#zonebar ul {
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#zonebar ul li {
	padding: 2px 0px 0 3px;
	position: relative;
	float: left;
	margin-right: 3px;
}
#zonebar ul li a {
	display: block;
	float: left;
	height: 23px;
	position: relative;
	top: -5px;
	right: -5px;
	padding-right: 3px;
	color: #fff;
	font-weight:normal;
	font-size: 18px;
	text-decoration: none;
}
#zonebar ul li li  a{font-size:12px;}

#zonebar ul li a span {
	position: relative;
	top: 6px;
}
#zonebar ul li ul {
	display: none;
	position: absolute;
	top: 29px;
	left: -10px;
	width: 146px;
	border: 0px solid #ccc;
	padding: 0px 0px 0px 0px;
	margin:0px !important;
	border-top:solid 1px #2c2c2c;
}
#zonebar ul li ul li {
	float: none;
	padding: 0; margin: 0;
	height: 100%;
}
#zonebar ul li ul li:hover {
	background: none;
}
#zonebar ul li ul li a {
	display: block;
	float: none;
	margin-left: -5px;
	padding: 5px 0 0 10px;
	width: 136px;
	background-color:#3f3f3f;
	border-top:solid 1px #2c2c2c;
}
#zonebar ul li ul li a:hover {
	background: #303030;
}
/* end mainmenu */

/*** END OF TOP ***/

/*** CATEGORY NAVIGATION ***/
#category_navigation{background-image:url(../images/bg_category_navigation.gif); background-repeat:no-repeat; height:94px; margin-top:17px; clear: both;}

/* Top Navigation bar menu styling */
#nav {margin:0px auto; padding:13px 0px 0px 11px;}
#nav ul{ 
	padding:0;
	margin:0 auto;
	list-style: none;
	height:72px;
	position: relative;
	width:920px;
}
#nav li{
	list-style:none;
	float:left;
	padding:0;
	font:normal 12px Arial;
	width:198px;
	height:72px;
	margin:0px 40px 0px 0px;
	
}

#nav li.nomargin{margin-right:0px !important;}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height:72px;
	position: relative;
	overflow: hidden;
	margin: auto 0px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height:69px;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height:72px;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li.back {
	background: url(../images/lava.gif) no-repeat right -72px;
	width: 9px; height: 72px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.gif) no-repeat top left;
	height:72px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

/*** END OF CATEGORY NAVIGATION ***/


/*** CENTERCOLUMN ***/
#centercolumn{width:1020px; margin:0px auto; background-image:url(../images/bg_center_column.gif); background-repeat:no-repeat;}
#main_centercolumn{width:958px; margin:0px auto; }
/*** END OF CENTERCOLUMN ***/


/*** CONTENT ***/
#main_content{padding:0px 44px 25px 24px;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.clr{clear:both}
h2 a, h2 a:visited{color:#54afe5; text-decoration:none; font-style:normal;}
h2 a:hover{color:#66bef2;}
/*** END OF CONTENT ***/


/*** FOOTER ***/
#footer{ text-align:center;margin:0px auto; width:1020px; background-image:url(../images/bg_footer.gif); background-repeat:repeat-x; background-position:left top; clear:both; background-color:#000000}
#foot{padding:45px 0px 0px 0px; font-size:12px; color:#fff; }
#foot a, #foot a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/