@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg.png) repeat; text-align:center; }
#main-wrapper {  margin-left:auto; margin-right:auto; width:960px; z-index:2; }

#contactLink-wrapper { padding-left:214px; }
#contactLink { margin-left:auto; margin-right:auto; margin-top:200px; height:38px; width:44px; background:url(../images/speech-bubble-icon.png) no-repeat 0px 0px; display:block; position:relative; text-align:center; vertical-align:middle; }
#contactLink:hover { cursor:pointer; background:url(../images/speech-bubble-icon.png) no-repeat 0px -35px; }

#logo { margin-left:auto; margin-right:auto; background:url(../images/hallodom-logo.png) no-repeat; text-align:center; vertical-align:middle; width:195px; height:71px; }
#logo:hover { background:url(../images/hallodom-logo.png) no-repeat 0px -71px; cursor:pointer; }

h1, h2, h3, p { font-family:Arial, Helvetica, sans-serif; }
h1, h2 { font-size:34px; color:#FFF; }
h3 { color:#FFF; }
#main-content p { margin-top:80px; text-align:center; font-size:12px; color:#666; }
#main-content {  display:inline; float:left; width:940px; }
#main-content p a { color:#666; text-decoration:none; }
#main-content p a:hover { border-bottom:dashed 1px; }
strong { color:#b9d5da; }
strong.red { color:#ee194b }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block } 

/* from tutorial */
#contactFormContainer { display:inline; position:absolute; top:100px; left:220px; float:left; z-index:1; width:0px; }
#contactForm { height:277px; width:351px; display:none;  }
#contactForm fieldset { padding:5px 30px; border:none; }
#contactForm label { display:block; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; text-align:left }
#contactForm input[type=text],#contactForm textarea  { background:#1a1a1d; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#09F }

#contactForm input[type=text] { display:block; #333; border:none; width:100%; margin-bottom:10px; height:24px; }
#contactForm textarea {  border:none; display:block; width:100%; margin-bottom:10px; }
#contactForm input[type=submit] { border:none;  background:url(../images/send.png); width:100px; height:38px; padding:5px; }
#contactForm input[type=submit]:hover { cursor:pointer; background:url(../images/send.png) 0px -35px; }

#messageSent { color:#693; display:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#close-wrapper { width:351px; text-align:right; }
#close { margin-left:321px; background:url(../images/close.png) 0px -23px; width:23px; height:23px; display:block;  cursor:pointer; }
#close:hover {  background:url(../images/close.png) 0px 1px; cursor:pointer; }