* 
{
    font-size:11px;
    font-family: tahoma,'sans serif';
    margin:0;
    padding:0;  
}

body 
{
    color:#535353;
    background:url(../images/template/page_bg.jpg) repeat-x;
    background-color:#3a758a;
    width:100%;
    height:100%;
    min-height:100%;
    position:relative;
    text-align:center;
}

html
{
    width:100%;
    height:100%;
    min-height:100%;
}



#header
{
    width:800px;
    background:url(../images/template/header_bg.jpg) repeat-x;
    height:364px;     
}

#bodyBorder
{
    margin-left:auto;
    margin-right:auto;
    width:800px;
    min-height:100%;
    position:relative;
    background-color:#3A758A
}



#topLinksBorder
{
    width:800px;
    height:103px;
    background:url(../images/template/ostec_logo.gif) no-repeat 20px 35px;
}
div#header h1
{
    position:absolute;
    top:75px;
    left:23px;
    color:#333;
    font-weight: normal;
    font-family: tahoma;
}
#topLinks
{
    text-align:right;
    padding-top:75px;
    padding-right:12px;
}

#topLinks a
{
    text-decoration:none;
    color:#333;
    padding-left:13px;
    font-size:10px;
    font-family: tahoma,'sans serif';
}

#topLinks a:hover
{
    color:#fff;
}

#containerBorder
{
    width:800px;
    text-align:left;
    background:url(../images/template/container_bg.gif) repeat-y;
    background-color:#d0d0d0;    
}

#containerIndexBorder
{
    width:800px;
    text-align:left;
    background-color:white;  
    background:url(../images/template/homeIndexBg.jpg) repeat-y;
}


#boxleftBorder
{
    width:200px;
    float:left;
}

#boxleft
{
    font-family:tahoma;
    font-size:12px;
    color:white;
}

#boxleft h2
{
    font-family:tahoma;
    font-size:13px;
    color:white;
    margin-bottom:3px;
    padding-top:15px;
    padding-left:16px;    
    padding-right:16px;
}

#boxleft p
{
    font-family:tahoma;
    font-size:12px;
    color:white;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:2px;
}

#boxleft .boxDarkBorder
{
    background-color:#4b4c49;
    border-bottom:2px solid white
}

#boxleft .boxDark
{

}

#boxleft .boxLightBorder
{
    background-color:#656662;
    border-bottom:2px solid white    
}

#boxleft .boxLight
{
    
}

#boxleft .boxKontaktBorder
{
    background-color:#68a0b8;
    text-align:center;
}


#boxleft .boxKontakt
{
    padding-top:20px;
    padding-bottom:12px;
}

.spacerline
{
    background-color:white;
    height:2px;
    line-height:2px;
}

/* 
***************************************
bannerBox Content 
***************************************
*/

.BannerBox
{
margin-top:10px;
}

.KontaktBoxSq
{
margin-top:10px;
background:url(../images/banner/link_kontakt_sq.jpg) no-repeat center top;
height:93px;
}

.KontaktBoxRm
{
margin-top:10px;
background:url(../images/banner/link_kontakt_rm.jpg) no-repeat center top;
height:93px;
}

.chatBoxText
{
text-align:left;
width:189px;
font:normal 11px tahoma;
color:#313131;
padding:38px 10px 5px 85px;
}

.chatBoxTextIndex
{
text-align:left;
width:189px;
font:normal 11px tahoma;
color:#313131;
padding:38px 10px 5px 112px;
}

.chatBoxText a, .chatBoxTextIndex a 
{
color:#313131;
text-decoration:none;
}

.chatBoxText a:hover, .chatBoxTextIndex a:hover
{
color:#fe6215;
text-decoration:underline;
}

/* Spacer */
.space4px 
{
height:4px;
line-height:4px;
}



/* 
***************************************
styling elements 
***************************************
*/

#orangeBlock
{
    position:absolute;
    height:94px;
    width:8px;
    background-color:#fe6215;
    left:0;
    top:471px;
}



#blueBlock
{
    position:absolute;
    height:46px;
    width:8px;
    background-color:#B2EBFF;
    right:0;
    top:471px;
}

#topmenu
{
    padding-left:8px;
}

#designWork
{
    float:left;
    width:260px;
    height:60px;
    text-align:left;

}


#webdevelopment
{
    float:left;
    width:262px;
    height:60px;   
    
    text-decoration:none;    
}



#portfolio
{
    float:left;
    width:262px;
    height:60px;
    background:url(../images/template/topmenu/portfolio_menu_but.gif) no-repeat top;       
}

#topmenu #topText
{
    background:none;
    padding-top:35px;
    padding-left:15px;
    text-align:left;
    font-family:tahoma;
    font-size:11px;
    font-weight:bold;    
    color:#dedfe2;    
}

#topmenu #topText a
{
    font-family:tahoma;
    font-size:11px;
    font-weight:bold;
    color:#dedfe2;
    text-decoration:none;
}

#topmenu #topText a:hover
{
    color:#c1c2c5;
}


/* 
***************************************
//styling elements 
***************************************
*/

.boxlinkSmall
{
    font-size:11px; 
    color:white; 
    text-decoration:none;
}

.boxlinkSmall:hover
{
    font-size:11px; 
    color:#f09f57; 
    text-decoration:none;
}

p.smalltxt
{
    font-size:10px; 
    color:white; 
}