/*
	project: internet hosting template
	author: luka cvrk (www.solucija.com) 
*/
   
/* default styles */
* { margin:0; padding:0; }
body { font: 11px Arial, Verdana, Sans-Serif; line-height: 1.7em; background: #fff url(menu.jpg) repeat-x; color: #454545; }
a { color: #3F2C57; background: inherit; text-decoration: none; }
#left a, #right a { border-bottom: 1px dotted #3F2C57; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
img { border: 0; }

/* layout */
#content { margin: 0 auto; width: 980px; }
#header { padding: 0; color: #fff; margin: 0 0 20px 0; height: 94px; }

/* main horizontal menu */
#tablist{  margin: 7px 0 0 0;  }
#tablist li{ list-style: none; display: inline; font: 11px Arial, Verdana, Sans-Serif; }
#tablist li a{ text-decoration: none; margin: 0 2px 0 0; padding: 4px 15px; border: 1px solid #313131; font-weight: bold; color: #ccc; }
#tablist li a:hover{ border: 1px solid #838383; background-color:#433D3E; color: #fff; border-bottom:1px solid #433D3E !important; }
#tablist li a.current	{ background: #B90000; color: #fff; border: 1px solid #FA002D; border-bottom:1px solid #B90000 !important; }
#tablist .key { text-decoration: underline; }

/* left side */
#left { float: left; width: 670px; margin: 0 0 10px 0; }
.border { border: 1px solid #FFBFC1;  margin: 0 0 10px 0;}
.subheader { padding: 15px; background: #FFD7D8; color: #222; border: 2px solid #CC0000; }
.highlight { background: #C5E7F6; color: #000; }
.left_articles { margin: 0 0 10px 0; border: 2px solid #eee; color: #454545; padding: 15px 15px 5px 10px; }

.left_articles2 { margin: 0 0 10px 0; padding: 15px 15px 5px 10px; }
.left_articles2 p { font-size:15px; margin-bottom: 12px;}

.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url('news.gif') no-repeat center left; color: #808080; }
.bigimage { float: left; clear: left; margin: 0 25px 10px 0; }
.left_box { background: #F4F1F8; color: #808080; border-left: 3px solid #E8E2F2; padding: 15px; margin: 0 0 15px 0; }
.thirds { float: left; width: 186px; padding: 0 10px 0 15px; }		
.twothirds { float: left; width: 430px; padding: 0 10px 0 15px; }		
.half { float: left; width: 279px; padding: 0 10px 0 15px; }		
form	{ padding:5px 15px; border:1px solid #CCC; background-color:#F2F2F2; }
.lbl	{ display:block; font-size:.9em; margin-bottom:0px; margin-top:10px; }
input.btn					{ border:3px double #999999; border-top-color:#CCCCCC; border-left-color:#CCCCCC; padding: 0.10em; background-color: #FFFFFF; background:url('/images/bg_form_element.gif') repeat-x; color:#333333; font:normal 8pt Verdana, Helvetica, Arial, sans-serif; }
input.btn:active	{ border:3px double #CCCCCC; border-top-color: #999999; border-left-color:#999999; }
input.btn:hover		{ border:3px double #FA002D; border-top-color:#EE3920; border-left-color:#EE3920; }






/* right side */
#right { float: right; width: 280px; margin: 0 0 10px 0; padding: 55px 0 0 0; background: url('/images/cqcunlimited_layright.jpg') no-repeat top right; }
#right.hover { float: right; width: 280px; margin: 0 0 10px 0; padding: 55px 0 0 0; background: url('/images/cqcunlimited_layright_color.jpg') no-repeat top right; }
#faded-logo { font: normal 1.6em "Georgia", "Times New Roman", Arial; color: #679A4E; text-align: center; margin: 0 0 190px 0; }
.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }
	
#side_menu { margin: 0 0 20px 0; }
#side_menu li { list-style: none; }
#side_menu li a { color: #3F6C24; border: 0; margin: 0 0 1px 0; display: block; background: #fff url('/images/side_menu.gif') repeat-x; padding: 8px 10px; }
#side_menu li a:hover { color: #fff; background: #fff url('/images/side_menu_hover.gif') repeat-x; }	
	
.image { float:left; margin:0 9px 3px 0; }
	
/* footer */
#footer { clear:both; color:#808080; background:#FFF; padding:10px 15px; border-top:1px solid #ccc; }
#footer .right { float:right; }

.al									{ position:absolute; margin-top:0px; visibility:hidden; border:1px solid #838383; line-height:20px; z-index:100; background-color:#444; width:205px; }
.al a								{ display:block; padding:0; text-decoration:none; text-indent:7px; color:#ccc; }
.al a:hover					{ color:white; border-left:3px solid #CC0000; text-indent:4px; }
a.menu-item					{ border-bottom:3px; }
.al a.section 			{ background: #433D3E; color:white; }
.al a.section:hover	{ color:white; border-left:3px solid #433D3E; text-indent:4px; }

a.breadcrumb				{ color:#FFFFFF; text-decoration:none; !important border:none; }
a.breadcrumb:hover	{ color:#CC0000; text-decoration:none; !important border:none; }
a.breadcrumb:active	{ color:#FF0000; text-decoration:none; !important border:none; }

a.external {
  padding-left: 15px;
  /* background: url(external-link.png) top left no-repeat; */
}

.row_1	{ background-color:#FFFFFF; }
.row_2	{ background-color:#E4E4E4; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
