/* CSS Document */
body{
margin: 0px;
colour: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
}
#container {
position: relative;
width: 977px;
margin: auto;
top: 20px;
}
div.header{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:977px; /*Width of Image*/
height:181px; /*Height of Image*/
left:0px; /* This is applied relative to edge of container */
top:0px;
}
div.button1{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:203px; /*Width of Image*/
height:70px;
left:0px; /* This is applied relative to edge of container */
top:181px;
}
div.button2{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:242px; /*Width of Image*/
height:70px;
left:203px; /* This is applied relative to edge of container */
top:181px;
}
div.button3{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:255px; /*Width of Image*/
height:70px;
left:445px; /* This is applied relative to edge of container */
top:181px;
}
div.button4{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:277px; /*Width of Image*/
height:70px;
left:700px; /* This is applied relative to edge of container */
top:181px;
}
div.button1a{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:222px; /*Width of Image*/
height:70px;
left:0px; /* This is applied relative to edge of container */
top:181px;
}
div.button2a{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:269px; /*Width of Image*/
height:70px;
left:222px; /* This is applied relative to edge of container */
top:181px;
}
div.button3a{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:264px; /*Width of Image*/
height:70px;
left:491px; /* This is applied relative to edge of container */
top:181px;
}
div.button4a{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:222px; /*Width of Image*/
height:70px;
left:755px; /* This is applied relative to edge of container */
top:181px;
}
div.leftline{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:1px; /*Width of Image*/
height:534px;
left:0px; /* This is applied relative to edge of container */
top:251px;
overflow:hidden;
}
div.contentbackground{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:975px; /*Width of Image*/
left:1px; /* This is applied relative to edge of container */
top:251px;
}
div.content{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:935px; /*Width of Image*/
height:455px;
left:22px; /* This is applied relative to edge of container */
top:260px;
}
div.rightline{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:1px; /*Width of Image*/
height:534px;
left:976px; /* This is applied relative to edge of container */
top:251px;
overflow:hidden;
}
div.bottombar{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
width:975px; /*Width of Image*/
height:59px; /*Height of Image*/
left:1px; /* This is applied relative to edge of container */
top:726px;
}
div.bottomscroller{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position:absolute;
left:1px; /* This is applied relative to edge of container */
top:740px;
}