@charset "UTF-8";
/* CSS Document */


body {
  background-color: black;
}

.container {
  position: relative;
  left: 50%;
  margin-left: -451px;
  width: 898px;
}

.header {
  position: relative;
  height: 105px;
  background: url("images/fm-logo.jpg") no-repeat;
}

.topbar {
  position: absolute;
  right: 0px;
  background-color: #666666;
  height: 62px;
  width: 609px;
  
}

.navbar {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 609px;
  height: 40px;
  background-color: black;
}

.navbar a  {
    height: 40px;
    width: 150px;
    margin: 0px 3px 0px 0px;
}


a#home {
  float: left;
  background: url("images/home_button.jpg") no-repeat 0 0;
  display: inline;
}

a#services {
  float: left;
  background: url("images/services_button.jpg") no-repeat 0 0;
  display: inline;
}

a#folio {
  float: left;
  background: url("images/folio_button.jpg") no-repeat 0 0;
  display: inline;
}

a#contact {
  float: left;
  background: url("images/contact_button.jpg") no-repeat 0 0;
  margin: 0px;
  display: inline;
}


a#home:hover, a#services:hover, a#folio:hover, a#contact:hover {
  background-position: 0px -40px;
}


.content {
  position: relative;
  background: url("images/grille.jpg");
  margin: 2px 0px;
  height: 440px;
  overflow: hidden;
}

.homeblurb {
  position: absolute;
  width: 175px;
  height: 300px;
  left: 35px;
  top: 100px;
}

.homeblurb h1 {
  font-family: arial;
  font-weight: 500;
  color: white;
  font-size: 19px;
}


.services_images {
                position: absolute;
                left: 45px;
                top: 35px;
                width: 280px;
                height: 371px;
                background: url("images/services-image.png");                
}

.servicesblurb {
                position: absolute;
                right: 60px;
                top: 28px;
                width: 460px;
                height: 360px;
}

.servicesblurb li {
                position: relative;
                left: 15px;
                font-family: arial;
                color: white;
                font-size: 15px;
                line-height: 20px;
}



.folioblurb {
                position: absolute;
                width: 285px;
                height: 300px;
                left: 35px;
                top: 60px;
}

.contactblurb {
                position: absolute;
                text-align: right;
                right: 50px;
                top: 60px;
}

.contactblurb p, .contactblurb a {
                font-family: arial;
                font-weight: 500;
                color: white;
                font-size: 14px;
}

.contactblurb a {
                display: inline;
}

.contactblurb a:hover {
                color: red;
}


.contactimage {
                position: absolute;
                bottom: 0px;
                background: url("images/contactimage.png");
                height: 310px;
                width: 350px;
}






.servicesblurb h1, .folioblurb h1 {
  font-family: arial;
  font-weight: 500;
  color: white;
  font-size: 18px;
}

.player {
  position: absolute;
  top: 33px;
  right: 22px;
}

.player a {
  border: 0;
  outline: none;
}






.folioplayer	{
                position: absolute;
                left:364px; top: 25px;
		outline: none;
}


.scrollbarwrap {
                position: absolute;
                left: 366px; top: 323px;
                width: 480;

}

	
.scrollbar {
                position: absolute;
                left: 30px;
                height: 100px;
                width: 420px;
                overflow: hidden;
}



.scrollbar div.foliobuttons {
                height: 100px;
                position: absolute;
                width: 9000px;
}


   
.foliobuttons a {

                float: left ;
                padding: 0px 7px;
                width: 130px;
                height: 100px;  
                cursor:pointer;
}




a.prevPage {
                position: absolute;
                left: 0px; top: 3px;
                width:18px;
                height:93px;
                background:url(images/left.png) no-repeat;
                cursor:pointer;
}


a.nextPage {
                position: absolute;
                left: 460px;
                top: 3px;
                width:18px;
                height:93px;
                background:url(images/right.png) no-repeat;
                cursor:pointer;
}


a.nextPage:hover, a.prevPage:hover {
	background-position:0px -93px;		
}


a.nextPage.disabled, a.prevPage.disabled {
	visibility: visible;		
}




 

 
             	
#one {
                background: url("images/crommelinbutton.jpg") no-repeat 0 0;
}

#two {
                background: url("images/dojbutton.jpg") no-repeat 0 0;
}

#three {
                background: url("images/lavazzabutton.jpg") no-repeat 0 0;
}

#four {
                background: url("images/mtpbutton.jpg") no-repeat 0 0;
}

#five {
                background: url("images/trinitybutton.jpg") no-repeat 0 0;
}

#six {
                background: url("images/veccibutton.jpg") no-repeat 0 0;
}

#seven {
                background: url("images/twistbutton.jpg") no-repeat 0 0;
}

#eight {
                background: url("images/catwitchbutton.jpg") no-repeat 0 0;
}



#one:hover, #two:hover, #three:hover, #four:hover, #five:hover, #six:hover, #seven:hover, #eight:hover {
                background-position: 0 -100px;
}
















.footer {
  position: relative;
  height: 40px;
  background-color: #333333;
}

p#copyright {
  position: absolute;
  left: 350px;
  bottom: 0px;
  font-family: arial;
  color: #cccccc;
  font-size: 9px;
}

.links {
  position: absolute;
  right: 20px;
  bottom: 5px;
  width: 227px;
  height: 32px;
  background: url("images/links.png");
  display: none;
}