*{ margin:0; padding:0; }

a.anchor-link, a.anchor-link:visited,
a.internal-link, a.internal-link:visited,
a.external-link, a.external-link:visited{ color: #777; text-decoration:none; }

a.anchor-link:hover{ color:#5AA8D8; text-decoration:underline;}
a.internal-link:hover{ color:#c0c; text-decoration:underline;}
a.external-link:hover{ color:#0c0; text-decoration:underline;}

h1, h3, h4{ color: #777; }

body{ font-family:"Helvetica", sans-serif; font-size:90%; background-color:#fff; color:#666; }

#container{ position:absolute; width:700px; left:50%; margin-left:-350px; height:100%;}

#header{ position:relative; width:700px; margin:10px 10px 10px -10px; }
#header h1{border-bottom:1px solid #ccc; width:400px; margin-left:150px; font-family: "SantanaBold"; font-weight: normal; font-size: 2.5em; }
#header h2{font-size: 1.3em; color: #555; margin-left:150px; font-family: "SantanaRegular"; font-weight:normal; }
#main{ position:relative; width:350px; margin-left: 175px; } 

.block{ height: 150px; width: 150px; float:left; margin:10px;}
.block a{ background-image: url(images/index-sprite-map.png); background-repeat: no-repeat; background-color:#fff; height:150px; width:150px; display:block; text-indent:-1000em; text-decoration:none; }
.block a:hover span{display: block; position:absolute; text-indent:0em; border-bottom:none; font-family:"SantanaRegular"; }
.block a:hover span.link-desc{ top:150px; left:350px; color:#444;  font-size:2em; width:100%; }
.block a:hover span.link-title{ top:0px; left:-60px; width: 1em; color:#333; font-size:2em; letter-spacing:40px; line-height: 1em; }

/*Index CSS Sprites*/
#block-twitter a{ background-position:0 0; }
#block-twitter a:hover{ background-position:-150px 0; }
#block-linkedin a{ background-position: 0 -150px; }
#block-linkedin a:hover{ background-position: -150px -150px; }
#block-wordpress a{ background-position: 0 -300px;}
#block-wordpress a:hover{ background-position: -150px -300px; }
#block-portfolio a{ background-position: 0 -450px; }
#block-portfolio a:hover{ background-position: -150px -450px; }

.left-clear{ clear:left; }
#footer{ position:relative; clear:left; font-size:.9em; padding:10px 0; }
#footer hr{ border-color:#ccc; border-width:1px; width:400px; border-style:solid; margin:0 auto; border-bottom:none; }
#footer p{ text-align: right; width:550px; }
