body { 
        background:url(../images/palegreenellipse.jpg) no-repeat top left;
 	color:black; font-family:sans-serif; 
}

div.full-width {
        width:1250px;
}

.price-table {
     position:relative; top:15px; left:225px;
     border: 1px solid #009933;
}
.price-table th {
     color:#000066;
     background-color:#ffffff;
     border: 1px solid #009933;
}
.price-table td {
     border: 1px solid #009933;
     background-color:#ccff66;
}

#nav {
    width:100%;
    float:left;
    margin:0;
    padding: 10px 0 0 46px;
    list-style:none;
    background:#ffcc33 url(../images/underline.gif) repeat-x bottom left;
}
#nav li {
    float:left;
    margin: 0 1px 0 0;
    padding:0;
    font-family:"Lucida Grande", sans-serif;
    font-size:80%;
}
#nav a {
    float:left;
    margin:0;
    padding: 4px 8px;
    color: #333;
    text-decoration:none;
    border: 1px solid #9b8748;
    border-bottom:none;
    background:#f9e9a9 url(../images/unselected.jpg) repeat-x top left;
}
#nav a:hover {
    color:#333;
    padding-bottom:5px;
    border-color:#727377;
    background: #fff url(../images/selected.jpg) repeat-x top left;
}

#ext-links {
}
#ext-links li {
    font-family:"baskerville";
    list-style-image:url(../images/olgbullet.gif);
}
#ext-links a {
    color: #006633;
    text-decoration:none;
}
#ext-links a:hover {
    color:#ff3300;
    padding-bottom:5px;
}

#principles {
}
#principles li {
    font-size: 120%;
    font-family:"baskerville";
    list-style-image:url(../images/olgbullet.gif);
}

.left-side {
        float:left;
        width:95%;
}

.right-side {
        float:right;
        width:15%;
        position:relative; top:20px;
}

.links-bar {
        float:left;
        width:25%;
        text-align:left;
}

.main-bit {
        background:url(../images/yellowellipse.jpg) no-repeat top left;
        position:relative; left:-70px; top:-80px;
        float:right;
        text-align:left;
        width:65%;
        padding-right:10%;
}
    
.blank-main-bit {
        position:relative; left:-70px; top:-80px;
        float:right;
        text-align:left;
        width:65%;
        padding-right:10%;
}
    
.main-bit-form {
        position:relative; left:-70px; top:-80px;
        float:right;
        text-align:left;
        width:65%;
        padding-right:10%;
}
    
.main-noback {
        position:relative; left:10px;
        float:right;
        text-align:left;
        width:65%;
        padding-right:10%;
}
    
.big-main-bit {
        background:url(../images/bigyellowellipse.gif) no-repeat top left;
        position:relative; left:10px;
        float:right;
        text-align:left;
        width:65%;
        padding-right:10%;
}
    
.content {
        position:relative; top:25px; left:50px;
        width:95%;
}

.intro {
       width:80%;
}

.userform {
        position:relative; top:-350px; left:-100px;
}

.twitter {
       position:relative; left:200px; top:-30px;
}

.twitter-form {
       position:relative; left:200px; top:450px;
}

.twitter-lower {
       position:relative; left:200px; top:290px;
}

.twitterlogo {
       position:relative; top:-35px; left:110px;
}

.below-banner {
       position:relative; top:200px;
}

.faq {
     font-family:baskerville; font-size:1.2em; color:#009900;
}

A:link {color:#006633; font-size:1.2em; text-decoration:none;}

A:hover {color:#ff3300; font-size:1.2em; text-decoration:none;} 

A:visited {color:#00cccc; font-size:1.2em; text-decoration:none;}


.linkclass2 a {
    color:#006633; font-family:cursive;
}

.heading {
        width:1300px;
}

.largetext {
        background:#ffcc33;
        font-family:baskerville;
        color:#000033;
        font-size:2.5em;
        f\ont-size:3.5em;
}

.perlfunc {
        font-style:italic;
}

div.subheading {
       color:#ff6600;
       font-size:1.5em;
       f\ont-size:2em;
}

.subheading-left {
       float:left;
       text-align:center;
       width:50%;
}

.subheading-right {
       float:right;
       text-align:center;
       width:50%;
       position:relative; left:-100px;
}

form {
       position:absolute; left:200px; top:400px; font-style:italic; font-size:1.25em;
}

.formprompt {
       font-style:italic; font-size:1.25em;
}

.formfield {
       position:absolute; left:400px; font-style:normal; font-size:1em;
}

.formhigher {
       position:relative; top:-10px; left:-225px;
}

input:focus { background:#ffff66; }

.compatibility {
       position:absolute; left:300px; top:250px; width:550px; font-size:1.25em;
}

.browsers {
       position:absolute; left:300px; top:350px; width:550px; 
}

.otherbrowsers {
       position:absolute; left:300px; top:650px; width:550px; 
}


.paydetails {
       position:absolute; left:300px; top:275px; width:600px;
}

.acceptance {
       position:absolute; left:300px; top:275px; width:600px;
}

.paypal {
       position:absolute; left:-180px; top:-450px; 
}

.alternativepay {
       position:absolute; left:300px; top:425px; width:600px;
}

.sitelist {
       position:absolute; left:400px; top:290px; width:800px;
}

.services {
       position:absolute; left:300px; top:300px; width:800px;
}

.servicelist {
       position:relative; left:10px; top:40px; color:#336600;
}

.box {
    width:640px;
    height:200px;
    position:relative; left:25px;
    background:url(../images/greyellipse.gif) no-repeat top left;
}

.olgbullet {
       list-style-image:url(images/olgbullet.gif);
}

.liftup {
      position:relative; top:-70px;
}

.blueback {
       background-color:blue; text-align:center;
}

.links {
       position:absolute; left:0px;
       text-align:center;
       border-spacing:0px;
}

.quality { color:navy; font-family:baskerville;
}