@import url("reset.css");

/*
/////////////////////////////////////////////

Data: 2009
Author: Front IT
Project: Betonika

////////////////////////////////////////////
*/


html{ font-size:100%; }
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body {
    font-family:Arial,sans-serif;
    background:#fff; 
    font-size:12px;
    line-height:16px;
    text-align:center;
    color:#000000;
}

h1, h2, h3, h4, h5 { margin: 15px 0; }
h1 { font-size:24px; font-weight:normal; color:#006a94; line-height:30px; }
h2 { font-size:20px; font-weight:normal; color:#006a94; }
h3 { font-size:16px; font-weight:normal; color:#006a94; }

h3 a { color:#006a94; }

p{ margin: 10px 0; /*font-size: 14px;*/}

a { color:#007EA2; }
/*
/////////////////////////////////////////////

                Main Layout

////////////////////////////////////////////
*/


div.wrapper{
    position:relative;
    width:1000px;
    text-align:left;
    margin:0 auto;
}

div.indent {
    margin-left:2em;
}

#header{
    float:left;
    position:relative;
    width:955px;
    z-index:10;
    padding-left: 45px;
}

    #logo{
        float:left;
        width:150px;
        height:94px;
        background:url('../images/logo.gif') no-repeat left top;
        text-indent: -5000px;
    }
    
    #mainnav{
        float:left;
        position: relative;
        width:785px;
        padding:45px 0 0 20px;
    }
    
	#mainnav .menuHolder{
		padding-top: 20px;
		float: left;
    }
    
     #mainnav li{
        float:left;
        padding:5px 10px;
        border-left:1px solid #62bdd7; 
     }
        #mainnav li.first{ border:0;}
     
        #mainnav li a{
            display:block;
            color:#000000;
            text-decoration: underline;
            font-weight: bold;
        }
        
        #mainnav li.hover {
            background: transparent url('../images/menuHover.gif') no-repeat left top;
        }
        
        #mainnav li.hover a{
            display:block;
            color:#fff;
            text-decoration: none;
        }
                
        #mainnav li.cur a{ font-weight:bold;}
        
        #mainnav li.cur li a{ font-weight:normal;}
        
        #mainnav li.cur li.cur a{ font-weight:bold;}
        
        #mainnav li ul{
            float:left;
            position:absolute;
            padding: 15px 30px 15px 15px;
            margin-left: -11px;
            margin-top: 5px;
            background-color: #007ea2;
            z-index: 25;
            display: none;
            border-top: 1px solid #ffffff;
			      line-height: 18px;
            filter:alpha(opacity=90);
          	-moz-opacity: 0.9;
          	opacity: 0.9; 
        }
        
        * html #mainnav li ul{
        	width: 120px;
        	padding-bottom: 3px;
		    }
		    		
        * html #mainnav li ul li{
        	width: 120px;
		    }
		    
		    *:first-child+html #mainnav li ul { width: 120px; }

		    *:first-child+html #mainnav li ul li { width: 120px; }

        
        #mainnav li.first ul{
			margin-left: -10px;
		}
        
            #mainnav li ul li{
                float:left;
                padding:0;
                clear:both;
                border:0;
                padding-bottom: 12px;
            }
            
            #mainnav li ul li a{
                font-weight: normal;
                text-decoration:underline !important;
            }
                
            #mainnav li ul li a:hover{
                text-decoration:none !important;
            }
    
	#lev2nav ul  {

	}
	
	#lev2nav ol, #lev2nav ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
		
	#lev2nav ul li {
		background:transparent url(../images/menu_tick_closed.gif) no-repeat scroll 0px 8px;
		padding:1px 0 1px 18px;
	}
	
	#lev2nav ul li.open {
		background:transparent url(../images/menu_tick_open.gif) no-repeat scroll 0px 8px;
	}
	
	#lev2nav ul li.noChildren {
		background: none;
	}

	#lev2nav ul li a {
		font-size: 12px;
		color: #007ea2;
		text-decoration: underline;
		font-weight: bold;
		line-height: 22px;
	}
	
	#lev2nav ul li.active a {
		color: #000000;
	}
	
	#lev2nav ul li ul li {
		background:none;
		padding:1px 0 1px 35px;
	}
	
	#lev2nav ul li ul li a {
		font-weight: normal;
	}

    #rightHeaderArea {
		float:right;
		padding-right:40px;
		position:relative;
		text-align:center;
	}
	
	#rightHeaderArea #languages {
		color: #007ea2;
		margin-bottom: 10px;
	}
	
	#rightHeaderArea #languages a {
		color: #007ea2;
		font-weight:bold;
		text-decoration:none;
	}
	
	#rightHeaderArea #languages .active a {
		text-decoration:underline;
	}
	
	#rightHeaderArea #customerArea{
		width: 105px;
    text-align: right;		
	}
    
	#rightHeaderArea #customerArea a {
		color: #000000;
		font-weight:bold;
		text-decoration:underline;
		background: transparent url('../images/customer_area_link_logo.gif') no-repeat left top;
		padding:0 0 5px 20px;
	}
	
	#mainImage {
		margin-top:10px;
		padding-left: 45px;
	}
	
