/* @override 
	http://earlyinnovations.com/primarystyle.css
	http://www.earlyinnovations.com/primarystyle.css
*/

/* Added padding to keep away from window borders */
/* Added padding/margin bottom for odd margin issue we have... */
body{
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#F5F5F5), color-stop(.8,#D1D1D1));
	background-image:-moz-linear-gradient(0% 100% 90deg,#F5F5F5, #D1D1D1, #F5F5F5 49%);
	font-size: 0.8em;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #424242;
	border-width: 0;
	margin: 0 0 50px;
	padding: 0 5px 100px;
}

#centeredpage{
	margin: 0 auto;
	max-width: 800px;
	min-width: 500px;
	border-width: 0;
	display: block;
	position: relative;
}

/*
h1 { font-family: Georgia, Serif; }
h2 { font-family: Georgia, Serif; }
h3 { font-family: Georgia, Serif; }
*/

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 24px; margin-bottom: 12px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/*****************************************
	Company Header
******************************************/
/* Added 5 px to header left position for added body padding
then added a little more to make it look better... */
#companyheader{
	border-width: 0;
	display: block;
	left: 15px;
	width: 300px;
	z-index: 2;
	position: absolute;
	top: 5px;
	border-style: none;
}
#companyheader{
	position: absolute;
	top: 5px;
}
#companyheader a{
	text-decoration: none;
}
#companyheaderhome h1{
	top: 10px;
	font-size: 2.1em;
}
#companylogo{
	position: absolute;
	left: 0;
	top: 0;
	height: 67px;
	width: 50px;
}

/* Moved just a little closer to the logo (from 50 to 45) */
#companyheader h1{
	position: absolute;
	left: 45px;
	color: #333;
	text-transform: lowercase;
	font-style: italic;
	top: 0;
	font-size: 1.5em;
}

#companyheader a{
	color: #333;
}

/*****************************************
	Site Navigation Bar
******************************************/

#sitenavigationbar{
	/*background-color: #82A492;*/
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	height: 24px;
	padding: 0px 15px 0px 15px;
	text-align: right;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	z-index: 3;
}

#sitenavigationbar h3{
	font-size: 1.1em;
	display: inline;
	text-transform: none;
	margin: 7px;
	/* Added border:none to remove border on forum navbar */
	border:none;
}
#sitenavigationbar a{
	text-decoration: none;
	color: #31768C;
	/*color: #336699;*/	
}

#sitenavigationbar a:hover, 
#sitenavigationbar a:focus{
	text-decoration: none;
	color: #330066;
}


#PhotoLinker #sitenavigationbar h3.photolinker a,
#GPSPhotoLinker #sitenavigationbar h3.gpsphotolinker a,
#Blog #sitenavigationbar h3.blog a,
#GPS #sitenavigationbar h3.gps a,
#sitenavigationbar h3.forum a,
#Purchase #sitenavigationbar h3.purchase a,
#About #sitenavigationbar h3.about a{
	text-decoration: none;
	color: #330066;
}

/*****************************************
	Product Header (color #cce2b6)
******************************************/

#productheader{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 45px;
	height: 80px;
	background-color: #cce2b6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4EBBD), to(#D4EBBD), color-stop(.6,#AFC29C));
	background-image: -moz-linear-gradient(100% 100% 90deg,#D4EBBD, #AFC29C, #D4EBBD 80%);
	border-width: 0px;
	-webkit-border-top-left-radius: 15px ;
	-webkit-border-top-right-radius:  15px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 5px black;
	-moz-box-shadow: 0px 0px 5px black;
	z-index: 1;
	color: #9cad8b;
}

.glare {
	position: absolute;
	top: 3px;
	left: 5px;
	-webkit-border-top-left-radius: 15px ;
	-webkit-border-top-right-radius:  15px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	height: 30px;
	right: 5px;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.10);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

#productheader h2{
	display: block;	
	/*text-shadow: -1px -1px 2px #A6B894;*/
	font-size: 2.5em;
	margin-top: 25px;
	margin-left: 100px;
	text-align: left;
	color: #333;
}

#productlogo{
	position: absolute;
	right: 20px;
	top: 20px;
}

#productlogohomeleft{
	width: 40%;
	margin: 25px 3% 60px 5%;
	padding-left: 30px;
	float: right;
}

