* {margin: 0px; padding: 0px;}
body {background-color: #000000; background-image: url("../images/background-image.jpg"); background-repeat: no-repeat; background-position: top;}
img {border: 0px;}
#container {
margin: 0px auto 40px auto;
width: 850px;
font-family: Arial, Helvetica, sans-serif;
}
#header {
width: 850px;
height: 140px;
}
#header #topnavigation {
padding: 10px 20px 0px 0px;
float: right;
}
#header #topnavigation a {text-decoration: none; color: #888888; font-size: 14px; padding-left: 20px;}
#header #topnavigation a:hover {text-decoration: none; color: #FFFFFF; font-size: 14px; padding-left: 20px;}

#header #logo {
color: #FFFFFF;
float: left;
padding: 22px 0px 0px 20px;
font-size: 22px;
}
#header #logo h1 {font-size: 17px; font-weight: normal;}
#header #number {
color: #FFFFFF;
float: right;
padding: 20px 20px 0px 0px;
font-size: 20px;
}
#navigation {
width: 850px;
height: 40px;
padding-top: 20px;
background-image:url("../images/navigation-background.jpg");
}
#navigation ul li {display: inline;}
#navigation a {text-decoration: none; color: #AAAAAA; font-size: 20px; padding-left: 30px; font-weight: normal;}
#navigation a:hover {text-decoration: none; color: #FFFFFF; font-size: 20px; padding-left: 30px;}
#webdesignbanner {
width: 820px;
height: 140px;
background-image:url("../images/web-design-banner.jpg");
padding: 70px 0px 0px 30px;
color: #b8dffe;
font-size: 16px;
}
#webdesignbanner img {padding-left: 68px;}
#webdesignbannerumbrella {
width: 820px;
height: 140px;
background-image:url("../images/web-design-banner-umbrella.jpg");
padding: 70px 0px 0px 30px;
color: #b8dffe;
font-size: 16px;
}
#webdesignbannerumbrella img {padding-left: 68px;}
#webdesignbannerlegs {
width: 820px;
height: 140px;
background-image:url("../images/web-design-banner-legs.jpg");
padding: 70px 0px 0px 30px;
color: #b8dffe;
font-size: 16px;
}
#webdesignbannerlegs img {padding-left: 68px;}
#main {
width: 850px;
background-image: url("../images/content-background-top.jpg");
background-repeat: no-repeat;
background-position: top;
background-color: #FFFFFF;
color: #333333;
font-size: 12px;
padding: 20px 0px 20px 0px;
}
#main #content {
width: 501px;
float: left;
padding: 0px 20px 0px 30px;
}
#main #content a {text-decoration: underline; color: #000000;}
#main #content a:hover {text-decoration: underline; color: #4928ab;}
#main #webdesignnews {
width: 259px;
float: right;
padding: 0px 20px 0px 20px;
background-image: url("../images/faded-line.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#starter {
width: 281px;
height: 185px;
padding: 15px 20px 0px 200px;
background-image:url("../images/starter-website-495.jpg");
background-repeat: no-repeat;
}
#main #webdesignnews .img {padding-bottom: 15px;}
#main #webdesignnews .imgcenter {padding-left: 47px;}
#main h2 {font-size: 20px; font-weight: normal;}
#main h3 {font-size: 16px; font-weight: normal; padding: 25px 0px 20px 0px;}
#main #content #sitemap {list-style-type: none; font-size: 14px; line-height: 20px;}
#footer {
width: 820px;
height: 31px;
background-image:url("../images/footer-background.jpg");
padding: 25px 0px 0px 30px;
color: #777777;
font-size: 12px;
}
#footer a {text-decoration: none; color: #777777; font-size: 12px;}
#footer a:hover {text-decoration: none; color: #FFFFFF; font-size: 12px;}
.clear {clear: both;}

#content .textbox {
width: 300px;
height: 20px;
border: 1px #999999 solid; 
font-size: 14px;
color: #333333;
padding: 4px 5px 0px 5px;
margin: 3px 0px 3px 10px;
background-color:#eeeeee;
font-family: Arial, Helvetica, sans-serif;
}
#content table {font-size: 14px;}
#content .bulletpoint {margin: 0px 10px 0px 0px;}
#content .sectionbreak {margin: 0px 0px 0px 30px;}