/*--------------------------------------
   BASIC
--------------------------------------- */
*                                       { margin: 0; padding: 0; list-style: none; outline: none; }

body                                                   {
	font: normal 13px/1em Arial, Helvetica, sans-serif;
	color: #166393;
	background: #155781 url(../images/layout/body-bg.gif) repeat-x 0 0;
	text-align: center;
	padding: 0 0 40px 0;
}
a img                                   { border: none; }
a, a img,
a:link, a:visited,
a:hover, a:active                       { outline: none; }
input:focus,
textarea:focus, 
select:focus                            { outline: none; } /* Safari Fix. */
#printLogo                              { display: none; }

/*--------------------------------------
   HEADER
--------------------------------------- */
#header                                 {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 350px;
	text-align: left;
}
#headerFlash                            { position: absolute; bottom: 0; left: 0; }
	
/*--------------------------------------
   LANGUAGE
--------------------------------------- */	
#lang                                   {
	height: 20px;
	padding: 0 0 0 0;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 16px;
	right: 230px;
}
	
#lang li                                { float: left; padding-top: 0; }
#lang .first                            { margin-right: 15px; padding-top: 3px; }

#lang a                                 {
	display: block;
	float: left;
	width: 24px;
	height: 15px;
	text-align: center;
	color: #084d87;
	text-decoration: none;
	font-weight: normal;
	padding-top: 2px;
}
#lang a:hover                           { text-decoration: underline; }
#lang .on a,
#lang .on a:hover                       {
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/layout/lang-on.gif) no-repeat 0 0;
}	

/*--------------------------------------
   SEARCH FORM
--------------------------------------- */
.searchForm       { position: absolute; top: 10px; right: 0; width: 209px; height: 30px; overflow: hidden; background: transparent url(../images/layout/search-bg.gif) no-repeat 0 0; }
.searchForm fieldset { border: none; }
.searchFormInput  { position: absolute; top: 8px; right: 35px; width: 165px; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; color: #666; border: none; background: #fff; }
.searchFormSubmit { display: block; position: absolute; top: 7px; right: 5px; width: 26px; height: 16px; overflow: hidden; padding-top: 0; text-indent: 9999px; border: none; background: transparent url(../images/layout/search-button.gif) repeat-y 0 0; padding-left: 26px; }


/*--------------------------------------
   mainNav & logo
--------------------------------------- */	
#mainNav                                { padding: 0 30px; }
#logo                                   {
	display: block;
	float: left;
	width: 241px;
	height: 69px;
	background: transparent url(../images/layout/optocentar-laserski-centar-logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin-top: 32px;
}
	
/*--------------------------------------
   WRAPPER (Basic layour)
--------------------------------------- */
#wrapper                                { width: 960px; margin: 0 auto; text-align: left; }
	
/*--------------------------------------
   NAV (Path, Options)
--------------------------------------- */	
#nav                                    {
	height: 100%;
	overflow: hidden;
	padding: 10px 20px;
	line-height: normal;
}
#nav li                                 { float: left; }
#nav a                                  { color: #fff; text-decoration: none; }

/*--------------------------------------
   Path
--------------------------------------- */
#path                                   { display: inline; float: left; width: 700px; font-size: .9em; }
#path li                                {
	background: transparent url(../images/layout/path-arrow.gif) no-repeat right center;
	padding-right: 10px;
	margin-right: 7px;
}
#path .on                               { margin: 0; padding: 0; background: none; }

/*--------------------------------------
   Options
--------------------------------------- */
#options                                { display: inline; float: right; margin-top: -2px; }
#options a:hover                        { text-decoration: underline; }
#print a                                {
	display: block;
	width: 11px;
	height: 10px;
	text-indent: -9999px;
	background: transparent url(../images/layout/print.gif) no-repeat 0 0;
	margin: 3px 15px 0 0;
}
#small                                  { font-size: 9px; margin-top: 4px; }
#normal                                 { font-size: 11px; margin: 2px 4px 0 5px; }
#large                                  { font-size: 14px; }

/*--------------------------------------
   CONTAINER
--------------------------------------- */
#container                              { height: 100%; overflow: hidden; }
#mainContentWrapper                     {
	display: inline;
	float: right;
	width: 636px;
	background: #fff url(../images/layout/container-bottom.gif) no-repeat left bottom;
	height: 100%;
	overflow: hidden;
}
#mainContent                            {
	background: transparent url(../images/layout/container-top.gif) no-repeat left top;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	padding: 1px 20px 20px 20px;
}
#secContent                             { display: inline; float: left; width: 310px; }

/*--------------------------------------
   CONTAINER // HOME Spec.
--------------------------------------- */	
.home #mainContentWrapper               { float: left; }
.home #secContent                       { float: right; }

/*--------------------------------------
   BOX (secContent)
--------------------------------------- */
#secContent .boxWrapper                 {
	background: #fff url(../images/layout/box-bottom.gif) no-repeat left bottom;
	height: 100%;
	overflow: hidden;
}
#secContent .box                        {
	background: transparent url(../images/layout/box-top.gif) no-repeat 0 0;
	padding: 0 20px 20px 20px;
}
.home #secContent .box                  { min-height: 170px; height: auto !important; height: 170px; }
	
/*--------------------------------------
   SEC-CONTAINER
--------------------------------------- */	
#secContainerWrapper                    { background: transparent url(../images/layout/3box-bg.gif) repeat-y 0 0; height: 100%; overflow: hidden; margin-bottom: 15px; }
#secContainerTop                        { background: transparent url(../images/layout/3box-top.gif) no-repeat 0 0; }
#secContainerBottom                     { background: transparent url(../images/layout/3box-bottom.gif) no-repeat left bottom; height: 100%; overflow: hidden; width: 975px; }

#secContainerWrapper .boxWrapper        {
	display: inline;
	float: left;
	width: 310px;
	margin-right: 15px;
}
	
#secContainerWrapper .box                      { padding: 0 20px 20px 20px; }

/*--------------------------------------
   FEATURED CONTENT
--------------------------------------- */	
#featuredContentHolder { height: 100%; overflow: hidden; margin: 15px 0 0 0; padding: 10px 0 0 0; background: transparent url(../images/layout/featured-content-top.gif) no-repeat 0 0; }
#featuredContent { background: #fff url(../images/layout/featured-content-bottom.gif) no-repeat left bottom; padding: 0 20px 10px 20px; line-height: 18px; height: 100%; overflow: hidden; }
#containerWrapper #featuredContent ul { margin: 0 0 0 -21px; padding-left: 0; height: 100%; overflow: hidden; }
#containerWrapper #featuredContent ul li { background: none; margin: 0 15px 0 0; padding: 0 0 0 15px; border-left: 1px solid #ccc; float: left; }

/*--------------------------------------
   FOOTER (topLink, development)
--------------------------------------- */	
#topLink                                { padding: 10px 20px; text-align: right; font-size: .9em; clear: both; }
#topLink a                              { color: #155781; text-decoration: underline; }
#topLink a:hover                        { color: #155781; text-decoration: none; }

#development                            {
	text-align: center;
	font-size: .9em;
	color: #849faf;
	padding-top: 30px;
}
#development a                          { color: #849faf; text-decoration: underline; }
#development a:hover                    { color: #fff; text-decoration: none; }