/*
	ESKILL BASE SCREEN STYLESHEET
	v 1.0
	
	USE RELATIVE UNITS FOR TEXT SIZES, HANDY TOOL: http://riddle.pl/emcalc/
	
		Common sizes relative to 16px base (default in most browsers):
		10px = .625em; 	
		11px = .6875em;	
		12px = .75em;
*/

* { margin:0; padding:0; }

body { font: 0.75em/140% arial, sans-serif; color: #5c5b5b; background: #767676; }
body.property { color:#fff; }

img { border:0; }
a { text-decoration: none; color: #004588; font-weight: bold; }
a:hover { color: #497fb3; }

/* adjust fonts and spacing for headings */
h1,h2,h3,h4,h5,h6 {  }
h1 { font-size: 3.2em; font-weight: normal; }
h2 { font-size: 1.5em; font-weight: normal; }
h3 { font-size: 1.2em; color: #004c8d; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.0833em; }
h6 { font-size: 1em; }

.frontpage h1 { font-size: 4em; font-weight: normal; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; padding: 2px; border: 1px solid #666; color: inherit; }
input {}
textarea { font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */
input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */
input[type='radio'], input[type='checkbox'] { border: none; }
select {}
button {}

/* mind the font-sizes in tables */
table { font-size: inherit; border-collapse: collapse; }
th,td { padding: 2px; }
th { text-align: left; }
td {}

ul { list-style: none; }
ol {}
dl {}
dt {}
dd {}
blockquote {}
q {}

#content ul { padding-left: 20px; }
#content li { list-style: disc; } 


/*	adjust spacing for lists and quotes 
	assumes you have a wrapper around the content
	with classname content, change this to whatever suits your fancy... */
.content ul, .content ol, .content dl, 
.content blockquote, .content q { margin: 1em 0 1em 2em; }
.content ul { list-style: disc; }
.content dd { margin-left: 2em; }

/* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */
#content p,
#pageitem p { margin:10px 0; }

.frontpage #content p { margin:2px 0; }
.property #content p { margin:0 0 10px 0; }

/* do not change these */
.hidden, .access { display: none !important; }
.eskill-text-link { display: none; }
.eskill-image-link { display: none; } 

.left { float: left; }
.right { float: right; }
.clearthis, .clear, .clearme { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of do not change these and hide from IE-mac */



/***** Wrappers *****/
#wrapper { position:relative; width: 980px; min-height:555px; margin:77px auto; }

.frontpage #wrapper { min-height:500px; background: url(/library/288) no-repeat; }
.page_TM #wrapper { background: url(/library/297) no-repeat; }
.page_Refresco #wrapper { background: url(/library/299) no-repeat; }
.page_Annad #wrapper,
.page_Other #wrapper { background: url(/library/298) no-repeat; }



.frontpage #contentwrapper { height:395px; width:890px; padding:40px 45px 65px; position:relative; }
.subpage   #contentwrapper { min-height:320px; width:890px; padding:0px 45px 20px; position:relative; background:url(/library/292) repeat-y; }
.property  #contentwrapper { height:225px; width:930px; padding:40px 25px 65px; }


/***** Content *****/

#content { min-height:300px; float:left; position:relative; }
#pageitem { min-height:300px; float:left; }

.frontpage #content { width:595px; margin:25px 0 0 250px; padding-left:25px; border-left:1px solid #dbd9d9; }
.frontpage #pageitem { width:200px; margin:25px 0 0 -845px; }

.subpage #content { width:645px; margin:20px 0 0 25px; padding-right:25px; border-right:1px solid #dbd9d9; }
.subpage #pageitem { width:150px; margin:20px 0 0 25px; }

.property #content { width:500px; margin:0px 0 0 425px; padding:0; min-height:225px; border-left:none; }
.property #pageitem { width:370px; margin:0px 0 0 -920px; min-height:225px; border-left:none; }

/***** Header *****/
#header { height:91px; background:url(/library/293) no-repeat; }
#header h1 { padding:10px; display:block; position:absolute; top:40px; left:33px; font-size:3em; font-weight:bold; }

.property #header { height:170px; background:none; }


/***** Footer *****/
.frontpage #footer { position: absolute; bottom: 20px; left: 45px; font-size: 0.83em; color:#989898; }
.subpage #footer { height:38px; padding:30px 0 0 45px; color:#989898; font-size: 0.83em; background:url(/library/291) no-repeat; }


/***** Banner *****/
.banner { height:170px; width:980px; margin-top:30px; }
.page_TM .banner { background: url(/library/302) no-repeat 0 25px; }
.page_Refresco .banner { background: url(/library/301) no-repeat 0 25px; }
.page_Annad .banner,
.page_Other .banner { background: url(/library/300) no-repeat 0 25px; }


/***** Navigation *****/
#nav { position:absolute; top:-55px; width:980px; height:52px; background:url(/library/289) no-repeat; }

#nav ul { float: left; padding: 20px 0 0 0px; }
#nav ul ul { position: absolute; padding: 6px 0 0; top: 55px; left: 200px; }

#nav ul li { float: left; border-left: 1px solid #fff; padding: 0 7px; text-transform: uppercase; font-weight: bold; }
#nav ul li.first { border-left: none; }
#nav ul li a { color: #FFF; display:block; font-size:1.18em; }
#nav ul li a.frontpage { color: #989898; }
#nav ul li a.selected { color: #989898; }

#nav ul li li { font-size: 0.9em; border-left: 1px solid #ffffff; font-weight: bold; }
#nav ul li li.first { border-left: none; }
#nav ul li li a { color: #fff; height:16px; margin-top:-4px; display:block; font-size:1.1em; }
#nav ul li li a.selected { color: #424143; }

#nav .logo { display: block; outline: 0; text-indent:-9999px; background: url(/library/305) no-repeat center center; margin: 0 21px 0 5px; height: 50px; width: 174px; float: left; }
#nav .language { position:absolute; right:10px; top:15px; color:#fff; font-weight:normal; }

/**** Page item ****/

#pageitem .pi-item{ margin-bottom:40px; font-size:1em; }
#pageitem .pi-item h2 { margin-bottom:10px; font-size:1em; font-weight:bold; color:#004588; }

.frontpage #pageitem .pi-item { margin-bottom:40px; font-size:1em; font-weight:bold; }
.frontpage #pageitem .pi-item h2 { text-transform:uppercase; font-size:1.18em; font-weight:bold; }

.property #pageitem .pi-item { margin:0; text-align:center; }
.property #pageitem .pi-item a.proplink { color:#ffffff; margin-top:10px; display:block; }
.property #pageitem .pi-item .propother { margin-top:80px; display:block; color:#6C7008; font-family:Myriad Pro; font-size:2em; font-weight:normal; text-transform:uppercase; }

#pageitem .pi-item h3 { font-size: 1.1em; font-weight: normal; color: #5c5b5b; }
#pageitem .pi-item ul { padding-left: 20px; }
#pageitem .pi-item li { list-style: disc; }



/***** Content *****/

/***** News *****/
.newsitem { margin-bottom:20px; }
.newsitem.last { margin-bottom:0px; }
.newsitem .dates { font-size:0.9em; }
.newsitem .headlines { font-size:1.1em; }
.newsitem .morelink { font-weight:normal; }

.arcivelink { padding-left: 13px; background: url(/library/290) no-repeat center left; }



/***** Investment Portfolio *****/
#investmentPortfolioList { width:645px; font-family:Myriad Pro; font-size:0.93em; }
#investmentPortfolioList div { display:block; }
#investmentPortfolioList .box { height:59px; float:left; }
#investmentPortfolioList .box a { color:#ffffff; font-weight:normal; display:block; }
#investmentPortfolioList .image { margin:0 5px; }
#investmentPortfolioList .line1 .image { margin:0 5px 0 0; }

#investmentPortfolioList .line { height:59px; margin-bottom:5px; }
#investmentPortfolioList .line2 .first { width:135px; background:#fe9602; }
#investmentPortfolioList .line3 .first { width:275px; background:#252122; }

#investmentPortfolioList .line1 .text a { width:335px; height:46px; padding:13px 155px 0 15px; background:#1d805a; }
#investmentPortfolioList .line2 .text a { width:225px; height:46px; padding:13px 125px 0 15px; background:#fe9602; }
#investmentPortfolioList .line3 .text a { width:210px; height:39px; padding:20px 0px 0 15px; background:#252122; }