@charset "UTF-8";

/* Mekaia, 2009 */

/* Reset */
html, body {margin: 0; padding: 0; width: 100%; height: 100%; background: #a7a7a7 url('../gfx/head-bg.png') center 345px repeat-x; font: normal 14px/27px 'Tahoma', 'Geneva', sans-serif; color: #2d2d2d}

a, a:visited, a:active {color: #888; outline: none}
a:hover {color: #fff; text-decoration: none}
a img {border: none}

h1 {font-size: 28px; font-weight: normal; margin: 30px 0 0}
h3 {font: bold 15px/18px Tahoma, Geneva, sans-serif; margin:0 0 8px}
p {margin: 0; padding: 0 0 10px}

#footer p {margin: 0}

/* Helpers */
.clear {clear: both; height:1px; margin-bottom: 1px; line-height: 1px;}

/* Content blocks */
#wrapper {position: relative; width: 100%; min-height: 100%}
	#content {padding: 20px 0 140px;  background: #a7a7a7 url('../gfx/content-bg.jpg') center top repeat-x}
		#placer {width: 800px; margin: 0 auto; padding: 0 0 20px}
	#head { background-color:#000; color:#fff; border-bottom: 1px solid #fff;}
		#send-email {width: 712px; height: 44px; top: 20px; margin: 0 auto; padding: 21px 0 0; text-align: right}
        #menuholder { width: 784px; overflow: hidden ;margin: 0 auto -3px;}
                /*ul*/#menu {float: left; position: relative; left: 50%; list-style: none; padding: 0; margin: 0; max-width: 800px; }
                #menu li {float: left; position: relative; right: 50%; margin: 0 -14px 0 -22px; padding: 0 21px 0 22px; height: 69px; width: 165px; text-align: center; background: url('../img/menubox.png') no-repeat; }
                #menu li a:hover { background: url('../img/menubox-act.png') no-repeat;}
                #menu li.currentpage { background: url('../img/menubox-current.png') no-repeat;}
                #menu a { display: block; text-decoration: none; text-transform: uppercase; color: #696969; width: 165px; height: 12px; padding: 12px 0 11px; font-weight: bold; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; font-size: 12px; line-height: 100%; }
	#footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 140px}
		#logos {height: 95px; background: #9d9d9d url('../gfx/logos.jpg') center center no-repeat; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #fff}
		#contact {height: 42px; line-height: 42px; padding: 0; text-align: center; color: #666; text-shadow: 0 1px 0 #000; background: #1f1f1f url('../gfx/footer-bg.jpg') center top repeat-x; border-bottom: 1px solid #fff}

#image-scroller {margin: 0 auto; padding: 26px 0 0; width: 775px; position: relative}
	#image-list {margin: 0; padding: 0; position: relative; width: 775px; height: 180px; overflow: hidden; border-bottom: 1px solid #9d9d9d}
		#image-list li {position: absolute; width: 775px; height: 180px; list-style: none}
			#image-list .title, #image-list .description {display: none}
	#caption {width: 775px; height: 59px; margin: 0; overflow: hidden; border-top: 1px solid #fff; background: url('../gfx/image-scroller-caption-bg.png') center center no-repeat}
		#caption table {margin: 7px 5px 0; height: 45px}
		#title {font-size: 18px; line-height: 24px; padding: 0 15px; border-right: 1px solid #969696; text-shadow: 0 1px 0 #fff}
			#title img {vertical-align: middle;}
		#description {font-size: 12px; line-height: 14px; padding: 0 15px; border-left: 1px solid #fff}
	#scroller-prev {position: absolute; left: -4px; top: 106px; z-index: 1000}
	#scroller-next {position: absolute; right: -4px; top: 106px; z-index: 1000}
	#corners {width: 775px; height: 6px; position: absolute; top: 26px; background: url('../gfx/corners.png') center top no-repeat; z-index: 1000}

#dev-platforms { padding: 10px 0 10px 30px}
	#dev-platforms a {padding: 0 20px}

.text {float: left; width: 530px}
#twitter {width: 207px; margin: -80px 0 0; float: right; line-height: 5px}
	#twitter h2 {margin: 0; padding: 0}
		#twitter h2 a {display: block; width: 207px; height: 79px; overflow: hidden}
	#tweets {text-align: center; color: #fff; margin: 0 4px 0 6px; padding: 0 0 0px; min-height: 200px; background: #2c2c2c}
		#tweets ul {margin: 0; padding: 0 16px; text-align: left}
			#tweets ul li {list-style: none; padding: 5px 0; font-size: 12px; line-height: 18px}
		#tweets a.date:link, #tweets a.date:visited, #tweets a.date:active {color: #888; font-weight: bold; font-size: 11px; text-decoration: none; display: block}
		#tweets a.date:hover {color: #fff}
	#twitter-bottom {vertical-align: top; margin: 0 0 0 6px}
	
/*.pf-item {padding:20px 0; width:400px; float:left}	
	.pf-item p {font: 13px/18px Tahoma, Geneva, sans-serif}
	.pf-item img {float:left; border: 1px solid #888; padding:1px; margin:0 20px 0 0 }
	.pf-text {float:left; width:250px; padding:0}
	.pf-item a.hp {color:#ddd; font-size:12px; font-weight:bold; background-color:#969696; padding:0 4px 1px; text-decoration:none}
	.pf-item h3 img {border:none; float:none; padding:0; margin:0 2px 0}*/
.greyline {border-top:1px solid #999}


#content-placer { width: 794px; padding: 0; margin: 0 auto 25px; background: #eeeeee url('../img/cont-top-bg.png') no-repeat; border: 3px solid #f0f0f0; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 160%; color: #2e2e2e; overflow: hidden; }
#content-bottom-bg { padding: 18px 15px 40px 16px; margin: 0; background: transparent url('../img/cont-bottom-bg.png') bottom right no-repeat; }
    .hr { background: #a7a7a7; border-bottom: 1px solid #ebebeb; height: 1px; width: 100%; margin: 0 0 15px; }
    /*a*/.pf-item-left, .pf-item-right { float: left; width: 353px; height: 106px; padding: 9px 12px 9px 8px; background: #d5d5d5; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #2c2c2c; font-size: 13.5px; line-height: 135%; position: relative;}
    .pf-item-left { margin: 0 15px 12px 0;}
    .pf-item-right { margin: 0 0 12px 0;}
    /*a*/.pf-item-left:visited, .pf-item-right:visited { color: #2c2c2c;}
    .pf-item-left:hover, .pf-item-right:hover { color: #2c2c2c; background: #d5d5d5 url('../img/pfitem-act-bg.png'); }
    .pf-img { float: left; margin: 0 16px 0 0; border: 3px solid #ffffff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: 0px 0px 5px #bbbbbb; -moz-box-shadow: 0px 0px 5px #bbbbbb; box-shadow: 0px 0px 5px #bbbbbb;}
    .pf-item-left h3, .pf-item-right h3 { font-size: 16px; margin: 10px 0 15px; font-style: normal; font-weight: bold;}
    .pf-text { width: 229px; float: left; padding: 0;}
    .cms-ico { position: absolute; top: 5px; right: 4px;}
    .textbox { padding: 20px 20px 20px 115px; margin: 0 1px 9px; background: #d2d2d2 url('../img/textbox-bg.png') repeat; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative;}
    .textbox img { position: absolute; margin: -21px 0 0; top: 50%; left: 19px; }
    #content-placer .textbox p { margin: 0;}
    
#content-placer ul { list-style: disc outside url('../img/listbullet.png'); padding: 0 0 0 35px; margin: 0 0 20px;}
#content-placer ul li { margin: 0 0 8px; padding: 0;}
#content-placer p { margin: 0 0 20px; padding: 0;}
#content-placer h2 { font-size: 22px; font-style: italic; font-weight: normal; margin: 0 0 15px; padding: 0;}
h3 { font-size: 16px; font-style: italic; font-weight: normal; margin: 0 0 20px;}


.client-div { width: 243px; border: 1px solid #e9e9e9; float: left; margin: 0px 11px 12px 0px; height: 84px; background: #ffffff; background-position: center; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.client-third {margin-right: 0px;}
#c-estonianair {background-image: url(../img/votmekliendid/estonianair.png);}
#c-majandusmin {background-image: url(../img/votmekliendid/majandusmin.png);}
#c-rahandusmin {background-image: url(../img/votmekliendid/rahandusmin.png);}
#c-pollumajandusmin {background-image: url(../img/votmekliendid/pollumajandusmin.png);}
#c-audentes {background-image: url(../img/votmekliendid/audentes.png);}
#c-selver {background-image: url(../img/votmekliendid/selver.png);}
#c-solaris {background-image: url(../img/votmekliendid/solaris.png);}
#c-eestipost {background-image: url(../img/votmekliendid/eestipost.png);}
#c-adangels {background-image: url(../img/votmekliendid/adangels.png);}
#c-velvet {background-image: url(../img/votmekliendid/velvet.png);}
#c-liviko {background-image: url(../img/votmekliendid/liviko.png);}
#c-olympic {background-image: url(../img/votmekliendid/olympic.png);}
#c-nasdaq {background-image: url(../img/votmekliendid/nasdaq.png);}
#c-tuuleenergia {background-image: url(../img/votmekliendid/tuuleenergia.png);}

.pf-sm-item-left, .pf-sm-item-right {float: left; height: 16px; width: 331px; padding: 9px 30px 9px 12px; margin: 0 15px 12px 0; background: #d5d5d5; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #2c2c2c; font-size: 13.5px; line-height:16px; position: relative; }
.pf-sm-item-right {margin-right: 0;}
.pf-sm-item-left .cms-ico, .pf-sm-item-right .cms-ico {top:6px; right: 6px;}
.pf-sm-item-left:hover, .pf-sm-item-right:hover { color: #802501; background: #d5d5d5 url('../img/pfsitem-act-bg.png'); }