/**********************************************************
Shared CSS. Top and bottom of all pages is the same

This file defines:

-------logo--------
------topnav-------
-------------------
-------------------
-------------------
-------------------
-------------------
-------------------
-------------------
-------------------
----bottomicons----
------footer-------


As well as all text-related styles (Body, quotes)


**********************************************************/

/****************** General styling ******************/

body {
  margin: 0 0 0 0; /* otherwise there's space at the top */
  vertical-align: middle;
  text-align: center; /* necessary for centering in IE */
  
  background-color: #EEEEEE;
  background-image: url(http://d2l0rqspw3z9d.cloudfront.net/images-css/bgtile.png);
  background-repeat:repeat-x;
  background-position: top center;
  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

a:link {color: #0D8ADE; text-decoration: none; } /* default is #0000FF */
a:active {color: #0000ff; text-decoration: none; } /* link being clicked */
a:visited {color: #B366B3; text-decoration: none; } /* default is #800080 */
a:hover { color: #0D8ADE; text-decoration: underline; } /* we underline links as they hover over */


h1,h2,h3,h4,h5 {
  color: #3472A3
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
}
h1 {text-align:left;}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

img.absmiddle {vertical-align:middle;}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.bullets {margin: 0px 0px 20px 20px; list-style: disc;}
ul.bullets2 {margin: 0px 0px 0px 20px; list-style: circle;}
ol.numbers {margin: 0px 0px 0px 20px; list-style:decimal; }
ol.numbers li {margin-bottom: 2px;}

#logoarea a > span { display:none; }

#logoarea h3 { margin: 0 0 0 0; display: inline;}

/* image area */

#imgarea-shadow {
  height: 7px;
  background: transparent url(http://d2l0rqspw3z9d.cloudfront.net/images-css/navbar-shadow.png) no-repeat;
}


/****************** Quotation styling ******************/

#rightquotesxxx h3 {
  font-family:Georgia, serif; text-indent: -8px;
}


.rightquotes {
  text-align: right; margin: 5px 8px 20px 2px;
}

.rightquotes blockquote {color: #3472A3; font-style:italic;  margin: 0px; font-weight:bold; }
.rightquotes blockquote  p {text-align: left; text-indent: -5px; margin-bottom: 0px;}


#righttrial a > span { display:none; }
#righttrial h3 a {
  background: transparent url(http://d2l0rqspw3z9d.cloudfront.net/images-css/trial-download-button.png) no-repeat center; 
  display: block;
  height: 55px;
  margin: 10px 0px 20px 0px;
}

/***************** Contains Everything *****************/

#content {
	width: 909px;
	margin: 0 auto;
	background-color:white;
	text-align: center;
}

/***************** Top Area *****************/

#logoarea h3 { margin: 0 0 0 0; }

#logoarea h3 a {
  display: block;
  height: 48px;
  background: transparent url(http://d2l0rqspw3z9d.cloudfront.net/images-css/logo.png) no-repeat top center;
}




/***************** Bottom Pieces *****************/

/*
#bottomicons {
  clear: both;
  border: 1px solid gray;
  height: 55px;
  margin: 40px 20px 0px 20px;
  text-align: center;
} 
*/

#footer {
  clear: both;
  height: 50px;
  text-align: center; padding-top: 5px;
  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#999999;
    background-color: #EEE;
}

/*
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*/

#topnav {
  height: 50px; margin-left: 0px;
}

#main-nav { margin-left: 0px; }
#main-nav li { float: left; }
/*#main-nav li span { display: none }
*/

.nav-link {height: 50px; display: block; }
.nav-link span { display: none }

#home-link, #downloads-link, #goxam-link, #godiagram-link, #jgo-link, #support-link, #sales-link, #home-link-selected, #goxam-link-selected, #godiagram-link-selected, #jgo-link-selected, #downloads-link-selected, #support-link-selected, #sales-link-selected { background: url('http://d2l0rqspw3z9d.cloudfront.net/images-css/gonav3.png') no-repeat; }

#home-link { background-position: 0px 0px;  width: 184px; }
#downloads-link { background-position: -184px 0px; width: 108px;  }
#goxam-link { background-position: -292px 0px; width: 120px; }
#godiagram-link { background-position: -412px 0px; width: 159px; }
#jgo-link { background-position: -571px 0px; width: 98px; }
#support-link { background-position: -669px 0px; width: 132px; }
#sales-link { background-position: -801px 0px; width: 108px;  }

#home-link:hover { background-position: 0px -50px;  width: 184px; }
#downloads-link:hover { background-position: -184px -50px; width: 108px;  }
#goxam-link:hover { background-position: -292px -50px; width: 120px; }
#godiagram-link:hover { background-position: -412px -50px; width: 159px; }
#jgo-link:hover { background-position: -571px -50px; width: 98px; }
#support-link:hover { background-position: -669px -50px; width: 132px; }
#sales-link:hover { background-position: -801px -50px; width: 108px;  }

#home-link-selected { background-position: 0px -100px;  width: 184px; }
#downloads-link-selected { background-position: -184px -100px; width: 108px;  }
#goxam-link-selected { background-position: -292px -100px; width: 120px; }
#godiagram-link-selected { background-position: -412px -100px; width: 159px; }
#jgo-link-selected { background-position: -571px -100px; width: 98px; }
#support-link-selected { background-position: -669px -100px; width: 132px; }
#sales-link-selected { background-position: -801px -100px; width: 108px;  }