/* Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/* end of Reset */
body {
background: #000;
font-family: Georgia;
font-size: 15px;
}
a {color: #fff}
a:hover {text-decoration: none}
h1 {
font-family: Helvetica;
font-size: 25px;
font-weight: normal;
margin: 20px 20px 20px 20px;
color: #fff;
}
h2 {
font-size: 16px;
font-style: italic;
line-height: 1.3em;
margin: 0 20px 0 30px;
}
p {
line-height: 18px;
margin: 0 20px 18px 30px;
}
ol {
margin: 0 20px 0 40px;
list-style: outside decimal;
font-size: 13px;
line-height: 14px;
}
ol li {
margin-bottom: 12px;
}
#container {
width: 1024px;
height: 768px;
margin: 0 auto;
background: url(http://superstretchpartybus.co.uk/gui/background.jpg) no-repeat;
}
#nav {
width: 928px;
height: 71px;
padding-top: 27px;
margin-left: 61px;
}
#nav li {float: left}/* ie7 needs float on li instead of a */
#nav a {
display: block;
width: 84px;
height: 71px;
}
a#nav-home {width: 228px}
#nav-special-offers {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat 0 200px}
#nav-what-we-offer {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -84px 200px}
#nav-party-gallery {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -168px 200px}
#nav-short-film-about-us {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -252px 200px}
#nav-customer-comments {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -336px 200px}
#nav-contact-and-enquiries {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -420px 200px}
#nav-licensing-and-policies {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -504px 200px}
/*#nav-stretch2xcess {background: url(gui/nav-btns.jpg) no-repeat -588px 200px}*/
#nav-stretch2xcess {background: url(http://superstretchpartybus.co.uk/gui/comingsoon.jpg) no-repeat 0 200px}
#nav-special-offers:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat 0 0}
#nav-what-we-offer:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -84px 0}
#nav-party-gallery:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -168px 0}
#nav-short-film-about-us:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -252px 0}
#nav-customer-comments:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -336px 0}
#nav-contact-and-enquiries:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -420px 0}
#nav-licensing-and-policies:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-btns.jpg) no-repeat -504px 0}
/*#nav-stretch2xcess:hover {background: url(gui/nav-btns.jpg) no-repeat -588px 0}*/
#nav-stretch2xcess:hover {background: url(http://superstretchpartybus.co.uk/gui/comingsoon.jpg) no-repeat 0 0}
#screen {
width: 972px;
height: 645px;
margin: 9px 26px 0 26px;
padding-top: 1px;
}
#screen-left {
width: 267px;
height: 464px;
margin: 64px 0 0 69px;
float: left;
color: #fff;
}
#screen-left p {font-style: italic}
#screen-right {
width: 551px;
height: 399px;
margin: 129px 0 0 336px;
color: #440e62;
}
#screen-right-images {
width: 551px;
height: 444px;
margin: 84px 0 0 347px;
}
#screen-right-images img {
width: 529px;
height: 210px;
margin-bottom: 10px;
}
#screen-full {
width: 840px;
height: 464px;
margin: 64px 0 0 69px;
}
#nav-pages {
margin: 18px 0 0 59px;
}
#nav-pages li {
float: left;
margin-left: 12px;
}
#nav-pages a {
display: block;
width: 16px;
height: 18px;
}
.nav-page0 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat 0 -18px}
.nav-page1 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -16px -18px}
.nav-page2 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -32px -18px}
.nav-page3 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -48px -18px}
.nav-page4 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -64px -18px}
.nav-page5 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -80px -18px}
.nav-page6 a {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -96px -18px}
.nav-page0 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat}
.nav-page1 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -16px 0}
.nav-page2 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -32px 0}
.nav-page3 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -48px 0}
.nav-page4 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -64px 0}
.nav-page5 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -80px 0}
.nav-page6 a:hover {background: url(http://superstretchpartybus.co.uk/gui/nav-pages.gif) no-repeat -96px 0}
#thumbs {margin: 0 0 0 20px}
.thumb {
width: 46px;
height: 46px;
margin: 0 0 5px 5px;
background: #b17;
}
#comment-large {
width: 315px;
height: 444px;
margin: 70px 0 12px 120px;
}
#gallery-large {
width: 529px;
height: 430px;
margin: 0px 0 16px 11px;
}
#form-contact {
}
#form-contact label {
display: block;
text-align: right;
margin: 0 50px 15px 0;
}
#form-contact label input, #form-contact label textarea {
width: 350px;
height: 1.8em;
border: none;
vertical-align: text-top;
}
label#userdate input {width: 20px}
label#userdate {margin-right: 221px}
#form-contact label textarea {height: 150px}