/*--------------------------------------------------------------
# The News - January 2008 (for Joomla 1.5)
# Recoded version - May 2009
# Copyright (C) 2008-2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/

/* ||| universal set of reset styles |||*/
html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
/* remember to define focus styles! */
:focus{outline:0;}
body{background:white;line-height:1;color:black;}
ol,ul{list-style:none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,
q{quotes:"" "";}
/* ||| the end |||*/	
html{
	height:100%;
	margin-bottom:1px;
}
body{
	margin:0;
	padding:0;
	background:#333333 url('../images/background.jpg') no-repeat fixed 50% top;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#3d4349;
	line-height:18px;
}
a{
	outline:none;
	cursor:pointer;
}
img{
	border:none;
	text-decoration:none;
}
a:link,
a:visited,
a:active{
	text-decoration:none;
	color:#ec8023;
}
a:hover{
	text-decoration:underline;
}
ul{
	padding:0 0 0 2px;
	margin:0;
	margin-left:1px;
	list-style:none;
}
ul li{
	background:transparent url('../images/arrow.gif') no-repeat 0 5px;
	padding-left:12px;
	line-height:160%;
}
ol{
	list-style-type: decimal;
	padding-left: 20px;
}
ol li{
	line-height:170%;
}
fieldset{
	border:0;
	padding:5px 0;
}
h1{font-size:200%;}
h2{font-size:155%;}
h3{font-size:125%;
color: #ec8023;
}
h4{font-size:100%;}
h5{font-size:120%;}
h6{font-size:110%;}
th{
	padding:4px;
	text-align:left;
}
p,pre,blockquote,h1,h2,h3,h4,h5,h6{
	margin:1em 0;
	padding:0;
}
p{
	margin:0;
}
fieldset{
	border:none;
}
fieldset a{
	font-weight:bold;
}
input,select{
	font:normal 12px Arial, Helvetica, sans-serif;
}
hr{
	border: none;
	border-top:1px solid #f9f9f9;
	height: 1px;
}
.clearfix{
	clear:both;
}
.us{
	margin:0 14px;
}
input,textarea,select{
	border:1px solid #D9D8D8;
}
.page960{
	width:930px;
	margin:0 auto;
}
/* Members Area 
------------------------------------------------------------------------*/
#memberarea{
	width:100%;
	background:#333333;
	overflow:hidden;
	
}
form#form-login{
	padding:6px 0;
	overflow:hidden;
}
form#form-login label{
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-right:6px;
	color:#fff;
}
#memberarea input.inputbox{
	background:#f1f1f1;
	width:115px;	
	border:1px solid #000;
	padding:0 18px 0 3px;
	height:18px;
	line-height:18px;
	color:#666;
}
#memberarea input.button{
	width:47px!important;
	margin:0!important;
	text-align:left!important;
	border:none!important;
	text-indent:0!important;
}
#memberarea input.button:hover{
	background-position:right!important;
}
#memberarea .logout span{
	float:left;
	color:#fff;
	margin-right:12px;
}
#memberarea .logout input.button{
	float:none!important;
	display:inline;
}
div.logout{
	float:left;
}
div.logout input.button{
	padding:0;
}
/* Major Blocks
------------------------------------------------------------------------*/

div#wrap-bg {
	width: 930px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
div#topwrap {
	height: 120px;
	line-height: 134px;
	width: 100%;
	background: transparent url('../images/shadow-top.png') repeat-x 0 bottom; 
	clear: both;
}
/* Here you can change width or height of your logo*/
a#logo, 
a#logo_styled {
	display: block;
	float: left;
}
a#logo_styled{
	/* 
		Here you can change width or height of your logo 
		if you've disabled option "logo as image"
	*/
	background: transparent url('../images/logo.png') no-repeat 0 50%;
	width: 400px;
	height:100px; 
}
/*end*/

.grey,
.white{
	background: transparent url('../images/shadow-bottom.png') repeat-x 0 top;
}
.grey{
	background-color: #c6ced1;
}
.white{
	background-color: #fff;
}
/* top */

div#bannerwrap {
	float: right;
	height: 60px;
	overflow: hidden;
	width: 122px;
	margin-top: 5px;
	color: #fff;
	text-align: left;
	line-height: 12px;

}
div#top_right {
	position: absolute;
	display: block;
	width: 910px;
	height: 20px;
	float: right;
	text-align: right;
	line-height: 210px;
}
div#top_right a {
	margin-top: 31px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
