body
{
    text-align: center;
    margin-top: 20px;
    background-image: url(lgrey064.jpg);
    background-repeat: repeat;
    font-family: Arial;
}

h1 { font-size: 120%; }
h2 { font-size: 100%; }

p {color: #333; font-size: 0.9em;}

a { text-decoration: none; color:#024C68; font-weight: bold; }
a:hover { text-decoration: underline;}

#menuarea {
    margin: 0px;
    padding: 0px;
    height: 40px; 
    font-size: 0.9em; 
    text-align: center;
    background-color: #FFC840;
    float: left;
    width: 100%;
}
#menu { padding: 0px; margin-left: 10px; }
.menuitem { 
float: left; margin-left: 20px; padding-left: 0px; padding-right: 10px; list-style-type: none; font-weight: bold; font-size: 0.8em; border-right: 0px solid #000; list-style-image: url('../../Images/right_blue.png');
}
#lastmenuitem {border-right: 0px;}

#submenu1 {margin: 0px; padding: 0px; position: absolute; border: 1px solid #000; background-color:#FFC840; }
#submenu1 li { list-style-type: none; width: 180px; vertical-align: middle; padding-top: 10px; padding-bottom: 10px;}


/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #0a4bb1 }
.primary-2 { background-color: #0a4bb1 }
.primary-3 { background-color: #024C68 }
.primary-4 { background-color: #3AA6D0 }
.primary-5 { background-color: #62B1D0 }

.secondary-a-1 { background-color: #FFB600 }
.secondary-a-2 { background-color: #BF9630 }
.secondary-a-3 { background-color: #A67600 }
.secondary-a-4 { background-color: #FFC840 }
.secondary-a-5 { background-color: #FFD773 }

.secondary-b-1 { background-color: #FF2C00 }
.secondary-b-2 { background-color: #BF4930 }
.secondary-b-3 { background-color: #A61D00 }
.secondary-b-4 { background-color: #FF6140 }
.secondary-b-5 { background-color: #FF8B73 }

/* end */


#page {
    margin: auto;
    width: 1024px;
    text-align: left;
    border: 1px solid #0776A0;
    background-color: #fff;
}

#headerarea {
    height: 100px;
    background-image: url('../../Images/background-6.jpg');
    color: #fff;
    font-weight: bold;
    padding: 10px;
}

#headerlogo {font-size: 1.4em;}
#headernote {font-size: 0.7em;}

#contentwrapper {
    font-size:80%;
}

#content {padding: 10px; margin-top: 40px; min-height: 400px;}
#content h1 { letter-spacing: 3px; color: #A61D00; }
#content h2 { color: #A61D00; width: 100%; border-bottom: 1px dotted #ddd; padding-bottom: 5px;}
#content h1:first-letter { font-size: 130%; background-color: #eee; border: 1px solid #ccc; padding-left: 2px; }
#content li { font-size: 0.9em; color: #333; }

#navigation {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#footerarea {
    font-size: 80%;
    padding: 10px;
    text-align: left;
    border-top: 1px solid #777;
}

#footer {margin-right: 50px;}

#articleimage {float: right; position: relative; top: 30px; margin-right: 20px; margin-left: 50px; margin-bottom: 30px;}


/*CUSTOM BACKGROUNDS*/


.search-engine-optimisation {
    background-image: url('../../Images/mag.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.web-hosting {
    background-image: url('../../Images/rack.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.affiliate-marketing {
    background-image: url('../../Images/money.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.website-development {
    background-image: url('../../Images/screen.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.offshore-fulfillment {
    background-image: url('../../Images/lighthouse.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
}