.clearer {
	clear: both;
}
        
#container{
    float:left;
    position:relative;
    padding:10px 60px 20px 80px;
    width: 860px;
    clear:both;
}

#inner-container{
    float:left;
    position:relative;
    padding:10px 0px 20px 45px;
    width: 906px;
    clear:both;
}

#underMenuItems {
	margin-top: 25px;
}

.col{
    float:left;
    padding-right:20px;
    padding-left:20px;
}

.w-195{width:195px;}
.w-245{width:245px;}
.w-265{width:265px;}
.w-55{width:550px;}
.w-66{width:670px;}

.rightBorder {
	border-right: solid 1px #62bdd7;
}

.last{ padding-right:0;}

.first{ padding-left:0;}

#fp-news .news-latest-item p.news-date {
	font-size: 10px;
	color: #ffffff;
	background-color: #006699;
	display: inline;
	margin-bottom: 0;
	padding: 0 5px;
}

#fp-news .news-latest-item p.news-announce {
	margin-top: 0px;
	padding-left: 5px;
}

#fp-news .news-latest-item p.news-announce a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#fp-news .news-latest-item p.news-announce a:hover {
	text-decoration: underline;
}

#fp-news .news-latest-gotoarchive a {
	text-decoration: underline;
	color: #007ea2;
	font-size: 11px;
	padding-left: 5px;
}

.news-single-item p.news-single-timedata {
	font-size: 10px;
	color: #ffffff;
	background-color: #006699;
	display: inline;
	margin-bottom: 0;
	padding: 0 5px;
}

.news-single-item p.news-single-author {
	font-size: 10px;
}

.news-single-item .news-single-backlink a{
	text-decoration: underline;
	color: #007ea2;
	font-size: 11px;
	padding-left: 5px;
}

.news-list-item .news-list-morelink {
	text-align: right;
}
.news-list-item .news-list-morelink a {
	background:transparent url(../images/list_tick.gif) no-repeat scroll 0px;
	padding:0 15px;
	font-size: 10px;
	color: #007ea2;
	text-decoration: none;
	text-align: right;
}
.news-list-item .news-list-date{
	font-size: 10px;
	color: #ffffff;
	background-color: #006699;
	display: inline;
	margin-bottom: 0;
	padding: 0 5px;
}

.news-list-item h3{
	margin: 5px 0;
}

.col3-list {
	position: relative;
	left: -18px;
}

.col3-list ul {
	width:565px;
}

.col3-list ul li {
	background:transparent url(../images/list_tick.gif) no-repeat scroll 0px 10px;
	float:left;
	list-style-type:none;
	padding:1px 10px 1px 18px;
	width:160px;
}

.col3-list ul li a {
	font-size: 12px;
	color: #007ea2;
	text-decoration: underline;
	font-weight: bold;
	line-height: 22px;
}

a.more {
	background:transparent url(../images/list_tick.gif) no-repeat scroll 0px;
	padding:0 15px;
	font-size: 10px;
	color: #007ea2;
	text-decoration: none;
	text-align: right;
}

#fp-partners-logos {
	float:left;
    position:relative;
    padding: 0px 40px 0 50px; 
    width:910px;
}

#fp-partners-logos #partners-logos-cont {
	padding: 7px 0 5px;
	border-top: solid 1px #62bdd7;
}

#fp-partners-logos #partners-logos-cont img{
	margin-left: 100px;
}

#fp-partners-logos #partners-logos-cont img.first{
	margin-left: 58px;
}

#fp-partners-logos #partners-logos-cont p{
  display: inline;
  color:#007EA2;
  float: left;
  font-size:12px;
  font-weight:bold;
  margin-left:10px;
  margin-top:8px;
}
  
#footer{
    float:left;
    position:relative;
    padding: 0px 40px 0 50px; 
    width:910px;
}

