/*

missilefoot style rules
- 03/11/08

*/

/*_________________________________________________
     global    */

* { margin:0px; padding:0px; border:0px; }

/*_________________________________________________
     color    */

body { background:black; }

a:link { color:#194B7D; }
a:visited { color:#194B7D; }
a:hover { color:#6496CB; }
a:active { color:#6496CB; }

#jacket { }

#tie { background:#6496CB url("images/logo.png"); color:white; }
 #tie h2 { background:#194B7D; border-top:black solid 2px; border-bottom:black solid 2px; }
  #tie h2 span { color:#6496CB; }

#shirt {}
 #chest { background:white url("images/chest-gradient.png"); background-repeat:repeat-x; border-bottom:black solid 2px; }
  #chest .blurb { color:#329664; background:url("images/blurb-top.png"); background-repeat:no-repeat; }
  #chest { color:#454545; }
  #chest h3, #chest p.subtitle { color:black; }
   #chest p strong { color:black; }
 #arm { background:#6496CB; }
  #arm .menu { background:white; }
  #arm .nav, #arm .subnav { color:#194B7D; }
	#arm a:visited { color:#194B7D; }
	#arm a:hover { color:white; background:#6496CB; }
 #wrist, #hand { color:white; background:#194B7D; border-top:black solid 2px; border-bottom:black solid 2px; }
  a.button { color:white; background-image:url('images/buttons/web-packages.png'); }
  a.button:hover { background-image:url('images/buttons/web-packages_ov.png'); }

#belt { color:white; background:url("images/belt.gif"); background-repeat:no-repeat; }
 #belt .phone { color:#DBE0E1; }
 #belt .phone strong { color:white; }

#shoes {  }
 #shoes a { color:#9F9F9F; }
  #shoes a:hover { color:white; }

/*_________________________________________________
     format    */

body {}
h1 { position:absolute; top:-80px; font-family:Georgia,serif; font-size:68px; }
h2 {}
p {}

#jacket {}

#tie {  }
 #tie h2 { font-family:Arial,sans-serif; font-size:18px; line-height:20px; }

#shirt {}
 #chest {}
  #chest h3 { font-family:Georgia,serif; font-size:36px; line-height:39px; font-style:italic; }
   #chest h3 span { font-size:28px; }
  #chest .blurb { font-family:Georgia,serif; font-size:12px; line-height:18px; font-style:italic; font-weight:bold; cursor:default; }
  #chest p, #chest ul { font-family:Arial,sans-serif; font-size:12px; line-height:18px; }
  #chest p.subtitle { font-family:Georgia,serif; font-size:18px; line-height:24px; }
 #arm { font-family:Arial,sans-serif; line-height:25px; }
  #arm a { text-decoration:none; }
  #arm .nav { font-weight:bold; font-size:14px; }
	#arm a:hover { text-decoration:none; }
   #arm span.nav { cursor:default; }
  #arm .subnav { font-size:13px; line-height:27px; font-weight:bold; text-decoration:underline; }
 #wrist, #hand { font-family:Georgia,serif; font-size:20px; line-height:22px; }
  a.button { text-decoration:none; }
 
#belt { font-family:Arial,sans-serif; font-size:12px; font-style:italic; font-weight:bold; }
 #belt .phone { margin:12px; font-style:normal; font-weight:normal; }
 #belt .phone strong { margin-left:6px; font-weight:bold; }

#shoes { font-family:Arial,sans-serif; font-size:12px; text-align:center; }
 #shoes a { line-height:36px; }

/*_________________________________________________
     position    */

body {}
h1 {}
h2 {}
div { margin:0px; padding:0px; }

#jacket { position:relative; margin:0px auto; padding:0px 2px; width:720px; }

#tie { position:relative; padding-top:150px; }
 #tie h2 { padding:11px 75px; }
  #tie h2 img { position:absolute; left:36px; top:160px; margin-right:18px; }
 
#shirt { position:relative; }
 #chest { margin-left:150px; padding:0px 0px 50px 45px; }
  #chest h3 { position:relative; top:50px; left:-6px; margin:0px 36px 75px 0px; }
  #chest h3 span { position:relative; top:-6px; left:8px; margin-right:12px; }
  #chest p { margin-top:15px; margin-right:80px; }
  #chest p.subtitle { margin-top:30px; }
  .blurb { position:relative; float:right; margin:20px 20px 20px 35px; padding:20px 20px 20px 15px; width:130px; }
  .blurb img { position:absolute; bottom:0px; left:0px; }
  #chest ul { margin:12px 0px 0px 32px; }
  #arm { position:absolute; top:0xp; left:0px; width:148px; height:100%; }
  #arm .nav, #arm .subnav { display:block; margin:0px 10px; padding:0px 20px; }
  #arm .menu { padding-top:18px; height:178px; }
  #arm .subnav { padding-left:32px; }
 #wrist, #hand { position:absolute; top:189px; left:0px; width:148px; height:125px; }
  a.button, a.button strong { display:block; }
  a.button { padding:69px 0px 12px 12px; }
 #hand { top:316px; }
 
#belt { height:40px; }
 #belt p { float:left; margin:12px 20px 12px 180px; }
 #belt .phone { margin:12px 3px; }
 #belt .phone strong { margin-left:9px; }

#shoes { height:40px; margin-bottom:40px; }
 #shoes a { margin:0px 10px; }

/* 

 designer's note:
  the following rules add borders around everything
  - might be useful for development purposes
  - should be commented out on the live server

*/

/*
* { border: green dashed 1px; }
div { border: solid; }
h1,h2,h3,h4,h5,p { border: red; }
 */