/* 
Stylesheet to generate specific website layout
Created by Internet Vision Technologies
*/

body {
margin: 0 0 0 50%;
background-position: center;
background-color: #FFF;
}

#container {
position: relative;
margin: 0 0 0 -375px;
width: 750px;
}

#header {
width: 750px;
height: 59px;
background: url('images/webimages/bg-header.jpg');
}

#logo {
width: 750px;
height: 349px;
background: url('images/webimages/bg-logo.jpg');
}

#footer {
width: 750px;
height: 305px;
background: url('images/webimages/bg-footer.jpg');
}

#nav {
position: absolute;
left: 0px;
top: 59px;
width: 750px;
height: 27px;
background: url('images/webimages/bg-navigation.jpg');
}

#copyright {
position: absolute;
left: 0px;
width: 750px;
height: 28px;
background: url('images/webimages/bg-copy.jpg');
}

#nav b, #copyright b {
display: none;
}

#sthBG, #sthOn {
position: absolute;
left: 0px;
background: url('images/webimages/bg-nav.jpg') no-repeat 0px 0px;
}

#staBG, #staOn {
position: absolute;
left: 60px;
background: url('images/webimages/bg-nav.jpg') no-repeat -60px 0px;
}

#stoBG, #stoOn {
position: absolute;
left: 111px;
background: url('images/webimages/bg-nav.jpg') no-repeat -111px 0px;
}

#stpBG, #stpOn {
position: absolute;
left: 179px;
background: url('images/webimages/bg-nav.jpg') no-repeat -179px 0px;
}

#stmBG, #stmOn {
position: absolute;
left: 255px;
background: url('images/webimages/bg-nav.jpg') no-repeat -255px 0px;
}

#stcBG, #stcOn {
position: absolute;
left: 346px;
background: url('images/webimages/bg-nav.jpg') no-repeat -346px 0px;
}

a#sth {
display: block;
width: 60px;
height: 27px;
}

a#sta {
display: block;
width: 51px;
height: 27px;
}

a#sto {
display: block;
width: 68px;
height: 27px;
}

a#stp {
display: block;
width: 76px;
height: 27px;
}

a#stm {
display: block;
width: 91px;
height: 27px;
}

a#stc {
display: block;
width: 75px;
height: 27px;
}

a:hover#sth, #sthOn {
background: url('images/webimages/bg-nav.jpg') no-repeat 0px -27px;
}

a:hover#sta, #staOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -60px -27px;
}

a:hover#sto, #stoOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -111px -27px;
}

a:hover#stp, #stpOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -179px -27px;
}

a:hover#stm, #stmOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -255px -27px;
}

a:hover#stc, #stcOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -346px -27px;
}

#copytBG, #copytOn {
position: absolute;
left: 160px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -160px 0px;
}

#copypBG, #copypOn {
position: absolute;
left: 214px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -214px 0px;
}

#copyc {
position: absolute;
left: 0px;
display: block;
width: 160px;
height: 28px;
background: url('images/webimages/bg-copyright.jpg') no-repeat;
}

#copyi {
position: absolute;
left: 643px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -643px 0px;
}

#copyd {
position: absolute;
left: 203px;
display: block;
width: 11px;
height: 28px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -203px 0px;
}

a#copyt {
display: block;
width: 43px;
height: 28px;
}

a#copyp {
display: block;
width: 72px;
height: 28px;
}

a#copyi {
display: block;
width: 106px;
height: 28px;
}

a:hover#copyt, #copytOn {
background: url('images/webimages/bg-copyright.jpg') no-repeat -160px -28px;
}

a:hover#copyp, #copypOn {
background: url('images/webimages/bg-copyright.jpg') no-repeat -214px -28px;
}