#productlogohome h1{
	margin:  0;
	padding: 0;
}

#productlogohomeRight{
	float: left;
	width: 230px;
	margin-right: 3%;
	margin-left: 13%;
	margin-top:153px;
	font-weight: normal;
	font-style: normal;
}
#productlogohomeRight img{
	padding-left: 10%;
}
#productlogohomeleft img{
	padding-right: 30px;
}
/*****************************************
	Product Content
******************************************/


/* Add 5 to width to make up for margin change
and 5 to padding left to move text back where it was.. */

#productnavigationbar{
	float: right;
	position: static;
	right: 0;
	width: 230px;
	height: auto;
	margin-left: 10px;
	border-left-style: ridge;
	border-left-width: 4px;
	bottom: 0;
	display: block;
	left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	margin-bottom: 15px;
	margin-top: 25px;
	top: 0;
	padding-top: 0;
}

#productnavigationbar h3{
	font-size: 1.1em;
}

#productnavigationbar a{
	text-decoration: none;
	color: #330066;
}

#productnavigationbar a:hover,
#productnavigationbar a:focus{
	text-decoration: none;
	color: #F90;
}

/* Add min-height to #content because this has the most
variablity of the three div's--it will be the longest--
but since it can be short, must be as long as the Nav text
 Larger bottom padding for copyright*/

#content{
	padding: 5px 20px 40px 25px;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 350px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
}
#content li, #content ul{
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	font-size: 1em; 
	line-height: 18px; 
	margin-bottom: 10px;
}

#contentSpecial h2{
	text-align: center;
	margin-bottom: 0px;
	color: #bf3e41;
	font-weight: bold;
	font-variant: normal;
	text-shadow: silver 1px 2px 2px;
}

.splash {
	width: 190px;
	float: left;
	margin: 15px 10px 15px 20px;
	background-color: white;
	border: 1px none #b1b1b1;
	text-align: right;
	border-right: 2px solid #797979;
	padding: 0 10px 0 5px;
}

#productcontent, #productcontenthome {
	background-color: white;
	position:  relative;
	min-height: 375px;
	-moz-box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
	box-shadow: 0px 0px 5px black;
	overflow: auto;
}
#productcontenthome {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#productcontent {
	-webkit-border-top-left-radius: 0px ;
	-webkit-border-top-right-radius:  0px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#productcontent {
	padding: 15px 20px 45px 25px;
	top: 125px;
}
#productcontenthome {
	padding: 20px;
	top:  45px;
	min-width: 720px;
}
#productcontenthome h2{
	padding: 0;
	margin: 2em 0 0;
	letter-spacing: 2px;
	font-size: 24px;
	color: black;
}
#productcontenthome p{
	color: #333;
}
#productcontent-center {
	display: table;
	background-image: -webkit-gradient(linear, 0% 65%, 0% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(.9,#DEDEDE));
	background-image:-moz-linear-gradient(0% 95% 90deg,#EDEDED, #FFFFFF, #FFFFFF 49%);
	margin: 0 auto 20px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

}

#productcontent-center div.float-line h2 a{
	color: #333;
	text-decoration: none;
	font-size: 1.1em;
}

#productcontent-center div.float-line h2 a:hover, 
#productcontent-center div.float-line h2 a:focus{
	text-decoration: none;
	color: #31768C;
}

#content a, 
#productcontenthome a{
	text-decoration: underline;
	color: #330066;
}

#content a:hover, #content a:focus, 
#productcontenthome a:hover, #productcontenthome a:focus{
	text-decoration: none;
	color: #31768C;
}

#productcontenthome img{
	border-style: none;
}

.textBoxLeft{
	padding: 0 40px 20px 10px;
	float: left;
	/*border-top: 1px solid silver;*/
	margin-left: 20px;
	margin-right: 20px;
	
}
.textBoxLeft img{
	padding-right: 20px;
	padding-top: 15px;

}
.textBoxLeft p{
	color: #3d3d3d;
	margin-bottom: 8px;
	margin: 0;
	display: table;
}

.textBoxLeft h2{
	color: #3d3d3d;
	margin-bottom: 0;
}
/*****************************************
	Table
******************************************/
table hr{
	height: .6em;
	margin: 0;
	border-style: none;
}
table caption{ 
	font-weight: bold; 
	font-size: 24px; 
	line-height: 36px;
	padding-top: 5px;
}

