@font-face {font-family: Helvetica2; src: url('Helvetica2.ttf');}
body {margin: 0; padding: 0; outline:0; font-family:Arial, sans-serif;}
* {margin: 0; padding: 0; outline:0; font-family:Arial, sans-serif;}
img {border: none;}
.clear {clear:both;}
.slash {color:#f00;}

#header {width:100%; margin:0 auto; position:fixed; top:0; z-index:11;}
#topHeader {height:70px; width:100%; background:#f0f0f0; border-bottom: 1px solid #ddd;}
.topContent {width:960px; margin:0 auto;}
.homelink {border:0; float:left; margin:0 0 0 15px;}
.navigation {float:right; margin:25px 15px 0 0; font-size:13px;} .navigation a {text-decoration:none; color:#5a5a5a;}
#bottomHeader {height:30px; width:960px; position:relative; top:-1px; margin:0 auto;}
#mainContent {width:960px; margin:0 auto;}
#mainContentGallery {width:960px; margin: 0 auto;}
#mainContentText {width:960px; margin:150px auto 20px auto; padding:0 0 20px 15px; border-bottom:1px solid #ddd;}
#mainContentText h3 {color:#5a5a5a; font-size:22px; font-weight:normal; width:600px;}
#mainContentText p {font-size:16px; line-height:24px; width:600px;}
#footer {width:100%; border-top:1px solid #ddd; background:#f0f0f0; margin-top:25px; height:200px;}
#footerContainer {width:960px; margin:0 auto;}

ul.thumb {float: left; list-style: none; margin: 30px 15px; padding: 10px; width: 130px;}
ul.thumb li {float: left; position: relative; width: 110px; height: 110px; margin-top:25px;}
ul.thumb li img {width: 100px; height: 100px; border: 1px solid #ddd; padding: 10px; background: #f0f0f0; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
ul.thumb li img.hover {border: 1px solid #ddd;}
#mainView {float:left; padding:15px; background: #f0f0f0; border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:15px 18px;}
#mainView img {border:0; margin:0 auto;}
#mainView h3, #mainView p, .visitSite {margin-left:10px; color:#5a5a5a; font-weight:normal; font-size:15px; text-decoration:none; line-height:18px;}
#mainView h3 {margin:5px 0 10px 10px; font-size:18px;}
.visitSite:hover {text-decoration:underline;}

#contactFormContainer{z-index:15; position:relative; float:right;}
#contactForm{width:320px; height:300px; display:none; background: #f0f0f0; border:1px solid #ddd; border-bottom:0px; border-top:0px;} 
#contactForm fieldset {width:270px; border:0; margin:0 auto}
#contactForm input[type=text] {border:1px solid #ddd; height:25px; width:260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:10px 0; background: #fdfdfd; padding:0 5px 0 5px;}
#contactForm input[type=submit] {float:right;}
#contactForm textarea {padding:5px; border:1px solid #ddd; height:60px; width:260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:10px 0; font-family:Arial, sans-serif; font-size:12px; background: #fdfdfd;}
#contactForm label {color:#5a5a5a;}
#contactForm label.error {color:#f00; float:right;}           
#contactLink{background:url(../images/down_arrow.png) center center no-repeat #f0f0f0; height:30px; width:320px; border: 1px solid #ddd; border-top:0px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; display:block; cursor:pointer;}
#messageBox {width:270px; height:40px; margin:0 auto;}
#messageSent{display:none; line-height:40px; font-size:12px; width:250px; padding:0 10px 0 10px;}

#twitter {width:300px; float:left; padding:10px;}
.tweet {color:#5a5a5a; font-size:13px; margin:0 0 10px 0; border-bottom:1px solid #ddd; padding:0 0 10px 0;}
.author , .follow  {font-size:13px; line-height:20px; height:20px; width:300px;}
.author a, .follow a {color:#000; text-decoration:none; width:300px; height:20px; display:block;}
.author a:hover, .follow a:hover {background:#ddd;}
#blog {width:330px; float:left; padding:10px; margin:0 auto;}
#blog img {border:0; margin:0 auto;}
#blog ul {display:none;} /* REMOVE THIS WHEN BLOG IS UP */
#friends, #friends h3, #friends ul, #friends ul li, #friends ul li span{float:right;}
#friends {width:270px; float:left; padding:10px;}
#twitter h3, #blog h3, #friends h3 {color:#5a5a5a; font-weight:normal; font-size:18px; margin-bottom:10px;}
#blog h3 {width:150px;}
#blog h3, #blog ul, #blog ul li, #blog ul li a{margin:0 auto;}
#friends ul, #blog ul {list-style:none;}
#friends li, #blog li {color:#5a5a5a; height:30px; font-size:13px; line-height:25px; border-bottom:1px solid #ddd; width:240px;}
#friends li a, #blog li a{text-decoration:none; color:#000;} #friends li a:hover {text-decoration:underline;} #friends li:hover, #blog li:hover {background:#ddd;}
#footerLinks {width:960px; margin:0 auto; color:#5a5a5a; font-size:13px;}
.footerRight {float:right;}
#footerLinks a {text-decoration:none; color:#5a5a5a;} #footerLinks a:hover {text-decoration:underline;}