body
{text-align: center; font-family: calibri; font-size: 15px;}     /**ALIGN THE MAIN DIV CENTER**/



#main     /**SETS WIDTH OF OUTER DIV - JUST FOR TEST PURPOSES**/
{
width: 980px; border: 0px solid;
}


/** CODES ALL THE DIVS THAT HOUSE THE TEXT IN THE MAIN SWAP BOX**/
.mybox { width:450px; height:450px; border-color:black; border-style:solid; border-width:0px; padding:0px; float: right; background-color: white; color: black;}

html>body .span1
{float: right;}

html>body .span2
{float: right;}

html>body .span3
{ float: right;}

html>body .span4
{float: right;}

body

{font-family: calibri;}


#container
{
width: 980px; 
}



#header
{
width: 100%; 
border: 0px solid; 
float: left; 
padding-top: 10px;
}

img.logo
{
border: 0px solid; 
float: left;
}

#nav
{
border: 0px solid; 
float: right; 
width: 415px;
}

#navleft
{
width: 125px; 
border: 0px solid; 
float: left;
}

#navright
{
width: 125px; 
border: 0px solid; 
float: left;
}

#navfarright
{
width: 125px; 
border: 0px solid; 
float: left;

}


#buttons 
{
border: 0px solid; 
margin-bottom: 10px; 
clear: left;
}

#buttons a, a:visited
{
text-decoration: none;
color: #000; margin-top: 5px; float: left;}

#buttons a:hover
{
text-decoration: none;
color: #C53AC5;
}



/**CODE START FOR ROUNDED BORDER ADDRESS BAR**/
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -2px 0px 0px -1px; }
.borderTR { margin: -2px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -2px;
}
html>body .borderTL {
    margin-left: -2px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -2px;
}
html>body .borderTR {
    margin-right: -2px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 2px solid #a1a1a1;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
  width: 100%; 																												/**CHANGED from 450px**/
}
/**CODE END FOR ROUNDED BORDER ADDRESS BAR**/

#holder
{
float: left; 
margin-top: 5px; 
margin-bottom: 5px;
width: 100%;
}

img.links
{
float: left; 
margin-bottom: 5px; 
margin-left: 0px; 
border: 0px solid;
}

p.roundedaddress
{
font-size: 15px; 
padding: 0px;
margin: 7px;
}


#main_home
{
float: left; 
border: 0px solid; 
width: 100%;
}

#home_images

{
margin-left: 28px; 
text-align: center;
}

#home_images a, a:visited
{}

#home_images a:hover
{color: red;}

#home_images p
{
font-size: 16px; 
margin-top: 0px;
}

#home_images img
{
border: 0px solid;
}


#buttons p
{
margin-left: 10px;
}

/** class for the outer divs of the swap boxes**/
.mybox { width:350px; height:450px;  padding:0px; float: right; background-color: purple; color: white;}


img.aboutone
{margin-bottom: -50px;}

img.abouttwo
{}

#aimages
{margin-right: 40px; }