/* ------------------------------------------ */
/* ---- RELIANT POWERZONE GLOBAL STYLING ---- */
/* ------------------------------------------ */

/* Author: A. Luikart, Carlos Porto */

/* RESET
------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* GILDER-LEVIN
------------------------------ */
.gl, .gl li {
	position: relative;
}
	
.gl span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

/* buttons */
.gl a, .gl a span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10; /* set z-index */
    cursor: pointer; /* fixes IE6 bug */
}
  
.gl li, .gl a, .gl a span {
    display: block;
}

.gl a span {
	background-repeat: no-repeat;
	background-position: 0 0;
    z-index: 120; /* make span z-index higher than link */
}

.gl a:hover {
    border: 0;
}


/* CONTAINERS
------------------------------ */
body {
	font-family: Arial, sans-serif;
}

#wrap {
	width: 1100px;
	margin: 0 auto;
	/*
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	*/
}

.clear {
	clear: both;
}

.column {
	float: left;
	overflow: hidden;
}

/* Typography
------------------------------ */
a {
	color: #003366;
}

a:hover {
	color: #cc0033;
}

p {
	margin: 0 0 8px;
}

h1,h2,h3,h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 3.4em;
	color: #003366;
}

pre {
	font-family: Arial, sans-serif;
	font-size: .75em;
}

/* HEADING
------------------------------ */
#heading {
	position: relative;
	height: 80px;
	background: transparent url(../../img/cmn/bg_heading.png) repeat-y right top;
}

#heading #logo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 46px;
}

#heading #logo, #heading #logo a {
	width: 206px;
	height: 143px;
	padding: 0 30px;

}
	
	#heading #logo span {
		background-image: url(../../img/cmn/logo_rpz.png);
	}


/* NAV
------------------------------ */	
#nav {
	padding: 10px 0 16px;
	font-size: 0.6875em;
	line-height: 1;
}
	#nav li, #nav a {
		color: #808285;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#nav p, #nav li {
		float: left;
	}

	#nav p, #nav p a {
		width: 106px;
		height: 55px;
	}

	#nav p {
		margin: 0 10px 0 35px
	}

		#nav p span {
			background-image: url(../../img/cmn/logo_reliant.png);
		}
			
	#nav li {
		margin: 40px 0 0;
	}
	
	/* ::::: NAV SPRITE :::: */
	
	#plans, #plans a, #esc, #esc a, #move, #move a {
		height: 13px;
	}
	
	#plans, #plans a {
		width: 97px;
	}
	
		#plans span {
			background-position: left bottom;
		}
	
	#esc, #esc a {
		width: 139px;
	}
	
		#esc span {
			background-position: -97px bottom;
		}

	#move, #move a {
		width: 76px;
	}

		#move span {
			background-position: -236px bottom;
		}

	#plans span, #esc span, #move span {
		background-image: url(../../img/cmn/sprite_nav.png);
	}
	
	
/* FOOTER
------------------------------ */
#footer {
	margin: 10px 35px;
	font-size: 0.6875em; /* 16x0.6875=11 */
	line-height: 1.4545; /* 11x1.4545=16 */
	color: #8e908f;
}

	#footer a {
		color: #003366;
	}
	
	#footer ul, #footer p {
		clear: both;
		overflow: auto;
	}
	
	#footer p {
		margin: 4px 0 0;
	}
	
	#footer li {
		float: left;
		margin: 0 0.2727em 0 0;
	}


/* Unordered Lists
------------------------------------------------ */
.list {
	margin: 0 0 10px
}

.list li {
	margin-left: 15px;
	list-style: disc;
}

.list li li {
	list-style: circle;
}


/* Form elements
------------------------------------------------ */
legend {
	display: none;
}

button {
	cursor: pointer;
}

.required {
	color: #cc0033;
	font-size: 1.2em;
}

.note {
	font-size: .75em;
}

.error {
	color: #cc0033;
	font-weight: bold;
}

/* Buttons
------------------------------------------------ */
.btnGrp {
	margin: 15px 0 !important;
}

.btnGrp .btn {
	margin-right: 15px;
	float: left;
	overflow: hidden;
}

.btn {
	background: #012958 url(../../img/cmn/btn_bg_sprite.png) repeat-x 0 0;
	max-height: 21px;
	color: #fff !important;
	border: 0;
	padding: 2px 10px;
	border: solid 1px #012958;
	-moz-box-shadow: 1px 1px 2px 0 #aaa;
	-webkit-box-shadow: 1px 1px 2px #aaa;
}

.btn2 {
	background: #d0d0d0 url(../../img/cmn/btn_bg_sprite.png) repeat-x 0 -25px;
	max-height: 25px;
	color: #003366 !important;
	border:0;
	padding: 2px 10px;
	border: solid 1px #7ea0c9;
	-moz-box-shadow: 1px 1px 2px 0 #cecece;
	-webkit-box-shadow: 1px 1px 2px #cecece;
}

a.btn,
a.btn2 {
	text-decoration: none;
}