/* Site Structure */
body {background-color: #000; font: 10px Helvetica, Arial, sans-serif; color: #FFF; width: 760px;}
#container {width: 760px; min-height: 600px; position: absolute; left: 50%; margin-left: -400px;}

/* Default Page */
#default {text-align: center; width: 760px; min-height: 600px; position: absolute; left: 50%; margin-left: -380px; margin-top: 300px;}
#default img {border: none;}
#default p {color: #FFF;}
#default a:link {color: #FFF; text-decoration: none;}
#default li a:visited {color: #FFF; text-decoration: none;}
#default li a:hover {color: #C00; text-decoration: none;}
#default li a:active {color: #FFF; text-decoration: none;}

/* Navigation */
h1 {width: 288px; height: 72px; background: transparent url(/photos/SFlogo.jpg) center no-repeat; text-indent: -3000px; margin: 0;}
#nav {margin: 0; padding: 10px 0 5px 0; text-align: center;}
#nav ul {list-style-type: none; margin: 0; padding: 0; text-indent: 0;}
#navlist li {display: inline; color: #ABABAB;}
#navlist li a:link {color: #FFF; text-decoration: none;}
#navlist li a:visited {color: #FFF; text-decoration: none;}
#navlist li a:hover {color: #C00; text-decoration: none;}
#navlist li a:active {color: #FFF; text-decoration: none;}

/* Content */
#content {width: 760px; padding: 10px;}
h2 {text-align: center; font: 10px; padding: 10px 0 5px 0;}

/* Feature Grid */
#featuregrid {list-style-type: none; text-align: left; text-indent: 0; margin: 0; padding: 0 55px;}
#featuregrid li {width: 300px; height: 300px; padding: 5px; text-align:center; position: relative; float: left; display: inline; margin: 5px; border: 1px solid #C00; text-indent: 0;}
#featuregrid img {border: none;}
#featuregrid li a:link {color: #FFF; text-decoration: none;}
#featuregrid li a:visited {color: #FFF; text-decoration: none;}
#featuregrid li a:hover {color: #C00; text-decoration: none;}
#featuregrid li a:active {color: #FFF; text-decoration: none;}

/* Photo Grid */
#photogrid {list-style-type: none; text-align: left; text-indent: 0; margin: 0; padding: 0 15px;}
#photogrid li {width: 150px; height: 150px; padding: 10px; text-align:center;  position: relative; float: left; display: inline; margin: 5px; border: 1px solid #C00; text-indent: 0;}
#photogrid img {border: none;}
#photogrid li a:link {color: #FFF; text-decoration: none;}
#photogrid li a:visited {color: #FFF; text-decoration: none;}
#photogrid li a:hover {color: #C00; text-decoration: none;}
#photogrid li a:active {color: #FFF; text-decoration: none;}

/* Text Info */
#about, #contact {width: 300px; display: block; padding-left: 250px;}
#contact {text-align: center}
.info h3 {font: 10px; color: #C00; text-weight: none; padding-top: 5px;}
.info p {font: 10px; color: #FFF; text-weight: none;}
.info a:link {color: #FFF; text-decoration: none;}
.info a:visited {color: #FFF; text-decoration: none;}
.info a:hover {color: #C00; text-decoration: none;}
.info a:active {color: #FFF; text-decoration: none;}

/* Footer */
#footer {text-align: center; padding: 10px 0; margin-bottom: 20px; clear: left;}