@charset "utf-8";

/*  CSS Document for Creative Business */

/*

******************************************************************************************************



Title:			main.css

Browser(s): 	All 



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

Created: 		15.12.2008



******************************************************************************************************

*/





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







* {

	margin: 0 auto 0 auto; /* GLOBAL RESET */

	padding: 0;

}

body{

	margin: 0 auto 0 auto;

	font-size: 62.5%; 

	font-family: Arial, Sans-Serif; /*change font*/

	line-height: 150%; 

	color:#333; /*change font color*/

	background: #f5f5f5; /*background color*/

}



div, p, ul, h2, h3, h4, img{

	padding:0px; margin:0px; border:none;

}

ul{

	list-style-type:none;

}

.spacer{

	clear:both; 

	font-size:0px; 

	line-height:0px;

}



a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#819d00; padding:0; margin:0;}

a img { border:none;} /* Remove IE's blue borders */

a:hover{ color:#000;}



txt a{ color:#819d00;}

txt a:hover()



h1 { border:none; margin:10px 0 0 0; padding:0;}

h2 {
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0;
	color:#000;
}/**/

h3 {font-size: 2.6em; line-height:1.2em; font-weight:normal; border:none; width:610px; margin:0 0 10px 10px; padding:0; float:left; color:#0099cc;}/**/

h4 {font-size: 1.6em; border:none; margin:0; padding:0; color:#fff;}/**/

h5 {font-size: 1.8em; line-height:1.2em; border:none; margin:0; padding:0; font-weight:normal;}/**/

h6 {font-size: 2.6em; line-height:1em; font-weight:normal; border:none; width:320px; margin:0 0 20px 0; padding:0; float:right;}/**/

p  {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em;}/**/

.small  {font-size: 1.1em; padding:0; line-height:1.4em;}

.big {font-size: 2.2em; padding:0; line-height:1.4em; color:#666666;}

.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}

.heading {font-size: 1.4em; font-weight:normal; border:none; margin:0; padding:0;}

.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 10px 0; }

.left{ float:left;}

.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}

.left_margin_right_top{ float:left; margin:4px 10px 0 0;}

.right{ float:right;}

.right_margin_top{ float:right; margin:-50px 0 0 0;}

.right_margin_right{ float:right; margin:0 20px 0 0;}

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



.center{width:960px; height:100%; padding:0; margin:0 auto;}



/*------------------------------CONTENT--------------------------------*/



/*HEADER*/



#header{ width:100%; height:321px; background:transparent url(../images/bg_header.jpg) top left repeat-x;}

#header_holder{ width:960px; height:321px; background:transparent url(../images/img_header.jpg) top center no-repeat;}



/*NAVIGATION*/



#nav ul {margin: 10px 0 0 0; padding: 0; list-style: none; float:right;}

#nav ul li,

#nav ul li a {float: left; display: block;}

#nav ul li a {margin: 15px 10px 0 20px; padding: 5px;font-size: 1.4em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

#nav ul li a:hover,

#nav ul li a.selected {background-color: #23ade6;color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;}



/*FOOTER NAVIGATION*/



#f_nav ul {margin: 10px 0 10px 0; padding: 0; list-style: none; float:left;}

#f_nav ul li,

#f_nav ul li a {float: left; display: block;}

#f_nav ul li a {margin: 15px 10px 0 10px; padding: 5px;font-size: 1.2em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

#f_nav ul li a:hover,

#f_nav ul li a.selected {background-color: #23ade6;color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;}



/*Teaser with headings and icons*/

#teaser{ width:960px; height:160px; background:transparent url(../images/bg_teaser.png) top left repeat; margin:-160px 0 0 0;}

.teaser_box{ width:280px; padding:10px; margin:0 10px 0 10px; color:#fff; font-size:1em; float:left; display:inline; overflow:hidden;}



.consulting{ width:154px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/consulting.png) top left no-repeat;}

.education{ width:140px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/education.png) top left no-repeat;}

.finance{ width:111px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/finance.png) top left no-repeat;}



.more{ float:right; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}

.more_left{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}

.view_left{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 18px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}



/*MAIN CONTENT*/



.main{ width:100%; background: transparent url(../images/bg_main.jpg) top left repeat-x; padding:0; margin:0;}

.main_wrapper{ width:960px; height:100%; padding:40px 0 40px 0; margin:0;}



