/*
-----------------------------------------------
Site: warren printing and mailing inc
Author: Megan Pruitt
Description: root.css
----------------------------------------------- */

/* Colors Used
-----------------------------------------------
   Hex 000    = black
   Hex FFF    = white
   Hex 88C100 = limeGreen
   Hex F5CB0F = yellow
   Hex FBFBFB = light gray
   Hex FF8A00 = orange
----------------------------------------------- */


/* Global
----------------------------------------------- */
body { background: #000 url(images/backGround.jpg) no-repeat fixed right bottom; }

/*  Page Structure
----------------------------------------------- */
#container { position: absolute;  top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 900px; margin: 0 auto; overflow: visible; }

#index .phone{ padding-left: 40px; }

#footer { position: absolute; top: 499px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 95px; padding-top: 5px; text-align: center; font: 10px Helvetica, sans-serif; color: #FFF; }

#footer a { color: #FBCB3D; font-size: 12px; text-transform: uppercase; }

#footer41 { top: -50px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 35px; padding-top: 5px; text-align: center; font: 10px Helvetica, sans-serif; color: #FFF; }

#footer41 a { color: #FBCB3D; font-size: 12px; text-transform: uppercase; }

#quoteFooter a { color: #FBCB3D; }

#header { position: absolute; width: 100%; height: 297px; background: url(images/header.png) no-repeat 25px 15px; }

#sidebar { position: absolute; top: 1px; width: 200px; height: 486px; padding: 5px; left: 1px; }

#site { position: relative; display: block; top: 0px; bottom: 0px; width: 960px; height: 100%; margin: 0px auto; overflow: visible; }

#work { position: absolute; top: 298px; left: 2px; width: 949px; height: 489px; padding: 5px; color: #FFF; font: 14px/20px Helvetica, sans-serif; }

/* header
----------------------------------------------- */
#header .quoteLink { position: absolute; top: 193px; left: 289px; width: 112px; height: 120px; }

#header .serviceLink { position: absolute; top: 193px; left: 159px; width: 134px; height: 120px; }

#header .supportLink { position: absolute; top: 193px; left: 416px; width: 110px; height: 120px; }

#header .aboutLink { position: absolute; top: 193px; left: 530px; width: 75px; height: 120px; }

#header .promoLink { position: absolute; top: 193px; left: 620px; width: 183px; height: 120px; }

#header a { display: block; width: 100%; height: 100%; }

#header .homeLink { position: absolute; top: 10px; left: 5px; width: 400px; height: 170px; }

/* sidebar
----------------------------------------------- */

#sidebar .copy { position: absolute; top: 146px; left: 5px; right: 5px; width: 200px; height: 344px; color: #404040; text-align: left; font: italic 13px/18px Helvetica, sans-serif; }

#sidebar .copy a { display: block; width: 100%; height: 100%; }


/* Controls
----------------------------------------------- */

.hidden { visibility:hidden; display:none; height: 0px; width: 0px; }

/* Common Links
----------------------------------------------- */

	#productBarFrame { position: absolute; left: 3px; right: 30px; height: 151px; width: 944px; }
	
	#productBarFrame2 { position: absolute; top: 10px; left: 8px; right: 8px; height: 100px; overflow: hidden; }

#site .comingSoon { position: absolute; height: 150px; width: 150px; top: 5px; right: 5px; background: url(images/comingSoon.png); }
	
	#productBarSlider { position: absolute; left: 0px; height: 90px; white-space: nowrap; padding-top: 2px; width: 929px; }
	
	#productBarContent { }
	
	#productBar img { cursor: pointer; margin-right: 10px; border:0px; margin-bottom: 10px; }

	#productBar { position: absolute; right: 5px; height: 122px; overflow: auto; white-space: nowrap; width: 942px; top: 300px; margin-bottom: 1px; }
	
	
	#productBar .disabled { display: none; }

.p1 { margin-bottom: 0px; position: absolute; bottom: 0px; width: 205px; left: 5px; right: 0px; }
#main .project   { position: absolute; bottom: 46px; left: 1px; }