/* CSS Document */

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative; background: url(../images/bkg.gif) top center repeat-x #dce5e6; font: 81.5% Arial, Helvetica, sans-serif; color: #274749; text-align: center;}
#container {display: block; max-width: 54em; margin: 0 auto; text-align: left;}

#branding {display: block; width: 100%; height: 74px; margin: 96px auto 40px auto; text-indent: -5000em; background: url(../images/logo.gif) bottom no-repeat;}
#content {position: relative; display: block; width: 100%;}

#intro {float: left; display: block; width: 29.6%; min-height: 164px; padding: 30px 5.55% 0 0; color: #848e8f; background: url(../images/div.png) 17em 0 no-repeat;}
#about {float: left; display: block; width: 29.6%; min-height: 164px; padding: 30px 0 0 0;}
#contact {float: left; display: block; width: 29.6%; min-height: 164px; padding: 30px 0 0 5.55%; background: url(../images/div.png) 1em 0 no-repeat;}

#footer {display: block; clear: both;  width: 100%; text-align: center; margin: 20px 0;}

#intro p {font-size: 1.2em; font-weight: bold;}
#about p, #contact p {font-size: 0.9em; margin: 0 0 1.45em 0; line-height: 1.45em;}
#footer p {color: #aaa; font-size: 0.9em;}

a, a:visited {color: #539da2; text-decoration: none; border-bottom: 1px solid #ccc;}
a:hover {border-color: #274749;}

.pair {float: left; display: block;  width: 64.814%;}