html { 
background: #000 url(http://bytemycomputer.com/images/background_2010.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
font-family: serif;
font-size: 14px;
background-position: top;
}

body, html {
margin: 0px;
padding: 0px;
border: 0;
text-align: center;
}

A:link {text-decoration: underline; color: #bfeaff;}
A:visited {text-decoration: none; color: #1162e7;}
A:active {text-decoration: none; color: #bfeaff;}
A:hover {text-decoration: none; color: #f0870c;}

a img {
padding: 0px;
margin: 0px;
border: 0;
display: block;
}

/* ---=== Start All Fonts ===--- */
h1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #ffffff;
}
.main1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #ffffff;
}
.main2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}
.main3 {
font-family: verdana;
font-size: 13px;
color: #dbefff;
font-weight: bold;
}
.main_small {
font-family: verdana;
font-size: 11px;
color: #dbefff;
font-weight: bold;
}
.main_medium {
font-family: arial;
font-size: 19px;
color: #dbefff;
font-weight: bold;
}
.main_large {
font-family: verdana;
font-size: 23px;
color: #ff8a00;
font-weight: bold;
}
.title {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #ff8a00;
}
/* ---=== End All Fonts ===--- */

#container {
width: 830px;
text-align: center;
height: auto;
margin: auto;
overflow: hidden;
}

#header {
background: url(http://bytemycomputer.com/images/bmc_header_2010.png);
width: 830px;
height: 272px;
border: 1px #000;
border-style: solid;
border-left: none;
border-right: none;
border-top: none;
}
.afford {
float: right;
text-align: right;
margin-top: 50px;
margin-right: 18px;
}

#content {
margin-left: 15px;
margin-right: 15px;
width: 800px;
height: auto;
}
.trans_box {
background: url(http://bytemycomputer.com/images/trans_bg_2010.png);
width: auto;
height: auto;
border: 1px solid #0599b3;
}

.indent {
margin: 5px;
}

/* ---=== Start Page Left Items ===--- */
#page_left {
float: left;
height: 800px;
width: 517px;
}
#welcome {
width: 515px;
height: 175px;
float: left;
text-align: left;
}
#services {
width: 272px;
height: 310px;
float: left;
margin-top: 1px;
text-align: left;
}
#thankyou {
width: 100%;
height: 110px;
float: left;
margin-top: 1px;
text-align: left;
}
.service_areas {
float: right;
margin-top: 10px;
margin-right: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9px;
color: #ffffff;
}
#details {
width: 240px;
height: 310px;
float: left;
margin-left: 1px;
margin-top: 1px;
text-align: left;
}

.flat_60 {
float: left;
margin-left: 20px;
}
/* ---=== Start Page Left Items ===--- */


/* ---=== Start Page Right Items ===--- */
#page_right {
float: left;
height: auto;
width: auto;
margin-left: 1px;
}
#support {
float: left;
width: 280px;
min-height: 760px;
height: auto;
}

    /* ---=== Start Form ===--- */
.form {
height: auto;
width: 100%;
float: left;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
}

.input_title {
text-align: left; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b0f3ff;
font-weight: bold;
margin-bottom: 2px;
}

input {
width: 140px;
height: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

textarea {
width: 238px;
height: 200px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.button {
height: 20px;
width: 100px;
}
    /* ---=== End Form ===--- */

/* ---=== End Page Right Items ===--- */


.footer_main {
background: #000 url(http://bytemycomputer.com/images/BMC-Footer_2010.jpg);
width: 743px;
height: 53px;
float: left;
border: 1px solid #0599b3;
margin-bottom: 30px;
margin-left: 43px;
margin-right: 43px;
margin-top: 10px;
}

.foot_left {
float: left;
width: 117px;
height: 53px;
}

.foot_center {
float: left;
margin-left: 150px;
margin-top: 2px;
}