thead th {
	border: 1px none #D4EBBD;
	background-color: #d9d9d9;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;
	font-variant: normal;
	letter-spacing: normal;
	padding-left: 5px;
}
#content thead th a{
	text-decoration: none;
}
tfoot {
	background-color: #d9d9d9;
}
#content tfoot p, #content tfoot ul{
	font-size: .8em;
	margin: 0;
}
#content tfoot li{
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	margin: 0;
}
td {
	border-top: 2px solid rgba(145,162,129,0.35);
	border-right-style: none;
	border-right-width: 2px;
	padding-bottom: 8px;
	padding-top: 8px;
}

th {
	border-top: 2px groove #829173;
	background-color: rgba(145,162,129,0.35);
	text-align: left;
	font-size: 1.2em;
	letter-spacing: .3em;
	padding-left: 50px;
}
.firstCol
{
	background: rgba(214,238,191,0.75);
}

/*****************************************
	Button Styles (schillmania.com & girliemac.com)
******************************************/
.demo-button {
	position:relative;
	display:inline-block;
	width:16em;
	padding:0.25em .5em 0.3em 0.5em;
	text-align:center;
	cursor:pointer;
	border:2px solid #aa7777;
	background-color:#666;
	background-color:rgba(255,0,0,0.75);
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-opera-border-radius:16px;
	-khtml-border-radius:16px;
	border-radius:16px;
	font-size:1em;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(128,64,64,0.75)), to(rgba(256,128,128,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(128,64,64,0.75)), to(rgba(192,128,128,0.9)));
	-khtml-box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
	-moz-box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
	box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
}

.demo-button span {
	position:absolute;
	display:block;
	width:96%;
	left:2.5%;
	top:0px;
	height:50%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-color:rgba(255,255,255,0.25);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));		
}

#shiny-demo-2 {
	border-color:#999;
	background-color:rgba(128,128,128,0.75);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	-khtml-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	color: #feffff;
}

#shiny-demo-1:hover,
#shiny-demo-2:hover {
	border-color:#6699cc;
	background-color:rgba(64,128,192,0.75);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
	-khtml-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	-moz-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
}
	
#shiny-demo-1 {
	margin: 20px 150px 5px 12px;
}
#shiny-demo-2 {
	margin: 25px 0 10px;
}
/*Padding added to create larger link area*/	
#shiny-demo-1.demo-button a, 
#shiny-demo-2.demo-button a{
	/*padding: 5px 12px;*/
	text-decoration: none;
	color: #fffeff;
}

/*****************************************
	Floating Image Styles
******************************************/

.float-right{
	float: right;
	clear: right;
	margin-left: 15px;
}

.float-left{
	float: left;
	clear: left;
	margin-right: 15px;
}

.float-left p{
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
}

.float-right p{
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
}
.float-line {
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	margin-top: 15px;
}
.float-line p{
	font-style: italic;
	font-size: .80em;
	text-align: center;
}
.float-line h2{
	text-align: center;
	border-style: none;
	margin-bottom: 10px;
	color: #000;
}

/* Keep the image border from appearing in Gecko based browsers */
.float-left a img
{
	border-style: none;
}

.float-left-bmargin a img
{
	float: left;
	clear: left;
	margin-right: 15px;
	border-style: none;
	margin-bottom: 20px;
	display: inline-block;
}

.float-right a img
{
	border-style: none;
}
.float-line a img{
	border-style: none;
}

.clear-image
{
	clear: both;
}


.download-float-left
{
	float: left;
	clear: left;
	margin-left: 25px;
	margin-right: 15px;
}

.download-float-left p
{
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
}

.download-float-left a img{
	border-style: none;
}

/*****************************************
	Misc
******************************************/

/* Make position absolute for short content pages */
.copyrightEI{
	font-size: .8em;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	bottom: 5px;
	color: #333;
}

.smaller{
	font-size: 0.8em;
}
.callout{
	width: 25%;
	float: right;
	padding: 5px;
	margin: 5px 5px 5px 10px;
	background-color: #ccc;
	color: black;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px #666;
	-moz-border-radius: 10px;
	-moz-box-shadow: 2px 2px 2px #666;
	border: 1px solid #666;}
.callout img{
	float: right;
	border-style: none;
}