@charset "utf-8";
/*  CSS Document for Corporate */
/*
******************************************************************************************************

Title:			style.css
Browser(s): 	All         // Browse happy, browse with Firefox! //

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		06.10.2008

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/

* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}

body {
	background:#D2E1E3;
	text-align: center;
	margin: 0 auto;
	font-size: 62.5%; 
	font-family: Arial, Helvetica, Sans-Serif; 
	line-height: 1em; 
	color:#333;
}

div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}
ul{
	
	padding:20px;
	float:left;
}
ul li{
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	list-style: none;
}
ul li.bullet{
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	padding:0 0 0 5px;
	list-style:disc;
}
ul li.bullet_a{
	font-size:1.4em;
	line-height:1.8em;
	font-weight:normal;
	padding:0 0 0 5px;
	list-style:disc;
}

ol{padding:10px 0 10px 20px;
	float:left;}
	
ol li{font-size:1.4em;
	line-height:1.6em;
	}

.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; }
a img { border:none;} /* Remove IE's blue borders */


p{
	font-size:1.4em;
	color:#333333;
	padding:20px 0 20px 0;
	line-height:1.8em;
}
p.bg{
	font-size:1.4em;
	color:#333333;
	margin:20px 0 0 0;
	padding:10px;
	line-height:1.8em;
	background:#FFFFFF;
}
p.big{
	font-size:1.6em;
	color:#333;
	padding:20px 0 20px 0;
	line-height:1.8em;
}
p.small{
	font-size:1.2em;
	color:#333;
	padding:20px 0 20px 0;
	line-height:1.8em;
}
p.news{
	font-size:1.2em;
	color:#333;
	padding:0 0 4px 0;
	line-height:1.8em;
	font-weight:bold;
}
p.faq{
	font-size:1.4em;
	color:#333;
	padding:0 0 4px 0;
	line-height:1.8em;
	font-weight:bold;
}

a.back{
	background-color:#fff;
	padding:10px;
	font-weight:bold;
	color:#333;
}
a{ color:#333;text-decoration:none;}
a.more{color:#fff; text-decoration:none; font-weight:bold; padding:0 10px 0 10px;}
a.link{color:#e6730f; text-decoration:none; font-weight:bold; }
a:hover{color:#e6730f; text-decoration:none;}
a:focus {outline: none;}

img.border_r{border:2px solid #fff; float:right; margin:20px;}
img.border_l{border:2px solid #fff; float:left; margin:20px;}

h1{font-size:2.2em; line-height:1.4em;}
h2{font-size:2.2em; line-height:1.4em;}
h3{font-size:1.4em; line-height:1.4em; float:left;}
h4{font-size:2em; line-height:1.4em;}

.right{float:right; font-size:1.1em;}
.left{float:left; font-size:1.1em;}
/*-------------------------------END DEFINE BODY PROPERTIES----------------------------------------*/

#wrapper{
	width:100%;
}
#cont{
	width:960px;
	height:100%;
	text-align:left;
	margin:0 auto;
	padding:0;
	clear:both;
}
#main_cont{
	width:940px;
	text-align:left;
	margin:0 auto;
	padding:10px;
}
#header_hld{
	width:100%;
	height:232px;
	background:url(../images/bg_header.png) top left repeat-x;
	border-bottom:2px solid #666;
	border-top:2px solid #666;
	margin:0;
}
#header{
	background: url(../images/header.jpg) top center no-repeat;
	width:960px;
	height:232px;
	margin:0 auto;
	text-align:center;
}
#footer_hld{
	width:100%;
	background:#9AAEAF;
	border-top:2px solid #f8df80;
	color:#333333;
}
#footer{
	width:960px;
	height:100%;
	margin:0 auto;
	text-align:left;
	padding:20px;
	
}
#disclaimer{
	width:960px;
	height:100%;
	margin:0 auto 0 auto;
}
p.box{
	width:278px;
	float:left;
	margin:20px 0 0 0;
	padding:10px;
	border:1px solid #666;
	text-align:center;
	background:#fff url(../images/footer_box_bg.jpg) top right no-repeat;
}
.box{
	width:300px;
	
	float:left;
	padding:10px;
	text-align:center;
	
}

.box2 {
	width:278px;
	height:510px;
	float:left;
	margin:20px 10px 20px 10px;
	padding:10px;
	border:1px solid #666;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

.box2:hover {
	width:278px;
	height:510px;
	float:left;
	margin:20px 10px 20px 10px;
	border:1px solid #ccc;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

.box3 {
	width:278px;
	height:280px;
	float:left;
	margin:20px 10px 40px 10px;
	padding:10px;
	border:1px solid #666;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

.box3:hover {
	width:278px;
	height:280px;
	float:left;
	margin:20px 10px 40px 10px;
	border:1px solid #ccc;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

.box4{
	width:420px;
	float:left;
	padding:10px;
	margin:10px 10px 30px 0;
	text-align:left;
	border:1px solid #ccc;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

.box5 {
	width:100%;
	float:left;
	margin:20px 0 40px 0;
	padding:20px;
	border:1px solid #666;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}
.box6 {
	width:700px;
	float:left;
	margin:20px 0 40px 0;
	padding:20px;
	border:1px solid #666;
	text-align:left;
	background:#EBEBEB url(../images/box_bg.jpg) top right no-repeat;
}

/*NAVIGATION*/
#nav{width:960px; margin:0 auto; text-align:center;}
#menu{position:relative;margin:0 auto; float:right;}
#menu ul .item{display:none; list-style-image:none;}

#menu ul .top a{color:#fff; }
#menu ul .top a:hover{color:#f8df80; }
#menu ul:hover .item{display:block; background:#666; padding:1px; margin:1px; list-style-image:none; }

#menu ul:hover .item a{color:#f8df80;text-decoration:none; list-style-image:none;}
#menu ul:hover .item a:hover{color:#fff; list-style-image:none;}

#menu ul{width:115px;float:left;margin:0px;padding:2px;background:#666;list-style:none; list-style-image:none;}


	
/*CODA SLIDER*/

#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
	padding:30px 0 0 0;
}

.scroll {
    height: 350px;
    width: 960px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
   
}

.scrollContainer div.panel {
    height: 310px;
    width: 920px;
	padding:20px;
	text-align:left;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding:9px 0 9px 20px;
	
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}


.hide {
    display: none;
}


.icon{ margin:-8px 10px 0 0; float:right;}
.arrow{ display:block; margin:0 0 5px 245px; z-index:1000;}

/*------------------------------MAIL FORM--------------------------------*/

form#two {width:100%;padding:0;margin-top:5px;}
form#two fieldset {width:100%;padding:5px 0 0 0;font-family:Arial, sans-serif;margin-bottom:0.5em;border: 0;font-size: 11px;}
form#two input {border:1px solid #333;padding:0.5em 0 0 0.5em;margin-bottom:0.6em; width:200px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333;}
form#two label {width:250px; display:block; text-align:left; padding:0 0 20px 0; color:#666; margin:0; font-family: Arial, Helvetica, sans-serif; float:left; font-size:1.4em;}
form#two value{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
form#two textarea {width:410px;height:15em;border:1px solid #333;padding:0.5em;overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333;}
form#two #button1 { float:left; color:#ffffff;padding:0;cursor:pointer;width:60px;margin:5px 22px 0 0;border:none;font-family: Arial, sans-serif;font-size: 1em; background-color:#333; }
form#two #button1:hover{margin:5px 22px 0 0;color:#000;font-family: Arial, Helvetica, sans-serif;font-size: 1em; background-color:#f8df80;}
form#two #submit { float:left; color:#000;padding:0;cursor:pointer;width:210px;margin:0 22px 0 0;border:none;font-family: Arial, sans-serif;font-size: 1em; letter-spacing:0.2em; background-color:#fff; }
form#two #submit:hover{margin:0 22px 0 0;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 1em; background-color:#9AAEAF;}


table{ font-size:1.4em; line-height:1.6em; border:none; margin:30px 0 30px 0;}
table tr{border-top:1px solid #fff; padding:5px; background:#f6f6f6;}
table tr.odd{border-top:1px solid #fff; padding:5px; background:#f6f6f6; font-weight:bold; text-transform:uppercase;}
table tr td{padding:10px; text-align:left; }