body {background-color:#000; font-family:Century Gothic, Helvetica, Arial, sans-serif; color:#FFF}
margin {0 auto}
a:focus { outline:none }
a {text-decoration:none; color:#FFF;}

/*Two places to change color*/
a:hover, .name, #contentpageheader{color:#B1B1B1}
.mainsquare{background-color:#B1B1B1;}

#main {position: absolute;top:40%;left:50%;width:384px;margin-top:-50px;margin-left:-189px;}
.mainsquare {float:left; width:120px; height:120px; margin:3px; color:#000; line-height:120px; text-align:center; font-size:16px; font-weight:bold;  }
.mainsquare a {display:block; height:120px; width:120px; }

.name, #contentpageheader {font-size:22px; text-align:right; letter-spacing:-1px; padding-right:3px;}
.back{font-size:18px; text-align:left; letter-spacing:-1px; padding-left:3px; float:left}

#flashcontent, #maincontent {margin:5px 0}

#weddings a:hover, #about a:hover, #personal a:hover {text-indent:-9999px; border:1px solid #F90}
#weddings a:hover{background:url(img/squarebkgrnds.jpg) no-repeat 0px 0px;}
#about a:hover{background:url(img/squarebkgrnds.jpg) no-repeat 0px -120px;}
#personal a:hover{background:url(img/squarebkgrnds.jpg) no-repeat 0px -240px;}

.contentwrap {margin:0 auto; width:800px} 

#maincontent {width:700px; height:225px; border:1px solid #333; padding:50px}
#maincontent li{float:left; list-style-type:none; list-style:none; padding-right:50px}
#aboutpic{background:url(img/squarebkgrnds.jpg) no-repeat 0px -120px; height:120px; width:120px; float:left; margin-left:50px}
#abouttext{margin-left:200px; margin-top:-20px; padding-top:20px}

#preload{display:none}