*{
padding: 0px;
margin: 0px;
font-size:100%; 
line-height:1em;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('myp-webfont.eot');
    src: url('myp-webfont.eot?#iefix') format('embedded-opentype'),
         url('myp-webfont.woff') format('woff'),
         url('myp-webfont.ttf') format('truetype'),
         url('myp-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadPro';
    src: url('mypi-webfont.eot');
    src: url('mypi-webfont.eot?#iefix') format('embedded-opentype'),
         url('mypi-webfont.woff') format('woff'),
         url('mypi-webfont.ttf') format('truetype'),
         url('mypi-webfont.svg#MyriadProItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'MyriadProLight';
    src: url('mypl-webfont.eot');
    src: url('mypl-webfont.eot?#iefix') format('embedded-opentype'),
         url('mypl-webfont.woff') format('woff'),
         url('mypl-webfont.ttf') format('truetype'),
         url('mypl-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProLight';
    src: url('mypli-webfont.eot');
    src: url('mypli-webfont.eot?#iefix') format('embedded-opentype'),
         url('mypli-webfont.woff') format('woff'),
         url('mypli-webfont.ttf') format('truetype'),
         url('mypli-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: italic;

}



body{
font-family:  'MyriadPro', helvetica, arial, sans-serif;
padding-top: 20px;
overflow: idden;
}

#cont{
width:1000px;
height: 800px;
margin: 0px auto;
}


#main{
width:1000px;
height: 800px;
position: absolute;
}

#head{
width: 100%;
height: 125px;
top: 0px;
position: absolute;
background: #009cdb;
}



#title{
position: absolute;
top: 19px;
left: 22px;
background:url('../images/titletext.png');
z-index:10;
width: 420px;
height: 71px;
}
#titlemount{
position: absolute;
top: 14px;
left: 444px;
background:url('../images/titlemounts2.png');
z-index:10;
width: 344px;
height: 88px;
}


#hbutt{
position:absolute;
width: 27px;
height: 23px;
background: url('../images/home.png');
right: 113px;
bottom: 37px;
}

#bbutt{
position:absolute;
width: 23px;
height: 23px;
right: 76px;
bottom: 37px;
}

#cbutt{
position:absolute;
width: 23px;
height: 16px;
background: url('../images/email.png');
right: 39px;
bottom: 37px;
}

#subhead{
width: 100%;
height: 25px;
position: absolute;
background: #1c3e93;
bottom: 0px;
}

#tips{
position: absolute;
width: 528px;
height: 6px;
bottom: 0px;
left: 155px;
background: url('../images/tips.png');
}



#now{
position:absolute;
right: 118px;
line-height: 14px;
top: 5px;
}

#now a{
text-decoration: none;
color: white;
font-size: 0.875em;
}



#bottom{
width: 100%;
height: 75px;
background: #1c3e93;
bottom: 0px;
position: absolute;
}

#bottomsub{
width:100%;
height: 18px;
background: #b7b9db;
position: absolute;
bottom: 0px;
}



#terms{
position: absolute;
left: 812px;
top: 4px;
text-decoration: none;
color: black;
font-size: 0.625em;
}

#priv{
position: absolute;
left: 912px;
top: 4px;
text-decoration: none;
color: black;
font-size: 0.625em;
}

#left{
position: absolute;
top: 140px;
left: 15px;
width: 125px;
height: 586px;
background: #1c3e93;
}

#oska{
position: absolute;
bottom: 20px;
left: 0px;
width: 125px;
height: 76px;
background: url('../images/oska.png');
}

#nav{
position: absolute;
width: 100%;
height: 250px;
left: 0px;
top: 15px;

}



#nav a{
text-decoration: none;
color: white;
font-size: 0.875em;
font-weight: normal;
line-height: normal;
padding: 0px;
margin: 0px;
}
#nav li{
list-style-type: none;
text-align: right;
padding-right: 13px;
padding-bottom: 13px;
}


#home{
position: absolute;
top: 5px;
right: 15px;
border: 1px black solid;
}

#about{
position: absolute;
top: 35px;
right: 15px;
border: 1px black solid;
}

#buy{
position: absolute;
top: 65px;
right: 5px;
border: 1px black solid;
}



#basket{
position: absolute;
top: 95px;
right: 15px;
border: 1px black solid;
}

#contact{
position: absolute;
top: 125px;
right: 15px;
}







#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
z-index: 9001;
top:0px;
left:0px;
width:100%;
height: 100%;
position: fixed;
}


#tncpop {
position:fixed;
background-color:white;
width:500px;
height:300px;
z-index: 9002;
right: 50%;
margin-right: -250px;
top: 50%;
margin-top: -150px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
overflow: auto;
font-size: 0.625em;

}

#tnctext{
width: 350px;
position: absolute;
left: 50%;
margin-left: -175px;
top: 30px;
}

#tncpop p{
text-align: left;
margin-top: 0px;
line-height: 1.4em;
padding-bottom: 1px;
}
#tncpop a{
font-size: 1.4em;
}

#close {
position: fixed;
color: black;
font-size: 1.4em;
left: 50%;
top: 50%;
margin-top:-150px;
margin-left: 200px;
}



#privpop {
position:fixed;
background-color:white;
width:500px;
height:300px;
z-index: 9002;
left: 50%;
margin-left: -250px;
top: 50%;
margin-top: -150px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
overflow: auto;
font-size: 0.625em;

}

#privtext{
width: 350px;
position: absolute;
left: 50%;
margin-left: -175px;
top: 30px;
}

#privpop p{
text-align: left;
margin-top: 0px;
line-height: 1em;
padding-bottom: 1px;
}

#privpop a{
font-size: 1.4em;
}


