/* Wide browser windows
------------------------------------------------------------------*/
	
/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

ul, li {
	list-style-type:none;
}

body {
	background: #fff url(../images/bg-body.jpg) top repeat-y;
	margin: 0;
	padding: 0;
}

#home-headerwrapper {
	background: #fff;
	width: 100%;
	height: 350px;
	position: relative;
}

#headerwrapper {
	background: #fff;
	width: 100%;
	height: 251px;
	position: relative;
}

#header {
	width: 800px;
	height: 251px;
	background: url(../images/ins-header.jpg) no-repeat right top transparent;
	display: block;
	margin: 0 auto;
}

#home-header {
	width: 800px;
	height: 350px;
	background: url(../images/header-bg.jpg) no-repeat right top transparent;
	display: block;
	margin: 0 auto;
}

#logo h1 {
	width: 800px;
	height: 1px;
	display: block;
	margin: 0 0 0 0px;
	padding: 0;
	text-indent: -99999px;
}

#content {
	width: 800px;
	display: block;
	margin: 0 auto;
	/* position: relative; */
}

#sidenav {
	width: 200px;
	height: 631px;
	float: left;
	display: inline;
}

#apply-now {
	width: 200px;
	height: 80px;
	margin-top: 200px;
	display: block;
	/* position: absolute; */
}

#promo-ad, #promo-ad1, #world-assist {
	margin-top: 20px;
}

#apply-now img {
	border: 0px;
}

#m3-ad {
	width: 200px;
	height: 351px;
	margin-top: 20px;
	display: block;
	position: absolute;
}

#m3-ad img {
	border: 2px solid #999;
}

#article,
#feature {
	width: 540px;
	float: left;
	padding: 0px 20px 5px 30px;
	display: block;
}

hr {
	visibility: hidden;
	clear: both;
}

#footer {
	width: 800px;
	height: 74px;
	display: block;
	background: url(../images/ftr.jpg) no-repeat left bottom transparent;
	margin: 0 auto;
}

#footer p {
	display: none;
}

div.layout-clear {
	clear: both;
}

/* Small layout
------------------------------------------------------------------*/
#article h1,
#feature h1 {
	color: #999999;
	font-family: "Century Gothic", Futura, Helvetica;
	font-size: 15pt;
	line-height: 16pt;
	margin-bottom: 20px;
}

#article h2 {
	font: 13pt/14pt "Trebuchet MS", Verdana, Tahoma;
	color: #002a68;
	padding-bottom: 3px;
	margin-bottom: 1px;
	border-bottom: 1px solid #ccc;
}

#article h3,
#feature h3,
.hilyte {
	font: 11pt/14pt "Trebuchet MS", Verdana, Tahoma;
	color: #00aef0;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

#article p.articleinfo {
	font-family:  "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 9px;
	text-transform:uppercase;
	margin-bottom: 15px;
}

#article span.datewrt {
	padding: 2px 4px;
	color: #fff;
	background-color: #ccc;
}

#article span.source {
	padding: 2px 4px;
	color: #fff;
	background-color: #00aef0;
}

#article ul#phgallery,
#feature ul#phgallery {
	list-style-position: outside;
	list-style-type: none;
	margin-top: 20px;
}

#article ul#phgallery li,
#feature ul#phgallery li {
	list-style-type: none;
	float: left;
	text-indent: 10px;
}

#feature ul#phgallery li span {
	margin-left: 10px;
	width: 162px;
	display: block;
	text-indent: 0px;
	text-align:center;
}

#summary {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 3px;
}

#summary p {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #333333;
}

#summary ul {
	margin-top: -10px;
	margin-bottom: 10px;
}

#summary ol li,
#summary ul li ol li  {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	line-height: 18px;
	list-style-type: decimal;
	margin-bottom: 10px;
	list-style-position: inside;
	color: #333333;
}

#summary ul li {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	line-height: 18px;
	text-indent: 25px;
	list-style-type: square;
	list-style-position: inside;
	color: #333333;
}

#summary table {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
}

#summary table td {
	padding: 3px 5px;;
}

.tblhdr {
	background-color: #002a68;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000;
}

.evencell {
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
}

.oddcell {
	background-color: #ebebeb;
	border-bottom: 1px dotted #ccc;
}
#summary a {
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	color: #333;
	padding: 2px 4px;
	text-decoration: none;
}

#summary a:hover, #summary a:focus, #summary a:hover:visited {
	color: #fff;
	background-color: #00aef0;
}

#article p.readon,
#feature p.readon {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	text-align: right;
}

#article p.readon a,
#feature p.readon a {
	text-decoration: none;
	color: #333;
	padding: 3px;
	background-color: #fff;
}

#article p.readon a:hover, #article p.readon a:focus, #article p.readon a:visited:hover,
#feature p.readon a:hover, #feature p.readon a:focus, #feature p.readon a:visited:hover  {
	color: #fff;
	background-color: #00aef0;
}

#intro,
#intro-plat,
#intro-world {
	margin-bottom: 20px;
}

#intro li {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	margin-bottom: 15px;
}

#intro li a {
	padding: 2px 4px;
	color: #666;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
}

