/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	font: 14px/150% Century Gothic, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 	
	margin: 8px auto; padding: 0; 
	background: white;
	text-align: center;
	width:900px;
}

img{border: 0px;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

A{font-family:Century Gothic, Geneva, Verdana, Arial;text-decoration:none;}
.contact:link{color:white;}      	
.contact:visited{color:white;}
.contact:hover{color:silver;}
.contact:active{color:silver;}

/* headers */

h1 {
	color: silver;
	padding: 0;
	padding-bottom: 3px;
	margin-top: 5px;
	font: normal 1.5em Century Gothic, Geneva, Verdana, Arial, Helvetica;
	color: #666666; 
	border-bottom: 1px solid #ebebeb;
}

h2 {
	color: silver;
	padding: 0;
	padding-bottom: 3px;
	margin-top: 5px;
	font: normal 1.3em Century Gothic, Geneva, Verdana, Arial, Helvetica;
	color: #666666; 
	border-bottom: 1px solid #ebebeb;
}

/*layout*/ 
#wrap {
	width: 900px;	
	margin: 0 auto;
	text-align: left;
	height: 335px;
}
	
#wrap2 {
	width: 900px;	
	margin: 0 auto;
	text-align: left;
	height: 300px;
}

#main {
	height:250px;	
	overflow:auto;
	width: 900px;
	text-align: left;
	margin: 0 0 10px 10px;
	display: block;
}

#welcome {
	height: 288px;
	overflow:auto;
	text-align: left;
	width: 900px;
	padding: 0; 
	margin: 0 0 10px 10px;
	display: block;		
}

#footer {
	background: url(images/wpfooter.jpg) no-repeat bottom;
	color: white;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	display: block;
}

/* begin hover buttons */

#horizontal-list {
	height:150px;
	width:900px;
	margin:0;}

#horizontal-list li {
	display:block;
	width:300px;
	float:left;}

#horizontal-list a:hover img {
	visibility:hidden;}

#horizontal-list a {
	display:block;}

#horizontal-list a /**/{
	height:150px; /* hide from IE5.0/win */
}


.UnderstandHover{ background:url(images/understand2.jpg) bottom left no-repeat; }
.ImproveHover{ background:url(images/improve2.jpg) bottom left no-repeat; }
.OffsetHover{ background:url(images/offset2.jpg) bottom left no-repeat; }



/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 12px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid silver; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid silver; /* set border color to page background color */
background-color: white; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #666666; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 3px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid silver; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: silver; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs*/