/* SITE */
html, body
{
   height:              100%;
   text-align: 		left;
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		13px;
   margin:              0;
   color:               #ff0000;
   background:          #d6d5d3;
 /*background:          #06020a;*/
   
   background-image:    url(../gfx/fa_bg3.jpg);
   background-attachment: fixed;
   background-repeat: no-repeat;

   
}

.site-frame
{
   width:	        784px;
   padding:             10px;
   margin-left:         auto;
   margin-right:        auto;
   overflow:            hidden;
}

.site-main-frame
{
   width:	        784px;
   margin-left:         auto;
   margin-right:        auto;
   
}

.site-content-frame
{
   margin-left:         auto;
   margin-right:        auto;
   border-left:         0px solid #000;
   border-right:        0px solid #000;
   width:	        784px;
   margin:              0 auto;
}

.site-header-container
{
   float:left;
   width:	        540px;
   border-bottom:       0px dotted #ff0000;
}

.site-contact-container
{
   float:left;
   width:	        240px;
   border-bottom:       0px dotted #ff0000;
   
   
}

.site-main-container-right
{
   float:               left;
   width:               800px;

}

.site-main-container-left
{
   float:               left;
   width:               150px;
   margin-right:        20px;
   
}




.main-wrapper
{
   width:               580px;
   margin-right:        10px;
   border-bottom:       1px dotted #ff0000;
   border-left:         1px dotted #fff;
   border-right:        1px dotted #fff;
   border-top:          1px dotted #fff;    
   margin-bottom:       20px;
   overflow:            hidden;
   padding:             2px;
}

.thumb-wrapper-nagelbandet:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-nagelbandet
{
   float:left;
   background-image: url(../gfx/work/nagelbandet.jpg);
   -moz-border-radius:5%;
   border-radius:5%;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-ntd:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-ntd
{
   float:left;
   background-image: url(../gfx/work/ntd.jpg);
   -moz-border-radius:5%;
   border-radius:5%;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-kfum:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-kfum
{
   float:left;
   background-image: url(../gfx/work/kfum.jpg);
   -moz-border-radius:5%;
   border-radius:5%;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-fnisk:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-fnisk
{
   float:left;
   background-image: url(../gfx/work/fnisk.jpg);
   -moz-border-radius:5%;
   border-radius:5%;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-scat:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}
.thumb-wrapper-scat
{
   float:left;
   background-image: url(../gfx/work/scat.jpg);
   -moz-border-radius:5%;
   border-radius:5%;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-fashop:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-fashop
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/fashop.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-hcg:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-hcg
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/hcg900.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-mtlogo:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-mtlogo
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/mtlogo.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-uuc:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-uuc
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/uuc.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-forest:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-forest
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/forest.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-tree:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-tree
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/tree.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}

.thumb-wrapper-rasta:hover
{
   float:left;
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
   -moz-box-shadow: 3px 3px 4px #999;
   -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 3px 3px 4px #999;
}

.thumb-wrapper-rasta
{
   -moz-border-radius:5%;
   border-radius:5%;
   float:left;
   background-image: url(../gfx/work/rasta.jpg);
   width:251px;
   height:226px;
   margin:4px;
   border: 1px solid #999;
}


.info-wrapper
{
   width:               210px;
   float:               left;

}

.site-menu-container
{
   float:               left;
   width:               200px;
   background-color:    #cacaca;
   margin-right:        20px;
   margin-left:         20px;
   margin:              0 auto;
}



/* HEADER */

.header
{
   margin-top:          8px;
   margin-bottom:       8px;
   width:               784;
   height:              82px;
   background-color:#fff;
}

.header-logo
{
   float:               left;
   width:               400px;
   height:              60px;
   background-image:    url(../gfx/fa_logo.gif);
   background-repeat:   no-repeat;
   margin-top:          12px;
}

.header-tiny-menu
{
   float:               left;
   width:               100px;
   margin-right:        120px;
   margin-top:          20px;
}

.header-misc
{
   float:               right;
   margin-top:          20px;
}

/* FOOTER */
.footer
{
   width:               784;
   height:              16px;
   margin-right:        auto;
   margin-left:         auto;
   border-top:          1px solid #999;
   background:          #ffffff;
   position:            relative;
   bottom:              0;
   clear:               both;
   margin-top:          10px;
   margin-bottom:       10px;
}

/* TEXT */

.title-regular
{
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		16px;
   font-weight:         700;
   color:               #333;
}

.title-regular-white
{
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		14px;
   font-weight:         700;
   color:               #000;
}

.title-red
{
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		14px;
   font-weight:         700;
   color:               #fff;
}

.text-red
{
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		12px;
   color:               #ff0000;
}

.text-footer
{
   font-family:		Verdana, Geneva, sans-serif;
   font-size:		12px;
   font-style:          italic;
   color:               #999;
}

/* LINK */

.link-grey-red:link
{
   text-decoration:     none;
   color:               #666;
   background-color:    #f1f1f1;
}
.link-grey-red:visited
{
   text-decoration:     none;
   color:               #666;
   background-color:    #f1f1f1;
}
.link-grey-red:active
{
   text-decoration:     none;
   color:               #666;
   background-color:    #f1f1f1;
}
.link-grey-red:hover
{
   text-decoration:     none;
   color:               #ff0000;
   background-color:    #fff;
}
/*----------------------------------------*/

.link-grey-red-none:link
{
   text-decoration:     none;
   color:               #666;
}
.link-grey-red-none:visited
{
   text-decoration:     none;
   color:               #666;
}
.link-grey-red-none:active
{
   text-decoration:     none;
   color:               #666;
}
.link-grey-red-none:hover
{
   text-decoration:     none;
   color:               #ff0000;
}
/*----------------------------------------*/

.link-grey-red-big:link
{
   text-decoration:     none;
   color:               #ff0000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
.link-grey-red-big:visited
{
   text-decoration:     none;
   color:               #ff0000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
.link-grey-red-big:active
{
   text-decoration:     none;
   color:               #ff0000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
.link-grey-red-big:hover
{
   text-decoration:     none;
   color:               #666;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}

/*----------------------------------------*/

a:link
{
   text-decoration:     none;
   color:               #000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
a:visited
{
   text-decoration:     none;
   color:               #000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
a:active
{
   text-decoration:     none;
   color:               #000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}
a:hover
{
   text-decoration:     none;
   color:               #000;
   font-size:		14px;
   font-family:         Helvetica, Arial, sans-serif;
}


