* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
background:#F7F0E3 url(/images/background/wood.jpg) repeat-x scroll 0 0;
color: #444;
font: 14px Arial, Verdana, Tahoma, sans-serif;
line-height: 20px;

  width: 100%;
  display: table;
}

A:link { font-size: 14px; font-family: Arial, Verdana, Tahoma, sans-serif; text-decoration: none; color: #006838}
A:visited { font-size: 14px; font-family: Arial, Verdana, Tahoma, sans-serif; text-decoration: none; color: #0066CC}
A:hover { font-size: 14px; font-family: Arial, Verdana, Tahoma, sans-serif; text-decoration: underline; color: #000000}

img {border: none;}
a{ color: #173D7F; text-decoration: none; }
a:hover {  color: #000; }

#content {
width: 848px;
margin: 100px auto;
padding: 0px;
background: #fff;
}

#menu {
list-style: none;
padding: 0;
margin: 0;
width: 848px;
height: 305px;
background: url(/images/) no-repeat;
position: relative;
} 
}
#menu span {
      display: none;
      position: absolute;
}
#menu a {
      display: block;
      text-indent: -900%;
      position: absolute;
      outline: none;
}

#menu .logo {
      width: 800px;
      height: 190px;
      background: url(/images/logo.png) no-repeat;
      left: -80px;
      top: -70px;
}
#menu .back {
      width: 848px;
      height: 321px;
      background: url(/images/headers/flowers.gif) no-repeat;
      left: 0px;
      top: -20px;
}

#menu .nanette {
      width: 264px;
      height: 292px;
      background: url(/images/nanette.png) no-repeat;
      left: -30px;
      top: 350px;
}


.left {
float: left;
width: 480px;
padding: 10px;
margin-left:70px;
margin-top:0px;
}

.xdvd-left {
float: left;
width: 183px;
height: 400px;
padding: 10px;
line-height: 14px;
background:#afd49b;
margin-left:8px;
}

.right { 
float: right;
width: 199px;
padding: 10px;
margin-right: 7px;
background:#afd49b url(/images/space.jpg) repeat-y;
height:auto;

}


#footer {
background:transparent url(http://gpshort.com/images/bottom.jpg) no-repeat scroll center bottom;

clear:both;
}

#footer-wrap {
height:240px;
margin:0 auto;
width:800px;
}

#footer-left {
float:left;
padding:0px 10px 0 108px;
width:180px;
}

#footer-center {
float:left;
padding-top:0px;
width:325px;
}

#footer-right {
float:right;
padding:88px 25px 0 0;
width:190px;
}

#menu .button-sales {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/sales2.png) no-repeat;
      left: 580px;
      top: 320px;
}

#menu .button-promo {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/promo2.png) no-repeat;
      left: 580px;
      top: 380px;
}

#menu .button-avail {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/avail2.png) no-repeat;
      left: 580px;
      top: 440px;
}

#menu .button-var {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/var2.png) no-repeat;
      left: 580px;
      top: 500px;
}

#menu .button-vendors {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/vendors2.png) no-repeat;
      left: 580px;
      top: 560px;
}

#menu .button-lit-req {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/lit-req2.png) no-repeat;
      left: 580px;
      top: 620px;
}

#menu .button-catalog {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/catalog2.png) no-repeat;
      left: 580px;
      top: 680px;
}

#menu .button-contact {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/contact2.png) no-repeat;
      left: 580px;
      top: 740px;
}

#menu .button-ggspro {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/tech2.png) no-repeat;
      left: 580px;
      top: 800px;
}

#menu .button-order {
      width: 264px;
      height: 60px;
      background: url(/images/buttons/order2.png) no-repeat;
      left: 580px;
      top: 860px;
}

