body {margin: auto 0; background: #191919; padding: 0; padding-top: 50px; text-align: center; font-family: verdana; color: white; font-size: 11px;}
html {overflow-x: scroll; overflow-x: hidden;}


#container {width: 760px; height: 250px; margin : 0 auto; position: relative; text-align: left;}
#links {overflow: hidden; margin: 0; padding: 0; height: 250px; width: 760px; padding-top: 20px; width: 760px;}
#links ul {margin:0; padding:0; list-style:none; display:inline;}
#links li {float: left; height: 230px; width: 235px; display: block;}
#links a {float: left; height: 230px; width: 230px; border: 1px solid #C3BFB3;  overflow: hidden; text-indent: -1000px; outline: none;}

#partner {margin-right: 25px;}
#weddings {margin-right: 25px;}

#partner a {background: url(/images/civil-roll.jpg) no-repeat;}
#weddings a {background: url(/images/weds-roll.jpg) no-repeat;}
#events a {background: url(/images/events-roll.jpg) no-repeat;}

#partner a:hover {background: url(/images/civil-roll.jpg)  no-repeat 0 -232px;}
#weddings a:hover {background: url(/images/weds-roll.jpg) no-repeat 0 -232px; }
#events a:hover {background: url(/images/events-roll.jpg) no-repeat 0 -232px; }

#thetext {padding-top: 40px; padding-bottom: 15px; text-align: center;}
#thetext a {text-decoration: none; color: #FE6C00;}
#thetext a:hover {text-decoration: underline;}