div#top_right a:hover {
	color: #fff;
}
div#top_right a.border-right {
	border-right: 1px solid #4e4e4e;
	padding: 0 6px 0 0;
	margin-right: 3px!important;
}
/* menu */
div#menu {
	clear: both;
	margin: 0;
	width: 100%;
	height: 48px;
	background: transparent url('../images/bg_menu.png') repeat-x 0 0;
}
div#search {
	position: absolute;
	right: 122px;
	top: 133px;
	width: 60px;
	z-index: 52;
}
div#search input.inputbox {
	background: #fff url('../images/icon_search.png') no-repeat 99% 50%;
	border: 1px solid #d9d8d8;
	padding: 0 18px 0 3px;
	height: 18px;
	line-height: 18px;
	color: #666;
}

/* Setup of major blocks
----------------------------------------------------------------------------------*/

div#content_wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
			
}

div#left_content_wrapper{
	float: left;
	overflow: hidden;
	background: #fff;
	width: 100%;	
	border-left:1px dotted #C9C9C9;
	border-right:1px dotted #C9C9C9;


}
.white div#left_content_wrapper{
	background: none!important;


}
div.noheader{
	background: #fff url('../images/shadow-bottom.png') repeat-x 0 top!important;
	padding-top: 16px!important; 
}
div#column_wrapper{
	float: left;
	overflow: hidden;
	margin:16px 16px 6px 16px;
	padding-top:30px;
}
div#bottom_wrapper{
	clear: both;
	overflow: hidden;
	width: 928px;
	border-left: 1px solid #3d4349;
	border-right: 1px solid #3d4349;
	border-top: 5px solid #222222;
}
div#mainbody_left_wrapper{
	overflow: hidden;
	float: left;
	width: 100%;

	
}
div.paddings{
	padding: 16px;
}
div#inset_wrapper{
	float: right;

}
div.us_width-33,
div.us_width-50,
div.us_width-100{
	float: left;
	width: 31.3%;
	margin-left: 3%;

}
div.us_width-50{
	width: 48%;
	margin-left: 4%;
}
div.us_width-100{
	width: 100%;
}
div.us_width-100,
div.us_width-33:first-child,
div.us_width-50:first-child{
	margin-left: 0!important;
}
div.inset{
	border-right: 1px dotted #c9c9c9;

}

/* Footer
-------------------------------------------------------------------------------*/
div#footer_wrap {
	width: 910px;
	height: 100%;
	margin: 0 auto;
	padding: 10px 0 100px;
	border-top: 5px solid #222222;
}
div#footer {
	clear: both;
	font-size: 10px;
}
div#footer a {
	font-size: 10px;
}
div#links {
	float: left;
	padding-bottom: 10px;
	color: #ec8023;
}
div#copyright {
	float: right;
	color: #fff;
	font-size: 10px;

}

