/* CSS Document */
/* BARD MATERIALS */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    color: #000000;
	background:#ffffff;
    width:100%; 
	margin:0 auto;
	font:12px/15px Helvetica, Arial, sans-serif;
}
body * {text-align:left;}

body.popup {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    color: #000; 
	background:#fff;
    width:100%; 
	margin:0 auto;
	padding:10px;
	font:12px/15px Helvetica, Arial, sans-serif;
}



/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}

ol
{
	display: block;
	list-style-position: inside; 
}

h1 {font-size:14px; text-transform:uppercase; font-weight:bold; position:relative; margin:20px 0px 0px 0px; padding:0px; letter-spacing:1px; color:#464646; border:0px solid #000;display:block;clear:both;}
h2 {font-size:12px; text-transform:uppercase; font-weight:bold; margin:0px 0 0 0; padding:0px; color:#a50b11;}
h3 {font-size:12px; color:#222; margin:15px 0 5px 0; position:relative;}
h4 {font-size:12px; color:#a50b11; margin:0px 0 0px 0;}

a:link, a:active, a:visited  {color: #000; text-decoration:underline;font-weight:normal;}
a:hover {color: #000; text-decoration:underline;}


h3 a, h3 a:link, h3 a:visited {font-size:12px; color: #900a0f; margin:10px 0 5px 0; padding: 3px 0 0 20px; position:relative;font-weight:bold; background: transparent url(../images/arrow_big.gif) no-repeat;text-decoration:none;}
h3 a:hover {text-decoration:underline;}


a:focus { outline: none;}

b {color:#000;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}


img.right {
	float:right;
	margin:2px;
	border:6px solid #bcbcbc;
}

img.left {
	float:left;
	margin:2px;
	border:0px;
}

.imgborder {
	margin:2px;
	border:3px solid #bcbcbc;
}

p, td, div
{	
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.small {font-size:10px; line-height:12px; color:#888;}

.callout {margin:20px 0px 20px 0px;}

.more {font-size:11px;margin:5px 0 0 20px;padding: 0 0 0 16px; background: transparent url(../images/arrow_sm.gif) no-repeat 0 2px;}
.more a {text-decoration:none;}
.more a:hover {text-decoration:underline;}


/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0 auto;
	width: 100%;
	background:none;
	
}

#header
{
	width: 974px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	background: #303030 url(../images/bg_header.jpg) no-repeat;
	position:relative;
	float:left;
	border:0px solid #ff00ff;
}


/* MISC. HEADER OBJECT STYLES*/

.logo { margin: 0px; padding:0px; position:absolute; top:50px; left:73px; z-index:400;}


#contentcontainer /*this is holding everything below the header div */
{
	width: 974px;
	margin: 0; 
	padding: 0;
	position: relative;
	background:#d5d5d5;
	border-bottom:1px solid #999999;
	float:left;
	z-index:400;
	
}

#lggallerycontainer /*this is holding everything below the header div */
{
	width: 974px;
	margin: 0; 
	padding: 0;
	position: relative;
	background:#d5d5d5;
	border-bottom:1px solid #999999;
	float:left;
	z-index:400;
	
}

#leftcol /*holds the side navigation */
{
	display:none;
	float: left;
	position:relative;
	width: 218px;
	/*height:430px;*/
	margin: 30px 0px 30px 30px;
	padding:0px 0px 0px 0px;
	text-align:center;
	border: 0px solid #ff0000;
	background: #d5d5d5 url(../images/bg_sidenav.jpg) repeat-x 0 0; }


#maincol /*main content area */
{
	float: left;
	position:relative;
	width: 100%;
	margin: 0px 0px 0px 35px;
	padding-bottom:30px;
	border: 0px solid #ff0000;
	}

#maincoltop /*main content area */
{
	float:left;
	position:relative;
	width: 653px;
	height:33px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/maincol_top.gif) no-repeat 0px 0px;
}

#maincolint /*main content area */
{
    width: 100%;
	margin: 0px;
	padding:30px 0px 30px 0px;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	float:left;
	position:relative;
	background: #fff url(../images/maincol_bg.jpg) repeat-x 0 100%;
}

#maincolbot /*main content area */
{
	float:left;
	position:relative;
	width: 653px;
	height:14px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/maincol_bot.gif) no-repeat 0px 0px;
}


#fullcol /*main content area */
{
	float: left;
	position:relative;
	width: 930px;
	margin: 38px 0px 0px 30px;
	padding-bottom:30px;
	border: 0px solid #ff0000;
	}
	
	
	
#fullcoltop /*main content area */
{
	float:left;
	position:relative;
	width: 930px;
	height:33px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/fullcol_top.gif) no-repeat 0px 0px;
}

#fullcolint /*main content area */
{
	width: 872px;
	margin: 0px;
	padding:20px 25px;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	float:left;
	position:relative;
	background: #fff url(../images/maincol_bg.jpg) repeat-x 0 100%;
}

#fullcolbot /*main content area */
{
	float:left;
	position:relative;
	width: 930px;
	height:14px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/fullcol_bot.gif) no-repeat 0px 0px;
	border:0px solid #ff0000;
}


/* MISC. CONTENT OBJECT STYLES
========================================*/

.calc

{
	float: left;
	position:relative;
	width: 185px;
	margin: 8px 0px 0px 12px;
	display:none;
}

.hd1 {margin:0px; padding:0px; position:absolute; top:32px; left:-10px; z-index:320; border:0px solid #000;}

.return {float:right;position:relative;font-size:10px;margin-top:20px;padding:0px;}
.clickinfo {float:left;position:relative;display:block;clear:both;background:transparent;padding:5px;}

/* LISTS
========================================*/

ul.links
{
	margin: 5px 0 5px 5px;
	padding: 0px 0 0 10px;
	list-style-type: circle;
	display: block;
	font-size:12px;
	line-height:18px;
}

ul.links li
{
	margin: 0px 0 10px 0px; padding: 0 0 0px 0;
}

ul.links li.nobullet
{
	margin: 5px 0 0px 0px;
	padding: 0px 0 0px 0px;
	list-style-type: none;
	display: block;
	font-size:11px;
	line-height:18px;
}


/* PROJECTS SECTION
========================================*/

#portfolio {
width: 565px;
float:left;
position:relative;
}

#portfolio .big {
width: 148px;
margin: 13px;
float: left;
}
.teaserdescription {float:left;position:relative;border:0px solid #000; margin:15px 0px 10px 0px; background:#f0f0f0; padding:10px;display:inline;}
.description {width:585px;float:left;position:relative;border:0px solid #000; margin:20px 0px 10px 0px; background:#f0f0f0; padding:10px;display:inline;}

.projectdetails, .projectdetails p {width:314px;float:left;position:relative;border:0px solid #000; font-size:11px; line-height:16px;}

.projectdetails ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: circle;
	display: block;
	font-size:11px;
	line-height:18px;
}

.projectdetails ul li.nobullet
{
	margin: 5px 0 0px 0px;
	padding: 0px 0 0px 0px;
	list-style-type: none;
	display: block;
	font-size:11px;
	line-height:18px;
}


/* Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox 
{
	background: #fff;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	text-align: center;
	float: left;
	margin: 10px 7px 10px 40px;
	width: 107px;
	padding: 5px;
	position: relative;
}


.hoverboxbig 
{
	background: #fff;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	text-align: center;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	position: relative;
}

.hoverbox p
{
	cursor: pointer; 
	font-size: 10px;
	line-height: 12px;
	text-align:center;
}


.hoverbox a
{
	cursor: pointer; 
	font-size: 10px;
	line-height: 12px;
}

.hoverbox a .preview
{
	display: none;
}

/*.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -23px;
	left: -35px;
	z-index: 1;
	border-color:#999;
}
*/

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	margin-bottom:5px;
	vertical-align: top;
	display: inline;
	text-align: center;
	width:100px;
}



.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

/*first page thumbnails*/

.mainthumbs 
{
	background: #ffffff;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 3px;
	color: inherit;
	display: inline;
	float: left;
	width: 126px;
	height: 150px;
	margin: 10px 7px 5px 30px;
	padding: 4px;
	position: relative;
	
	
}

.mainthumbs img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	margin-bottom:5px;
	width: 120px;
	height: 102px;
	display: block;
}

.mainthumbs p
{
	cursor: pointer; 
	font-size: 10px;
	line-height: 12px;
	text-align:center;
}


/* ----------------------------
	   SLIDESHOW
--------------------------- */
.mt {border:0px solid #ff00ff;width:243px;float:left;position:relative; margin:30px 0px 0px 18px;display:inline;}
.slideshowpics { height: 203px; width: 270px; padding:0px; margin:0px; overflow: hidden; border: solid 3px #bebebe; }
.slideshowpics img { height: 203px; width: 270px; padding: 0px; margin:0px 0px 0px 0px;font-size:10px; line-height:13px; } /*actual picture */

#slideshow { width:270px;  margin:0px;}/*holds the actual picture*/
#slidenav { width: 270px; margin:0 0px 0 -3px; padding:0px; float:left; border:0px solid #000;} /*holds the thumbnails*/
#slidenav li { width: 40px; float: left; margin: 8px 7px 0px 7px !important; margin: 10px 4px 1px 4px; padding:0px; background:none; list-style-type: none;}
#slidenav a { width: 40px; padding: 2px; display: block; margin:0px; border: solid 3px #bebebe;} /*sets size, puts the nice border around thumbnails*/
#slidenav a.activeSlide { background: #fad70a; } /*the border on the active thumb*/
#slidenav a:focus { outline: none; }
#slidenav img { border: none; }
.photocaption {background:transparent; height:50px;width:270px;float:left; position:relative;border:0px solid #000;margin-top:-17px;padding:5px 0px;display:block;}

.output {padding:0px 0px 0px 8px;height:100px; margin:0px;width:260px; font-size:11px; line-height:14px; border:1px solid #000;float:left;position:relative; display:none;}
b.callout {color:#444; padding:3px 0px;display:block; font-size:11px;line-height:14px;}


/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 590px;float:left;position:relative;display:inline;padding:0px;margin:0 0px 0px 0px; }
.narrow { width: 275px;float:left;position:relative;display:inline;padding:0px;margin:0 20px 0 0px;}
.narrowb { width: 180px;float:left;position:relative;display:inline;padding:0px;margin:0 20px 0 0px;}

.rule {float:left;position:relative;display:block;padding:0px;margin:5px 0 5px 0;border-bottom:1px solid #ccc;clear:both;width:100%;}

/* INTERIOR PHOTOS */

#intphoto {float:left; position:relative; width:920px; height:179px; border:0px solid #ffffff; margin:0px 0px 0px 28px !important; margin:0px 0px 0px 28px;padding:0px; z-index:300;overflow:hidden;}
#intphoto {display:none;}


body#products.pgprodserv #intphoto.toppicprodmain,
body#products.pgconcrete #intphoto.toppicconcrete,
body#products.pgaggregates #intphoto.toppicaggregates,
body#products.pgbardpro #intphoto.toppicbardpro,
body#products.pgquality #intphoto.toppictechinfo,
body#products.pgdispatch #intphoto.toppicdispatch,
body#locations #intphoto.toppiclocations,
body#projects #intphoto.toppicprojects,
body#about.pgaboutbard #intphoto.toppicabout,
body#about.pghistory #intphoto.toppichistory,
body#about.pgcommunity #intphoto.toppiccommunity,
body#about.pgcareers #intphoto.toppiccareers,
body#about.pgnews #intphoto.toppicnews

 { display: block;}


/* NAVIGATION
========================================================================*/   

 #mainnav 
{
        display:none;
       
}


/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/

body#products .productsbtn,
body#locations .locationsmainbtn,
body#projects .projectsbtn,
body#about .aboutmainbtn,
body#home .homebtn

{ background-position: 0 -34px;}


.cssnav { display: block; height: 34px; }
.cssnav:hover{ background-position: 0 -34px; }
.cssnav span { display: none; }

.homebtn { width: 74px; height: 34px; background: url(../images/btn_home.gif) no-repeat 0 0;}
.aboutmainbtn { width: 124px; height: 34px; background: url(../images/btn_about.gif) no-repeat 0 0;}
.locationsmainbtn { width: 113px; height: 34px; background: url(../images/btn_locationsmain.gif) no-repeat 0 0;}
.projectsbtn { width: 105px; height: 34px; background: url(../images/btn_projects.gif) no-repeat 0 0;}
.productsbtn { width: 207px; height: 34px; background: url(../images/btn_products.gif) no-repeat 0 0;}



/* SECONDRAY NAVIGATION
========================================*/

#secnav
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0 0px 0;
	width: 650px;
	height:21px;
	float:right;
	position:relative;
	border:0px solid #fff;
	overflow:hidden;
	
}

	

/* SIDE NAVIGATION
========================================*/

.sidenav
{
	margin: 30px 0px 0px 0px;
	padding: 0px 0 0px 0;
	width: 218px;
	float:left;
	position:relative;
	border:0px solid #000;
	text-align:center;
	
}


/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/


.supersubmenu { display: inline;}


body#products.pgprodserv .subproductssub { display: block;}



.secproducts {height:23px; border:1px solid #ddd;float:left;}

.secnavs {height:23px; border:1px solid #000;float:left;width:175px;}





/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body#about.pghistory .historybtn,
body#about.pgcommunity .communitybtn,
body#about.pgnews .newsbtn,
body#about.pgcareers .careersbtn,
body#about.pgaboutbard .aboutbardbtn,
body#products.pgprodserv .prodservbtn,
body#products.pgquality .qualitybtn,
body#products.pgdispatch .dispatchbtn,
body#products.pgaggregates .aggregatesbtn,
body#products.pgbardpro .bardprobtn,
body#products.pgconcrete .concretebtn

{ background-position: 0 -23px;}

.cssnav2 {border-bottom:2px dotted #8f1118;margin:0px; padding:0px;}
.cssnav2 a:hover{ background-position: 0 -23px; }
.cssnav2 span { display: none; }

.cssnavsuper {float:left; position:relative;border:0px solid #000;display:block;margin:0px; padding:0px;}
.cssnavsuper  a:hover{ background-position: 0 -23px; }
.cssnavsuper  span { display: none; }




.aboutbardbtn { width: 175px; height: 23px; background: url(../images/btn_aboutbard.gif) no-repeat 0 0; }
.historybtn { width: 175px; height: 23px; background: url(../images/btn_history.gif) no-repeat 0 0; }
.locationsbtn { width: 175px; height: 23px; background: url(../images/btn_locations.gif) no-repeat 0 0; }
.contactbtn { width: 175px; height: 23px; background: url(../images/btn_contact.gif) no-repeat 0 0; }
.prodservbtn { width: 175px; height: 23px;background: url(../images/btn_prodserv.gif) no-repeat 0 0; }
.qualitybtn { width: 175px; height: 23px;background: url(../images/btn_quality.gif) no-repeat 0 0; }
.dispatchbtn { width: 175px; height: 23px;background: url(../images/btn_dispatch.gif) no-repeat 0 0; }
.communitybtn { width: 175px; height: 23px; background: url(../images/btn_community.gif) no-repeat 0 0; }
.newsbtn { width: 175px; height: 23px; background: url(../images/btn_news.gif) no-repeat 0 0; }
.careersbtn { width: 175px; height: 23px; background: url(../images/btn_careers.gif) no-repeat 0 0; }

.aggregatesbtn { width: 175px; height: 23px; background: url(../images/btn_aggregates.gif) no-repeat 0 0;}
.concretebtn { width: 175px; height: 23px; background: url(../images/btn_concrete.gif) no-repeat 0 0;}
.bardprobtn { width: 175px; height: 23px; background: url(../images/btn_bardpro.gif) no-repeat 0 0;}




.submenu { display: none; }

body#products .submenu.subproducts  { display: block; margin-bottom:30px;}
body#about .submenu.subabout  { display: block; margin-bottom:30px;}
body#projects .submenu.subprojects  { display: block; margin-bottom:30px;}
body#community .submenu.subcommunity  { display: block; margin-bottom:30px;}
body#news .submenu.subnews { display: block; margin-bottom:30px;}
body#careers .submenu.subcareers  { display: block; margin-bottom:30px;}
body#equip .submenu.subequip { display: block; margin-bottom:30px;}
body#creditapp .submenu.subcreditapp { display: block; margin-bottom:30px;}


/* HOME PAGE STYLES
========================================*/

.hmphoto {float:left; position:relative; width:920px; height:179px; border:0px solid #ffff00; margin:0px 0px 0px 28px !important; margin:0px 0px 0px 28px;padding:0px; background: url(../images/hm_photo0.jpg) no-repeat 0px 0px; z-index:300;}
#homeanimation {margin:0px 0px; width:920px; height:179px;}
.tagline {float:left; position:relative; width:880px; height:36px; border:0px solid #ffff00; margin:8px 0px 0px 40px;padding:0px;display:none;}

.hmmap {margin:0px 0px 0px 0px;}
.hmcreditapp {margin:0px 0px 0px 0px;}
.hmleftimg {margin:0px 0px 15px 0px;}

#maincolhm /*main content area */
{
	float: left;
	position:relative;
	width: 470px;
	margin: 38px 0px 0px 5px;
	padding-bottom:30px;border:0px solid #ff0000;
	}

#maincoltophm /*main content area */
{
	float:left;
	position:relative;
	width: 460px;
	height:33px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/maincolhm_topsm.gif) no-repeat 0px 0px;
}

#maincolinthm /*main content area */
{
	width: 402px;
	margin: 0px;
	padding:20px 25px;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	float:left;
	position:relative;
	background: #fff url(../images/maincol_bg.jpg) repeat-x 0 100%;
}

#maincolbothm /*main content area */
{
	float:left;
	position:relative;
	width: 460px;
	height:14px;
	margin: 0px;
	padding:0px;
	background: transparent url(../images/maincolhm_botsm.gif) no-repeat 0px 0px;
}

#leftcolhm /*holds the map, credit app and photo on homepage */
{
	float: left;
	position:relative;
	width: 200px;
	margin: 30px 35px 30px 25px;
	padding:0px 0px 0px 0px;
	text-align:center;
	
}

#rightcolhm /*holds the side navigation */
{
	position:relative;
	float:left;
	width: 236px;
	margin: 70px 0px 0px 0px;
	border:0px solid #000;
	z-index:400;
	
}



/* FOOTER STYLES
========================================*/

#footer
{
	width: 974px;
	height:62px;
	border-top:4px solid #d5d5d5;
	background:#e7e7e7;
	float:left;
	text-align: right;
	margin:0px 0px 0 0px;
	position:relative;
}

#footer p {	color: #000; margin:3px 0px 0px 0px; padding:0px; font-size: 10px;line-height: 14px;font-family: Helvetica, Arial, sans-serif;}


#footer .westregion
{
	float:left;
	position:relative;
	width:115px;
	display: inline;
	margin:10px 0px 0px 20px;
	padding:0px 15px 0px 0px;
	border-right: dotted 2px #a9a8a8;
	/*border: solid 1px #ff0000;*/
}

#footer .centralregion
{
	float:left;
	position:relative;
	width:115px;
	display: inline;
	margin:10px 0px 0px 30px;
	padding:0px 30px 0px 0px;
	border-right: dotted 2px #a9a8a8;
}


#footer .eastregion
{
	float:left;
	position:relative;
	width:115px;
	display: inline;
	margin:10px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

#footer .employeelogin

{
	float:left;
	position:relative;
	width:158px;
	display: none;
	margin:10px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

#footer .credit

{
	float:left;
	position:relative;
	width:126px;
	display: none;
	margin:10px 5px 0px 30px;
	padding:0px 0px 0px 0px;
}


#footer a:link, #footer a:active, #footer a:visited  {color: #000; text-decoration:none;font-weight:normal;}
#footer a:hover {color: #000; text-decoration:underline;}



/* TOGGLE
========================================*/

.msg_list {
	margin: 10px auto;
	padding: 0px;border:0px solid #ff0000;
	float:left;position:relative;
	
}
.msg_head {
	padding: 0px;
	cursor: pointer;
	position: relative;
	background-color:transparent;
	margin:5px 0 0 15px;
}
.msg_body {
	padding: 0px;
	background:#808080;
	height:210px;border-top:0px;
border-right:3px solid #afafaf;
border-left:3px solid #afafaf;
border-bottom:3px solid #afafaf;
	position: relative;
	margin:0 0 0 20px;width:160px;
	padding:5px;

}

.emailmsg_body {
	padding: 0px;
	background:#808080;
	border-top:none;
	border:3px solid #afafaf;
	position: relative;
	margin:0 0 0 20px;
	width:300px;
	padding:5px;
	
	
}



/* CALCULATOR STYLES
========================================*/


#calculator { width:170px; font-size:11px;}
#calculator p { color:#fff; font-size:11px; font-weight:bold;}

#calculator table td, #calcemail table td  { color:#fff; font-size:11px;font-weight:bold;}

#calculator input { width:30px; border:1px solid #ddd;}

#calcemail input { width:200px; border:1px solid #ddd;}

#calculator input.submit,
#calcemail input.submit { 
width:75px;
background:#333333; 
color:#fff;
border:2px solid #afafaf;
font-size:11px;}

#calculator table td.result {background:#555;}

#map_canvas p,
#map_canvas td,
#map_canvas div {margin:0px;}



/*******************/
#navigation {
 width: 200px;
 display:none;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
margin: 0px 0px 0px 25px;
 border-bottom:2px dotted #8f1118;
}
#navigation li a:link, #navigation li a:visited  {
 font-size: 90%;
 display: block;
 padding: 0 0 0px 0;
 color: #000;
 text-decoration: none; text-align:right;
}
#navigation li a:hover {
 background-position: 0 -23px;
}
#navigation ul ul {
 margin: 0 5px 5px 12px;
}
#navigation ul ul li {
 border-bottom: 1px solid #bbb;
 margin:0;
 text-align:right;
}

#navigation ul ul li.noborder {
 border-bottom: 0px solid #bbb;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
 color: #555;
}
#navigation ul ul a:hover {
 color: #000; 
}

#navigation ul li span {display:none;}

#navigation ul.supersubs {display:none;}
body#products.pgprodserv #navigation ul.supersubs {display:block;}
.projects {margin:10px 0 0 0;border:0px solid #000;}


.prodpic {width:150px;float:left;position:relative;border:0px solid #ddd;text-align:center;margin:0 0px 20px 0;}
.prodpiclg {width:170px; height:160px;float:left;position:relative;margin:0 0 5px 0;}
.proddesc {width:380px;float:left;position:relative;}
.proddesc p {font-size: 11px;line-height: 15px;font-family: Helvetica, Arial, sans-serif;}

.caption {font-size: 11px;line-height: 15px;font-family: Helvetica, Arial, sans-serif; text-align:center;margin:0px 5px;border:0px solid #ddd; /*background:#d5d5d5;*/}
#caption {font-size: 11px;line-height: 15px;font-family: Helvetica, Arial, sans-serif; text-align:center;margin:0px;border:0px solid #ddd;background:#d5d5d5;}


.sliders { margin: 0px auto;  }

.sliders img { border:3px solid #bcbcbc; }

.intanimation {margin:0px 0px; width:920px; height:179px;overflow:hidden;}