*{
margin:0; /*these two styles remove the margins and padding from everything on the page. Since we want to maintain tight control over these, we get rid of them all and then add back in only the one's we want*/
padding:0;
} 

body{
 background-color: #FDFDFD;
 }	 

div.container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 880px;
}

div.indexcontainer {
	position: relative;
	margin: 0 auto;
	width: 300px;
	
}
	 
#pageborder-topleft{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 36px;
 height: 218px;
z-index: 2;
}

#pageborder-topright{
 position: absolute;
 top: 0px;
 left: 964px;
 width: 36px;
 height: 218px;
z-index: 2;
}

#pageborder-left{
position: absolute;
top: 218px;
left: 0px;
width: 36px;
height: 500px;
background-image: url(../img/leftborder.gif);
z-index: 2;
}

#pageborder-right{
position: absolute;
top: 218px;
left: 964px;
width: 36px;
height: 500px;
background-image: url(../img/rightborder.gif);
z-index: 2;
}

#pageborder-bottomleft{
position: absolute;
top: 718px;
left: 0px;
width: 36px;
height: 188px;
}

#pageborder-bottomright{
position: absolute;
top: 718px;
left: 964px;
width: 36px;
height: 188px;
}

#logoborder-topleft{
position: absolute;
top: 5px;
left: 41px;
width: 11px;
height: 14px;
}

#logoborder-topright{
position: absolute;
top: 5px;
left: 948px;
width: 11px;
height: 14px;
}

#logoborder-bottomleft{
position: absolute;
top: 199px;
left: 41px;
width: 11px;
height: 14px;
z-index: 2;
}

#logoborder-bottomright{
position: absolute;
top: 199px;
left: 948px;
width: 11px;
height: 14px;
z-index: 2;
}

#logoborder-left{
position: absolute;
top: 19px;
left: 41px;
width: 11px;
height: 180px;
background-image: url(../img/brdrleft.gif);
}

#logoborder-right{
position: absolute;
top: 19px;
left: 948px;
width: 11px;
height: 180px;
background-image: url(../img/brdrright.gif);
}

#logoborder-top{
position: absolute;
top: 5px;
left: 52px;
width: 896px;
height: 14px;
}

#logoborder-bottom{
position: absolute;
top: 199px;
left: 52px;
width: 896px;
height: 14px;
z-index: 2;
}

#content-logo{
position: absolute;
top: 19px;
left: 52px;
width: 898px;
height: 184px;
}

#content-google{
position:absolute;
top: 281px;
left: 266px;
width: 468px;
height: 60px;
z-index: 3;
}

#border-menuleft{
position: absolute;
top: 221px;
left: 33px;
width: 24px;
height: 50px;
background-image: url(../img/menuleft.gif);
z-index: 1;
}

#border-menuright{
position: absolute;
top: 221px;
left: 943px;
width: 24px;
height: 50px;
background-image: url(../img/menuright.gif);
z-index: 1;
}

#border-menu{
position: absolute;
top: 221px;
left: 57px;
width: 890px;
height: 50px;
background-image: url(../img/menu.gif);
z-index: 1;
}

#content-menu{
position: absolute;
top: 232px;
left: 59px;
width: 890px;
height: 50px;
text-align: center;
z-index: 2;
}




#mainborder-topleft{
position: absolute;
top: 355px;
left: 41px;
width: 11px;
height: 14px;
z-index: 3;
}

#mainborder-topright{
position: absolute;
top: 355px;
left: 748px;
width: 11px;
height: 14px;
z-index: 3;
}

#mainborder-bottomleft{
position: absolute;
top: 769px;
left: 41px;
width: 11px;
height: 14px;
}

#mainborder-bottomright{
position: absolute;
top: 769px;
left: 748px;
width: 11px;
height: 14px;
}

#mainborder-left{
position: absolute;
top: 369px;
left: 41px;
width: 11px;
height: 400px;
background-image: url(../img/brdrleft.gif);
}

#mainborder-right{
position: absolute;
top: 369px;
left: 748px;
width: 11px;
height: 400px;
background-image: url(../img/brdrright.gif);
}

#mainborder-top{
position: absolute;
top: 355px;
left: 52px;
width: 696px;
height: 14px;
z-index: 3;
}

