/* Swannys Mug Style Sheet - Created by Pixel8tor Photography & Web Design.  visit me online www.pixel8tor.co.uk or email me at Pixel8tor@hotmail.co.uk */



body {
padding: 0;
margin: 0;
background-color: white;
font: small Verdana, Arial, sans-serif;
color: gray;
}


#wrapper {
width: 680px;
margin: 0 auto;
}


#invaderwrapper {
width: 700px;
margin: 0 auto;
}


#news {
background: #ff0000;
margin: 0 auto;
margin-top: 5px;
padding: 0.5em;
border: 2px solid #a30303;
color: black;
}


#news a:link {
text-decoration: underline;
color: black;
}


#news a:visited {
text-decoration: underline;
color: black;
}


#news a:hover {
text-decoration: none;
color: gray;
}


#infobox {
margin: 0 auto;
border: 1px solid #a30303;
background: white;
text-align: center;
font-size: 105%;
font-weight: bold;
color: red;
width: 30em;
padding: 0.5em;
}




#ImgMap {
position: relative;
margin: 0 auto;
width: 674px;
background: #0099FF;
border: 3px solid #2b6085;
}


#ImgMapEurope {
position: relative;
margin: 0 auto;
width: 463px;
background: #0099FF;
border: 3px solid #2b6085;
}


#ImgMapAfrica {
position: relative;
margin: 0 auto;
width: 300px;
background: #0099FF;
border: 3px solid #2b6085;
}


#ImgMapAustralia {
position: relative;
margin: 0 auto;
width: 300px;
background: #0099FF;
border: 3px solid #2b6085;
}


#ImgMapNAmer {
position: relative;
margin: 0 auto;
width: 288px;
background: #FFFFFF;
border: 3px solid #2b6085;
}


#ImgMapSAmer {
position: relative;
margin: 0 auto;
width: 161px;
background: #0099FF;
border: 3px solid #2b6085;
}





#ImgMapUK {
position: relative;
background-image: url('graphics/blgr088.jpg');
margin: 0 auto;
width: 320px;
border: 3px solid #2b6085;
}


#ImgMapUSA {
position: relative;
margin: 0 auto;
width: 298px;
background: #C0C0C0;
border: 3px solid #2b6085;
}


#ImgMapCanada {
position: relative;
margin: 0 auto;
width: 450px;
background: #99CCFF;
border: 3px solid #2b6085;
}


#ImgMapHalifax {
position: relative;
margin: 0 auto;
width: 500px;
border: 0;
}


#dohbox {
margin: 0 auto;
padding: 2px;
width: 510px;
background: black;
text-align: center;
color: yellow;
font-size: 145%;
border: 1px solid white;
}




#textbox {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px;
width: 500px;
text-align: center;
color: red;
font-size: 165%;
border: 1px solid black;
}


#textboxinvader {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px;
width: 600px;
text-align: center;
color: red;
font-size: 165%;
font-weight: bold;
border: 1px solid black;
background: white;
}


#textboxQuote {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px;
width: 500px;
text-align: center;
color: red;
font-size: 100%;
font-weight: bold;
border: 1px solid black;
background: white;
}


#textboxQuote a:link {
color: green;
}


#textboxQuote a:visited {
color: green;
}


#textboxQuote a:hover {
color: red;
}


#textboxQuotelg {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px;
width: 500px;
text-align: center;
color: black;
font-size: 180%;
font-weight: bold;
border: 1px solid black;
background: white;
}


#textboxThumbs {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
padding: 2px;
width: 300px;
text-align: center;
color: #660033;
font-size: 95%;
font-weight: bold;
border: 1px solid black;
background: white;
}


span.bluetext {
color: blue;
font-style: italic;
}


.navigation ul {
background-color: #0099FF;
text-align: center;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0;
border: 2px solid #2b6085;
}


.navigation li {
padding: 0.25em 1em;
border-left: 2px solid #2b6085;
display: inline
}


.navigation li:first-child {
border: none;
}


.navigation a:visited, a:link {
text-decoration: none;
color: white;
}