.body  { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}
.body2  { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif;}
.bodygreen  { font-style: normal; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; color:#006838 }
.bodyred  { font-style: normal; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; color: #FF0000 }

.centered-table {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   border-color: #8EC341;
   margin: 1em; 
   border-collapse: collapse;
}
.centered-table th {
	background:#C6DEA8 none repeat scroll 0 0;
	padding: .3em;
	color: black;
	border: 0px #8EC341 solid;
}
.centered-table td {
	padding: .3em;
	border: 0px #8EC341 solid;
	color: black;
}

.vendor2-table {
   font-size: 12px; 
   font-family: verdana, arial, helvetica, sans-serif;
   text-align: center;
}

.var-table {
   text-align: center;  
}

.vendor-table {
   font-size: 10.5px; 
   font-family: verdana, arial, helvetica, sans-serif;
   text-align: center;
}

.form-table {
   font-size: 10px; 
   font-family: verdana, arial, helvetica, sans-serif;
}

.bull-table {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   border-color: #fff;
   margin: 1em; 
   border-collapse: collapse;
}
.bull-table th {
	background:#C6DEA8 none repeat scroll 0 0;
	padding: .3em;
	color: black;
}
.bull-table td {
	padding: .3em;
	color: black;
	font-size:13px;
}

/* End of css for GPSHort */


#menu .prod {
      width: 144px;
      height: 58px;
      background: url(/images/menu/prod.gif) no-repeat;
      left: 10px;
      top: 140px;
}
#menu .prod span {
      width: 120px;
      height: 17px;
      background: url(/images/menu/) no-repeat;
      left: 8px;
      top: 0px;
}

#menu .about {
      width: 144px;
      height: 58px;
      background: url(/images/menu/about.gif) no-repeat;
      left: 180px;
      top: 140px;
}
#menu .about span {
      width: 40px;
      height: 12px;
      background: url(/images/menu/) no-repeat;
      left: 44px;
      top: 0px;
}

#menu .contactus {
      width: 144px;
      height: 58px;
      background: url(/images/menu/contact.gif) no-repeat;
      left: 350px;
      top: 140px;
}
#menu .contactus span {
      width: 92px;
      height: 20px;
      background: url(/images/menu/) no-repeat;
      left: 26px;
      top: 0px;
} 




