/* --- CSS Reset --- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
}
/* --- Main --- */

body {
	margin-top:20px;
	background-color:#5c666b;
	color:#5c666b;
	font-size:12px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
}

.grid table {
	margin:0 0 10px 25px;
}

.grid-c2-r2 table {
	margin:7px 0 0 10px;
	font-weight:bold;
}

.grid-r3-home table {
	margin:10px 0 0 40px;
}

/* --- Typography --- */

.grid a {
	text-decoration:none;
	color:#0082c5;
}

.grid a:link, .grid a:visited{
	text-decoration:none;
	color:#0082c5;
}

.grid a:hover {
	color:#999999;
	text-decoration:none;
}

.grid p {
	line-height: 16px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 25px 10px 25px;
}

.grid td p {
	line-height: 16px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
}
/**/
.grid h1 {
	line-height: 24px;
	font-size: 18px;
	margin:15px 25px 10px 25px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
}

.grid h2 {
	line-height: 14px;
	font-size: 14px;
	margin:10px 15px 10px 15px;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
}

.grid h3 {
	line-height: 32px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.grid h4 {
	font-size: 12px;
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#57728d;
	margin: 0 0 10px 25px;
	padding: 0 0 0 0;
}

.grid td h4 {
	font-size: 12px;
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#57728d;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.blue {
	font-size: 12px;
	font-weight:bold;
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#57728d;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.grid h6 {
	line-height: 32px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.grid ul {
	list-style: disc;
}

.grid-c1 ul {
	list-style: disc;
	margin:0 15px 10px 0;
}

.grid li {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

/* --- Grid --- */

.grid {
	width: 1050px;
	margin: auto;
	background-color:#5c666b;
	background-image:url(../img/background-drop-shadow.png);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-right:25px;
}

.grid-h {
	float: left;
	width: 1000px;
	height: 98px;
	background-color:#a0a6b6;
	background-image:url(../img/masthead-98-no-logo.gif);
}

.grid-hleft {
	float: left;
	width: 225px;
	height: 98px;
	padding-top:0px;
	padding-left:0px;
	border:solid;
	border-width:0px;
 }
 
 .grid-hcenter {
	float: left;
	width: 775px;
	height: 98px;
	padding; 0;
	border:solid;
	border-width:0px;
 }
 
 .grid-hright {
	position: relative;
	z-index: 100;
	left: 610px;
	width: 136px;
	height: 15px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
}

.grid-m1 {
	float: left;
	width: 10px;
	height: 10px;
	background-color:#000;
}


.grid-r1-home { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/agent-home.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-why-commissions { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/commissions-skier.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-why-training-tools { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/achievment.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-why-team { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/telepartner-team.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-why-ceo { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/ceo.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-programs { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/pick-program.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-agent-portals { /*one column for agent portals**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/portal-overview.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.grid-r1-interior { /*one column**/
	float: left;
	width: 1000px;
	background-color:#cbcbcc;
	height: 426px;
	background-image: url(../img/arch-no-image-1000px.jpg);
	background-position:top;
	background-repeat:no-repeat;	
}

.grid-f {
	width: 1000px;
	height: 21px;
	float: left;
	background-image:url(../img/bottom-footer-bar.gif);
	background-repeat:no-repeat;
}