/** LOOKING GOOD B'COOL **/

body {
font: 101% Arial, Tahoma, Verdana, sans-serif;
background: url(i/bg.jpg) no-repeat;
line-height: 21px;
padding: 0;
margin: 0;
}

h1 {
padding: 0;
margin: 0;
font-size: 19px;

}

h2 {
font-size: 12px;
font-weight: bold;
color: #000;
border-bottom: solid 1px #eee;
margin-top: 25px;
}

h3 {
font-size: 11px;
margin: 5px 0 0 0;

}

a {
color: #5290D4;
text-decoration: none;
background-color: #EEF5FD;
}

a:hover {
color: #2B66A8;
}

a:visited {
background-color: #F4F9FD;
}

li, p {
font-size: 11px;
margin: 0;
padding: 0;

}

ul {
margin: 0;
padding: 0;
}

#main ul li {
background: url(i/bullet.gif) no-repeat 0 9px;
padding-left: 20px;
list-style: none;
margin: 3px 0;
position: relative;
}

#photobox {
position: absolute;
top: 10px;
left: 360px;
width: 350px;
}

#photobox ul#nav li {
list-style: none;
display: inline;
font: 10px "Trebuchet MS", sans-serif;

}

#nav li a {
background: none;
}

ul#nav {
padding-top: 5px;
line-height: 3px;

}

#photobox ul.pics li {
list-style: none;
display: inline;

margin: 8px 5px;
float: left;
font-size: 11px;
}

#photobox ul.pics {
width: 350px;

position: absolute;
top: 320px;
}

#photobox .pics a.visited {
color: #ccc;
background: #fff;
}

#photobox ul.pics li a {
text-align: center;
padding: 1px 5px;

display: block;
}

#main {

position: relative;
left: 75px;
padding-top: 60px;
width: 220px;

}

#end {
background: url(i/end.jpg);
width: 346px;
height: 130px;
margin-top: -50px;
}

#main p {
color: #222;
padding: 5px 0;
}

#main li {
color: #373737;
}

#main img {
margin-bottom: 15px;
}

#photobox img {
position: absolute;
left: 4px;
top: 60px;
}

#corporate {
font-size: 9px;
position: absolute;
text-align: right;
left: 593px;
top: 470px;
list-style: none;
padding-bottom: 15px;

}

#corporate a {
font: 10px 'Trebuchet MS', sans-serif;
}

#corporate li {

display: inline;
margin-left: 2px;
}

#main p.copy {
color: #ccc;
font-size: 10px;

}

form {

margin: 10px 0;
padding: 0 5px;

border: solid 1px #E4F0FA;
background-color: #F4F9FD;

}

#main p.order {
background: #000;

color: #fff;
padding: 3px 15px;
margin: 10px -5px;
}

input[type="hidden"] {
display: none;
}
label {
margin-right: 10px;
}

input, select, textarea {
display: block;

}
input {
padding: 1px 3px;
}

textarea, input {
padding: 2px 1px;
}

textarea {
width: 15em;
height: 6em;
display: block;

}

select {
border: none;
}
#main form ul {
margin: 0;
padding: 0;
}

#main form ul li {
background: none;

padding: 0;
margin: 5px 0;
}

form ul input, form ul select, form ul textarea {
font: 1em Arial;
color: #444;
}

form input.button {
width: 115px;
border: solid 1px #98C2EB;
color: #3A89D8;
font-size: 0.8em;
margin: 15px 0;
background: url(submit_bg.gif) no-repeat -115px 0;
max-height: 20px;
}

form input.button {
background: url(submit_bg.gif) no-repeat right bottom ;
}
form input.button:hover {
background-position: -115px;
}

.hili {
background: #F3F3F1
}

.crumbs {
font-size: 9px;

}

div.img, div.notes {
position: absolute;
left: 300px;
}

div.notes {
top: 430px;
}

div.img img {
padding: 3px;
border: solid 1px #eee;
}

div.img p, div.notes {
font-size: 10px;
color: #999;
width: 170px;
}
