/*------skeleton -------*/
html,body { margin: 0; padding: 0; height: 100%; background: url("../images/bodybg.jpg") 0 0 repeat-x; background-position: bottom; background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif; }
#body { background: url("../images/maincontentbg.png") 0 0 repeat-y; background-position: center bottom; background-attachment: fixed; position: relative; /* needed for footer positioning*/
margin: 0 auto; /* center, not in IE5 */width: 100%; height: auto !important; /* real browsers */height: 100%; /* IE6: treaded as min-height*/min-height: 100%; /* real browsers */}
#thecontent { padding: 1em 1em 5em; /* bottom padding for footer */}
#thecontent p { text-align: justify; padding: 0 1em; }
a:link, a:visited { color:#344F65; font-weight:bold;}
/*------header -------*/
#header { background: url(../images/headerbg.jpg); height: 64px; z-index: 1; }
#header p { font-style: italic; font-size: 1.1em; margin: 0; }
.headerimage { position: absolute; top: 40px; width: 997px; height: 400px; left: 50%; margin-left: -498px; background: url("../images/header.png") 0 0 no-repeat; z-index: 5; }
/*main menu */
div#main-menu { position:absolute; z-index:0; top:-15px; width:95%; text-align:center; color:#fff;}
ul#menu { position:relative; z-index:50; list-style:none; }
ul#menu li { display:inline; padding:0 5px; color:#fff; }
div#menu-slider { z-index:10; position:absolute; top:-20px; left:100px; height:151px; display: inline-block; width:121px; text-align:center; padding:0px 0px 4px 0px;
font: bold 12px sans-serif; color:#fff; background: url("../images/slider.jpg") 0 0 no-repeat; text-decoration:none; }
ul#menu a { display: inline-block; width:121px; text-align:center; padding:10px 0px 4px 0px; font: bold 12px sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
ul#menu a:active { color:#fff;}
ul#menu a:visited { color:#8D1B1B;}
/*------buttons and menus -------*/
.rollover {text-align:center;}
.rollover a { display: inline-block; width:121px; text-align:center; padding:10px 0px 4px 0px; font: bold 12px sans-serif; color:#fff;
background: url("../images/button.png") 0 0 no-repeat;text-decoration:none;}
.rollover a:hover { background-position: 0 -36px; color: #333;}
.rollover a:active { background-position: 0 -71px; color:#fff;}
.moreinfo { text-align: center; }
.moreinfo a { display: inline-block; width: 121px; text-align: center; padding: 10px 0px 4px 0px; font: bold 12px sans-serif; color: #fff;
background: url("../images/button_moreinfo.jpg") 0 0 no-repeat; text-decoration: none; }
.moreinfo a: hover { display: inline-block; width: 121px; text-align: center; padding: 10px 0px 4px 0px; font: bold 12px sans-serif; color: #fff;
background: url("../images/button_moreinfo.jpg") 0 0 no-repeat; text-decoration: none; }
.moreinfo a: active {}
.footermenu { text-align:center;}
.footermenu a { display: inline-block; width:121px; text-align:center; padding:10px 0px 4px 0px; font: bold 12px sans-serif; color:#fff;
background:url("../images/footerbutton.png") 0 0 no-repeat; text-decoration:none; margin-top:4px;}
.footermenu a:hover { background-position: 0 -67px; color: #333;}
.footermenu a:active { background-position: 0 -33px; color:#fff;}
#navlist { margin: 30px 0 0 0; padding-left: 0; list-style: none;}
#navlist li { padding:7px 20px 10px 20px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 0 .5em;}
#navlist strong { font-weight:bold; color:#8F1F1E; font-size:15px;}
/*------left column -------*/
.leftcolumn { position: relative; background: #dddbd6; width: 413px; float: left; left: 50%; margin-left: -443px; height: auto; height: 100%; min-height: 100%; margin-top: 320px;
padding: 70px 6px 9px 10px; }
.leftcolumn p { font-size: 13px; line-height: 20px; }
.leftcolumn h1 { font-size: 18px; color: #8F1F1E; padding: 10px 0px 10px 10px; }
.leftcolumn h2 { font-size: 24px; color: #344F65; padding: 10px 0px 10px 10px; }
.titlebar { background: url("../images/titlebar_blue.png"); background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
padding: 12px 0px 0px 40px; width: 466px; height: 69px; float: left; position: absolute; top: 20px; left: -37px; }
.titlebar_gold { background: url("../images/titlebar_gold.png"); background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color:#333;
padding: 5px 0px 0px 40px; width: 897px; height: 69px; float: left; position: absolute; top: 480px; left: -33px; }
/*------right column -------*/
.rightcolumn { position: relative; background: #fff; width: 450px; float: right; right: 50%; margin-right: -461px; height: auto; height: 100%; min-height: 100%; margin-top: 310px;
padding: 70px 6px 13px 10px; }
.tealbox { position: relative; width: 450px; border-bottom: solid 0px #39576F; z-index:6; }
.rightbox_teal { position: relative; width: 375px; height: 65px; min-height: 65px; margin-top: -80px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_teal p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_teal_titlebar { background: url("../images/titlebar_teal.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #3F3F3F; font-weight: bold;
padding: 8px 0px 0px 40px; width: 358px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.teal_photobox { background: url("http://gencostamping.com/images/aboutus_box.png") 0 0 no-repeat; background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.bluebox { position: relative; width: 450px; border-bottom: solid 0px #39576F; }
.rightbox_blue { position: relative; width: 375px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_blue p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px; }
.rightbox_blue_titlebar { background: url("../images/titlebar_navy.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff; font-weight: bold;
padding: 8px 0px 0px 40px; width: 358px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.blue_photobox { background: url("../images/ourpeople_box.png") 0 0 no-repeat; background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.redbox { position: relative; width: 450px; border-bottom: solid 0px #39576F; }
.rightbox_red { position: relative; width: 375px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_red p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_red_titlebar { background: url("../images/titlebar_red.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff; font-weight: bold;
padding: 8px 0px 0px 40px; width: 358px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.red_photobox { background: url("http://gencostamping.com/images/confidence_box.png") 0 0 no-repeat; background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.bluebox2 { position: relative; width: 450px; border-bottom: solid 0px #39576F; }
.rightbox_blue2 { position: relative; width: 375px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_blue2 p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px; }
.rightbox_blue2_titlebar{ background: url("../images/titlebar_navy.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff; font-weight: bold;
padding: 8px 0px 0px 40px; width: 358px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.blue2_photobox { background: url("http://gencostamping.com/images/products_box.png") 0 0 no-repeat; background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.tealbox2 { position: relative; width: 450px; border-bottom: solid 0px #39576F; }
.rightbox_teal2 { position: relative; width: 375px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_teal2 p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_teal2_titlebar{ background: url("../images/titlebar_teal.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #3F3F3F; font-weight: bold;
padding: 8px 0px 0px 40px; width: 358px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.teal2_photobox { background: url("../images/contactus_box.png") 0 0 no-repeat; background-repeat: no-repeat; background-position: left top; font-size: 22px; font-weight: bold; color: #fff;
width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.salute {color:#3F3F3F; float:left; font-size:16px; font-weight:bold; margin:10px 40px;}
/*------contact page right column -------*/
.contactrightcolumn { width:620px; background:transparent; position: relative; float: right; right: 50%; margin-right: -461px; height: auto; height: 100%; min-height: 100%; margin-top: 310px;
padding: 70px 6px 13px 10px; }
.bobmoore { position: relative; width:620px;}
.rightbox_bobmoore { position: relative; width:540px; height: 65px; min-height: 65px; margin-top: -80px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_bobmoore p { font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px; width:500px;}
.rightbox_bobmoore_titlebar { background: url("../images/titlebar_teal.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #3F3F3F; font-weight: bold;
padding: 8px 0px 0px 40px; width:528px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.bobmoore_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.georgeakers { position: relative; width:620px; margin-top:-45px;}
.rightbox_georgeakers { position: relative; width:540px; height: 65px; min-height: 65px; margin-top: -35px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_georgeakers p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px; }
.rightbox_georgeakers_titlebar { width:528px; height: 69px; background: url("../images/titlebar_navy.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff;
font-weight: bold; padding: 8px 0px 0px 40px;float: left; position: absolute; top: 45px; left: -13px; }
.georgeakers_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.keithschinbeckler { position: relative; width:620px; margin-top:40px;}
.rightbox_keithschinbeckler { width:540px; position: relative; height: 65px; min-height: 65px; margin-top: -30px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_keithschinbeckler p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_keithschinbeckler_titlebar { width:528px; height: 69px; background: url("../images/titlebar_red.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff;
font-weight: bold; padding: 8px 0px 0px 40px; float: left; position: absolute; top: 45px; left: -13px; }
.keithschinbeckler_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.kenfox { position: relative; width:620px; }
.rightbox_kenfox { position: relative; width:540px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_kenfox p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_kenfox_titlebar { background: url("../images/titlebar_teal.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #3F3F3F; font-weight: bold;
padding: 8px 0px 0px 40px; width:528px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.kenfox_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.larryfarmer { position: relative; width:620px; }
.rightbox_larryfarmer { width:540px; height: 65px; position: relative; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_larryfarmer p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_larryfarmer_titlebar { width:528px; height: 69px; background: url("../images/titlebar_navy.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff;
font-weight: bold; padding: 8px 0px 0px 40px;float: left; position: absolute; top: 45px; left: -13px; }
.larryfarmer_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.charliebean { position: relative; width: 620px;}
.rightbox_charliebean { position: relative; width: 540px; height: 65px; min-height: 65px; margin-top: -25px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_charliebean p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px; }
.rightbox_charliebean_titlebar { width:528px; height: 69px; background: url("../images/titlebar_red.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #fff;
font-weight: bold; padding: 8px 0px 0px 40px; float: left; position: absolute; top: 45px; left: -13px; }
.charliebean_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
.pattyhaston { position: relative; width: 620px;}
.rightbox_pattyhaston { position: relative; width: 540px; height: 65px; min-height: 65px; margin-top: -40px; margin-left: 71px; padding: 70px 6px 20px 10px; }
.rightbox_pattyhaston p { width:500px; font-size: 13px; line-height: 18px; height: 118px; height: 118px; min-height: 118px;}
.rightbox_pattyhaston_titlebar { background: url("../images/titlebar_teal.png"); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #3F3F3F; font-weight: bold;
padding: 8px 0px 0px 40px; width:528px; height: 69px; float: left; position: absolute; top: 45px; left: -13px; }
.pattyhaston_photobox { font-size: 22px; font-weight: bold; color: #fff; width: 73px; height: 73px; float: left; position: absolute; top: 45px; left: -72px; }
/*------sample products box-------*/
.productbox_content { width:867px; height:370px; border-top:20px solid #fff; padding:10px; position:relative; left:-10px; top:30px; background-color: #E7E7CF;}
.sample_product_content { width:840px; margin:30px 0px 0 15px; position:absolute;}
.photobox { padding:10px 10px 10px 50px;}
.photo { padding:10px;}
/*------confidence box-------*/
.gencooffers { position:absolute; left:50%; margin-left:-433px; width:866px; top:850px;}
.confidencebox { width: 884px; background-color:#E7E7CF; border-top:20px solid #fff; position: relative; clear: both; height:430px; padding:10px; margin:30px 0 0 -10px; padding:10px 0 0 0;}
.confidence_left { width: 49%; height:430px; position: relative; float: left; padding-left:10px; text-align:justify;}
.confidence_right { width: 49%; height:430px; position: relative; float: right; text-align:justify;}
/*------list for peoples names on "OUR PEOPLE"-------*/
.scrollnames {color:#666; text-align:center; margin-left:-50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:10px;}
#container {position:relative; width:350px; height:950px; overflow:hidden; background-color:#EDEDED; margin-top:-17px;}
#content {position:absolute; width:355px; left:0; top:10px; margin:10px 0px 20px 20px;}
.next2 {background-image:url(../images/recent-arrow-bottom.gif); cursor:pointer; height:22px; left:160px; position:absolute; top:953px; width:60px; z-index:200;}
.prev2 {background-image:url(../images/recent-arrow-top.gif); cursor:pointer; height:22px; left:160px; position:absolute; top:-2px; width:60px; z-index:99;}
.home-title-image {margin-top:-6px;}
.home-title-image2 {margin-top:-6px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.next2 {background-image:url(../images/recent-arrow-bottom.gif); cursor:pointer; height:22px; left:160px; position:absolute; top:963px; width:60px; z-index:200;}
.prev2 {background-image:url(../images/recent-arrow-top.gif); cursor:pointer; height:22px; left:160px; position:absolute; top:0px; width:60px; z-index:99;}
.home-title-image2 {margin-top:-56px; position:relative; top:-12px;}
}
/*------bottom box-------*/
.bottombox { clear: both; position: relative; /* needed for footer positioning*/background: url("../images/bottombox.jpg") 0 0 no-repeat;
width: 921px; float: left; left: 50%; margin-left: -460px; top:0px; height: 417px; padding: 0px 6px 0px 10px; }
.bottombox_content { width:847px; height:323px; border:0px solid #fff; padding:10px; position:relative; left:15px; top:30px; }
.solidworks { width:423px; height:343px; position:relative; top:-8px; left:-10px;}
.solidworks_title { font-size:26px; color:#8cbbb5; font-weight:bold;}
.solidworks_image { position:relative; left:-10px; top:0px;}
/*------solidworks------*/
a { color:#C8DCE5;}
h3 { margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;}
.boxgrid { width: 420px; height: 297px; margin:10px; float:left; background:#161613; overflow: hidden; position: relative;}
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption { float: left; position: absolute; background: #000; height: 297px; width: 100%; opacity: .8; /* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption { top: 160px; left: 0;}
.caption .boxcaption { top: 255px; left: 0;}
h3 a {}
.fastfacts_title { width:405px; height:342px; position:absolute; top:-3px; left:435px; border-left:2px solid #fff; color:#8cbbb5; font-size:26px; font-weight:bold;
padding:3px 0px 0px 15px;}
.fastfacts_image { position:relative; left:452px; top:22px; background-image:url(../images/quotes_box.png); background-repeat:no-repeat;
padding: 0px 10px 0px 10px; height:320px; width:420px; }
.fastfacts_slider {}
/*------scrolling quotes------*/
.quotes { font-family:Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; overflow: hidden; height:150px; width:400px;
position:relative; top:100px; left:-8px; border:0px solid #fff; text-align:center; }
.scrollcontainer { height:150px;}
#scrollingContainer { border:0px solid #000; background-color: #E2DED3; text-align:justify; float:left;
margin-right:20px; font-size:0.9em; height:150px;font-weight:bold; overflow:hidden;}
#scrollingContent { height:150px;}
#vscroll0 { }
/*------footer -------------------------------------------------------------------------------------------------------------------------------------------------------- */
.contactbottom1 { text-align:center; padding:10px 10px 10px 10px; width:870px; background-color:#B8B78B; margin: 20px 0px 10px -278px; font-size:12px; z-index:999; position:relative;}
.contactbottom { text-align:center; padding:10px 10px 10px 10px; width:870px; background-color:#B8B78B; margin: 20px 0px -10px -278px; font-size:12px; z-index:999; position:relative;}
.copyright { position: relative; bottom: 0px; /* stick to bottom */width: 100%; height: 34px; font-size: 12px; padding: 10px 0px 5px 0px; color: #000; line-height: 17px; text-align: center;
background: url("../images/copyright_repeat.jpg") 0 0 repeat-x; clear: both; }
.copyright a { color: #273B4B; font-weight: bold; text-decoration: none;}
.copyright a: hover { color: #B0E1FF; font-weight: bold; text-decoration: none;}
#footer {position: relative; bottom: 0px; /* stick to bottom */width: 100%; height: 34px; background: url("../images/footer.jpg") 0 0 repeat-x; clear: both;}
#footer p { padding: 1em; margin: 0; }