/* CSS Document */

body {

	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: $333333;
	background:  url(fiti_header.gif) left top repeat-y;
	
}
p{
  /*\*/
  letter-spacing: 0.1em;

  /**/
}




#header{
position: relative;
z-index: 100;
width: 100%;
height: 90px;
background: #FFFFFF url(fiti_header.gif) left top no-repeat;
}

#logo{
position: absolute;
left: 40px;
top: 10px;
margin: 0;
}

#supplier {
position: absolute;
left: 300px;
top: 37px;
margin: 0;
}

#myheader2 {
position: absolute;
left: 80px; top: 400px;}


#myheader3 {
position: absolute;
left: 350px; top: 120px;}

#myheader1 {
position: absolute;
left: 141px; top: 1px;}

#content{
position: relative;
width: 220px;
margin-top: 0px;
}

#primary {
position: absolute;
width: 535px;
left: 300px;
top: 200;
background-color: #FFFFFF;
}

#primary2 {
position: absolute;
width: 535px;
left: 300px;
top: 50;
background-color: #FFFFFF;
}

#primary-login1 {
height: 21px;
background: url(login.jpg);
}


#secondary {
position: absolute;
width: 215px;
left: 0px;
top: 0;
background: #F1F5F8 url(secondary_bg.gif) right top repeat-y;
}

#primary .section {
margin: 0px 0 0px 26px;

}

#primary h2 {
background: url(h2_bg.gif) left top no-repeat;
margin: 0;
padding: 10px 0 15px 20px;
font-size: 100%;

}

#primary h3{
font-size: 117%;
margin: 0;
color: #47688B;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

#primary p {
margin: 10px 0;
font-size: 90%;
letter-spacing: 0.1em;
}

#secondary {
font-size: 100%;

}


#secondary h3 {
margin: 0;
padding: 7px 10px;
font-size: 100%;
width /**/: 215px;/* Windows Internet Explorer 5 */
border-top: 1px solid #37699C;
border-bottom: 1px solid #37699C;
color: #FFFFFF;
background: #4A8FD5 
}

#secondary h5 {
margin: 0;
padding: 7px 10px;
font-size: 100%;
width /**/: 215px;/* Windows Internet Explorer 5 */

border-top: 1px solid #37699C;
border-bottom: 1px solid #37699C;
color: #FFFFFF;
background: #4A8FD5 ;
}


#secondary p {
margin: 10px;
}

#secondary ul {
margin: 0;
padding: 0;
list-style: none;
}



#secondary li {
margin: 0;
border-bottom: 1px solid #CCCCCC;


}


#secondary li a {
display: block;
width: 215px !important;
width /**/: 215px;/* Windows Internet Explorer 5 */
padding: 5px 5px 5px 20px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}


#secondary li a:hover {
color: #FFFFFF;
background: #8CA1B8;
}

#secondary  li a h4 {
font-size: 100%;
margin: 0px;
padding: 0px 0px 5px 10px
width: 50%;
background: url(list_marker_red.gif) left top  no-repeat;

}




#gallery{
    position: absolute;
    width: 20%;    
   	left: 770px;
  	top: 10px; 
    border: 2px dashed #4A8FD5;
    padding: 5px;
    background-color: #FFFFFF;
}

.imagebox{
    float: left;
    padding: 5px;
    margin: 5px;
    
}

.imagebox p{
	margin: 5px;
    text-align: center;
    font-size: 8pt;
    
}