/*Justin's CSS file for webpioneer.co.uk*/

body {	/*background-image: url(Images/background.gif);
	background-repeat: repeat;*/
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
	color:white;
	line-height: 120%;
	padding:0;
    background-repeat: repeat;
    background-color:#000;
}

p
{
    padding-top: 0px;
     padding-left:0px;
     padding-right: 0px;
     padding-bottom:0;
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     font-weight:normal;
     line-height:normal;
     background-color: Transparent;
}

#masterContainer
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1260px;
}

#background
{
    background:repeat url(images/brick_5.gif) top center;
	height:723px;
	width:1260px;
	margin:0;
	padding:0;
}

#background2
{
    background:repeat url(images/brick_5.gif) top center;
	height:1900px;
	width:1260px;
	margin:0;
	padding:0;
}

#banner
{
    background:url(images/banner2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:1040px;
	top:80px;
    left:100px;
}
#bannerShadow
{
    background:url(images/bannershadowpng.png);
    background-repeat:no-repeat;
    position:absolute;
	height:25px;
	width:1050px;
	top:180px;
    left:90px;
}

#bannerSmall
{
    background:url(images/banner_small.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:40px;
	width:250px;
	top:180px;
    left:500px;
}

#door
{
    background:url(images/door_new2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:500px;
	width:250px;
	top:220px;
    left:500px;
}

#windowLeft
{
    background:url(images/window_3.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:500px;
	width:400px;
	top:180px;
    left:100px;
}
#windowRight
{
    background:url(images/window_3.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:500px;
	width:400px;
	top:180px;
    left:740px;
}

#windowLeftShadow
{
    background:url(images/windowshadowpng.png);
    background-repeat:no-repeat;
    position:absolute;
	height:100px;
	width:400px;
	top:680px;
    left:100px;
}
#windowRightShadow
{
    background:url(images/windowshadowpng.png);
    background-repeat:no-repeat;
    position:absolute;
	height:100px;
	width:400px;
	top:680px;
    left:740px;
}

#footer
{
    background: repeat-x url(images/tile07.jpg);
    position:absolute;
	height:100px;
	width:1260px;
	top:721px;
	background-color:#000;
}

#footerValid
{
    position:absolute;
	top:730px;
	left:120px;
}
#footerValid2
{
    position:absolute;
	top:735px;
	left:220px;
}

#footerInfo
{
    font-size:0.7em;
    line-height:normal;
    color:#00aeef;
    position:absolute;
	top:730px;
	left:770px;
	height:100px;
	width:300px;
}
#footerInfo2
{
    font-size:0.7em;
    line-height:normal;
    color:#00aeef;
    position:absolute;
	top:730px;
	left:950px;
	height:100px;
	width:300px;
}

.footerLink
{
    color:#00aeef;
    text-decoration:none;
}

#topLeftWindowLines
{
    color:#00aeef;
    position:absolute;
    top:230px;
    left:150px;
    height:50px;
	width:300px;
    
}

#bottomLeftWindowLines
{
    color:#00aeef;
    position:absolute;
    top:315px;
    left:150px;
    height:300px;
	width:300px;
}

#topRightWindowLines
{
    position:absolute;
    top:224px;
    left:859px;
}

#signScroller
{
    background:url(images/signScroller.png);
    position:absolute;
    height:70px;
	width:300px;
    top:210px;
    left:790px;
}

.scrollerLink
{
    color:Red;
    font-size:larger;
    text-decoration:none;
}

.scrollerLink2
{
    color:#00aeef;
    font-size:25px;
    text-decoration:none;
}

.link
{
    color:#00aeef;
    text-decoration:none;
}

#pic_1
{
    background:url(images/pic_1.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:100px;
	width:76px;
	top:560px;
    left:170px;
}

#pic_2
{
    background:url(images/pic_2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:161px;
	width:250px;
	top:499px;
    left:780px;
}

#vase
{
    background:url(images/vase.png);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:98px;
	top:460px;
    left:1015px;
}

#free
{
    background:url(images/free.png);
    background-repeat:no-repeat;
    position:absolute;
	height:100px;
	width:100px;
	top:320px;
    left:810px;
}

#advert
{
    position:absolute;
    color:#00aeef;
	top:340px;
    left:920px;
    height:300px;
	width:300px;
}

#doorTextTop
{
    color:#00aeef;
    position:absolute;
    top:290px;
    left:570px;
}

#doorTextBottom
{
    color:#00aeef;
    position:absolute;
    top:400px;
    left:555px;
    height:100px;
	width:300px;
}

#jewellery
{
    background:url(images/jewellery.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:150px;
	top:510px;
    left:310px;
}

#sign
{
    background:url(images/sign.gif);
    background-repeat:no-repeat;
    position:absolute;
	height:30px;
	width:130px;
	 top:300px;
    left:560px;
}

#room
{
    background:url(images/room.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:500px;
	width:1020px;
	top:180px;
    left:110px;
}

#room2
{
    background:url(images/room2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:1700px;
	width:1020px;
	top:180px;
    left:110px;
}
#form
{
    color:#00aeef;
    position:absolute;
    top:205px;
    left:200px;
}

#exampleSite1Thumb
{
	position:absolute;
	top:400px;
    left:200px;
}
#exampleSite1Thumb2
{
    position:absolute;
	height:200px;
	width:195px;
	 top:400px;
    left:520px;
}
#exampleSite1Thumb3
{
    position:absolute;
	height:200px;
	width:195px;
	 top:400px;
    left:840px;
}
#exampleSiteInfo1Header
{
   color:#00aeef;
   font-size:26px;
   font-weight:bold;
    position:absolute;
    top:210px;
    left:200px;
    
}
#exampleSiteInfo1
{
    color:Black;
    position:absolute;
    top:250px;
    left:200px;
    height:60px;
	width:430px;
}

#exampleSiteInfo1_2
{
    color:Black;
    position:absolute;
    top:250px;
    left:700px;
    height:100px;
	width:400px;
}

#getOne1
{
    color:#00aeef;
    position:absolute;
    font-size:20px;
    top:300px;
    left:710px;
    text-decoration:none;
    border-style:none;
}

#getOne2
{
     color:#00aeef;
    position:absolute;
    font-size:20px;
    position:absolute;
    top:780px;
    left:700px;
      text-decoration:none;
      border-style:none;
}

#getOne3
{
     color:#00aeef;
    position:absolute;
    font-size:20px;
    position:absolute;
    top:1520px;
    left:700px;
      text-decoration:none;
      border-style:none;
}

#exampleSite2Thumb
{
    background:url(images/clive-edwards.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1000px;
    left:200px;
}
#exampleSite2Thumb2
{
    background:url(images/clive-edwards2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1000px;
    left:520px;
}
#exampleSite2Thumb3
{
    background:url(images/clive-edwards3.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1000px;
    left:840px;
}
#exampleSiteInfo2Header
{
   color:#00aeef;
   font-size:26px;
   line-height: 27px;
   font-weight:bold;
    position:absolute;
    top:685px;
    left:200px;
    
}
#exampleSiteInfo2
{
    color:Black;
    position:absolute;
    top:720px;
    left:200px;
    height:100px;
	width:430px;
}

#exampleSiteInfo2_2
{
    color:Black;
    position:absolute;
    top:720px;
    left:700px;
    height:100px;
	width:400px;
}

#exampleSite3Thumb
{
    background:url(images/clive-edwards.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1620px;
    left:200px;
}
#exampleSite3Thumb2
{
    background:url(images/clive-edwards2.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1620px;
    left:520px;
}
#exampleSite3Thumb3
{
    background:url(images/clive-edwards3.jpg);
    background-repeat:no-repeat;
    position:absolute;
	height:200px;
	width:195px;
	 top:1620px;
    left:840px;
}
#exampleSiteInfo3Header
{
   color:#00aeef;
   font-size:26px;
   font-weight:bold;
    position:absolute;
    top:1285px;
    left:200px;
}
#exampleSiteInfo3
{
    color:Black;
    position:absolute;
    top:1320px;
    left:200px;
    height:200px;
	width:430px;
}

#exampleSiteInfo3_2
{
    color:Black;
    position:absolute;
    top:1320px;
    left:700px;
    height:200px;
	width:400px;
}


#freeExample
{
    background:url(images/free.png);
    background-repeat:no-repeat;
    position:absolute;
	height:100px;
	width:100px;
	top:230px;
    left:730px;
}

#advertExample
{
    position:absolute;
    color:#00aeef;
	top:250px;
    left:850px;
     height:300px;
	width:300px;
}

#quoteExample
{
    position:absolute;
    color:#00aeef;
	top:370px;
    left:750px;
      height:50px;
	width:300px;
    
}

.button1
{
    background:url(images/navbarhomepng.png);
    background-repeat:repeat;
    height:50px;
	width:70px;
    position:absolute;
    color:#00aeef;
	top:60px;
    left:150px;
    text-decoration:none;
}

.button2
{
    background:url(images/navbarhomepng.png);
    background-repeat:repeat;
    height:50px;
	width:150px;
    position:absolute;
    color:#00aeef;
	top:60px;
    left:220px;
     text-decoration:none;
}

.button3
{
    background:url(images/navbarhomepng.png);
    background-repeat:repeat;
    height:50px;
	width:120px;
    position:absolute;
    color:#00aeef;
	top:60px;
    left:370px;
     text-decoration:none;
}

.button4
{
    background:url(images/navbarhomepng.png);
    background-repeat:repeat;
    height:50px;
	width:70px;
    position:absolute;
    color:#00aeef;
	top:60px;
    left:490px;
     text-decoration:none;
}
.button5
{
    background:url(images/navbarhomepng.png);
    background-repeat:repeat;
    height:50px;
	width:110px;
    position:absolute;
    color:#00aeef;
	top:60px;
    left:560px;
     text-decoration:none;
}
#links
{
    color:Black;
    font-size: 0.6em;
    position:absolute;
    width: 900px;
    top:200px;
    left:150px;
}

#scroller
{
    font-size: 0.9em;
    position:absolute;
    color:#00aeef;
	top:191px;
    left:505px;
}

#tagLine
{
    color:Black;
    position:absolute;
    top:205px;
    left:150px;
    text-decoration:none;
    font-size:small;
    line-height:22px;
    height:500px;
	width:1020px;
}

#drain
{
    background:url(images/drain.png);
    background-repeat:no-repeat;
    position:absolute;
	height:750px;
	width:90px;
	top:1px;
    left:1140px;
}

#shopFront
{
 
    float:left;
}

#shopWindowDisplayLeft
{
    position:absolute;
    top:460px;
    left:130px;
}

#shopWindowDisplayRight
{
    position:absolute;
    top:460px;
    left:780px;
}

#video_1
{
     position:absolute;
    top:205px;
    left:250px;
}

#contact
{
color:Black;
position: absolute;
top: 200px;
left: 300px;
}
  #name
{
color: Black;
   font-size:20px;
position: absolute;
top: 200px;
left: 200px;
}
#email
{
color: Black;
   font-size:20px;
position: absolute;
top: 260px;
left: 200px;
}

#phone
{
color: Black;
   font-size:20px;
position: absolute;
top: 310px;
left: 200px;
}

#message
{
color: Black;
 font-size:20px;
position: absolute;
top: 370px;
left: 200px;
}