* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body            {font-family: verdana, sans-serif; font-size: 12px; color: #808080;} 
a, a:link, a:visited, a:active	    {text-decoration: none; color: #808080; font-family: verdana, sans-serif; font-size: 12px;}	
a:hover	    {text-decoration: underline;}
p {padding: 0 0 10px;}
ul {padding: 10px 0 10px;}
ul li {margin-left: 20px; padding-left: 10px;}

img {border: 0 none; }

#container {position: relative; margin: 0 auto; width: 1000px; min-height:100%;}
.clearfix:after, #container:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

.clearfix, #container {display: inline-block;}

/* Hide from IE5/Mac \*/
* html .clearfix {height: 1px;}
* html #container {height:100%;}
.clearfix, #container {display:block;}
/* End hide */

/**Header**/

.gradient {background-image: url('images/gradient.gif'); width: 100%; height: 49px;}

.large, a.large {font-size: 24px;}
.medium, a.medium {font-size: 18px;}
.smallmed, a.smallmed {font-size: 14px;}
.small, a.small {font-size: 10px;}

.white, a.white {color: #ffffff;}
.green, a.green {color: #669944;}
.black, a.black {color: #000000;}
.charcoal, a.charcoal {color: #36454F;}

.prose, a.prose {font-family: arial, sans-serif;}

.menuleft {position: relative; top: -30px; left: 20px; width: 150px;}
.menuright {position: relative; top: -45px; left: 490px; width: 500px;}
#logo {position: relative; background-image:url('images/crankyconciergelogo.png'); width: 377px; height: 92px; top: -40px; left: 30px;}
#logo a {width: 100%; height: 100%; display: block;} 
#redbox {position: relative; z-index: 10; background-image:url('images/redbox.gif'); width: 172px; height: 35px; padding: 5px 0 0 17px; background-repeat: no-repeat; top: -100px; left: 700px;}
#redbox a {color: #ffffff; font-size: 18px; width: 100%; height: 100%; display: block; text-decoration: none;}
#greenbox {position: relative; z-index: -1; background-image: url('images/greenbox.gif'); width:100%; height:200px; top: -50px;}

.greenbutton, a.greenbutton {
              position: relative; 
              top: 15px; 
              left: 20px;
              width: 135px;
              background-image:url('images/greenbuttonblank.png'); 
              background-repeat: no-repeat;
              display: block;
              margin-left: auto;
              margin-right: auto;
              text-decoration:none;
              }
.doitpadding {padding: 8px 19px 8px 19px;}
.signuppadding {padding: 8px 12px 8px 12px;}                          
.headerplace {z-index: 10; position: relative; width: 100%; text-align: center; top: -230px;}

ol {list-style-type: decimal; }
ol li {margin-left: 20px; padding-left: 10px;}
ol ol {list-style-type: upper-alpha; }
ol ol li {margin-left: 30px; padding-left: 20px;}
ol ol ol {list-style-type: lower-alpha; }
ol ol ol li {margin-left: 40px; padding-left: 30px;}

/** Index **/
.indexheader {position: relative; width: 302px; height: 106px; top: -200px; left: 80px;}
#bannerpic {position: relative; top: -400px; left: 500px; width: 451px; height: 232px;}
#indexsubhead {text-align: center; position: relative; top: -360px;}

#flightplanning {position: relative; top: -335px; left: 140px; width: 400px;}
#delaycancel {position: relative; top: -440px; left: 520px; width: 400px;}
.pointertimeline1 {position: relative; top: -445px; left: 245px; background-image: url(images/pointertimeline.gif); width: 2px; height: 75px;}
.pointertimeline2 {position: relative; top: -520px; left: 585px; background-image: url(images/pointertimeline.gif); width: 2px; height: 75px;}
.computericon {position: relative; top: -580px; left: 55px; background-image: url(images/computericon.gif); width: 58px; height: 38px;}
.departingicon {position: relative; top: -628px; left: 355px; background-image: url(images/departingicon.gif); width: 63px; height: 35px;}
.landingicon {position: relative; top: -651px; left: 625px; background-image: url(images/landingicon.gif); width: 98px; height: 28px;}
.homeicon {position: relative; top: -679px; left: 885px; background-image: url(images/homeicon.gif); width: 53px; height: 37px;}
.verticaltimeline1 {position: relative; top: -677px; left: 93px; background-image: url(images/verticaltimeline.gif); width: 4px; height: 20px;}
.verticaltimeline2 {position: relative; top: -697px; left: 400px; background-image: url(images/verticaltimeline.gif); width: 4px; height: 20px;}
.verticaltimeline3 {position: relative; top: -717px; left: 673px; background-image: url(images/verticaltimeline.gif); width: 4px; height: 20px;}
.verticaltimeline4 {position: relative; top: -737px; left: 910px; background-image: url(images/verticaltimeline.gif); width: 4px; height: 20px;}
.horizontaltimeline {position: relative; top: -740px; left: 91px; background-image: url(images/horizontaltimeline.gif); width: 824px; height: 4px;}
.pointertimeline3 {position: relative; top: -742px; left: 790px; background-image: url(images/pointertimeline.gif); width: 2px; height: 56px;}
.pointertimeline4 {position: relative; top: -798px; left: 385px; background-image: url(images/pointertimeline.gif); width: 2px; height: 56px;}
.pointertimeline5 {position: relative; top: -854px; left: 125px; background-image: url(images/pointertimeline.gif); width: 2px; height: 56px;}
#flightmonitoring {position: relative; top: -840px; left: 335px; width: 400px;}
#posttrip {position: relative; top: -946px; left: 720px; width: 300px;}
#discounts {position: relative; top: -1036px; left: 10px; width: 300px;}

.leftbutton, a.leftbutton {
              position: relative; 
              top: -810px; 
              left: -120px;
              width: 135px;
              padding: 8px 12px 8px 12px; 
              background-image: url('images/greenbuttonblank.png'); 
              background-repeat: no-repeat;
              display: block;
              margin-left: auto;
              margin-right: auto;
              text-decoration: none;
              }             

.guarantee {position: relative; top: -890px; left: 450px; background-image:url('images/guarantee.png'); background-repeat: no-repeat; display: block; width: 91px; height: 95px; text-decoration: none;}

.rightbutton, a.rightbutton {
              position: relative; 
              top: -943px; 
              left: 138px;
              width: 135px;
              padding: 8px 12px 8px 12px; 
              background-image: url('images/greenbuttonblank.png'); 
              background-repeat: no-repeat;
              display: block;
              margin-left: auto;
              margin-right: auto;
              text-decoration: none;
              }             

.envelope {position: relative; top: -895px; left: 20px; background-image: url(images/lettericon.gif); background-repeat: no-repeat; height: 25px; width: 500px;}
             
/**About Page**/
#aboutpic {position: relative; background-image: url('images/aboutpic.png'); width: 500px; height: 396px;}

/**Guarantee Page**/
#guarbutton {position: relative; background-image: url('images/guarantee.png'); width: 91px; height: 95px; left: 200px;}

/**Pricing Page**/
.pricingbutton1 {position: relative; background-image: url('images/pricingbutton1.png'); width: 92px; height: 97px;}
.pricingbutton2 {position: relative; background-image: url('images/pricingbutton2.png'); width: 92px; height: 97px;}
              
/**The Box**/

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
 background: transparent url(images/whitebox.png) no-repeat bottom right}
.cssbox{
 /* intended total box width - padding-right(next) */ 
 width:700px !important; /* IE Win = width - padding */ 
 width:500px; 
 /* the gap on the right edge of the image (not content padding) */ 
 padding-right:0px; /* use to position the box */ 
 margin:0px auto
 z-index: 100; 
 position: absolute; 
 top: 220px; 
 left: 150px; } 
 
 /* set the top-right image */ 
.cssbox_head{background-position:top right;
/* pull the right image over on top of border */ 
margin-right:0px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px}

 /* set the top-left image */ 
 .cssbox_head h2{ 
 background-position:top left; 
 margin:0px; /* reset main site styles*/ 
 border:0; /* ditto */ 
 /* padding-left = image gap + interior padding ... no padding-right */ 
 padding:0px 0 5px 100px; 
 height:auto !important; 
 height:1%} /* IE Holly Hack */ 
 
 /* set the lower-left corner image */ 
 .cssbox_body{ 
 background-position:bottom left; 
 margin-right:100px; /* interior-padding right */ 
 padding:0px 0 45px 100px} /* mirror .cssbox_head right/left */  


/**Alt Box**/

/* set the image to use and establish the lower-right position */ 
.cssbox1, .cssbox_body1, .cssbox_head1, .cssbox_head1 h2{
 background: transparent url(images/whitebox1.png) no-repeat bottom right}
.cssbox1{
 /* intended total box width - padding-right(next) */ 
 width:700px !important; /* IE Win = width - padding */ 
 width:500px; 
 /* the gap on the right edge of the image (not content padding) */ 
 padding-right:0px; /* use to position the box */ 
 margin:0px auto
 z-index: 100; 
 position: absolute; 
 top: 420px; 
 left: 150px; } 
 
 /* set the top-right image */ 
.cssbox_head1{background-position:top right;
/* pull the right image over on top of border */ 
margin-right:0px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px}

 /* set the top-left image */ 
 .cssbox_head1 h2{ 
 background-position:top left; 
 margin:0px; /* reset main site styles*/ 
 border:0; /* ditto */ 
 /* padding-left = image gap + interior padding ... no padding-right */ 
 padding:0px 0 5px 100px; 
 height:auto !important; 
 height:1%} /* IE Holly Hack */ 
 
 /* set the lower-left corner image */ 
 .cssbox_body1{ 
 background-position:bottom left; 
 margin-right:100px; /* interior-padding right */ 
 padding:0px 0 45px 100px} /* mirror .cssbox_head right/left */  
              
#footer, a#footer {
              z-index: 101px;
              position: absolute;
              height: 30px;
              bottom: 0;
              left: 0;
              text-align: center;
              width: 1000px;
              }

#footer p {padding:0 0 30px;}