/** CSS file for polydrive.com
	by Steven Ferrino (steven@sferrinodesigns.com)
	May 14, 2007
	all tested in: IE7, FF2.0, Netscape7.1, Swift0.2
**/
img { border: 0px; }
body { margin-top: 0px; margin-bottom: 0px; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; height: 100%; }

	
/** stuff for the homepage layout */
#text1 { background-image: url(images/index_15.jpg); width: 277px; height: 101px; color: #346e96; font-size: 9pt; font-family: arial, verdana; font-weight: bold; line-height: 150%; text-align: left;  }
#text2 { background-image: url(images/index_17_a.jpg); width: 277px; height: 66px; color: #346e96; font-size: 9pt; font-family: arial, verdana; font-weight: bold; line-height: 150%; text-align: left; }
#text3 { background-image: url(images/index_19.jpg); width: 277px; height: 39px; color: #346e96; font-size: 8pt; font-family: arial, verdana; font-weight: bold; line-height: 150%; text-align: left }
#text4 { background-image: url(images/index_21.jpg); width: 277px; height: 19px; color: #346e96; font-size: 8pt; font-family: arial, verdana; font-weight: bold; line-height: 150%; text-align: left }

/** hyperlinks **/
.aLink { font-family: arial; font-size: 7pt; color: #346e96; text-decoration: none; font-weight: 400; }
.aLink:hover { font-family: arial; font-size: 7pt; color: #346e96; text-decoration: underline; font-weight: 400; }
.bLink { font-family: arial; font-size: 10pt; color: #346e96; text-decoration: none; font-weight: 400; }
.bLink:hover { font-family: arial; font-size: 10pt; color: #346e96; text-decoration: underline; font-weight: 400; }

/** menu item **/
.mItem { height: 19px }

#a { background-image: url(images/int_head.gif); width: 767px; height: 88px; position: absolute; top: 0px; left: 0px; }
#b { background-image: url(images/int_head2.gif); width: 767px; height: 18px; position: absolute; top: 88px; left: 0px }
#c { background-image: url(images/int_03.gif); width: 161px; height: 19px; position: absolute; top: 0px; }
#d { position: absolute; top: 0px; left: 0px }
#e { position: absolute; top: 0px; left: 143px } 
#f { position: absolute; top: 0px; left: 161px } 
#g { position: absolute; top: 0px; left: 0px }
#h { position: absolute; top: 0px; left: 143px } 
#i { position: absolute; top: 740px; left: 0px; }
#top { position: relative; top: 0px; left: 0px; width: 767px } 

/* menu */
#menuContainer  { position: absolute; top: 106px; left: 0px }
#maiLink { width: 60px; height: 19px; position: absolute; top: 0px; left: 161px }
#appLink { width: 106px; height:19px; position: absolute; top:0px; left: 221px }
#rolLink { width: 72px; height:19px; position: absolute; top: 0px; left: 327px; }
#nonLink { width: 109px; height: 19px; position: absolute; top: 0px; left: 399px }
#supLink { width: 131px; height: 19px; position: absolute; top: 0px; left: 508px; }
#matLink { width: 128px; height: 19px; position: absolute; top: 0px; left: 639px }

#container { height: 100%;   }
#top { width: 767px; background-color: #346e96; height: 100%;  }
#mainContainer  { position: absolute; top: 194px;  left: 0px } 
#mainBody { position: absolute; top: 0px; left: 161px; background-image: url(images/body-footer1.jpg); background-position: bottom; background-repeat: no-repeat;  width: 574px; height: auto; text-align: left; font-family: arial, verdana; font-weight: bold; color: #346e96; background-color: #fcfcfc; }
#bodyContainer { position: relative; top: 0px; left: 20px; }
#upperContainer { position: absolute; top: 125px;  left: 0px }

#rightFill { background-image: url(images/right-filler.gif); background-repeat: repeat-y; background-position: bottom; position: absolute; left: 735px; top: 0px; height: 620px; width: 32px;  text-align: left }

#rollerBottom { position: absolute; top: 0px; left: 0px; background-image: url(images/int_left.gif); background-repeat: repeat-y; height: auto }

#contactContainer { position: absolute; top: 400px; left: 0px }
#contactInfo { position: absolute; top: 277px; left: 491px; background-image: url(images/click_here.jpg); height: 22px; width: 244px; }
#phoneInfo { position: absolute; top: 299px; left: 491px; background-image: url(images/phone_info.jpg); height: 41px; width: 244px; }
#pageBottom { position: absolute; top: 277px; left: 161px; background-image: url(images/body-footer2.jpg); height: 63px; width: 330px; }
#pageBottomLeft { z-index: 9; position: absolute; top: 0px; left: 143px; height: 340px; width: 18px; background-image: url(images/page-filler.gif); background-repeat: repeat-y; }
#pageBottomRight { position: absolute; top: 277px; left: 735px; background-image: url(images/page-right-bottom.jpg); height: 63px; width: 32px; }

.bodyText { font-family: arial, verdana; font-size: 10pt; font-weight: 500; color: #346e96; text-align: left; text-align: justify;}
.header { font-family: arial, verdana; font-size: 12pt; font-weight: bold; color: #346e96; text-align: left; }

/** footer information 
all of these are for the footer box 
**/
#footerContainer { position: absolute; top: 773px; left: 0px; width: 767px }
#fillerBox { background-image: url(images/index_25.jpg); width: 143px; height: 123px; position: absolute; left: 0px; }

#applicationTextBox { background-image: url(images/viewApplications.gif); width: 229px; height: 89px; position: absolute; left: 143px; top: 0px }
#applicationText { position: absolute; top: 52px; left: 40px; width: 180px; color: #ddddff; font-size: 8pt; font-family: arial, verdana; font-weight: bold; line-height: 7px; text-align: left;}
#browseImg { position: relative; top: 2px; left: 0px; }

#quoteTextBox { background-image: url(images/requestQuote.gif); width: 232px; height: 89px; position: absolute; left: 372px; top: 0px; }
#quoteText {  position: relative; top: 52px; left: 40px; width: 180px; color: #ddddff; font-size: 8pt; font-family: arial, verdana; font-weight: bold; line-height: 9px; text-align: left;}
#goImg { position: relative; top: 2px; left: 0px; }

#linkBox {position: relative; top: 0px; left: 0px; background-image: url(images/linkBox.gif); width: 163px; height: 89px;  position: absolute; left: 604px; top: 0px;  vertical-align: top; }
#links { position: relative; top: 20px; left: 10px;  height: 50px; width: 160px; }

#copywriteBoxA { background-image: url(images/copywriteBox.gif); width: 624px; height: 34px; color: #6894b1; font-size: 6pt; font-family: arial, verdana;   position: absolute; left: 143px; top: 89px; text-align: left; }
#copywriteBox  {  background-image: url(images/copywriteBox.gif); width: 624px; height: 34px; color: #6894b1; font-family: arial; font-size: 7pt; text-decoration: none; font-weight: 400; position: absolute; left: 143px; top: 89px; text-align: left;}

#spacer { background-image: url(images/spacer.gif); background-repeat: repeat;  } 

.gradiantMenu { vertical-align: top; height: 123px; }

.gradiant1 { position: relative; top: 0px; left: 0px; background-image: url(images/gradiant_01.jpg); background-repeat: no-repeat; height: 17px; width: 133px;}
.gradiant2 { position: relative; top: 0px; left: 0px; height: 19px; width: 133px; }
.gradiant3 { position: relative; top: 0x; left: 0px; height: 20px; width: 133px; }
.gradiant4 { position: relative; top: 0px; left: 0px; background-image: url(images/gradiant_04.jpg); background-repeat: no-repeat; height: 67px; width: 133px;}

.redBarHeader { background-image: url(images/redLine.jpg); background-repeat: no-repeat; font-family: arial, verdana; font-weight: bold; font-size: 12pt; height: 20px; text-align: left; vertical-align: top;}

.tableText { border-bottom: solid 1px #346e96; font-face: arial; font-size: 8pt; color: #346e96; text-align: center}
.red { color: #ff0000; font-family: arial, verdana; font-size: 10pt; font-weight: 600;  text-align: left; text-align: justify;}