.navigation a:hover {
text-decoration: underline overline;
color: black;
}


#gulf {
margin: 0 auto;
width: 205px;
margin-top: 5px;
}


#gulf a:link {
color: red;
}


#gulf a:visited {
color: red;
}


#gulf a:hover {
color: green;
}

.flagWrapper {
overflow: auto;
width: 675px;
margin-top: 10px;
margin: 0 auto;
}


.flagWrapper1 {
overflow: auto;
width: 510px;
margin-top: 10px;
margin: 0 auto;
}


.flagWrapper1A {
position: relative;
overflow: auto;
width: 510px;
margin-top: 10px;
margin: 0 auto;
}


.ThumbWrapper340 {
width: 340px;
overflow: auto;
margin-top: 10px;
margin: 0 auto;
}


.ThumbWrapper4thm {
width: 640px;
overflow: auto;
margin-top: 10px;
margin: 0 auto;
}


.Thumbbox {
margin-top: 10px;
width: 150px;
float: left;
padding: 9px;
text-align: center;
color: red;
}


.Thumbbox a:link {
font-weight: bold;
color: black;
}


.Thumbbox a:visited {
color: black;
}


.Thumbbox a:hover {
color: green;
}


.flagbox {
float: left;
width: 121px;
padding: 3px;
text-align: center;
color: red;
}


.flagbox a:link {
color: red;
}


.flagbox a:visited {
color: red;
}


.flagbox a:hover {
color: green;
}


.spoofbox {
margin-top: 10px;
width: 122px;
float: left;
padding: 4px;
text-align: center;
color: red;
}


.spoofbox a:link {
font-weight: bold;
color: white;
}


.spoofbox a:visited {
font-weight: bold;
color: white;
}


.spoofbox a:hover {
color: #d62424;
font-style: italic;
}


.spoofbox1 {
margin-top: 10px;
width: 160px;
float: left;
padding: 4px;
text-align: center;
color: red;
}


.spoofbox1 a:link {
font-weight: bold;
color: white;
}


.spoofbox1 a:visited {
font-weight: bold;
color: white;
}


.spoofbox1 a:hover {
color: #d62424;
font-style: italic;
}


.specbox {
margin-top: 10px;
width: 160px;
float: left;
padding: 4px;
text-align: center;
color: red;
}


.specbox a:link {
font-weight: bold;
color: black;
}


.specbox a:visited {
color: black;
}


.specbox a:hover {
color: green;
}


.specbox1 {
margin-top: 10px;
margin: 0 auto;
width: 150px;
padding: 4px;
text-align: center;
color: red;
}


.specbox1 a:link {
font-weight: bold;
color: black;
}


.specbox1 a:visited {
color: black;
}


.specbox1 a:hover {
color: green;
}


.specbox2 {
margin-top: 10px;
width: 150px;
float: left;
padding: 4px;
text-align: center;
color: red;
}


.specbox2 a:link {
font-weight: bold;
color: black;
}


.specbox2 a:visited {
color: black;
}


.specbox2 a:hover {
color: green;
}


.specbox3 {
margin-top: 10px;
width: 300px;
float: left;
padding: 8px;
text-align: center;
color: red;
}


.specbox3 a:link {
font-weight: bold;
color: black;
}


.specbox3 a:visited {
color: black;
}


.specbox3 a:hover {
color: green;
}


.specbox img {
border: 0;
}


.specbox1 img {
border: 0;
}


.specbox2 img {
border: 0;
}


.specbox3 img {
border: 0;
}


