/**********************************************************************
	Filename: peelbond.css
	Project:  XIM Bonder
	
	Global style sheet
**********************************************************************/

/* Body Tag Definition */
body { margin:0px 0px 20px 0px; background-color:#FFFFFF; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a, ul, li { font-family:Helvetica, Arial, Verdana, sans-serif; color:#666666; font-size:12px; }

/* MAIN NAVIGATION */
#navigation { width:744px; height:36px; margin:30px 0px 20px 0px; background-image:url( ../images/navigationBG.jpg ); background-repeat:no-repeat; }
#navigation div { float:left; margin-top:1px; }
#navigation a { display:block; height:23px; padding-top:11px; font-size:12px; color:#333333; font-weight:bold; border-left:1px solid #666666; border-right:1px solid #FFFFFF; text-align:center; text-decoration:none; }
#navigation a:hover { color:#FFBB33; text-decoration:none; background-image:url( ../images/navLinkBG.jpg ); background-repeat:repeat-x; }

/* MAIN ELEMENTS */
#pageTop { height:7px; background-color:#999999; }
#page { width:752px; padding-left:8px; border:0px solid #000000; text-align:left; background-color:#FFFFFF; }
#header { clear:left; width:744px; height:294px; margin:0px 2px 0px 4px; background-image:url( ../images/headerBG.jpg ); background-repeat:no-repeat; background-position:top right; }
#headerVideo { width:750px; height:450px; }
#topCoat { position:relative; width:525px; height:227px; background-image:url( ../images/topcoatBlockBG.gif ); background-repeat:no-repeat; }
#trimMagic { position:relative; float:right; width:210px; height:224px; margin:2px 7px 0px 0px; background-image:url( ../images/trimMagicBG.jpg ); background-repeat:no-repeat; }
#beforeAfter { clear:right; width:742px; padding:10px 0px 0px 1px; }
#beforeAfter img { float:left; margin-right:8px; }
#footer { clear:left; width:704px; height:24px; padding:12px 0px 0px 40px; margin-top:10px; color:#000000; font-size:11px; text-align:left; background-image:url( ../images/footerBG.jpg ); background-repeat:no-repeat; }
#footer a { color:#000000; font-size:11px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footnote { padding:7px 0px 10px 40px; font-size:10px; font-weight:bold; color:#999999; text-align:left; }

/* BUTTONS */
#btnCommercialD { position:absolute; left:15px; bottom:12px; }
#btnProsSayD { position:absolute; left:173px; bottom:12px; }
#btnHowToApplyD { position:absolute; left:329px; bottom:12px; }
#btnTrimMagic { position:absolute; left:5px; bottom:20px; }