/*  
hoffmanchrisman2011 Temp Site
First version coding: Kerry Nehil - (c) Copyright Kerry Nehil http://kerrynehil.com. All rights reserved.
Revised by mottomo
*/

/* !defaults */

* { margin: 0; padding: 0; border: none; }
body { font: normal 62.5%/1.25em Helvetica, Arial, Verdana, sans-serif; color: #171717; background: #454545; }
strong, b { font-weight: bold; }
em { font-style: italic; }
h1 { position: relative; width: 523px; height: 70px; margin: 0 auto; padding: 0; font: normal 4em Georgia, Times, serif; color: #808285; text-indent:-999px;  }
h1 span { position: absolute; width: 100%; height: 100%; background: url(../images/hoffmanchrisman2011.gif) no-repeat; left:0px; top:0px }
h1 a { color: #000000; background: none; }
h1 span:hover { background-position: 0 -80px; }
p { margin: 0 0 5px 0; font: normal 1.4em/1.25em Helvetica, Arial, sans-serif; color: #171717; }
a:focus { outline: none; }
a:link, a:visited { color: #171717; text-decoration: none; }
a:hover, a:active { color: #ffffff; text-decoration: none; }

/* !structure */

#wrapOLD { position: relative; width: 1024px; height: 100%; margin: 0 auto; }
.contentOLD { position: relative; float: left; width: 819px; height: 435px; }
.contentOLD div {position: fixed; top: 50%; left: 50%; margin-top: -400px; margin-left: -400px; }
.aboutOLD { width: 819px; height: 127px; text-indent: -9000px; background: url(../images/hoffmanchrisman2011.gif) no-repeat 0 -160px; }

#wrap {width:1024px; margin:0 auto; position:relative }
.start { width:523px; position:absolute; left:250px; top:150px }
.linkpage { width:819px;  position:absolute; left:100px; top:30px }
.content  { height:475px; }
.about { width: 819px; height: 127px; text-indent: -9000px; background: url(../images/hoffmanchrisman2011.gif) no-repeat 0 -160px; }

.thanks { position: fixed; top: 50%; left: 50%; width: 400px; height: 200px; margin-top: -80px; margin-left: -200px; text-align: center; }
#navHolder { position: fixed; bottom: 0; width: 1024px; height: 80px; border-top: 2px solid #101010; z-index: 7000; }

/* LINKS */

#linkholder {width:542px; height:268px; position:relative; margin:0 auto; left:0px; top:0px; z-index: 9998;  }
#linkholder #links {width:542px; height:0; margin:0; padding: 0; }
#linkholder #links li { display: block; margin-top:22px; width:542px; float:left; height:0px}
#linkholder #links li a { float: left; height: 0; padding-top: 22px; overflow: hidden; background-image: url(../images/hoffmanchrisman2011.gif); background-repeat: no-repeat; width:542px }

#linkholder #links li#link01 a {background-position: 0 -297px; }
#linkholder #links li#link02 a {background-position: 0 -319px;  }
#linkholder #links li#link03 a {background-position: 0 -341px; }
#linkholder #links li#link04 a {background-position: 0 -363px; }
#linkholder #links li#link05 a {background-position: 0 -385px;  } 
#linkholder #links li#link06 a {background-position: 0 -407px;}
#linkholder #links li#link07 a {background-position: 0 -429px; }
#linkholder #links li#link08 a {background-position: 0 -451px; }
#linkholder #links li#link09 a {background-position: 0 -473px;  }
#linkholder #links li#link10 a {background-position: 0 -495px;  }
#linkholder #links li#link11 a {background-position: 0 -517px;  }
#linkholder #links li#link12 a {background-position: 0 -539px;  }

/* LINKS OVER STATES */

#linkholder #links li#link01 a:hover { background-position: 0 -577px; }
#linkholder #links li#link02 a:hover { background-position: 0 -599px; }
#linkholder #links li#link03 a:hover { background-position: 0 -621px; }
#linkholder #links li#link04 a:hover { background-position: 0 -643px; }
#linkholder #links li#link05 a:hover { background-position: 0 -665px; }
#linkholder #links li#link06 a:hover { background-position: 0 -687px; }
#linkholder #links li#link07 a:hover { background-position: 0 -709px; }
#linkholder #links li#link08 a:hover { background-position: 0 -731px; }
#linkholder #links li#link09 a:hover { background-position: 0 -753px; }
#linkholder #links li#link10 a:hover { background-position: 0 -775px; }
#linkholder #links li#link11 a:hover { background-position: 0 -797px; }
#linkholder #links li#link12 a:hover { background-position: 0 -819px; }


/* !nav */

#nav { margin: 0; padding: 10px 0 0 0; z-index: 8000; }
#nav li { float: left; font: normal 1.4em/1.5em Helvetica, Arial, sans-serif; color: #171717; list-style: none; }
#nav a { float: left; margin: 0; padding: 0; color: #171717; text-decoration: none; }
#navWork { margin: 0 20px 0 28px; }
#navTwitter a { margin: 4px 0 0 27px; text-indent:-9999px; background:url(../images/hoffmanchrisman2011.gif) no-repeat -600px 0; width:21px; height:15px }
#navTwitter a:hover {background-position:-600px -20px}
#navFacebook a { margin: 4px 22px 0 0; text-indent:-9999px; background:url(../images/hoffmanchrisman2011.gif) no-repeat -621px 0; width:21px; height:15px}
#navFacebook a:hover {background-position:-621px -20px}
#navList { margin: 0 48px 0 0; }
#navClient { margin: 0 533px 0 0; }
#navEmail { margin: 0 47px 0 0; }
#navPhone { margin: 0 35px 0 0; }
#navAddress { margin: 0; }
#nav a:hover, #nav a.active { color: #ffffff; }
form.mailingList { position: fixed; top: 50%; left: 50%; margin-top: -90px; margin-left: -155px; }
form.mailingList li { margin: 0; padding: 0; list-style: none; background: none; }
form.mailingList .textInput { width: 310px; padding: 5px; font: normal 1.2em Verdana, Helvetica, Arial, sans-serif; color: #7F8183; background: #FFFFFF; border: 1px solid #D7D7D7; border-top: 2px solid #A0A0A0; }
form.mailingList .submitBtn { position: relative; top: 10px; }

/*! misc */

.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }