@charset "utf-8";
/* CSS Document */

#footer {
	position: relative;  /* Needed for Safari */
	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #ffffff;
	width: 700px;
}

#content {
 padding-bottom: 10px;
 position: relative;
 width: 800px;
 height: auto;
 vertical-align: top;
}


/* golf background drop shadow image */
body.bokgolfBG {
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-color: #f0f0f0;
	background-image: url(../images/whiteBG.jpg)
}

/* NOT CURRENTLY USED */
a.golfshoelink:hover {
	color: #333300;
    margin-left: 10px;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	margin-left: 20px;
}

a.golfshoelink:visited {
	color: #1a6634;
	margin-left: 10px;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	margin-left: 20px;
}

a.golfshoelink:link {
	color: #1a6634;
	font-size: 15px;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;
	margin-left: 20px;
}

/* larger shoe display model number */
p.largeimagetext {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 35px;
	margin-top: 35px;
	margin-left: 35px;
	font-weight: bold;
	color: #333300;
	margin-left: 20px;
}

/* text under the scroll bar */
p.scrollmenuinstructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

/* NOT CURRENTLY USED */
.golfshoeheadertext {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 15px;
	margin-left: 20px;
	text-decoration: underline;
	font-weight: bold;
	color: #333300;
}

/* title text for the large upper style pages */
p.largeshoeimagetitle  {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #333300;
}

/* NOT CURRENTLY USED */
div.topmargin {
	margin-top: 0px;
	margin-bottom: 10px;
}

/* positioning for the brisole video clip */
div.brisolecommercial {
	margin-top: 110px;
}

/* main content container */
div.container {
	position: relative;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	vertical-align: top;
}

/* drop down menu container for positioning*/ 
div.dropdownmenucontainer {
	position: relative;
	width: 650px;
	margin-top: 20px;
	vertical-align: top;
	z-index: 30;
}

/* upper styles thumbnail menu */
div.samplesmenu {
	position: relative;
    margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	vertical-align: top;
	z-index: 1;
}

/* scrolling shoe thumbnail menu */
div.scrollmenu {
	position: relative;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
	z-index: -20;
}

/* interactive flash golf shoe demo */
div.golfshoedemo {
	position: relative;
	margin: 0px;
	margin-top: 45px;
	margin-bottom: 0px;
	vertical-align: top;
}

div.footeralignment {
	position: relative;
	vertical-align: bottom;
	bottom: 0;
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	
}

/* splash page text */
p.splashpagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-top: 25px;
}

/* profile/mission statement page text */
p.profiletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin-top: 55px;
	margin-right: 85px;
	margin-left: 85px;
	line-height: 25px;
}

/* contact page text */
p.contacttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-top: 55px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 25px;
}

/* title text */
p.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 95px;
	line-height: 20px;
	font-weight: bold;
}

/* title text */
p.brisoletitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	margin-top: 25px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 20px;
	font-weight: bold;
}



/* index page text also used as basic text on other pages */
p.brisoletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin-top: 25px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 20px;
}

/* index page text also used as basic text on other pages */
p.brisolebullettext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-top: 25px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 20px;
	font-weight: bold;
}


/* index page text also used as basic text on other pages */
p.indextext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin-top: 55px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 20px;
}

/* index title text */
p.indextitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
}

/* A GAME page text */
p.agamepagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 20px;
}

/* upper styles page text */
p.upperstylestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 45px;
	margin-left: 45px;
	line-height: 16px;
}

/* waterproofing text */
p.waterproofingtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	padding-top: 55px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 45px;
	line-height: 20px;
}

/* shoe last text */
p.shoelasttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	padding-top: 20px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 45px;
	line-height: 20px;
}

/* mat. and insole text */
p.materialsandinsolestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	line-height: 20px;
}

/* RandD text */
p.RandDtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	line-height: 20px;
}

/* qc text */
p.qualitycontroltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin-top: 65px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 20px;
}

