/* project: internet services template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body {
	padding: 0;
	margin: 10;
	font: 0.7em Tahoma, sans-serif;
	line-height: 1.5em;
	color: #454545;
	background-color: #8B9DB4;
}

a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 0px 0 0 0px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #66a; background: inherit; }

p {	margin: 0 0 5px 0; 	}

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }
td.form { 	margin: 0; }
input.search { 
	width: 192px; 
	border: 0;
	background: #FFF url(../images/input200.jpg) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}
input.search2 { 
	width: 92px; 
	border: 0;
	background: #FFF url(../images/input99.jpg) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}
input.search3  {
	font-size: 9px;
        pading: 2px ;
	margin-left : auto;
}	
input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
		font-size:10px;
}


/*input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

 layout
   ------ */
.login{
	width:270px; 
	text-align:right; 
}
.login a{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9px; 		
	color:#F90; 
	text-decoration:none;
	font-weight:bold;
}

.content {
	margin: 0 auto;
	width: 780px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.header { 
	height: 55px;
	color: #808080;
	margin: 3px 0;
	padding: 0px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.top_info {
	float: right;
	width: 570px;
	padding: 0px 0 4px 0;
	border-bottom: 1px solid #eee;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		height:25px;
		padding-top:20px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
	}

.browse_category  {
	font-size: 0.9em;
	width: 100px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 1em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #FF9148;
}

	.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #FF9148;
		float: left; 
	}
	
	.bar li.active { 
		background: #E0691A url(../images/bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #000000; 
		background: inherit;
	} 

.search_field {
	background: #fff url(../images/searchbg.gif) no-repeat right;
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 10px 5px 10px;
	margin: 5px 0;

}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { 
	float: right; 
	margin-bottom: 0px;
}

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.left {
	float: left;
	width: 63%;
	margin: 0 0 10px 0;
}

.left h3 {
	clear: both;
	background-image: url(../images/img08.jpg);
	border: 1px solid #999999;
	color: #333;
	padding: 4px 0 4px 10px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
.left_frame {
	margin: 0 0 10px 0;
	color: #000;
	padding: 3px;
	background-color: #FFFFE6;
	border: 1px solid #999999;
}		
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	clear: both;
	background-image: url(../images/img08.jpg);
	border: 1px solid #999999;
	color: #333;
	padding: 4px 0 4px 10px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }
FORM {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
}

TEXTAREA {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}



/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.pro15 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#1841c8 url(../images/menu/pro_15_0.gif);}
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; widht: 90px; line-height:30px; background:url(../images/menu/pro_15_0.gif); color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(../images/menu/pro_15_0.gif) right top; padding:0 16px 0 8px;}
.pro15 li.current a {color:#fff; background:url(../images/menu/pro_15_2.gif);}
.pro15 li.current a b {background:url(../images/menu/pro_15_2.gif) no-repeat right top;}
.pro15 li a:hover {color:#fff; background: url(../images/menu/pro_15_1.gif);}
.pro15 li a:hover b {background:url(../images/menu/pro_15_1.gif) no-repeat right top;}
.pro15 li.current a:hover {color:#fff; background: url(../images/menu/pro_15_2.gif); cursor:default;}
.pro15 li.current a:hover b {background:url(../images/menu/pro_15_2.gif) no-repeat right top;}
.pro15 li a em {display:block; float:left; width:0px; height:30px;}
.pro15 li a em.home {background:url(../images/menu/home2.gif) no-repeat center center;}
.pro15 li a em.calendar {background:url(../images/menu/events.gif) no-repeat center center;}
.pro15 li a em.camera {background:url(../images/menu/camera.gif) no-repeat center center;}
.pro15 li a em.find {background:url(../images/menu/find.gif) no-repeat center center;}
.pro15 li a em.contact {background:url(../images/menu/contact.gif) no-repeat center center;}
.pro15 li a em.search {}

/*.pro15 li a em.search {background:url(search.gif) no-repeat center center;}*/


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100; background:#fff url(../images/menu/image_drop_back.gif) repeat-x; padding-left:20px;border:1px solid #000; border-width:0 1px;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(../images/menu/image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(../images/menu/image_drop_1a.gif) right top; padding:0 15px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:26px;}

.menu li.top a.top_link span.drop {background: url(../images/menu/image_drop_0a.gif) right top; padding:0 25px 0 0;}

.menu li a#home b.b_top {background:transparent url(../images/menu/home.gif) no-repeat center center;}
.menu li a#products b.b_top {background:transparent url(../images/menu/page.gif) no-repeat center center;}
.menu li a#services b.b_top {background:transparent url(../images/menu/monitor.gif) no-repeat center center;}
.menu li a#contacts b.b_top {background:transparent url(../images/menu/links.gif) no-repeat center center;}
.menu li a#shop b.b_top {background:transparent url(../images/menu/info.gif) no-repeat center center;}
.menu li a#privacy b.b_top {background:transparent url(../images/menu/page.gif) no-repeat center center;}
.menu li a#script b.b_top {background:transparent url(../images/menu/script.gif) no-repeat center center;}
.menu li a#design b.b_top {background:transparent url(../images/menu/design.gif) no-repeat center center;}
.menu li a#tut b.b_top {background:transparent url(../images/menu/book.gif) no-repeat center center;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link {background: url(../images/menu/image_drop_1b.gif);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(../images/menu/image_drop_1b.gif) right top;}
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {background: url(../images/menu/image_drop_0b.gif) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(../images/menu/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(../images/menu/dropa_0.gif) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(../images/menu/drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(../images/menu/dropb_0.gif) right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(../images/menu/dropba_1.gif) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(../images/menu/drop_1.gif) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(../images/menu/dropb_1.gif) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:url(../images/menu/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(../images/menu/dropb_1.gif) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(../images/menu/book.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.key {background:transparent url(../images/menu/key.gif) no-repeat center center;}
.menu ul.sub b.cog {background:transparent url(../images/menu/cog.gif) no-repeat center center;}
.menu ul.sub b.folder {background:transparent url(../images/menu/folder.gif) no-repeat center center;}
.menu ul.sub b.monitor {background:transparent url(../images/menu/monitor.gif) no-repeat center center;}
.menu ul.sub b.paint {background:transparent url(../images/menu/paint.gif) no-repeat center center;}
.menu ul.sub b.house {background:transparent url(../images/menu/house.gif) no-repeat center center;}
.menu ul.sub b.people {background:transparent url(../images/menu/people.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../images/menu/info.gif) no-repeat center center;}
.menu ul.sub b.shop {background:transparent url(../images/menu/shop.gif) no-repeat center center;}
.menu ul.sub b.email {background:transparent url(../images/menu/email.gif) no-repeat center center;}
.menu ul.sub b.world {background:transparent url(../images/menu/world.gif) no-repeat center center;}
.menu ul.sub b.text {background:transparent url(../images/menu/text.gif) no-repeat center center;}
.menu ul.sub b.qmark {background:transparent url(../images/menu/qmark.gif) no-repeat center center;}
.menu ul.sub b.stop {background:transparent url(../images/menu/stop.gif) no-repeat center center;}
.menu ul.sub b.edit {background:transparent url(../images/menu/edit.gif) no-repeat center center;}
.menu ul.sub b.gb {background:transparent url(../images/menu/gb.gif) no-repeat center center;}
.menu ul.sub b.reservation {background:transparent url(../images/menu/reservation.gif) no-repeat center center;}
/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(../images/menu/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}



.roundedcornr_box_501028 {
	background: url(roundedcornr_501028_tl.png) no-repeat top left;
}
.roundedcornr_top_501028 {
	background: url(roundedcornr_501028_tr.png) no-repeat top right;
}
.roundedcornr_bottom_501028 {
	background: url(roundedcornr_501028_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_501028 div {
	background: url(roundedcornr_501028_br.png) no-repeat bottom right;
}
.roundedcornr_content_501028 {
	background: url(roundedcornr_501028_r.png) top right repeat-y;
}

.roundedcornr_top_501028 div,.roundedcornr_top_501028,
.roundedcornr_bottom_501028 div, .roundedcornr_bottom_501028 {
	width: 860px;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_501028, .roundedcornr_bottom_501028 {
	margin-top: -19px;
}
.roundedcornr_content_501028 { padding: 0 3px; }