/* © Gobstopper Design - Alistair Monaghan */

html,body { 
height: 100%; 
margin: 0;
padding: 0;
background-image: url("_images/img_mainbg.gif"); 
background-repeat: repeat-y;
background-position: center top;
}
body {
font-family: verdana, arial, sans-serif;
font-size: 66.667%;
color: #0a213e;
line-height: 1.5em;
height: 100%;
padding: 0;
margin: 0;
}
#centerize {
background-image: url("_images/img_basebg.gif"); 
background-repeat: repeat-y;
background-position: center top;
background-color: white;
width: 763px;
margin: 0 auto;
padding: 0;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}
#indexcenter {
width: 763px;
margin: 0 auto;
padding: 0;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}
h1 {
font-weight: normal;
font-size: 1.2em;
margin-bottom: 0;
}
a {
font-weight: bold;
color: #00b6f4;
}
a:hover {
color: #0a213e;
}
p {
padding: 0.4em 0 1.2em 0;
margin: 0;
}
img {
border: none;
}
span.bull {
color: #00b6f4;
}
#top {
background-image: url("_images/img_topbit.jpg"); 
background-repeat: no-repeat;
background-position: center top;
background-color: white;
margin: 0;
padding: 0;
height: 127px;
}
#logo {
padding: 40px 0 0 30px;
}
#textbox {
margin: 0 0 0 18px;
padding: 17px 20px 55px 20px;
width: 490px;
}
#indexbox {
color: white;
margin: 0 0 0 320px;
padding: 80px 0 0 0;
width: 560px;
}
#indexbox a {
padding: -5px 0 0 0;
}
#indexbox a:hover {
color: white;
}
#flash {
width: 480px;
height: 360px;
border: 1px solid #e7e7e7;
margin: 0;
}
#gallery {
position: absolute;
top: 0;
margin: 140px 0 0 509px;
padding: 0;
width: 230px;
}
#gallery p {
width: 170px;
margin: 0 0 0 61px;
padding-bottom: 0px;
}
#divider {
background-image: url("_images/img_divider.gif"); 
background-repeat: no-repeat;
background-position: center top;
width: 215px;
margin: 0 0 0 38px;
padding: 0 0 30px 0;
}
#divider p {
margin: 0 0 0 22px;
padding: 36px 0 0 0;
}
#divider img {
padding: 5px 0 0 0;
}
#menu {
position: absolute;
top: 54px;
height: 28px;
margin: 0 0 0 420px;
padding: 0;
background-image: url("_images/img_menubg.gif"); 
background-repeat: repeat-x;
background-position: center top;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
}
#menu li a {
text-decoration: none;
color: white;
font-weight: bold;
overflow: hidden;
display: block;
white-space: pre;
height: 28px;
padding: 0 10px 0 0;
}
#btn01 {
width: 41px;
text-indent: 1000px;
background: url(_images/btn01_home.gif) no-repeat; background-position: left top;
}
#btn01:hover {
background-position: bottom left;
}
#btn02 {
width: 46px;
text-indent: 1000px;
background: url(_images/btn02_profile.gif) no-repeat; background-position: left top;
}
#btn02:hover {
background-position: bottom left;
}
#btn03 {
width: 54px;
text-indent: 1000px;
background: url(_images/btn03_services.gif) no-repeat; background-position: left top;
}
#btn03:hover {
background-position: bottom left;
}
#btn04 {
width: 51px;
text-indent: 1000px;
background: url(_images/btn04_thelab.gif) no-repeat; background-position: left top;
}
#btn04:hover {
background-position: bottom left;
}
#btn05 {
width: 54px;
text-indent: 1000px;
background: url(_images/btn05_contact.gif) no-repeat; background-position: left top;
}
#btn05:hover {
background-position: bottom left;
}
#bot {
position: absolute;
background-color: white;
background-image: url("_images/img_botbit.gif"); 
background-repeat: no-repeat;
background-position: center top;
margin: 0;
padding: 0;
height: 55px;
width: 763px;
text-align: center;
bottom: 0 !important;
bottom: -1px;
}
#bot p {
padding: 25px 0 0 0;
}
table.enquiry td {
vertical-align: top;
}
table.enquiry td.submit {
padding: 18px 0 0 0;
}
input.submit {
margin: 15px 0 0 0;
width: 80px;
}
input {
width: 200px;
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #0a213e;
}
input#login {
width: 100px;
}
textarea {
width: 200px;
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #0a213e;
}