/* LT Plan main 1 stylesheet */

body                         {
	margin: 0; padding: 0;
	font: normal .8em/1.3em Arial, Helvetica, sans-serif;
	background: #fff;
}
a                            { cursor: pointer; }
#container                   {
	width: auto;
	height: 857px;
	margin: 0 auto;
	background: #da251d url(../images/bodyBg.gif) repeat-x;
}
#wrapper                     { width: 960px; height: auto; margin: 0 auto; }
#print-logo                             { display: none; }
a img                                   { border: none; outline: none; }
img                                     { outline: none; }

/* header background slika i flash header */

#homepage_header                          {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/startajmo_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#filozofija_header                        {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/filozofija_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#team_header                              {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/team_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#usluge_header                            {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/projektiranje_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#nadzor_header                            {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/nadzor_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#konzalting_header                        {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/konzalting_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#gradnja_header                           {
	width: 960px; height: 510px;
	margin: 0 auto;
	background: url(../images/gradnja_Bg.jpg) no-repeat;
	border: 1px solid #ddd;
	position: relative;
}
#balon                                    {
	width: 250px; height: 250px;
	position: absolute;
	left: 0; top: 0;
}
#kula                                     {
	width: 300px; height: 200px;
	position: absolute;
	left: 500px; top: 0;
}
#cube                                     {
	width: 250px; height: 232px;
	position: absolute;
	left: 25px; top: 122px;
}
#bulb                                     {
	width: 220px; height: 180px;
	position: absolute;
	left: 230px; top: 155px;
}
#hand                                     {
	width: 545px; height: 260px;
	position: absolute;
	left: 0; top: 0;
}
#mara2                                    {
	width: 730px; height: 98px;
	position: absolute;
	top: 20px; left: 0;
}
#lineart                                  {
	width: 960px; height: 200px;
	position: absolute;
	top: 0; left: 0;
}
/* homepage text layer */

#textlayer              {
	width: 524px; height: 186px;
	position: relative;
	top: 187px;
	float: right;
	background: url(../images/transparent.png);
	padding: 28px 64px 0 64px;
	z-index: 10;
}
#textlayer p            {
	padding: 0; margin: 0;
	font-size: 11px;
	color: #333;
}
#textlayer a            { color: #333; text-decoration: underline; }
#textlayer a:hover      { color: #000; text-decoration: underline; }


/* lijevi stupac sa navigacijom */

