/* Final Project | CSS Lindsay McKeighan | 2008 */

* { margin: 0; padding: 0; color: #333; line-height: 1.4; }

body { font: normal 62.5% Georgia, 'Times New Roman', serif; background: #fffdee url(images/tile.jpg) 0; }

a { text-decoration: none; }

a img { border: 0px; }

a:hover { color: #f07f50; }

ul { list-style-type: none; font-size: 1.2em; width:300px; float: left; margin: 8px 20px 0px 0px; }

#copy { position: absolute; right: 0px; bottom: 0px; background-color: #99FFFF ; padding: 10px; }

#lace { position: absolute; z-index: 0; }

#stamp { position: absolute; right: -200px; top: 100px; }

#wrap { margin: 0 auto; overflow: visible; background-image: url(images/wrapperbg.png); border: 0px solid #f07f50; border-top: 0px; height: 795px; width: 753px; position: relative; z-index: 2;}

h1 { font-weight: normal; font-style: italic; font-size: 3.5em; width:300px; float: left; margin: 10px 20px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5em ; border-bottom: 1px solid #FF0000; }

h2 { font-weight: normal; font-size: 1.8em; width:300px; float: left; margin: 20px 20px 0px 0px; line-height: 2.0em ; }

h2.line { font-weight: normal; font-size: 1.8em; width:300px; float: left; margin: 20px 20px 0px 0px; line-height: 2.0em ; }

h3 { font-weight: normal; font-size: 1.4em; width:300px; float: left; margin: 15px 0px 0px 0px; line-height: 1.5em ; }

h4 { font-weight: normal; font-size: 1.2em; width:300px; float: left; margin: 0px 0px 0px 0px; line-height: 1.0em ; }

p { font-size: 1.2em; width:300px; float: left; margin: 8px 20px 0px 0px; line-height: 2.0em ; }

hr { color:#EE0000; height: 1px; width: 100px;}

b { color:#FF0000; }

iframe { padding: 20px 0 0 0 ; }

#behind { margin: 0 auto; overflow: visible; background-color:#EE0000; height: 0px; width: 753px; position: relative; z-index: 1; }

#lead { position: relative; right: -40px; top: 10px; }

#leadgil { position: relative; right: -64px; top: 133px; }

#left { float: left; width: 300px; margin: 80px 0px 20px 80px; }

#right { float: right; position: relative; bottom: 0px; width: 290px; height: 600px; margin: 50px 80px 20px 0px; }

#full { width: 614px; margin: 0 auto; padding: 60px 0px 10px 0px; }

#slidebox { width: 490px; height: 490px; margin: 0 auto; text-align: center;}

#slidebox img { border: 1px solid #ababab; padding: 8px; background-color: #fff;  }

#portnav { float:left; list-style-type: none; width: 614px; margin: 40px 20px 20px 20px; border: 0px solid #ee0000; }

#portnav li { float:left; }

#slideinfobox { position: absolute; left: -100px; top: 400px; overflow: inherit; border: 1px solid #454545; width: 100px; height: 150px; padding: 20px; background-color:#44627b; }

#slideinfobox h2 { color: #ffffff; font-size: 1.2em; }

#slideinfobox h3 { color: #ffffff; font-size: 1.0em; margin-top: 0px; line-height: 1.0em ;}

#slideinfobox p { color: #ffffff; font-size: 1.0em; float: left; margin: 0px 0px 0px 0px; }

#slideinfobox a { color: #ffffff; font-size: 1.0em;}

#slideinfobox a:hover { color: #f07f50; font-size: 1.0em;}

#col2 { position: relative; left: 20px; padding: 97px 0 0 0; }

.actions { float: left; width: 220px; margin-top: 10px; }

.showing { float: left; width: 220px; padding: 0px 0px 20px 0px; border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000; }

.bar { float:right; width: 270px; height: 47px; padding: 0px 0px 0px 10px; margin: 10px 0px; position: relative; }

.pdf { position:relative; top:-15px; float:left; margin-right: 10px; border: 0px; }

.boxes { position: absolute; top: 500px; font-weight: normal; font-size: 1.3em; }

.products { position:relative; left: -70px;}

.layer { position: relative; top: -50px; left: 20px; }


/*----------------- PORT NAV -----------------------------------*/

.thumb a { height: 60px; width: 60px; padding: 5px 5px 5px 5px; border: 1px solid #ababab; margin: 5px; background: transparent; display: block; }

.thumb a:hover { background: #f07f50; }

.thumb a:active { background: #f07f50; }


/*----------------- MAIN NAV -----------------------------------*/

#res { background: transparent url("images/res.png") no-repeat; position: absolute; height: 160px; width: 119px; overflow: hidden; text-indent: -9999px; }

a#res {   }
a#res:hover, body.resume a#res { background-position: 0 -161px; }
a#res:active { background-position: 0 -161px; }


   
#contact { background: transparent url("images/@.png"); position: absolute; left: 50px; height: 92px; width: 141px; overflow: hidden; text-indent: -9999px; }

a#contact { }
a#contact:hover, body.contact a#contact  { background-position: 0 -93px; }
a#contact:active { background-position: 0 -93px; }

      
#state { background: transparent url("images/state.png"); position: absolute; left: 90px; height: 94px; width: 240px; overflow: hidden; text-indent: -9999px; }

a#state {  }
a#state:hover, body.statement a#state  { background-position: 0 -96px; }
a#state:active {  background-position: 0 -96px; }

   
#port { background: transparent url("images/port.png"); position: absolute; left: -60px; height:104px; width: 258px; overflow: hidden; text-indent: -9999px;  }

a#port {  }
a#port:hover, body.portfolio a#port { background-position: 0 -106px; }
a#port:active { background-position: 0 -106px; }

#home { background: transparent url("images/homebutton.png"); position: absolute; left: 290px; height: 68px; width: 170px; overflow: hidden; text-indent: -9999px; }

a#home {  }
a#home:hover, body.home a#home  { background-position: 0 -68px; }
a#home:active {  background-position: 0 -68px; }


/*------------------ END NAV ---------------------------*/