.welcome{width:160px; display:block; text-indent:-9999px; line-height:4em; float:left; margin:0 0 10px 0; background:url(../images/welcome.png) top left no-repeat;}

.news_events{width:220px; display:block; text-indent:-9999px; line-height:2em; float:right; margin:10px 20px 0 0; background:url(../images/latest_news.png) top left no-repeat;}



.separator_top{ width:960px; height:21px; background:transparent url(../images/sep_top.png) top center no-repeat;}

.separator_mid{ width:960px; height:21px; background:transparent url(../images/sep_mid.png) top center no-repeat; margin:20px 0 0 0;}

.separator_bot{ width:960px; height:21px; background:transparent url(../images/sep_bot.png) top center no-repeat;}



.intro{ width:100%; margin:0 0 40px 0;}

.tagline{ margin:0 0 20px 30px;}



#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}

#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	



/*individual content holder*/

.box{ width:629px; height:100%; padding:10px 0 10px 10px; float:left; border-right:1px solid #b6b6b6; border-left:none; border-bottom:none; border-top:none;}

.box a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:20px 20px 20px 0;}

.box_2{ width:300px; height:100%; float:right; padding:10px; display:inline; overflow:hidden;}

.box_2 a{ color:#333;}

.box_2 a:hover{ color:#819d00;}

.box_2 a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}

.box_3{ width:300px; height:100%; float:left; padding:10px; display:inline; overflow:hidden;}



.services{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/services.png) top left no-repeat;}

.featured{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/featured.png) top left no-repeat;}

.proposal{width:171px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/proposal.png) top left no-repeat;}



ul.listing{ padding:20px; margin:0;}

ul.listing li{ list-style-image: none; background-image:url(../images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 25px; font-size:1.2em;}



.img_border{ width:294px; height:80px; background-color:#b6b6b6; padding:2px; margin:20px 0 0 0;}

.img_border2{ width:133px; height:80px; background-color:#fff; padding:2px; margin:0 10px 10px 0; float:left;}

.img_border3{ width:138px; height:138px; background-color:#b6b6b6; padding:1px; margin:5px 10px 0 0; float:left;}

.img_border4{ width:598px; height:251px; background-color:#b6b6b6; padding:1px; margin:0;}



.stroke_main{display:block; border:2px solid #b6b6b6; margin:20px 0 0 0; padding:0; }

.stroke_footer{display:block; border:2px solid #fff; margin:0 10px 10px 0; padding:0; float:left; }



/*NEWS*/



.news{}

.ico_date{ display:block; width:46px; height:51px; background:url(../images/ico_date.png) no-repeat; float:left; margin:0 10px 20px 0;}

.month{ font-size:0.9em; text-transform:uppercase; padding:3px 12px 3px 12px; color:#fff;}

.day{font-size:2em; text-transform:uppercase; padding:1px 12px 10px 11px; color:#666;}



/*FOOTER*/



#footer{overflow: hidden; width:100%; background:transparent url(../images/bg_footer.jpg) top left repeat-x;background-color: #054056; color:#fff; padding:0; margin:0; display:block;}

.footer_cont{ margin:20px 0 0 0;}

.archive a{color:#fff; font-weight:bold;}

.archive a:hover{color:#819d00; font-weight:bold;}

.date{ margin:0 10px 0 0;}

.cc{margin: 30px 0  0 0; font-size:1.1em; float:right;}



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



form#one {width:100%;padding:0;margin:0;}

form#one fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}

form#one input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}

form#one label{font-family:Arial, sans-serif; color:#333; padding:0;}

form#one textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}

form#one #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family: Arial, sans-serif;font-size: 11px;}

form#one #button1:hover{margin:10px 0 0 0;color:#034057;font-family: Arial, sans-serif;font-size: 11px;border:1px solid #b6b6b6; background:#fff; width:50px;}



/*footer form*/



form#two {width:100%;padding:0;margin:0;}

form#two fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}

form#two input {border:none;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#fff; background-color:#1e9cd1;}

form#two label{font-family:Arial, sans-serif; color:#fff; padding:0;}

form#two textarea {width:300px;height:15em;border:none;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#fff; background-color:#1e9cd1;}

form#two #button1 { float:left; color:#fff;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0;border:none;font-family: Arial, sans-serif;font-size: 11px;}

form#two #button1:hover{margin:10px 0 0 0;color:#000;font-family: Arial, sans-serif;font-size: 11px;border:none; background-color:#1e9cd1; color:#fff;width:50px;}