/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
  style sheet
  version 2007.10
  
  author: ousama itani
  e-mail: itanio@gmail.com
  client: witty pioneers
  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/* =General styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
a{
outline:none;
}
html{
width:100%;
height:100%;
margin:0;
padding:0;
}
body{
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
background-image:url(../images/background.png);
background-position:center top;
text-indent:-9000px;
}
#canvas{
position:absolute;
top:0;
left:50%;
width:655px;
height:769px;
margin:0 0 0 -327px;
background:url(../images/canvas.gif) center center no-repeat;
}
#logo{
position:absolute;
top:18px;
left:50%;
width:616px;
height:366px;
margin:0 0 0 -308.5px;
background: url(../images/logo.png) center center no-repeat;
}
#title a{
position:absolute;
top:384px;
left:50%;
width:616px;
height:190px;
margin:0 0 0 -308.5px;
background: url(../images/title.png) left center no-repeat;
}
#title a:hover, #amy:hover, #sarah:hover{
background-position: right center;
}
#tagline{
position:absolute;
top:574px;
left:50%;
width:616px;
height:44px;
margin:0 0 0 -308.5px;
background: url(../images/tagline.png) center center no-repeat;
}
#amy{
position:absolute;
top:626px;
left:50%;
width:308px;
height:60px;
margin:0 0 0 -308px;
background: url(../images/amy.png) center left no-repeat;
}
#sarah{
position:absolute;
top:626px;
left:50%;
width:308px;
height:60px;
margin:0 0 0 0px;
background: url(../images/sarah.png) center left no-repeat;
}
#address{
position:absolute;
top:703px;
left:50%;
width:616px;
height:24px;
margin:0 0 0 -308.5px;
background: url(../images/address.png) center center no-repeat;
}