/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1,
div#user_position-2,
div#user_position-3,
div#user_position-4,
.module_wrap {
	clear: both;
	overflow: hidden;
	margin-bottom: -31px;
}
div#user_position-4{
	margin-bottom:0!important;
}
/* Modules
-------------------------------------------------------------------------------- */
.clear{
	padding: 0!important;
	margin: 0!important;
}
div.moduletable,
div.moduletable-black,
div.moduletable-color1,
div.moduletable-color2,
div.moduletable-color3,
div.moduletable_text,
div.moduletable_menu {
	font: normal 100% Arial, Helvetica, sans-serif;
	line-height:18px;
	padding: 10px;
	margin:24px 0 10px 0;
	background: #fff;
	overflow:hidden;
}
div.moduletable-right {
	font: normal 100% Arial, Helvetica, sans-serif;
	line-height:18px;
	padding: 10px;
	margin:0 0 10px 0;
	background: #fff;
	overflow:hidden;

}
div.moduletable h3,
div.moduletable-right h3,
div.moduletable-color1 h3,
div.moduletable-color2 h3,
div.moduletable-color3 h3,
div.moduletable_text h3,
div.moduletable_menu h3 {
	font: 18px Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 12px;
	color: #333;
}
/* black */
div.moduletable-black ul li {
	background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
div.moduletable-black {
	background: #32393f;
	color: #d9d7d7;
}
div.moduletable-black h3 {
	color: #ec8023;

}
div.moduletable-black a.readon,
div.moduletable-black .button {
	background: #222222;
}
div.moduletable-black a.readon:hover,
div.moduletable-black .button:hover {
	background: #ec8023;
}
/* color1 */
#conwrap div.moduletable-color1,
#conwrap div.moduletable-color2,
#conwrap div.moduletable-color3 {
	padding: 0;
}
div.moduletable-color1 a {
	color: #ec8023;
}
div.moduletable-color1 h3 {
	color: #ec8023;
	border-bottom: 2px solid #ec8023;
	font:normal 28px Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.moduletable-color1 a.readon,
div.moduletable-color1 .button {
	background: #ec8023;
	color: #fff;
}
div.moduletable-color1 a.readon:hover,
div.moduletable-color1 .button:hover {
	background: #d26303;
}
/* color2 */
div.moduletable-color2 a {
	color: #cc0000;
}
div.moduletable-color2 h3 {
	color: #cc0000;
	border-bottom: 2px solid #cc0000;
	font:normal 28px Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.moduletable-color2 a.readon,
div.moduletable-color2 .button {
	background: #cc0000;
	color: #fff;
}
div.moduletable-color2 a.readon:hover,
div.moduletable-color2 .button:hover {
	background: #990505;
}
/* color3 */
div.moduletable-color3 a {
	color: #e98b05;
}
div.moduletable-color3 h3 {
	color: #e98b05;
	border-bottom: 2px solid #e98b05;
	font:normal 28px Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.moduletable-color3 a.readon,
div.moduletable-color3 .button {
	background: #e98b05;
	color: #fff;
}
div.moduletable-color3 a.readon:hover,
div.moduletable-color3 .button:hover {
	background: #b46a00;
}
/* Restricions
-------------------------------------------------------------------------------- */
#user_position-1 {
	background: #000;
	border-right: 0px solid #0c0c0c;
}
#user_position-4 {
	background: #3d4349;
}
#user_position-1 div.moduletable,
#user_position-1 div.moduletable-black,
#user_position-1 div.moduletable-color1,
#user_position-1 div.moduletable-color2,
#user_position-1 div.moduletable-color3 {
	font: normal 100% Arial, Helvetica, sans-serif;
	padding: 15px;
	margin: 0;
	background: #fff;
	border: none;
	color: #666;
}
#user_position-1 div.moduletable ul li,
#user_position-1 div.moduletable-black ul li,
#user_position-1 div.moduletable-color1 ul li,
#user_position-1 div.moduletable-color2 ul li,
#user_position-1 div.moduletable-color3 ul li {
	background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-1 div.moduletable h3 {
	color: #fff;
}
#user_position-1 div.moduletable-black h3,
#user_position-1 div.moduletable-color1 h3,
#user_position-1 div.moduletable-color2 h3,
#user_position-1 div.moduletable-color3 h3 {
	font: bold 10px Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 12px;
	border: none;
}
#user_position-4 div.moduletable,
#user_position-4 div.moduletable-black,
#user_position-4 div.moduletable-color1,
#user_position-4 div.moduletable-color2,
#user_position-4 div.moduletable-color3 {
	font: normal 100% Arial, Helvetica, sans-serif;
	padding: 15px;
	margin: 0;
	background: #3d4349;
	border: none;
	color: #f1f1f1;
}
#user_position-4 div.moduletable ul li,
#user_position-4 div.moduletable-black ul li,
#user_position-4 div.moduletable-color1 ul li,
#user_position-4 div.moduletable-color2 ul li,
#user_position-4 div.moduletable-color3 ul li {
	background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-4 div.moduletable h3 {
	color: #fff;
}
#user_position-4 div.moduletable-black h3,
#user_position-4 div.moduletable-color1 h3,
#user_position-4 div.moduletable-color2 h3,
#user_position-4 div.moduletable-color3 h3 {
	font: 18px Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 12px;
	border: none;

}
div#left_content_wrapper div.moduletable h3 {
	background: #f9f9f9;
	line-height: 20px;
	padding: 0 0 0 5px;
	color: #444;

}

div#left_column_wrapper{float: left;}
#column_wrapper {margin:0!important}

}