/* the original css file can be found at http://www.intersmash.com/border/city.css */
/* I only amended the positioning to fit with this page - Claire */
/* Author - Ro London */

#demowrap {
position: relative;
left: 50px;
height: 400px;
width: 728px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:75%; 
color: black;
background-color:#006;
clear: both;
}


#moon{
 position:absolute;
 top:-780px;
 left:-30px;
 font-size:990px;
 color:#9cf;
 font-family:times;
}
#moon2{
 position:absolute;
 top:-868px;
 left:-42px;
 font-size:1100px;
 color:#039;
 font-family:times;
}
#a{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:100px;
 width:50px;
 position:absolute;
 top:120px;
 left:100px;
}
#a2{
 height:130px;
 width:50px;
 position:absolute;
 top:120px;
 left:215px;
 background-color:#333;
}
#a3{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:244px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#a4{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:220px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}


#b{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:120px;
 width:50px;
 position:absolute;
 top:100px;
 left:160px;
}
#b2{
 height:150px;
 width:50px;
 position:absolute;
 top:100px;
 left:275px;
 background-color:#333;
}
#b3{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:304px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#b4{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:280px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}

#c{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:100px;
 width:50px;
 position:absolute;
 top:120px;
 left:200px;
}
#c2{
 height:130px;
 width:50px;
 position:absolute;
 top:120px;
 left:315px;
 background-color:#333;
}
#c3{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:344px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#c4{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:320px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}

#d{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:120px;
 width:50px;
 position:absolute;
 top:100px;
 left:270px;
}
#d2{
 height:150px;
 width:50px;
 position:absolute;
 top:100px;
 left:385px;
 background-color:#333;
}
#d3{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:414px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#d4{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:390px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#e{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:100px;
 width:50px;
 position:absolute;
 top:120px;
 left:350px;
}
#e2{
 height:130px;
 width:50px;
 position:absolute;
 top:120px;
 left:465px;
 background-color:#333;
}
#e3{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:494px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#e4{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:470px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}

#f{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:120px;
 width:50px;
 position:absolute;
 top:100px;
 left:410px;
}
#f2{
 height:150px;
 width:50px;
 position:absolute;
 top:100px;
 left:525px;
 background-color:#333;
}
#f3{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:554px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#f4{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:530px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}

#g{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:100px;
 width:50px;
 position:absolute;
 top:120px;
 left:500px;
}
#g2{
 height:130px;
 width:50px;
 position:absolute;
 top:120px;
 left:565px;
 background-color:#333;
}
#g3{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:594px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#g4{
 height:110px;
 width:7px;
 position:absolute;
 top:130px;
 left:570px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}

#h{
 border-top:15px solid #006;
 border-right:50px solid #111;
 border-bottom:15px solid #000;
 border-left:15px solid #006;
 height:120px;
 width:50px;
 position:absolute;
 top:100px;
 left:520px;
}
#h2{
 height:150px;
 width:50px;
 position:absolute;
 top:100px;
 left:635px;
 background-color:#333;
}
#h3{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:664px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#h4{
 height:130px;
 width:7px;
 position:absolute;
 top:110px;
 left:640px;
 background-color:#333;
 border-left:5px dashed yellow;
 border-right:5px dashed yellow;
}
#text{
 position:absolute;
 top:260px;
 left: 20px;
 font-size:100px;
 color:white;
 font-family:georgia,times;
 letter-spacing:-5px;
}