/* bristle closeup picture */
img.brisolecloseup {
	position: relative;
	vertical-align: top;
	margin-top: 35px;
	margin-bottom: 0px;
}

/* billy signature image position on mission page */
img.billysignature {
	position: relative;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* sole design picture */
img.soledesignpic {
	position: relative;
	vertical-align: top;
	margin-top: 15px;
	margin-bottom: 0px;
}

/* Kevin Ai Pic in R and D page */
img.KevinRandDpic {
	position: relative;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 25px;
	margin-left: 25px;
	float: left;
}

/* Facility Pic on R and D page */
img.RandDpics {
	position: relative;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 25px;
	margin-left: 25px;
}

/* A Game logo position on A Game page */
img.agamepagelogo {
	position: relative;
	vertical-align: top;
	margin-top: 5px;
	margin-left: 105px;
	margin-right: 25px;
	margin-bottom: 10px;
	float: left;
}

/* footer positioning */
img.footerimage {
	vertical-align: bottom;
	margin-right: 25px;
	margin-top: 10px;
	border: none;
	bottom: 0;
} 

/* Brisole logo position on Brisole page */
img.brisolepagelogo {
	position: relative;
	vertical-align: top;
	margin-top: -20px;
	margin-left: 1px;
	margin-right: 1px;
}

/* quality control image positioning */
img.qcright {
	position: relative;
	vertical-align: top;
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 25px;
	float: right;
}

/* quality control image positioning */
img.qcleft {
	position: relative;
	vertical-align: top;
	margin-top: 45px;
	margin-left: 25px;
	margin-right: 15px;
	float: left;
}

/* wire frame on index positioning */
img.wireframe {
	position: relative;
	vertical-align: top;
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 25px;
	float: left;
}

/* larger shoe images */
img.largeimage {
	position: relative;
	vertical-align: top;
	margin-top: 35px;
	margin-left: 155px;
	float: left;
}

/* men/women/sports buttons */
img.categorybuttons {
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
}

/* video button */
img.videobutton {
	margin-top: 0px;
	margin-left: 425px;
	margin-bottom: 10px;
}

/* contact button */
img.contactbutton {
	margin-bottom: 10px;
	margin-left: 30px;
}

/* splash page image positioning */
img.spashpageimage {
	margin-top: 50px;
	margin-right: 65px;
	border: none;
}

img.floatleft {
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 50px;
	padding-bottom: 20px;
}

img.floatright {
	padding-top: 15px;
	padding-left: 50px;
	padding-right: 25px;
	padding-bottom: 20px;
}

/* drop down menu */
ul.globalnavigation
{	margin-top: 0px;
	padding: 0;
	z-index: 31;
	vertical-align: top;
	position: relative;
}

#globalnavigation li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
	margin-top: -20px;
	position: relative;
	z-index: 32;
}

#globalnavigation li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 4px 10px;
	width: 90px;
	background: #22A34A;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 33;
}

#globalnavigation li a:hover
{	background: #333300;
}

#globalnavigation div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #35ff74;
	border: 1px solid #333300;
}

#globalnavigation div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 2px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #a4ffc0;
	color: #333300;
	font: 12px arial;
}

#globalnavigation div a:hover
{	background: #333300;
	color: #ffffff;
}

/* end drop down menu */

/* scrolling menu */
#scrollcontainer {
margin:0 auto;
width: 800px;
height: 57px;
font: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
vertical-align: center;
}

#scrollcontainer a img {
border: 1px solid #cccccc; /* image border color */
}

#scrollcontainer a:hover img {
border: 1px solid navy; /* image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute;
left: -300px;
visibility: hidden;
}

#scrollcontainer a:hover {
color: red; 
}

/* make footer float on bottom of pagees */
* {
     margin: 0;
}
 html, body {
     height: 100%;
 }
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -65px;
 }
 .footer, .push {
     height: 65px;
 }