html {
    background-color:   #000000;
    width:              100%;
    color:              #333333;
    text-align:         center;   
}

body {
    background-color:   #000000;
    width:              100%;
    font-family:        "Segoe UI", "Tahoma, Verdana, Arial, Serif";
    font-size:          62.5%;
    color:              #333333;
    text-align:         center;   
}


#header {
    width:              780px;
    height:             420px;
    margin:             0 auto;
    text-align:         left;   
    background-image:   url(/content/images/header.jpg);
    background-repeat:  no-repeat;
}

    #header p {
        padding:    0;
        margin:     0;   
    }

#container {
    width:              760px;
    margin:             0 auto;
    text-align:         left;
    background-color:   #ffffff;
    border-radius:      10px; 
    -moz-border-radius:10px;

 -webkit-border-radius:10px;  
    padding-bottom:     20px;
}

#container h1 {
    font-size:          2.0em;
    font-weight:        bold;
    text-transform:     lowercase;
    padding:            20px 20px 10px 20px;   
}

#container h2 {
    font-size:          1.6em;
    font-weight:        bold;
    text-transform:     lowercase;
    padding:            10px 20px 10px 20px;   
}

#container h3 {
    font-size:          1.4em;
    font-weight:        bold;
    text-transform:     lowercase;
    padding:            10px 20px 10px 20px;   
}

#container h4 {
    font-size:          1.3em;
    font-weight:        bold;
    text-transform:     lowercase;
    padding:            10px 20px 10px 20px;   
}

#container p {
    font-size:          1.4em;
    padding:            0 20px 10px 20px;   
}

#container a {
    color:              #666666;
}

#container a:hover {
    color:              #999999;
}

label {
    font-size:      1.0em;
    font-weight:    bold;
    padding:        0 0 3px 20px;   
}


input[type="file"] {
    font-size:      1.2em;
    padding:        3px;
    width:          250px;   
    margin:         5px 0 5px 20px;
}

input[type="text"] {
    font-size:      1.2em;
    padding:        3px;
    width:          250px;   
    margin:         5px 0 5px 20px;
}

input[type="text"].small {
    font-size:      1.2em;
    padding:        3px;
    width:          150px;   
    margin:         5px 0 5px 20px;
}

input[type="password"] {
    font-size:      1.2em;
    padding:        3px;
    width:          250px;   
    margin:         5px 0 5px 20px;
}

input[type="image"] {
    margin:         5px 0 0 0;
}

form.paypal {
    margin:         0 5px 0 20px;
    float:          right;   
}

input[type="submit"] {
    font-size:      1.1em;
    padding:        5px;
    color:          #ffffff;
    background-color:   #333333;  
    margin:         0 0 5px 20px;
    font-weight:    bold;
    border:         0;
    border-radius:  5px;
    -moz-border-radius:5px;

 -webkit-border-radius:5px;
    cursor:         pointer;
}

input[type="submit"]:hover {
    background-color:   #666666 !important;     
}

textarea {
    font-size:      1.2em;
    padding:        3px;
    width:          600px;   
    height:         30px;
    margin:         5px 0 5px 20px;
}

div.col1 {
    width:      50%;
    float:      left;   
}

div.col2 {
    width:      50%;
    float:      left;   
}

.clearFix {
    clear:      both;   
}


#footer {
    width:              760px;
    margin:             10px auto 10px auto;
    text-align:         left;
    background-color:   #333333;
    border-radius:      10px; 
    -moz-border-radius:10px;

 -webkit-border-radius:10px;  
}

#footer p {
    padding:            10px 20px 10px 20px;
    font-size:          1.0em;
    color:              #eeeeee;   
}

#footer a {
    color:              #ffffff;   
}
#footer span.affiliate {
    color:              #666666;   
}

p.bandwidth {
    font-size:          0.9em !important;
    color:              #666633;   
    background-image:   url(/content/images/error.png);
    background-repeat:  no-repeat;
    background-position: 10px 12px;
    background-color:   #ffffcc;
    padding:            10px 20px 10px 40px !important;
    margin:             10px 20px 10px 20px !important;
    border:             1px solid #cccc33;
}

strong {
    font-weight:        bold;   
}

a.button {
    padding:        5px !important;
    color:          #ffffff !important;
    background-color:   #333333 !important;  
    font-weight:    bold  !important;
    border:         0  !important;
    border-radius:  5px  !important;
    -moz-border-radius:5px !important;

 -webkit-border-radius:5px !important;
    cursor:         pointer  !important;
    font-size:      0.8em  !important;
    text-decoration:    none  !important;
}

a.button:hover {
    background-color:   #666666 !important;  
}


#errormessage 
{
    width:              760px;
    margin:             0 auto 10px auto;
    background-image:   url(/content/images/error.png);
    background-repeat:  no-repeat;
    background-position: 15px 3px;
    background-color:   #ffcccc;
    border:             1px solid #c10000; 
    border-radius:      10px;  
    -moz-border-radius:10px;

 -webkit-border-radius:10px;
    text-align:         left;  
}

#errormessage p 
{
    font-size:         1.2em !important;
    color:              #c10000;  
    padding:            5px 20px 5px 40px !important;
    margin:             0 !important;  
    font-weight:        bold;
}

ul 
{
    margin:     0 0 10px 35px;  
}

li 
{
    font-size:          1.4em;
    list-style-type:    circle;   
}

hr 
{
    border:     0;
    border-bottom:  5px solid #000000;
    margin:     20px 0 20px 0;   
}