/*
COLORS:
Dark Blue: #243649
Red: #991B26
Light Blue:#006699
*/

* { margin:0px; padding:0px; }

body { margin:0 auto; padding:0; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#243649; background-color:#0F212D; text-align:center; }

	@font-face {
	  font-family: 'TexGyro';
	  src: url('/assets/fonts/texgyreadventor-webfont.eot');
	  src: local('?'),
		url("/assets/fonts/texgyreadventor-webfont.woff") format("woff"),
		url("/assets/fonts/texgyreadventor-webfont.ttf") format("opentype"),
		url("/assets/fonts/texgyreadventor-webfont.svg#TexGyro") format("svg");
	}

	@font-face {
	  font-family: 'ErasBD';
	  src: url('/assets/fonts/erasbd-webfont.eot');
	  src: local('?'),
		url("/assets/fonts/erasbd-webfont.woff") format("woff"),
		url("/assets/fonts/erasbd-webfont.ttf") format("opentype"),
		url("/assets/fonts/erasbd-webfont.svg#ErasBD") format("svg");
	}

	@font-face {
	  font-family: 'SegeoUI';
	  src: url('/assets/fonts/segoeui-webfont.eot');
	  src: local('?'),
		url("/assets/fonts/segoeui-webfont.woff") format("woff"),
		url("/assets/fonts/segoeui-webfont.ttf") format("opentype"),
		url("/assets/fonts/segoeui-webfont.svg#SegeoUI") format("svg");
	}

a:hover { text-decoration:underline; }
a:link { color:#006699; text-decoration:underline; }
a:visited { color:#006699; text-decoration:underline;  }

p, li, td, input, textarea	{line-height:1.5em; font:9pt/130% SegeoUI, Arial, Helvetica, sans-serif; }
p { margin:0 15px 15px 0; color:#0F212D; }
li { list-style-position:inside }
ul { margin:15px 0 }
h1 { font:bold 15pt/130% ErasBD; margin:15px 0; color:#0F212D; }
h2 { font:bold 11pt/130% SegeoUI; text-transform:uppercase; margin-bottom:15px; color:#0F212D; }


/*TEXT*/
.blue_lg { font-size:24px; color:#243649; font-weight:bold; margin:0; line-height:1.2em; }
.blue_md { font-size:16px; color:#243649; font-weight:bold; margin:0; line-height:1.5em; }
.red_lg { font-size:36px; color:#991B26; font-weight:bold; margin:0; line-height:1.2em; }
.red_md { font-size:18px; color:#991B26; font-weight:bold; margin:0; line-height:1.2em; }

/*clear floating divs*/
.clear { clear:both; }

div#main_wrapper { width:100%; height:100%; background-color:#0F212D; margin:0; padding:0; position:relative; }

.content { background-color:#ffffff; width:880px; margin:0 auto; overflow:hidden; text-align:left; padding:0px; }
div#content_2ndary { width:840px; margin:40px 20px; }
div#content_2ndary ul { margin-bottom:1.3em; }
div#content_2ndary ul li { list-style:disc; margin-left:25px; line-height:1.3em; }
div#terms { width:740px; margin-left:50px; text-align:left; }

iframe	{width:580px; height:200px; border:none}

.l_content { width:510px; float:left; margin:5px 0px 0px 20px; background-color:#ffffff; }
.r_content { width:310px; float:left; margin:5px 0px 0px 20px; background-color:#ffffff; }

div#header { width:880px; height:295px; }
div#sm_header { width:880px; height:145px; background: url(images/header_bg.jpg) top center no-repeat; cursor:pointer; text-align:center; font:22pt/400% TexGyro; color:#0F212D}
div#news { width:880px; height:120px; text-align:center; margin:15px 0px; }
div#cd_image { margin:40px 0px; }
div#icons { width:510px; text-align:center; margin-top:50px; }
div#icons img { margin:15px 0px; }

div#nav	{float:left; background-color:#eee; width:226px; margin:15px; padding:0; border:1px solid #0F212D; list-style-type:none}
	#nav div {overflow:hidden; padding:3px 0 5px; border-style:double; border-width:3px; border-color:#eee}
	#nav a	 {width:192px; margin:0 10px 2px 10px; padding:2px 4px; float:left; display:block; font:9pt/100% SegeoUI, Arial, Helvetica, sans-serif; text-decoration:none;
			 	-moz-box-shadow: 2px 2px 5px 0 #ccc; -webkit-box-shadow: 2px 2px 5px 0 #ccc; box-shadow: 2px 2px 5px 0 #ccc;}
	#nav img {margin:10px 0 5px 10px}
	#nav a:link, #nav a:visited	{background-color:#ffffff; color:#0F212D}
	#nav a:hover, #nav a:active	{background-color:#bf272d; color:#ffffff}
	
	.genr #genr, .busi #busi, .educ #educ, .mino #mino, .nonp #nonp, .pers #pers, .govn #govn
		{background-color:#fff; border-color:#CC3333 !important}
		
		.nav_box	{border-color:#eee; background-color:#eee}
		.nav_box_	{border-color:#f6f6f6; background-color:#B5D6E6}

	.genr #genr a:link, .busi #busi a:link, .educ #educ a:link, .mino #mino a:link, .nonp #nonp a:link, .pers #pers a:link, .govn #govn a:link
		{background-color:#CC3333; color:#fff}
	.genr #genr a:hover, .busi #busi a:hover, .educ #educ a:hover, .mino #mino a:hover, .nonp #nonp a:hover, .pers #pers a:hover, .govn #govn a:hover
		{background-color:#333; color:#eee}

.article	{clear:right; margin:20px}
	.article h1	{font:15pt/120% ErasBD}
	.article p	{margin-top:8px}
	.article > a	{float:right}

/*secure order page*/
div#order_header { width:880px; height:295px; margin-bottom:20px; }
div#order_checklist { width:258px; float:left; margin-top:20px; }
div#order_checklist table { border-collapse:collapse; }
div#order_checklist table tr { height:40px; }
div#order_checklist table tr td { vertical-align:top; }
div#order_cd_image { width:240px; float:right; margin-top:20px; }
div#bonus { margin-top:30px; }
div#bonus_checklist { width:258px; float:left; margin-top:20px; }
div#bonus_checklist table { border-collapse:collapse; }
div#bonus_checklist table tr { height:40px; }
div#bonus_checklist table tr td { vertical-align:top; }
div#bonus_screenshot { width:240px; float:right; margin-top:20px; }
.stripe { background-color:#243649; width:880px; height:15px; margin:20px 0px; }


/*contact form*/
.contact_form { width:310px; background-color:#ffffff; font-size:10px; color:#ffffff;  }
/*margin top on contact_red because of IE*/
.contact_red { background-color:#991B26; margin-top:-12px; }
.contact table { width:310px; margin:10px 0px 10px 0px; padding:0px; border-collapse:collapse; }
.contact table tr { height:27px; }
.text_right { text-align:right; }

/*Credit Card form*/
.cc_form { width:310px; background-color:#ffffff; font-size:10px; color:#ffffff;  }
.cc_form a:link { color:#000000; }
.cc_form a:visited { color:#000000; }
.cc_form a:hover { color:#ffffff; }
/*negative margin top and bottom because of IE*/
.order_red { background-color:#991B26; margin-top:-12px; margin-bottom:-12px; color:#ffffff; font-size:10px; }
.cc_form table { width:295px; margin:10px 0px 10px 5px; padding:0px; border-collapse:collapse; }
.cc_form table tr { height:35px; }
div#secure_logos { background-color:#ffffff; text-align:center; margin-top:20px; }
.submit_cc { width:310px; height:70px; text-align:center; }


/* Submit*/
.submit { width:310px; height:55px; text-align:center; }

/* Links*/
.links { background-color:#243649; width:880px; height:50px; float:left; text-align:center; color:#ffffff; margin:20px 0px; }
.links p { color:#ffffff; }
.links a:hover { color:#991B26; text-decoration:underline; }
.links a:link { color:#ffffff; text-decoration:none; }
.links a:visited { color:#ffffff; text-decoration:none; }

/* Term */
.term_text { font-size:10px; margin:25px 20px; text-align:center; float:left}
.term_text a { float:left; display:block; margin:10px 3px; }

/*Contact Page*/
.contactpage_form { width:550px; margin-top:30px; background-color:#D5DBDB; }
.contactpage_form table { border-collapse:collapse; margin:30px; }
.contactpage_form table tr { height:35px; }
.conatctpage_form table tr td { }

/*Order Confirmation Page*/
div#confirmation { width:740px; text-align:left; }
div#confirm_checklist { width:258px; float:left; margin:20px 0px 0px 20px; }
div#confirm_checklist table { border-collapse:collapse; }
div#confirm_checklist table tr { height:40px; }
div#confirm_checklist table tr td { vertical-align:top; }
div#confirm_cd_image { width:240px; float:left; margin-top:20px; }
div#site_link { width:550px; margin:30px 0px 30px 30px; background-color:#D5DBDB; padding:20px; }
div#confirm_access { width:258px; float:left; margin:20px 0px 0px 20px; }
div#confirm_access_image { width:240px; float:left; margin-top:20px; }
div#confirm_access table { border-collapse:collapse; }
div#confirm_access table tr { height:40px; }
div#confirm_access table tr td { vertical-align:top; }



/* WHAT'S THIS - POPUP WINDOW */

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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E7EBF1;
width: 300px;
padding: 5px;
left: -250px;
border: 1px solid #213B52;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -300px; /*position where enlarged image should offset horizontally */

}