* {
	margin:0; 
	padding:0;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

body{
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
#wrapper {
min-height: 100%;
margin-bottom: -100px;/*------the negative height of the footer-----------*/
position: relative;
width:970px;
margin:0px auto; /*----not sure but i think this centers the website----*/
}

.clearfooter {
height: 00px; /*---------= to height of the footer----------------*/
clear: both;
}

#footer {
position: relative;
background:#bcbcbc;;
width:970px;
height:90px;
padding:10px 0px 0px;
border-top:2px solid #464646;
list-style:none;
margin:0px auto;
}


img {
	border:none;
	}

.logo{
	float:left;
}

#form{
	position:absolute;
	top:0px;
	right:15px;
	width:197px;
	font-family:inherit;
	font-size:1em;
	}

a{
	text-decoration:none;
	color:#464646;
	}
	
#upper a:hover{
	color:#000000;
	}

#header {
	position:relative;
	width:970px; 
	height:140px;
	background-color:#ffffff; 
	}

#navigation{
	background-color:#464646;
	height:49px;
	width:100%;
	position:relative;
	text-transform:uppercase;
	border-top:1px solid #7488b9;
	border-bottom:1px solid #7488b9;
	}

#navigation ul{
	list-style:none;
	}

#navigation span{
	position:absolute;
	display:none;
	}
	
#navigation a{
	display:block;
	position:absolute;
	outline:none;
	text-indent:-2500%;/*----This gets the text from the button out if the way so it won't show when we insert the images----*/
	}
	
#navigation li a:hover{
	background-position:left center; /*----I believe that this does positions the 'bottom left' of the image at the 'bottom left' of the area it takes up?----*/
	}

#navigation .business a:hover{
	background-position:left bottom;
	}
	
#navigation a:hover span{
	display:block;
	}
	
/*------------home button-------------*/
#navigation .home{
	width: 61px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_home.png) no-repeat;
	right:670px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}

/*------------team button-------------*/
#navigation .team{
	width: 99px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_team.png) no-repeat; /*----this inserts the image of the button where we want it----*/
	right:571px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}

/*------------personal button-------------*/
#navigation .personal{
	width: 175px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_personal.png) no-repeat; /*----this inserts the image of the button where we want it----*/
	right:396px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}
	
/*------------business button-------------*/
#navigation .business{
	width: 173px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_business.png) no-repeat; /*----this inserts the image of the button where we want it----*/
	background-position:bottom left; /*----this makes this button appear in it's active state for the current page----*/
	right:223px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}
	

/*------------resources button-------------*/
#navigation .resources{
	width: 142px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_resource.png) no-repeat; /*----this inserts the image of the button where we want it----*/
	right: 81px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}

/*------------contact button-------------*/
#navigation .contact{
	width: 81px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 48px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/nav_contact.png) no-repeat; /*----this inserts the image of the button where we want it----*/
	right: 0px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 0px;
	}
	
#content{
	background:url(images/team_bg.gif) repeat-x;
	background-color:#ffffff;
	}

#upper{
	position:relative;
	width:100%;
	padding-bottom:55px;
	}

h1{
	font-family: Arial;
	color: #7488b9;
	text-decoration:underline;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1.15em;
	text-transform:uppercase;
	margin-bottom:7px;	
	}

ul li.first{
	padding-top:10px;
	}	
	
ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#464646;
	text-transform:uppercase;
	padding:0 15px;
	}

ul li{
	padding-bottom:7px;
	}



#property{
	position:relative;
	float:left;
	top:35px;
	width:33%;
	padding-left:175px;
	}

#life{
	position:relative;
	float:left;
	top:35px;
	width:33%;
	padding-left:75px
	}
	
.rule{
	position:relative;
	padding-bottom:35px;
	padding-left:50%;
	margin-left:-405px;
	height:5px;
	width:810px;
	
	}
	
#lower{
	position:relative;
	padding:0px 0px 25px 187px;
	}

#descriptions{
	width:600px;
	}
	
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16.5px;
	color:#464646;
	margin:0 0 12px;
	}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15.5px;
	line-height:16.5px;
	color:#464646;
	font-weight:bold;
	margin:7px 0 12px -10px;
	text-transform:uppercase;
	}

h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15.5px;
	line-height:16.5px;
	color:#464646;
	font-weight:bold;
	margin:7px 0 12px -3px;
	text-transform:uppercase;
	}


p em a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.75px;
	font-style:italic;
	color:#7488b9;
	padding-top:3px;
	}


#footer li{
	display:block;
	position:absolute;
	outline:none;
	text-indent:-2500%;/*----This gets the text from the button out if the way so it won't show when we insert the images----*/
	}
	
#footer .lubbock{
	width: 269px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 83px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/footer_lubbock.png); /*----this inserts the image of the button where we want it----*/
	left: 78px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top: 10px;
	border-right:1px solid #666666;
	}

#footer .midland{
	width: 269px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 83px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/footer_midland.png); /*----this inserts the image of the button where we want it----*/
	left:348px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #666666;
	}

#footer .pampa{
	width: 269px; /*----giving each button a class of its own allows us to specify different widths for each of the buttons; also allows us to specifically place them----*/
	height: 83px; /*----when doing the sprite thing, remember that the width and height should only be for one element of the sprite, not the whole picture since they will shift----*/
	background:url(images/footer_pampa.png); /*----this inserts the image of the button where we want it----*/
	left:619px; /*---this says where it will go in relation to the start of the nav bar; in this case we left space around the image so we want it to start all the way at the left----*/
	top:10px;
	border-left:1px solid #CCCCCC;
	}