#leftcol                        {
	width: 160px; height: auto;
	padding: 10px 0 0 65px;
	float: left;
}
#leftnav                        {
	display: block;
	margin: 0; padding: 0;
	text-align: right;
	list-style-type: none;
	width: 160px;
}
.leftnav_li                     {
	border-bottom: 1px solid #fff;
	display: block;
	padding: 3px 0 6px 0;
	width: 160px;
}
.last_li                        { border-bottom: 0; display: block; padding: 3px 0 6px 0; }
.leftNav                        { color: #fff; text-decoration: none; }
.leftNav:hover                  { color: #333; text-decoration: none; }
.leftNav_active                 { color: #333; text-decoration: none; }
.leftNav_active:hover           { color: #333; text-decoration: none; }

li.menu:hover a                 { color: #333; text-decoration: none; }
li.menu:hover ul li a           { color: #fff; }
li.menu:hover ul li a:hover     { color: #333; }
li.menu:hover ul li a.on, 
li.menu:hover ul li a.on:hover  { color: #333; }
#leftnav .menu2 ul li .flyoutmenu:hover { color: #333; }

/* css menu navigacija */

.menu                   { position: relative; }
.menu ul                {
	display: none;
	float: left;
	background: #ab251c;
	margin: 0;
	padding: 0 10px 5px 5px;
	list-style-type: none;
	width: 80px; height: 80px;
	position: absolute;
	top: 0; left: 160px;
	line-height: 1.2em;
}
.menu:hover ul          {
	display: block;
	float: left;
	background: #ab251c;
	margin: 0;
	padding: 0 10px 5px 5px;
	list-style-type: none;
	width: 80px; height: 80px;
	position: absolute;
	top: 0; left: 160px;
	line-height: 1.2em;
}
.flyoutmenu             { color: #fff; text-decoration: none; width: 80px; }
.flyoutmenu:hover       { color: #333; text-decoration: none; width: 80px; }


/* desni stupac sa sadržajem */

#rightcol                    {
	width: 435px; height: auto;
	padding: 15px 0 20px 295px;
	float: left;
	background: url(../images/righrtColBg_1.gif) 90px 10px no-repeat;
}
#hpbox                       {
	margin: 0; padding: 0;
	list-style-type: none;
	width: 425px;
}
#hpbox li                    {
	display: block;
	width: 125px; height: 140px;
	padding: 5px 10px 10px 0;
	margin: 0;
	float: left;
}
.hplinks                     { color: #fff; font-size: 10px; text-decoration: none; }
.hplinks:hover               { color: #fff; font-size: 10px; text-decoration: underline; }
.hp_hdg                      {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
	display: block;
}
.hp_hdg:hover                {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
	display: block;
	text-decoration: underline;
}
#sixpack_1                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_1.jpg) no-repeat;
}
#sixpack_2                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_2.jpg) no-repeat;
}
#sixpack_3                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_3.jpg) no-repeat;
}
#sixpack_4                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_4.jpg) no-repeat;
}
#sixpack_5                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_5.jpg) no-repeat;
}
#sixpack_6                   {
	display: block;
	width: 125px; height: 100px;
	background: url(../images/template_1_frontPhoto_6.jpg) no-repeat;
}


/* footer */

#footer   {
	width: auto; height: 120px;
	background: url(../images/footerBg.jpg) repeat-x;
	margin: 0 auto;
}
#footer2 {
	width: 960px; height: 20px;
	background: #fff;
	margin: 0 auto;
}
#copy    {
	font-size: 10px;
	color: #333;
	width: 200px;
	float: left;
	padding: 20px;
	margin: 0;
}
#impressum                    {
	font-size: 10px;
	color: #333;
	float: right;
	padding: 20px;
	margin: 0;
}
#impressum a                  {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}
#impressum a:hover            {
	font-size: 10px;
	color: #333;
	text-decoration: underline;
}
#foowrapper                   { width: 960px; margin: 0 auto; }
#foowrapper a                 { color: #333; }
#foowrapper a:hover           { color: #000; }
#foobar                       {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	width: 735px;
	height: 95px;
	display: block;
	float: right;
}
#fbar105                      {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 86px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#fbar10                       {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 86px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#fbar5                        {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 86px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#fbar5276                          {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 110px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#fbar236850                        {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 133px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#fbar0                             {
	padding: 10px 5px 0 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #da251d;
	float: right;
	display: block;
	width: 98px;
	height: 85px;
	color: #da251d;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.fbar105txt                        {
	position: absolute;
	width: 60px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: -7px;
	line-height: 1.5em
}
.fbar10txt                         {
	position: absolute;
	width: 60px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: 5px;
	line-height: 1.5em
}
.fbar5txt                          {
	position: absolute;
	width: 60px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: 5px;
	line-height: 1.5em
}
.fbar5276txt                       {
	position: absolute;
	width: 60px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: 5px;
	line-height: 1.5em
}
.fbar236850txt                     {
	position: absolute;
	width: 60px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: 5px;
	line-height: 1.5em
}
.fbar0txt                          {
	position: absolute;
	width: 80px;
	height: 85px;
	color: #333;
	font-size: 11px;
	top: 15px;
	left: 5px;
	line-height: 1.5em
}
#icons                             {
	padding: 10px 0;
	margin: 0;
	list-style-type: none;
	display: block;
}
#icons li                          {
	display: block;
	float: right;
	padding: 10px 0 0 15px;
}
.printicon                         {
	width: 23px;
	height: 24px;
	background:url(../images/printicon.gif) no-repeat;
	text-decoration: none;
	display: block;
	padding: 0;
}
.emailcon                          {
	width: 23px;
	height: 24px;
	background: url(../images/emailicon.gif) no-repeat;
	text-decoration: none;
	display: block;
	padding: 0;
}
#large                             {
	font-size: 18px;
	color: #333;
	width: 12px;
	height: 24px;
	display: block;
	padding: 5px 0 0 0;
	margin-left: -7px;
}
#normal                            {
	font-size: 14px;
	color: #333;
	width: 12px;
	height: 24px;
	display: block;
	padding: 7px 0 0 0;
	margin-left: -7px;
}
#small                             {
	font-size: 10px;
	color: #333;
	width: 12px;
	height: 24px;
	display: block;
	padding: 8px 0 0 0;
	margin-left: -7px;
}
.size                              { color: #333; text-decoration: none; }
.size:hover                        { color: #fff; text-decoration: underline; }