#intro li a:hover, #intro li a:focus, #intro li a:visited:hover  {
	padding: 2px 4px;
	text-decoration: none;
	color: #fff;
	background-color: #00aef0;
	border-bottom: 1px dotted #ccc;
}

#intro p,
#intro-plat p,
#intro-world p {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 15px;
}

#feature #intro-plat {
	background: transparent url(../images/platinum.jpg) no-repeat top right;
	display: block;
	color: #666;
	width: 210px;
	height: 260px;
	padding: 20px 320px 0px 0px;
}

#feature #intro-world {
	background: transparent url(../images/world.jpg) no-repeat top right;
	display: block;
	color: #666;
	width: 210px;
	height: 260px;
	padding: 20px 320px 0px 0px;
}

#feature h2 {
	background: transparent url(../images/sectitle.gif) no-repeat top left;
	height: 34px;
	display: block;
	font: 14pt/16pt "Trebuchet MS", Verdana, Tahoma;
	color: #fff;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 24px;
	margin-top: 16px;
	margin-left: -30px;
	margin-bottom: 10px;
}

#summary p.fineprint {
	font-size: 9px;
	color: #aaa;
}

#contact-form {
	width: 300px;
	float: left;
	padding: 0px 20px 5px 30px;
	display: block;
}

#contact-info {
	width: 200px;
	float: left;
	padding: 0px 20px 5px 20px;
	display: block;
}

#contact-form h1,
#contact-info h1 {
	color: #999999;
	font-family: "Century Gothic", Futura, Helvetica;
	font-size: 15pt;
	line-height: 16pt;
	margin-bottom: 20px;
}

#contact-form p,
#contact-info p {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #333333;
}

#contact-info p a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
	color: #666;
	padding: 3px;
	background-color: #fff;
}

#contact-info p a:hover, #contact-info p a:focus, #contact-info p a:visited:hover {
	color: #fff;
	background-color: #00aef0;
}

#contact-form input, #contact-form textarea {
	font-family: "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 11px;
	line-height: 18px;
	padding: 2px 4px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 2px solid #bbb;
	background-color: #eee;
}

.formerror {
	color: #d00000;
}


/* Header Art
------------------------------------------------------------------*/  

	
/* Main navigation
------------------------------------------------------------------*/
ul#m3navi {
	padding:0;
	margin:0;
	position: absolute;
	width: 200px;
	height: 200px;
	background: transparent url(../images/menu.jpg) no-repeat 0px 15px;
}

ul#m3navi li {
	padding:0;
	margin:0;
	display: inline;
	vertical-align: bottom;
	text-indent:-9999px;	
}

ul#m3navi li a {
	border:0px;
	display:block;
	text-decoration:none;
	/* overflow:hidden; */
	height: 19px;
	}

li#home a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px 0px;	
	height: 17px;
}

li#about a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -17px;	
	height: 17px;
}

li#platinum a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -34px;	
	height: 17px;
}

li#world a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -51px;	
	height: 17px;
}

li#assist a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -68px;	
	height: 17px;
}

li#rewards a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -85px;	
	height: 17px;
}

li#faq a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -102px;	
	height: 17px;
}

li#contact a {
	background: transparent url(../images/menu.jpg) no-repeat;
	background-position: 0px -119px;	
	height: 17px;
}

li#home a:hover, li#home a:focus {
	background-position: -200px 0px;	
}

li#about a:hover, li#about a:focus {
	background-position: -200px -17px;	
}

li#platinum a:hover, li#platinum a:focus {
	background-position: -200px -34px;	
}

li#world a:hover, li#world a:focus {
	background-position: -200px -51px;	
}

li#assist a:hover, li#assist a:focus {
	background-position: -200px -68px;	
}

li#rewards a:hover, li#rewards a:focus {
	background-position: -200px -85px;	
}

li#faq a:hover, li#faq a:focus {
	background-position: -200px -102px;	
}

li#contact a:hover, li#contact a:focus {
	background-position: -200px -119px;	
}

body#home-page ul#m3navi li#home a {
	background-position: -400px 0px;
}
	
body#about-page ul#m3navi li#about a {
	background-position: -400px -17px;
}
	
body#platinum-page ul#m3navi li#platinum a {
	background-position: -400px -34px;
}

body#world-page ul#m3navi li#world a {
	background-position: -400px -51px;
}

body#assist-page ul#m3navi li#assist a {
	background-position: -400px -68px;
}

body#free-page ul#m3navi li#rewards a {
	background-position: -400px -85px;
}

body#faq-page ul#m3navi li#faq a {
	background-position: -400px -102px;
}

body#contact-page ul#m3navi li#contact a {
	background-position: -400px -119px;
}

/* Entries
------------------------------------------------------------------*/
.center {
	text-align: center;
}	

.left {
	padding-right: 15px;
	float: left;
}

.right {
	padding-left: 15px;
	float: right;
}

.with-border {
	padding: 5px;
	background-color: #ddd;
	border: 1px dotted #999;
}

img {
	margin-bottom: 10px;
}
	
/* Footer
------------------------------------------------------------------*/
