/***************************************************
    MASTER CSS file for InArt
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
    
    STRUCTURE:
    01/ BASIC SETTINGS 
    02/ LAYOUT & GRID
    03/ NAVIGATION
    04/ CONTENT
    05/ MISC
	
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*    { margin: 0; padding: 0; list-style: none; outline: none; }
body { font: normal .75em/1em Arial, Helvetica, sans-serif; color: #fff; background: #333 url(../images/layout/body.png); padding-bottom: 80px; }

/**** RESET ***/
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, #printContacts                 { display: none; }

/*** headings ***/
h1, h2, h3, h4, h5, h6                     { clear: both; line-height: 1.5em; }

a       { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

/*
02/ LAYOUT & GRID
==================================================*/
#wrapper              { width: 100%; }
#wrapperInner         { width: 940px; height: 100%; overflow: hidden; margin: 0 auto; }

#mainNavWrapper       { height: 100%; overflow: hidden; }
	#mainNav { height: 100%; overflow: hidden; margin: 20px 10px 0 0; }

#header { width: 920px; height: 100%; overflow: hidden; background: #eee url(../images/layout/header-line.gif) repeat-x 0 87px; border: 10px solid #888; margin-bottom: 15px; }
	#headerNav { display: inline; float: left; width: 195px; margin-left: 25px; }
	#flash { display: inline; float: right; width: 680px; margin-bottom: -1px; color: #333; }
	#flash a,
	#flash a:hover { color: #333; text-decoration: underline; }

#nav                  { width: 920px; height: 100%; overflow: hidden; margin: 0 auto 15px auto; }

#container            { width: 920px; height: 100%; overflow: hidden; margin: 0 auto; }
	#mainContainer        { display: inline; float: right; width: 690px; height: 100%; overflow: hidden; }
	#mainContent          { width: 630px; height: 100%; overflow: hidden; padding: 30px; background: #777; margin-bottom: 15px; }
	.home #mainContent { width: 690px; padding: 0; background: none; margin: 0; }


#brandMenuHolder    { display: inline; float: left; width: 175px; height: 100%; overflow: hidden; padding-left: 25px; }

#footerLogo { padding: 10px; background: #fff; width: 900px; margin: 0 auto 10px auto; } 

#footer { width: 920px; height: 100%; overflow: hidden; margin: 0 auto; font-size: 10px; color: #9f9f9f; }

/*
03/ NAVIGATION
==================================================*/

/*** MAIN MENU ***/
#mainMenu             { float: right; font-size: 12px; border-right: 1px solid #888; height: 100%; overflow: hidden; }
#mainMenu li { float: left; }
#mainMenu a { display: block; padding: 6px 0 5px 0; width: 112px; border-top: 1px solid #888; border-left: 1px solid #888; text-align: center; background: #444; color: #fff; text-decoration: none; }
#mainMenu a:hover { background: #888; color: #fff; text-decoration: none; }

#mainMenu .on a,
#mainMenu .on a:hover { background: #888; color: #fff; text-decoration: none; }

/*** HEADER MENU ***/
#headerMenu { padding-top: 25px; line-height: 1.1em; font-size: 12px; }
#headerMenu li { margin-bottom: 8px; }
#headerMenu a { color: #333; text-decoration: none; }
#headerMenu a:hover { color: #888; text-decoration: none; }

#headerMenu .on a,
#headerMenu .on a:hover { color: #888; text-decoration: none; }

/*** BRAND MENU ***/
#brandMenuHolder { margin-bottom: 20px; }
#brandMenuHolder h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin-top: 15px; margin-bottom: 20px; }

#brandMenu li { line-height: 1.2em; margin-bottom: 7px; padding-left: 10px; background: transparent url(../images/layout/brandmenu-arrow.gif) no-repeat 0 5px;  }

#brandMenu ul { margin: 10px 0 10px 5px; }
#brandMenu ul ul { font-size: .95em; }
#brandMenu ul ul li { margin: 3px 0; }

#brandMenu a { color: #fff; text-decoration: none; }
#brandMenu a:hover { color: #fff; text-decoration: underline; }

#brandMenu .on a,
#brandMenu .on a:hover { color: #fff; text-decoration: none; font-weight: bold; }

#brandMenu .on ul a,
#brandMenu .on ul a:hover { font-weight: normal; }

#brandMenu .on ul a:hover { text-decoration: underline; }

#brandMenu .on ul a.on,
#brandMenu .on ul a.on:hover { text-decoration: underline; }


/*
04/ CONTENT
==================================================*/

/*** LOGO ***/
#logo { width: 113px; height: 37px; margin: 25px 0 25px 0; }
#logo a       { display: block; width: 113px; height: 37px; text-indent: -9999px; background: transparent url(../images/layout/logo.gif) no-repeat 0 0; }

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

/*** OPTIONS ***/
#options     { display: inline; float: right; height: 100%; overflow: hidden; }
#printIcon   { display: inline; float: left; width: 11px; height: 10px; overflow: hidden; background: transparent url(../images/layout/print.gif) no-repeat 0 0; text-indent: -9999px; margin: 3px 15px 0 0; }
#fontSize    { display: inline; float: left; height: 100%; overflow: hidden; letter-spacing: 2px; padding-bottom: 2px; }
#fontSize a  { color: #fff; text-decoration: none; cursor: pointer; }
#fontSize a:hover { color: #fff; text-decoration: underline; }

#small  { font-size: 10px; }
#normal { font-size: 12px; }
#large  { font-size: 15px; }

/*** FOOTER LOGO ***/
#footerLogo { text-align: left; }
#footerLogo img { vertical-align: middle; margin: 5px 15px; }

/*
05/ MISC
==================================================*/
#topLink   { height: 100%; overflow: hidden; padding: 15px 0; text-align: right; }

#featuredContentHolder { height: 100%; overflow: hidden; width: 690px; background: #434343; padding: 10px; } 
#featuredContent ul { margin: 0; padding: 0; }
#featuredContent li { float: left; margin: 0 50px 0 0; padding: 0; background: none; }

#copyright { display: inline; float: left; width: 400px; }

#development                  { color: #9f9f9f; display: inline; float: right; width: 450px; text-align: right; }
#development a                { color: #9f9f9f; text-decoration: underline; }
#development a:hover          { color: #9f9f9f; text-decoration: none; }

/*** Banner ***/
#banner { height: 90px; text-align: right; padding: 20px 10px 0 20px; }