@charset "UTF-8";
/* CSS Document */


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html {height: 100%; background-color:#fff; overflow-y:scroll;}  /* OVERFLOW Y TO KEEP THE VERTICAL SCROLL BAR AT ALL TIMES TO PREVENT SCREEN JUMP BETWEEN PAGES. */

body {height: 100%; background-color:#fff;} /* SET YOUR BACKGROUND C0LOR THE SAME FOR BOTH HTML AND BODY */

img {margin:0px;padding:0px;border:none;} /* ZERO OFF YOUR IMAGE BORDERS TO PREVENT SOME OLDER BROWSERS FROM PUTTING THE HYPERLINK AROUND THE HOVERED IMAGES */

*:focus {
    outline: none;
}

/* Universally set the outline to none on focus again to prevent a box around on click */

area {
outline:none;  /* IF YOU'RE USING AN IMAGE MAP AS A HYPERLINK THEN USE THIS TO PREVENT SAFARI FROM PUTTING A BORDER AROUND YOUR HOVERED IMG MAPS */
}

#header {position:absolute;  /*set to ABSOLUTE to scroll header set to fixed to stay all the time */
width:100%;
height:226px;
background: #ffffff url('../images/headerbg.gif') repeat-x;
margin:0px;
z-index:10;
}

#insideheader {
position:relative;
width:1096px; /* The width of an iPhone screen in pixels. Which also proves to be a handy size for a website build. */
height:226px;
margin:0px auto;
padding:0px 20px 0px 20px;
}

#adbox {
position:relative;
width:728px;
height:90px;
margin:0px auto 0px auto;
padding:4px 0px 6px 0px;
}

#adboxbot {
position:relative;
width:728px;
height:90px;
margin:0px auto 0px auto;
}

#lefthanger {
float:left;
width:100px;
margin:0px 10px;
height:600px;
background-color:#ff9969;
}

#righthanger {
float:right;
width:100px;
margin:0px 10px;
height:600px;
background-color:#ff9969;
}



#logo {position:relative;
width:232px;
height:144px;
margin:24px auto 32px auto;
}


#wrap {width:1136px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -120px auto; /* the bottom margin is the negative value of the footer's height */
	
}

#push {
	height: 100px; /* .push must be the same height as .footer */
	width:1136px; /* added width to stop IE from adding horizontal scroll bars */
	margin:0px;
}

#footer {
width:100%;
height:100px;
margin:0px auto;
border-top: 3px #777 dotted;
}

#footercontainer {
width:1136px;
height:100px;
margin:0px auto;
padding:16px 0px 0px 0px;
}

#nav-container {
position:fixed;
width:184px;
height:60px;
margin-top:116px;
margin-left:-200px;
background-color:#a07;
}

ul#navigation { width: 184px; }
ul#navigation li {
  list-style: none;
  background-color: #acf;
  border-top: solid 1px #000;
  text-align: left;
  margin: 0;
} 

ul#navigation li a {
  display: block;
  text-decoration: none;
  padding: .25em;
  /* border-bottom: solid 1px #39f;  box off the nav elements creating a button effect */
  /* border-right: solid 1px #39f;   box off the nav elements creating a button effect */
} 

#contentcontainer {
position:relative;
width:1136px;
padding-top:0px;  /* height of the header + 40px for new content to start */
padding-bottom:0px;
margin:0px auto 0px auto;
}



#footerleft {float:left;
margin-left:2px;}
#footerright {float:right;
margin-right:4px;}

.clearfloats {clear:both;}

.fleftbox {float:left;
padding:0px 22px 26px 22px;
}

#navigationcontainer {position:relative;
width:100%;
height:24x;
background-color:#d7ebee;
padding:3px 0px 3px 0px;
}


.navbox {position:relative;
display:inline;
height:24px;
border-right:3px #fff dotted;
}

.linkholder {position:relative;
display:inline;
background-color:#8fa;
text-align:center;
}