/* © Gobstopper Creative - Alistair Monaghan */

html,body { 
margin: 0;
padding: 0;
background-color: #fff;
}
body {
font-family: verdana, sans-serif;
font-size: 0.7em;
color: #0a1d3b;
line-height: 1.5em;
background: url('_images/gobstopper-v3-mainbg.jpg') #0a1d3b top center no-repeat;
height: 100%; 
min-height: 100%;
min-width: 980px;
padding: 0;
margin: 0;
}
h1 {
font-size: 2em;
padding: 0;
margin: 0;
}
h2 {
line-height: 1.3em;
font-size: 1.2em;
padding: 0;
margin: 0 0 0.6em 0;
}
h3 {
line-height: 1.3em;
font-weight: normal;
font-size: 1em;
padding: 0;
margin: 0 0 0.6em 0;
}
a {
font-weight: bold;
color: #000;
}
a:hover {
color: #00aeef; /* gobstopper blue */
text-decoration: none;
}
a.credit {
font-size: 0.8em;
}
p {
padding: 0 0 1.4em 0;
margin: 0;
}
img {
padding: 0;
margin: 0;
border: none;
}
#flash-gallery-images {
display: none;
}
#centerize {
min-height: 1100px;
height: 100%;
width: 980px;
margin: 0 auto;
padding: 0;
}
#logo {
padding: 55px 0 0 30px;
}
#main {
width: 580px;
padding: 240px 30px 30px 30px;
margin: 0;
}
#main-x {
width: 580px;
padding: 50px 30px 20px 30px;
margin: 0;
}
#flash {
position: absolute;
top: 190px;
padding: 0;
margin: 0 0 0 21px;
}
#right {
width: 310px;
color: white;
position: absolute;
top: 35px;
padding: 0;
margin: 0 0 0 650px;
}
#right a {
color: white;
text-indent: -5000px
}
#right a:hover {
color: #00aeef; /* gobstopper blue */
}
#btn-email {
width: 289px;
height: 20px;
overflow: hidden;
background: url('_images/email.gif') top left no-repeat;
display: block;
}
#btn-email:hover {
background-position: bottom left;
}
/* start menu */
#menu {
position: absolute;
top: 150px;
padding: 0;
margin: 0 0 0 21px;
}
#menu ul {
padding: 0;
margin: 0;
}
#menu ul li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
#menu li a {
text-indent: -5000px
}
#menu-x {
position: absolute;
top: 150px;
padding: 0;
margin: 0 0 0 21px;
}
#menu-x ul {
padding: 0;
margin: 0;
}
#menu-x ul li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
#menu-x li a {
text-indent: -5000px
}
#btn-welcome {
text-align: center;
width: 150px;
height: 33px;
overflow: hidden;
background: url('_images/btn01-home.gif') top left no-repeat;
display: block;
}
#btn-welcome:hover {
background-position: center left;
}
#btn-wwd {
text-align: center;
width: 150px;
height: 33px;
overflow: hidden;
background: url('_images/btn02-whatwedo.gif') top left no-repeat;
display: block;
}
#btn-wwd:hover {
background-position: center left;
}
#btn-wwa {
text-align: center;
width: 150px;
height: 33px;
overflow: hidden;
background: url('_images/btn03-whoweare.gif') top left no-repeat;
display: block;
}
#btn-wwa:hover {
background-position: center left;
}
#btn-gallery {
text-align: center;
width: 150px;
height: 33px;
overflow: hidden;
background: url('_images/btn04-gallery.gif') top left no-repeat;
display: block;
}
#btn-gallery:hover {
background-position: center left;
}
/* end menu */

/* start image replacements */
h1#welcome {
background: url("_images/header01-welcome.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#what-we-do {
background: url("_images/header02-what-we-do.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#who-we-are {
background: url("_images/header03-who-we-are.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#gallery {
background: url("_images/header04-gallery.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#links {
background: url("_images/header05-links.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#testimonials {
background: url("_images/header06-testimonials.gif") no-repeat;
width: 499px;
height: 42px;
margin: 10px 0;
padding: 0;
}
h1#tel {
background: url("_images/telephone.gif") no-repeat;
width: 240px;
height: 25px;
margin: 10px 0;
padding: 0;
}
h1#current-offers {
background: url("_images/current-offers.gif") no-repeat;
width: 240px;
height: 25px;
margin: 25px 0 5px 0;
padding: 0;
}
h1#quote {
background: url("_images/get-a-quote.gif") no-repeat;
width: 250px;
height: 31px;
margin: 10px 0 5px 0;
padding: 0;
}
h2#email {
background: url("_images/email.gif") no-repeat;
width: 250px;
height: 20px;
margin: 0;
padding: 0;
}
h2#wwd-websites {
background: url("_images/header07-websites.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}

h2#wwd-email {
background: url("_images/header08-email.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}

h2#wwd-design {
background: url("_images/header09-design.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}

h2#wwd-media {
background: url("_images/header10-media.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}
h2#wwd-photo {
background: url("_images/header11-photo.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}
h2#wwd-video {
background: url("_images/header12-video.gif") no-repeat;
width: 472px;
height: 21px;
margin: 10px 0 0 0;
padding: 0;
}
h3#price01{
background: url("_images/price01.gif") no-repeat;
width: 66px;
height: 27px;
margin: 0;
padding: 0;
}
h3#price02{
background: url("_images/price02.gif") no-repeat;
width: 66px;
height: 27px;
margin: 0;
padding: 0;
}
h3#price03{
background: url("_images/price03.gif") no-repeat;
width: 66px;
height: 27px;
margin: 0;
padding: 0;
}
/* IE7 Only */
*:first-child+html h1 span {
position: relative;
}
h1 span {
position: absolute;
text-indent: -5000px;
padding: 0;
margin: 0;
}
h2 span {
position: absolute;
text-indent: -5000px;
padding: 0;
margin: 0;
}
h3 span {
position: absolute;
text-indent: -5000px;
padding: 0;
margin: 0;
}
#base {
padding: 0;
margin: 10px 0 5px 0;
}
table {
padding: 0;
margin: 0;
border-collapse: collapse;
}
table td {
vertical-align: top;
padding: 0 10px 20px 0;
}
table.gallery td {
text-align: center;
vertical-align: top;
padding: 0 5px 20px 0;
}
input {

}

textarea {

}