.ThumbnailBox {
width: 155px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.ThumbnailBoxGermany {
position: relative;
width: 114px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.ThumbnailBox1 {
width: 229px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox {
width: 500px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}

.PhotoBoxPortrait {
width: 375px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox344 {
width: 344px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox390 {
width: 390px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox352 {
width: 352px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBoxPortrait320 {
width: 320px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox267 {
width: 267px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox407 {
width: 407px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}


.PhotoBox466 {
width: 466px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 0;
}



#adverts {
margin-top: 5px;
}


img.google {
position: relative;
top: -13px;
padding-right: 6px;
border: 0;
}


#theodora {
margin-top: 4px;
background: yellow;
padding: 0.5em;
text-align: center;
font-size: 95%;
color: gray;
}


#theodora a:link, a:visited {
color: gray;
text-decoration: underline;
}


#theodora a:hover {
text-decoration: none;
}


.seperator {
clear: both;
height: 0;
}


#footer {
text-align: center;
font-size: 85%;
padding: 15px 20px;
color: black;
}


#footer a:link {
color: black;
text-decoration: none;
}


#footer a:visited {
color: black;
text-decoration: none;
}


#footer a:hover {
color: red;
text-decoration: underline overline;
}


#footerbg {
background: white;
border: 1px solid black;
text-align: center;
font-size: 85%;
margin-top: 5px;
margin-bottom: 5px;
padding: 15px 20px;
color: black;
}


#footerbg a:link {
color: black;
text-decoration: none;
}


#footerbg a:visited {
color: black;
text-decoration: none;
}


#footerbg a:hover {
color: red;
text-decoration: underline overline;
}


#w3c {
text-align: center;
}


h1 {
font-size: 180%;
font-weight: bold;
margin: 0 0 5px;
text-align: center;
color: black;
text-decoration: underline;
padding: 10px;
}


h2 {
font-size: 105%;
text-align: center;
font-weight: bold;
margin: 0 0 5px;
color: black;
}


h3 {
font-size: 105%;
text-align: center;
font-weight: bold;
margin: 0 0 5px;
color: black;
}


h4 {
font-size: 180%;
font-weight: bold;
text-align: center;
color: black;
text-decoration: underline;
}


#invader h1 {
font-size: 190%;
font-weight: bold;
margin: 0 0 5px;
text-align: center;
color: white;
text-decoration: underline;
padding: 10px;
}


#invader h2 {
font-size: 115%;
text-align: center;
font-weight: bold;
margin: 0 0 5px;
color: yellow;
padding-bottom: 10px;
}


p {
font-size: 85%;
line-height: 1.3em;
margin: 0 0 1em;
}


p a:link, a:visited {
color: gray;
text-decoration: none;
}


p a:hover {
color: white;
text-decoration: underline;
}


#controls {
text-align: center;
font-size: 160%;
font-weight: bold;
color: red;
}


#budgie {
text-align: center;
font-size: 120%;
font-weight: bold;
line-height: 1.3em;
color: white;
}


#pixel8torlogo {
position: absolute;
top: 297px;
left: 5px;
}


#pixel8torlogoUK {
position: absolute;
top: 5px;
left: 5px;
}


#pixel8torlogoEur {
position: absolute;
top: 5px;
left: 5px;
}


#pixel8torlogoAsia {
position: absolute;
top: 25px;
left: 25px;
}


#pixel8torlogoAfrica {
position: absolute;
top: 301px;
left: 3px;
}


#pixel8torlogoAustralia {
position: absolute;
top: 220px;
left: 5px;
}


#pixel8torlogoNAmer {
position: absolute;
top: 0px;
left: 0px;
}


#pixel8torlogoSAmer {
float: left;
position: absolute;
top: 226px;
left: 110px;
}


#pixel8torlogoGermany {
float: left;
position: absolute;
top: 112px;
left: 120px;
}


#pixel8torlogoSpec {
position: absolute;
top: 75px;
left: 40px;
}


#pixel8torlogoUSA {
position: absolute;
top: 155px;
left: 5px;
}


#pixel8torlogoCanada {
position: absolute;
top: 307px;
left: 5px;
}


#pixel8torlogoHalifax {
position: absolute;
top: 308px;
left: 5px;
}


#CyprusPrompt {
position: absolute;
top: 370px;
left: 280px;
}


#smallertext {
font-size: 80%;
color: red;
}


#smallertext a:link, a:visited{
color: red;
text-decoration: none;
}


#smallertext a:hover {
color: red;
text-decoration: underline;
}