#mainborder-bottom{
position: absolute;
top: 769px;
left: 52px;
width: 696px;
height: 14px;
}

#content-main{
position: absolute;
top: 369px;
left: 52px;
width: 696px;
height: 400px;
background-color: #d6d6d6;
}
















#affiliateborder-topleft{
position: absolute;
top: 355px;
left: 764px;
width: 11px;
height: 14px;
}

#affiliateborder-topright{
position: absolute;
top: 355px;
left: 948px;
width: 11px;
height: 14px;
}

#affiliateborder-bottomleft{
position: absolute;
top: 619px;
left: 764px;
width: 11px;
height: 14px;
}

#affiliateborder-bottomright{
position: absolute;
top: 619px;
left: 948px;
width: 11px;
height: 14px;
}

#affiliateborder-left{
position: absolute;
top: 369px;
left: 764px;
width: 11px;
height: 250px;
background-image: url(../img/brdrleft.gif);
}

#affiliateborder-right{
position: absolute;
top: 369px;
left: 948px;
width: 11px;
height: 250px;
background-image: url(../img/brdrright.gif);
}

#affiliateborder-top{
position: absolute;
top: 355px;
left: 775px;
width: 173px;
height: 14px;
}

#affiliateborder-bottom{
position: absolute;
top: 619px;
left: 775px;
width: 173px;
height: 14px;
}

#content-affiliate{
position: absolute;
top: 369px;
left: 775px;
width: 173px;
height: 250px;
background-color: #d6d6d6;
}

#weathertest{
position: absolute;
top: 659px;
left: 783px;
width: 157px;
height: 128px;
background-color: #FDFDFD;
z-index: 1;
}

#weatherblock{
position: absolute;
top: 659px;
left: 783px;
width: 157px;
height: 128px;
z-index: 3;
}

#border-copyrightleft{
position: absolute;
top: 847px;
left: 41px;
width: 20px;
height: 59px;
background-image: url(../img/footer1b.gif);
}

#border-copyrightright{
position: absolute;
top: 847px;
left: 939px;
width: 20px;
height: 59px;
background-image: url(../img/footer3b.gif);
}

#border-copyrighttop{
position: absolute;
top: 847px;
left: 61px;
width: 878px;
height: 2px;
}

#border-copyrightbottom{
position: absolute;
top: 904px;
left: 61px;
width: 878px;
height: 2px;
}

#content-copyright{
position: absolute;
top: 849px;
left: 61px;
width: 878px;
height: 55px;
background-color: #f1f1f1;
}


#index-tlc{
position: absolute;
top: 100px;
left: 0px;
width: 11px;
height: 14px;
background-image: url(../img/index/brdrtlc.gif);
}

#index-trc{
position: absolute;
top: 100px;
left: 298px;
width: 11px;
height: 14px;
background-image: url(../img/index/brdrtrc.gif);
}

#index-blc{
position: absolute;
top: 400px;
left: 0px;
width: 11px;
height: 14px;
}

#index-brc{
position: absolute;
top: 400px;
left: 298px;
width: 11px;
height: 14px;
}




#index-left{
position: absolute;
top: 111px;
left: 0px;
width: 11px;
height: 289px;
background-image: url(../img/index/brdrleft.gif);
}

#index-right{
position: absolute;
top: 111px;
left: 298px;
width: 11px;
height: 289px;
background-image: url(../img/index/brdrright.gif);
}

#index-top{
position: absolute;
top: 100px;
left: 11px;
width: 290px;
height: 14px;
}

#index-bottom{
position: absolute;
top: 400px;
left: 11px;
width: 290px;
height: 14px;
}

#index-main{
position: absolute;
top: 111px;
left: 11px;
width: 290px;
height: 289px;
background-color: #d6d6d6;
}

#index-low{
position: absolute;
top: 280px;
left: 13px;
width: 136px;
height: 40px;
background-color: #f1f1f1;
}

#index-high{
position: absolute;
top: 280px;
left: 158px;
width: 136px;
height: 40px;
background-color: #f1f1f1;
}

#index-java{
position: absolute;
top: 320px;
left: 158px;
width: 136px;
height: 20px;
}


#index-designed{
position: absolute;
top: 360px;
left: 11px;
width: 289px;
height: 60px;
}