body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

body							{ font-family: Verdana,Arial,sans-serif; }
p+p,ul+p						{ margin-top: 1em; }
body 							{ font-size: 15px; line-height: 22px; background: url(../images/image_mesh_light.png) top center; }
header							{ margin: 0 auto; padding: 0; width: 100%; }
h1								{ color: #333; font-size: 1.3em; font-weight: bold; text-align:center; margin-bottom:1em; }
h2								{ color: #333; font-size: 1.2em; font-weight: bold; margin-top: 1em; }
h3								{ color: #333; font-size: 1.1em; font-weight: bold; line-height: 25px; }
h4								{ color: #333; font-size: 1.0em; font-weight: bold; line-height: 25px; }
.try_other h3					{ color: #fff; font-size: 1.3em; font-weight: bold; line-height: 25px; }
nav								{ font-size: 1.1em; margin: 29px 0 0 0; float: right; clear: right; }
nav ul							{ padding: 0 0 0 0; }
nav li							{ padding: 0 0 0 30px; float: left; }
footer							{ font-size: 0.9em; line-height: 22px; margin: 0 auto; width: 100%; clear: both; }
span							{ font-weight: bold; }
li								{ padding: 5px 0; }
a								{ color: #1876b4; text-decoration: none; }
a:hover							{ color: #00f; }
a img							{ border: none; }

#body_container					{ background-color: #fff; margin: 0 auto; width: 974px; }
#header_container				{ background: #fff; margin: 0 auto; padding: 25px 40px 0; width: 894px; }
#search							{ padding: 0; }
#logo							{ margin: 0 auto; padding: 0; width: 300px; float: left; }
#screenshot						{ padding: 10px 0 0 0; width: 200px; float: left; }
#screenshot img					{ width: 200px; }
#screenshot_description			{ color: #555; font-size: 1em; margin: 10px 0 0 0px; padding: 0 0 0 20px; width: 620px; line-height: 2em; float: left; }
#screenshot_description p		{ margin: 5px 0; }

#left_sidekick					{ background: url(../images/chat.png) top left no-repeat #f58634; }
#middle_sidekick				{ background: url(../images/support.png) top left no-repeat #f58634; }
#right_sidekick					{ background: #f58634; padding: 10px 20px; width: 226px; }

.try_other						{ margin: 10px 0; }
.try_other li:first-child		{ margin: 0; }
.try_other li					{ color: #fff; font-size: 1.1em; width: 156px; margin: 0 0 0 20px; padding: 10px 10px 10px 100px; height: 100px;
             					  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }

.content						{ background: #fff; margin: 0 auto; padding: 0 40px 0; width: 894px; text-align: left; }
.clear							{ clear: both; }
.hidden							{ display: none; }
.right							{ float: right; }

.footer_content_container		{ background: white; margin: 10px auto 0; padding: 10px 40px 10px 40px; width: 894px; border-top: 1px dashed #999; }
.footer_content					{ margin: 0 auto; padding: 0; text-align: left; }

.download_right					{ background: url(../images/support.png) top left no-repeat #f58634; color: #fff; margin: 0 0 0 20px; padding: 10px 20px; width: 226px; float:right;
               					   font-size: 1.1em; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.download_banner				{ height: 100px; width: 808px; background: #eee; color: #000; font-size: 1.1em; margin: 20px 0 20px 0px; padding: 10px 15px 10px 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }

.input_button					{ color: #000; background-color: #fff; border: 1px solid #f58634; font-size: 1.0em; font-weight: normal; text-decoration: none; margin: 0 0 0 0; padding: 0px 0px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.input_button:hover				{ background-color: #f58634; }

.search-box						{ color: #000; background-color: #fff; border: 1px solid #eee; font-size: 1.0em; font-weight: normal; text-decoration: none; margin: 0 0 0 0; padding: 2px 4px; }
.search-button					{  }

.gps_support					{ width: 860px; background: #eee; color: #000; font-size: 1.0em; margin: 20px 0 20px 0px; padding: 10px 15px 10px 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }
.gps_support a					{ color: #1876b4; text-decoration: none; }
.gps_support a:hover			{ color: #00f; }

form.email						{ width: 620px; background: #eee; color: #000; font-size: 1.0em; margin: 20px 0 20px 0px; padding: 10px 15px 10px 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }
form.email legend				{ font-weight: bold; font-size: 1.2em; text-align: center; }
form.email label				{ position: absolute; text-align:right; width:85px; }
form.email input				{ margin-left: 100px; width:530px; }
form.email input.input_button	{ margin-left: 250px; width:120px; }

.two_column_download			{ width: 510px; background: #eee; color: #000; font-size: 1.0em; margin: 1.0em 0 0 0; padding: 10px 15px 10px 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }
.two_column_download a			{ color: #1876b4; text-decoration: none; }
.two_column_download a:hover	{ color: #00f; }

a.text_button					{ color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; background-color: #f58634; margin: 10px 0px 0 0; padding: 5px 10px; width: 130px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: right; }
a.text_button:hover				{ color: #fff; background-color: red; }

a.text_button_left				{ color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; background-color: #f58634; margin: 5px 15px 0 0; padding: 5px 10px; width: 130px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; }
a.text_button_left:hover		{ color: #fff; background-color: red; }

name							{ color: Black; }
.fifty							{ width: 447px; }
a.big_download_button_text		{ color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; background-color: #f58634; margin: 10px 0px 0 0; padding: 5px 10px; width: 404px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: right; }
a.big_download_button_text:hover				{ color: #fff; background-color: red; }

a span.big_download_button_text_small { font-size:1.0em; }
div.gps							{ min-width:223px; float:left; }

.rollover_easy {
width: 444px;
height: 58px;
background-image: url(../images/btn_dl_pp_2014.png);
background-position: top;
float: left;
}
.rollover_easy a {
color: #fff;
width: 444px;
height: 58px;
display: block;
text-decoration: none;
}
.rollover_easy a:hover {
background-image: url(../images/btn_dl_pp_2014.png);
background-position: 0px 58px;
}

.rollover_exp {
width: 444px;
height: 58px;
background-image: url(../images/btn_dl_npp_2014.png);
background-position: top;
float: left;
}
.rollover_exp a {
color: #fff;
width: 444px;
height: 58px;
display: block;
text-decoration: none;
}
.rollover_exp a:hover {
background-image: url(../images/btn_dl_npp_2014.png);
background-position: 0px 58px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #1876b4;
margin: 0 0 0 20px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
margin: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
background-color: #fff;
padding: 8px 10px;
margin: 0px;
font-weight:normal;
font-size:1.0em;
visibility: visible;
border: 2px solid #1876b4;
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
top: 0;
left: -320px; /*position where enlarged image should offset horizontally */
z-index: 50;
}