/**************************************************************************************************************************/
/************************************************   RESET  ***************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
/**************************************************************************************************************************/
/**********************************************    LAYOUT    **************************************************************/
DIV#container { overflow: hidden; }
DIV#content { width: 755px; overflow: hidden; margin: 0 0 0 10px; }
DIV#content2 { width: 755px; overflow: hidden; margin: 0 0 0 10px; }
h1 { width: 1280px; height: 126px; }
h1, h2 { text-indent: -9999px; }
DIV#left { width: 483px; float: left; padding: 10px; }
UL#right { width: 232px; float: left; padding: 10px; }
OL#steps { margin: 20px 0 0 0; }
OL#steps li { height: 100px; margin: 10px 0; }
OL#steps li span { position: relative; top:35px; left: 80px; }
UL#stuff { margin: 20px 0 0 0; }
UL#stuff li { height: 61px; }
UL#stuff li span { position: relative; top:12px; left: 65px; }
UL#friends { float: left; margin: 20px 0 0 5px; width: 231px; }
UL#friends2 { float: right; margin: 20px 5px 0 0; width: 231px; }
UL#friends li, UL#friends2 li { margin: 10px 0; }
UL.poem { font-size: .7em; color: #374f13; width: 232px; margin: 0 0 0 513px; }
UL.poem li { margin: 10px 0; }
.underline { border-bottom: 2px solid; padding-bottom: 20px; }
h3 { margin: 20px 0 10px 0; }
h4 { width: 232px; margin: 20px 0 10px 513px;}
IMG#phoneCan { margin: 50px 0 0 65px;}
IMG#redneckAnimation {position: absolute; top: 0; left: 0;}
/***************************************************************************************************************************/
/**********************************************  TYPEOGRAPHY  **************************************************************/
body { color: #a2ac91; font: 1.2em/1.5 "Bell Gothic Std Light", Arial; }
h3 { color: #b87526; font: 1.3em Tahoma, Arial;}
h4 { color: #25330f; font: 1em Tahoma, Arial;width: 232px;}
UL.poem { font: .8em Tahoma, Arial; color: #374f13; }
/**************************************************************************************************************************/
/**********************************************  BACKGROUNDS   ************************************************************/
body { background: #47661a url(images/Body.jpg) no-repeat; }
DIV#content { background: url(images/contentbg2.png) repeat-y; }
DIV#content2 { background: url(images/contentbg3.png) repeat-y; }
OL#steps LI#one { background: url(images/LIone.png) no-repeat top left; }
OL#steps LI#one:hover { background: url(images/LIone.png) no-repeat 0 -100px; }
OL#steps LI#two { background: url(images/LItwo.png) no-repeat top left; }
OL#steps LI#two:hover { background: url(images/LItwo.png) no-repeat 0 -100px; }
OL#steps LI#three { background: url(images/LIthree.png) no-repeat top left; }
OL#steps LI#three:hover { background: url(images/LIthree.png) no-repeat 0 -100px; }
OL#steps LI#four { background: url(images/LIfour.png) no-repeat top left; }
OL#steps LI#four:hover { background: url(images/LIfour.png) no-repeat 0 -100px; }
OL#steps LI#five { background: url(images/LIfive.png) no-repeat top left; }
OL#steps LI#five:hover {background: url(images/LIfive.png) no-repeat 0 -100px; }
UL#stuff li { background: url(images/can.png) no-repeat top left; }
UL#friends li#red1 { background: url(images/red1.jpg) no-repeat; height: 209px; }
UL#friends li#red2 { background: url(images/red2.jpg) no-repeat; height: 264px; }
UL#friends li#red3 { background: url(images/red3.jpg) no-repeat; height: 317px; }
UL#friends2 li#red5 { background: url(images/red5.jpg) no-repeat; height: 231px; }
UL#friends2 li#red6 { background: url(images/red6.jpg) no-repeat; height: 145px; }
UL#friends2 li#red7 { background: url(images/red7.jpg) no-repeat; height: 177px; }
UL#friends2 li#red8 { background: url(images/red8.jpg) no-repeat; height: 154px; }
IMG#phoneCan {border: 5px solid #8e852e;}
IMG#phoneCan:hover {border: 5px solid #374f13;}
/**************************************************************************************************************************/
/**********************************************  NAVIGATION   ************************************************************/
#nav { background:url("images/navbg.png") no-repeat; width:755px; height:40px; margin: 0 0 0 10px; }
#nav span { display: none; }
#nav li, #nav a { height:40px; display:block; }
#nav li { float:left; list-style:none; display:inline; }
#navHome { width: 120px; }
#navStuff { width: 200px; margin-left: 45px; }
#navFriends { width: 150px; margin-left: 63px; }
#navPhone { width: 120px; margin-left: 56px; }
#navHome a:hover { background:url("images/navbg.png") 0px -40px no-repeat; }
#navStuff a:hover { background:url("images/navbg.png") -165px -40px no-repeat; }
#navFriends a:hover { background:url("images/navbg.png") -428px -40px no-repeat; }
#navPhone a:hover { background:url("images/navbg.png") -634px -40px no-repeat; }