#menu .about-big {
      width: 207px;
      height: 72px;
      background: url(/images/menu/about-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#menu .contact-big {
      width: 234px;
      height: 73px;
      background: url(/images/menu/contact-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#menu .prod-big {
      width: 205px;
      height: 73px;
      background: url(/images/menu/prod-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#menu .mailing-list {
      width: 261px;
      height: 73px;
      background: url(/images/menu/mailing.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#menu .posters {
      width: 226px;
      height: 73px;
      background: url(/images/menu/poster.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#menu .webinars-big {
      width: 333px;
      height: 77px;
      background: url(/images/menu/webinars2.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .dvds-big {
      width: 333px;
      height: 77px;
      background: url(/images/menu/dvds-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .web-lib-big {
      width: 362px;
      height: 77px;
      background: url(/images/menu/web-lib-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .demos-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/demos-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .sub-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/sub-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .seminar-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/seminar-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .pub-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/pub-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .consults-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/consults-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .bull-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/bull-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .vid-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/vid-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}
#menu .posters-big {
      width: 366px;
      height: 77px;
      background: url(/images/menu/posters-big.gif) no-repeat;
      left: 170px;
      top: 105px;
}

#navigation {
background: #111 url(/images/menu3.jpg) repeat-x;
height: 30px;
line-height: 30px;
margin: 0px auto;
}
#navigation li {
float:left;
list-style-type:none;
border-right:1px solid #444;
}
#navigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
}
#navigation li a:hover {
background: #333 url(images/menuover3.jpg) repeat-x;
color:#fff;
text-decoration:none;
}

.left-web {
float: left;
width: 220px;
height: 245px;
padding: 0px;
line-height: 14px;
background: #fff url(/images/sem-note.jpg) no-repeat;

}

.left-web h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left-web ul  {
color: #999;
text-align: left;
margin: 115px 0 8px 10px; 
padding-left: 15px;
text-decoration: none;	
list-style-type:none;	
}
.left-web ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left-web ul a {
font-weight: 600;
color: #598435;
}
.left-web ul a:hover { color : #333; }


.left-dvd {
float: left;
width: 220px;
height: 245px;
padding: 0px;
line-height: 14px;
background: #fff url(/images/dvd-note.jpg) no-repeat;

}

.left-dvd h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left-dvd ul  {
color: #999;
text-align: left;
margin: 125px 0 8px 10px; 
padding-left: 15px;
text-decoration: none;	
list-style-type:none;	
}
.left-dvd ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left-dvd ul a {
font-weight: 600;
color: #598435;
}
.left-dvd ul a:hover { color : #333; }


.left-lib {
float: left;
width: 220px;
height: 245px;
padding: 0px;
line-height: 14px;
background: #fff url(/images/lib-note.jpg) no-repeat;

}

.left-lib h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left-lib ul  {
color: #999;
text-align: left;
margin: 125px 0 8px 10px; 
padding-left: 15px;
text-decoration: none;	
list-style-type:none;	
}
.left-lib ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;		
}
.left-lib ul a {
font-weight: 600;
color: #598435;
}
.left-lib ul a:hover { color : #333; }




.left2 {
float: left;
top: 300px;
width: 220px;
padding: 10px;
line-height: 14px;

}

.left3 {
float: left;
width: 220px;
padding: 10px;
line-height: 14px;

}


.left h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left ul  {
color: #999;
text-align: left;
margin: 125px 0 8px 10px; 
padding-left: 20px;
text-decoration: none;	
list-style-type:square;	
}
.left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left ul a {
font-weight: 600;
color: #598435;
}
.left ul a:hover { color : #333; }


.right h2 {
padding: 2px 0 5px 0px; 
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
color: #444;	
border-bottom: 1px dotted #999;
margin-bottom: 5px;
margin-top: 10px;
}

.i-t {
float:left;
min-height:180px;
margin:auto;
width:400px;
background:#e3b145
}

.i {
float:left;
height:auto;
margin:auto;
width:120px;
}

.desc {
background-color:inherit;
color:#4D4747;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:14px;
padding-left:8px;
text-align:left;
}

.t {
float:left;
height:auto;
margin:auto;
width:270px;
}

.t2 {
float:left;
height:auto;
margin:auto;
width:300px;
}

.p {
float:left;
height:auto;
margin:auto;
width:270px;
}

.i-author {
float:left;
min-height:180px;
margin:auto;
width:500px;
}

.author {
float:left;
height:auto;
margin:auto;
width:365px;
}

.author h1{
font-size: 13px;
font: bold;
color: #82B741;
}

.about-right { 
float: right;
width: 550px;
padding: 10px;
margin-right: 20px;
}


.about-left {
float: left;
width: 100px;
height: 245px;
padding: 10px;
line-height: 14px;

}

.dvd-right { 
float: right;
width: 470px;
padding: 10px;
margin-right: 20px;
background:#d68da5
}





/* web subscription library page beginning */
.i-t2 {
float:left;
min-height:180px;
margin:auto;
width:440px;
}

.weblib-right { 
float: right;
height:1400px;
width: 550px;
padding: 10px;
margin-right: 20px;
}
/* web subscription library page end */

.products {
height:auto;
margin-left:71px;
width:750px;
}

.prod-right { 
float: right;
width: 470px;
padding: 10px;
margin-right: 20px;
}

.post-right { 
float: right;
width: 500px;
padding: 10px;
margin-right: 20px;
}

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 320px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}






#footer h4 {
height:25px;
margin:0;
padding:0;
text-indent:-900em;
}


#footerBackground { 
background-image: url(http://www.ggspro.com/images/newbackground.jpg); 
background-repeat: no-repeat; 
background-position: top left; 
}





#header {
background: #000 url(images/header.jpg) no-repeat;
height: 190px;
}
#header2 {
background: #000 url(/images/headers/home2.jpg) no-repeat;
height: 190px;
}
#header h1 { 
font-size: 12px;
letter-spacing: -1px;
padding: 150px 30px 100px 100px;
color: #fff;
}
#header h1 a { 
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #ccc;
}
#header h2 {
font-size: 48px;
color: #ccc;
padding: 0 0 0 10px;
}