* { padding: 0; margin: 0; }
body {background-color:  #cfcfcf; }
ul{list-style-type:none;}
hr { margin: auto; width: 90%;}
#wrapper { background-color: #fff; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 700px; font:12px/16px Arial, Helvetica, sans-serif; color: #000; }
#header { width: auto; padding: 0px; height: auto; margin-top: 10px; text-align: center; z-index:-1;}

#topnav { margin: 20px 5px 5px 5px; height: 30px; width: 650px; display:block; font: 12px/36px Arial, Helvetica, sans-serif; color:#4C4C4C; z-index:500; } 
#topnav ul{ }
#topnav li{ float:right; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#topnav ul li a{ padding:0 6px; color:#4C4C4C; text-decoration:none;}
#topnav ul li a:hover{ text-decoration:underline;}
#topnav ul li a.padl{ padding:0 0 0 6px;}

#rightcolumn { padding: 10px; height: 450px; width: 80%; display: inline; text-align: left; }
#rightcolumnIndex { padding: 10px; height: 450px; width: 80%; display: inline; text-align: left; }
#rightcolumnCertifications { padding: 10px; height: 450px; width: 80%; display: inline; text-align: left; }
#rightcolumnDownloads { color: #333; padding: 10px; height: 450px; width: 80%; display: inline; text-align: left; }
#rightcolumnContact { background: url('http://www.apluscomputeronline.com/images/ClocksLight2.jpg')  no-repeat; margin:40px 20px 40px 120px ; vertical-align:middle; padding: 0px; height: 230px;}
h3{ display:block; width:200px; height:20px; margin:0; font:30px/30px; font-weight:normal; padding:15px 0px 0px 0px; color: #0777db ; text-align: left; font-style: italic;  }

#img {}
#container { text-align: center; margin:10px; vertical-align:middle; padding: 20px; height: auto; }
#containerLeft { text-align: left; margin:10px; padding: 20px;height: auto;}
#containerLeftcontact { text-align: left; margin:10px; padding-left: 250px; height: auto;}
#containerRight { text-align: right; margin:10px; vertical-align:middle; padding: 20px; height: auto;}


#download p { background: url(http://www.apluscomputeronline.com/images/download.jpg); float: right; text-align: left; text-decoration: none; width: 120px; height: 26px; }
#download p a{position: relative; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;  }
#download p a:hover{ color:#009933;}

#listcontainer { background: url('http://www.apluscomputeronline.com/images/Clockwork.jpg') no-repeat; text-align: center; margin:30px 20px 40px 20px ; vertical-align:middle; padding: 40px; }
#list { height:130px; vertical-align:middle; line-height: 25px; margin-left: 250px;margin-right: 10px; width:390px;}
#list div.listCol {float:right; padding-left:5px; margin-left: 0px; width:165px; text-align: left;} 
#list div.listCol ul {list-style:none;}

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0; }
/* Set the position and dimensions of the background image. */
#page-background {background-color: #fff; }
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1; padding:10px;}


#footer { background: url('http://www.apluscomputeronline.com/images/sw2.jpg')  no-repeat;  width: auto; height: 45px; clear: both; color: #4C4C4C; text-align: center; padding-top: 25px;}
#footer a{font:10px/15px Arial, Helvetica, sans-serif; text-decoration:none; color: #999999 ;}
#footer span.a { color:#2A9F00;}
#footer span.pc { color: #4D83E8 ;}
#footer span.c { color: #FF5F00 ;}

#top-left{ width: 19px; height: 16px; background: url(http://www.apluscomputeronline.com/images/top-left.gif) no-repeat; float:left; }
#top-right{ width: 22px; height: 22px; background: url(http://www.apluscomputeronline.com/images/top-right.gif) no-repeat; float:right; }
#bottom-left{ width: 21px; height: 16px; background: url(http://www.apluscomputeronline.com/images/bottom-left.gif) bottom left no-repeat; }
#bottom-right{ width: 22px; height: 21px; background: url(http://www.apluscomputeronline.com/images/bottom-right.gif) bottom right no-repeat; float:right; margin-top:-21px; }