@charset "UTF-8";
/* CSS Document */

body { margin: 0 auto; padding: 0; text-align: center; background: #efefef url(../images/bg-page.gif) repeat-y top center; width: 956px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }

a, a:link, a:visited { color: #982017; }
a:hover, a:active { color: #0f4b93; }

h1 { margin: 0 50px 10px 0; font-size: 13px; border-bottom: 1px solid #0f4b93; color: #0f4b93; }
h2 { margin: 0 0 10px 0; color: #0f4b93; font-style: italic; letter-spacing: 1px; }
h3 { margin: 0 0 5px 0; color: #0f4b93; }
ul, ol { margin-bottom: 20px; }
p { margin: 0 20px 20px 0; line-height: 18px; overflow: auto; }
hr { border: 0; border-bottom: 1px dashed #cfd9da; background: #fff; height: 0; line-height: 0; font-size: 0; margin: 20px 50px 20px 0; }

#home-page { background: url(../images/bg-sprite.jpg) no-repeat 3px 0; position: relative; text-align: left; height: 500px; }
#home-page ul { list-style: none; padding: 0 0 10px 0; }
#home-page li { list-style: none; margin: 0 0 10px 0; }

#page { background: url(../images/bg-sprite.jpg) no-repeat -1097px 0; position: relative; text-align: left; height: 500px; }

#masthead { height: 75px; }

#logo { width: 215px; height: 75px; position: absolute; top: 0; left: 30px; }

#nav { font-weight: bold; letter-spacing: 1px; color: #cfd9da; position: absolute; top: 42px; right: 50px; }
#nav a, #nav a:link { text-decoration: none; margin: 0 5px; }

.columns { position: relative; }
.clear { clear: both; height: 80px; }

#col-products { width: 250px; margin-top: 180px; padding-left: 75px; float: left; }
#col-services { width: 225px; margin-top: 180px; padding-left: 75px; float: left; }
#col-twitter { width: 240px; float: left; margin-top: 180px; padding-left: 75px; }

#col-subnav { width: 175px; float: left; margin-top: 75px; padding-left: 20px; }
#col-content { width: 730px; float: right; margin-top: 80px; }
#col-content p { margin-right: 50px; }

#icon-products { width: 35px; height: 40px; position: absolute; top: 25px; left: 340px; }
#icon-products a { display: block; width: 35px; height: 40px; }
#icon-services { width: 50px; height: 40px; position: absolute; top: 25px; left: 375px; }
#icon-services a { display: block; width: 50px; height: 40px; }
#icon-twitter { width: 50px; height: 40px; position: absolute; top: 25px; left: 430px; }
#icon-twitter a { width: 50px; height: 40px; display: block; }

.date { color: #0f4b93; font-style: italic; font-size: 14px; } 
.gravatar { border: 3px solid #cfd9da; float: left; margin: 0 20px 10px 0; }

#footer { padding: 65px 30px 10px 30px; text-align: right; float: right; color: #cfd9da; text-transform: uppercase; letter-spacing: 1px; }
#footer-logo { background: url(../images/bg-sprite.jpg) -955px -1px; width: 140px; height: 115px; float: right; clear: right; margin-right: 40px; }