#footer #footer-cont {
	background:transparent url(../images/footer-logo.gif) no-repeat scroll top right;
	padding-top: 10px;
	height:58px;
	border-top: solid 1px #62bdd7;
}

#footer #footer-cont p {
	font-size: 11px;
	padding-left: 50px;
}

#footer #footer-cont a {
	color: #007ea2;
	text-decoration: none;
}



/* SHOWCASE */
#showCase .galery {
    height: 165px
}

#showCase #sc-txt a {
	font-size: 11px;
	color: #000000;
}

#showCase #sc-txt {
	font-size: 12px;
	color: #000000 !important;
	line-height: 14px;
	text-align: center;
}

#showCase .galery a.left {
	display:none;
}

#showCase .galery a.right {
	display:none;
}

#showCase .stripTransmitter {
	display:none;
}

#showCase .svw {width: 50px; height: 20px; background: #fff;} 
#showCase .svw ul {position: relative; left: -999em;} 
 
#showCase .stripViewer {  
    margin-left: 32px;
	position: relative;
    overflow: hidden;  
    display:block;
    float:left;
    
} 
#showCase .stripViewer ul { /* this is your UL of images */ 
    margin: 0; 
    padding: 0; 
    position: relative; 
    left: 0; 
    top: 0; 
    width: 1%; 
    list-style-type: none; 
} 
#showCase .stripViewer ul li {  
    float:left;
    background:none;
    margin-left:0px !important;
    padding:0px !important;   
}

/*projects grid*/

#projects-grid {
  float: left;
}

#projects-grid .item{
	float: left;
	width: 218px;
	padding-right: 4px;
	/*margin-right: 5px;
	margin-bottom: 5px;*/
	overflow:hidden
}

#projects-grid .last{
	padding: 0px;
	margin:0px;
}


#projects-grid .item img{
	display:block;
}

#projects-grid .item span{
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	color: #007EA2;
  margin:0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
	border: 1px solid #007EA2;
	display:block;
	height:32px;
}

#projects-grid .item a{
	text-decoration: none;
}

#projects-grid .preview-img-wrapper{
	width: 216px;
	height: 178px;
	overflow:hidden;
	border:1px solid #007EA2;
}

/*Modal css for popup login*/
#sm_content {
	background:transparent url(../images/login_area_tick.png) no-repeat scroll top left;
	display: none;
	position: absolute;
	left: 50%;
	top: 0px;
	width:230px;
	margin: 97px 0 0 220px;
	text-align:left;
	padding-top: 8px;
}

#sm_content .inner-holder{
	border: 1px solid #007EA1;
	border-top: none;
	background-color: #ffffff;
	padding: 15px 35px;
}

#sm_content input {
	border: 1px solid #007EA1;
	padding: 1px 5px;
	width: 145px;
}

#sm_content #btn-login {
	background: none;
	border: none;
	text-decoration: underline;
	display: block;
	font-weight: bold;
	color: #007EA1;
	font-size: 12px;
	text-align: right;
	padding: 0px;
	width:157px;
}

#sm_content label {
	display:block;
	color: #737373;
	margin: 5px 0;
}

#sm_content .sm_close{
	color: #007EA1;
	font-weight: bold;
	float:right;
	margin-right: 15px;
	cursor:pointer;
}
#sm_olay { /*background-color: #000;*/ }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #sm_content {
     position: absolute;
     /*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
}

#inner-container input#user, #inner-container input#pass{
	border: 1px #ccc solid;
	margin:3px 0 5px;
}

#inner-container input#btn-login {
	display: block;
}

#inner-container input#btn-logout {
	display: inline;
	background:transparent none repeat scroll 0 0;
	border: none;
	color:#007EA1;
	font-size:12px;
	font-weight:bold;
	padding:0;
	text-decoration:underline;
}

#inner-container label.logout {
	display: inline;
}

#pdfVersion {
  float:right;
  padding-right:7px;
}

a.pdfLink, #pdfVersion a {
  background: transparent url(../images/pdf-icon.gif) no-repeat 0 0;
  padding-left: 25px;
}

/* extra CSS */
p.align-right {
  text-align: right;
}

p.align-center {
  text-align: center;
}

p.align-left {
  text-align: left;
}

#inner-container table tr td p{ 
	margin: 0;
	font-size: 12px;
}
#inner-container table tr td{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
}
#inner-container p.align-center {
	text-align: center;
}
.tableWithoutBorder {
  border: none !important;
}

.tableWithoutBorder td {
  border: none !important;
}