/*GLOBAL STYLES*/


li {
	padding: 0px;
	margin: 0px;
}
ul {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}

.container {
	margin-right: 112px;
}
body {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.text-panel {
	background-repeat: no-repeat;
	position: relative;
}
.rechord-panel {
	background-color: #FFFFFF;
	width: 240px;
	position: absolute;
	left: 18px;
	top: 338px;
	margin: 0px;
	padding: 0px;
}
.rechord-logo {
	height: 39px;
	width: 200px;
	position: relative;
	left: 18px;
	top: 10px;
	margin: 0px;
	padding: 0px 0px 10px;
}
.left-panel {
	text-align: right;
	margin: 0px;
	padding-right: 25px;
	padding-bottom: 2px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.links {
	text-align: right;
	margin: 0px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
.text-panel p, ul {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-right: 0px;
	background-color: #F2F9FD;
}
.container {
	width: auto;
	padding-left:1px;
}
.main-title div {
	position: absolute;
	left: -500px;
	font-size: 1px;
}	
.rechord-logo span {
	display: none;
}	
.main-title {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 0.8em;
}
h1 span {
 display: block;
 /* place the span on top */
 position: relative;
 z-index: 1;
}
.top-para {
	padding-top: 40px;
}	
/*h1 {
	z-index: 100;
}*/
img {
	border:0px;
}
.links-buttons {
	position:relative;
	left:22px;
	width:205px;
	height:25px;
	padding:0px;
	margin-top:20px;
}
.skip {
	position: absolute;
	left: -1000px;
}



/*PAGE SPECIFIC STYLES*/

/*INDEX PAGE*/

#index {
	background-color: #92b67d;
	background-image: url(../images/homepage-background.jpg);
}
#index .text-panel {
	background-image: url(../images/homepage-panel.gif);
	top: 129px;
	height: 550px;
	width: 373px;
	left: 272px;
	padding: 75px 150px 0px 90px;
}
#index .links {
	color: #405733;
}
#index .links a:visited {
	color: #405733;
}
#index .links a:hover {
	color: #0a83be;
}
#index p {
	color: #0a83be;
}
#index .links a:link {
	color: #405733;
}
#index .text-panel p a:link {
	font-weight: bold;
	color: #065982;
}
#index .text-panel p a:visited {
	font-weight:normal;
	color: #065982;
}
#index .text-panel p a:hover {
	color: #405733;
}
#index .text-panel p {
	position:relative;
	width: 215px;
}
#index .left-panel a {
	color: #0a83be;
}
#index .main-title, #index .main-title span {
	background-image:url(../images/action.gif);
	background-repeat: no-repeat;
	width: 103px;
	height: 31px;
}
#index .main-title span {
	margin-bottom: -35px;
}

#index h1 {
	font-size: 0.8em;
	color: #F2F9FD;
}


/*SUBSCRIBE PAGE*/

#subscribe {
	background-color: #d7d3d0;
	background-image: url(../images/contact-background.jpg);
}
#subscribe .text-panel {
	background-image: url(../images/contact-text-panel.gif);
	top: 136px;
	height: 650px;
	width: 373px;
	left: 275px;
	padding: 45px 130px 0px 40px;
}
#subscribe .links {
	color: #a08b9f;
}

#subscribe .links a:link {
	color: #a08b9f;
}
#subscribe .links a:visited {
	color: #a08b9f;
}
#subscribe .links a:hover {
	color: #715c6f;
}
#subscribe .text-panel p a:link {
	font-weight: bold;
	color: #715c6f;
}
#subscribe .text-panel p a:visited {
	font-weight:normal;
	color: #715c6f;
}
#subscribe .text-panel p a:hover {
	color: #a08b9f;
}
#subscribe .text-panel p {
	position:relative;
	width: 295px;
}
#subscribe .left-panel a {
	color: #715c6f;
}
#subscribe p, ul {
	color: #715c6f;
}
#subscribe .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#subscribe .main-title, #subscribe .main-title span {
	background-image:url(../images/subscribe.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 32px;
}
#subscribe .main-title span {
	margin-bottom: -34px;
}

/*CONTACT PAGE*/

#contact {
	background-color: #d7d3d0;
	background-image: url(../images/contact-background.jpg);
}

#contact p {
	color: #715c6f;
}
#contact .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#contact .text-panel {
	background-image: url(../images/contact-text-panel.gif);
	top: 143px;
	height: 720px;
	width: 373px;
	left: 278px;
	padding: 45px 130px 0px 40px;
}
#contact .links {
	color: #a08b9f;
}

#contact .links a:link {
	color: #a08b9f;
}
#contact .links a:visited {
	color: #a08b9f;
}
#contact .links a:hover {
	color: #715c6f;
}
#contact .text-panel p a:link {
	font-weight: bold;
	color: #715c6f;
}
#contact .text-panel p a:visited {
	font-weight:normal;
	color: #715c6f;
}
#contact .text-panel p a:hover {
	color: #a08b9f;
}
#contact .text-panel p {
	position:relative;
	width: 295px;
}
#contact .left-panel a {
	color: #715c6f;
}
#contact .main-title {
	background-position: left top;
	padding: 0px;
}
#contact .main-title, #contact .main-title span {
	background-image:url(../images/contact-us.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 35px;
}
#contact .main-title span {
	margin-bottom: -36px;
}

/*PROJECTS PAGE*/

#projects {
	background-color: #2982bd;
	background-image: url(../images/projects-background.jpg);
}

#projects p {
	color: #50654b;
}
#projects .links a:link {
	color: #405733;
}
#projects .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#projects .text-panel {
	background-image: url(../images/text-panel-projects.gif);
	top: 145px;
	height: 650px;
	width: 373px;
	left: 292px;
	padding: 45px 130px 30px 40px;
}
#projects .links {
	color: #909c4d;
}

#projects .links a:link {
	color: #909c4d;
}
#projects .links a:visited {
	color: #909c4d;
}
#projects .links a:hover {
	color: #50654b;
}
#projects .text-panel p a:link {
	font-weight: bold;
	color: #50654b;
}
#projects .text-panel p a:visited {
	font-weight:normal;
	color: #50654b;
}
#projects .text-panel p a:hover {
	color: #909c4d;
}
#projects .text-panel p {
	position:relative;
	width: 295px;
	left:10px;
}
#projects h1 {
	margin-left:10px;
}
#projects .left-panel a {
	color: #50654b;
}
#projects .main-title, #projects .main-title span {
	background-image:url(../images/sample-projects.gif);
	background-repeat: no-repeat;
	width: 249px;
	height: 32px;
}
#projects .main-title span {
	margin-bottom: -30px;
}




/*THANKS PAGE*/

#thanks {
	background-color: #d7d3d0;
	background-image: url(../images/contact-background.jpg);
}

#thanks p, #thanks ul {
	color: #715c6f;
}
#thanks .links a:link {
	color: #405733;
}
#thanks .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#thanks .text-panel {
	background-image: url(../images/contact-text-panel.gif);
	top: 136px;
	height: 650px;
	width: 373px;
	left: 275px;
	padding: 45px 130px 0px 40px;
}
#thanks .links {
	color: #a08b9f;
}

#thanks .links a:link {
	color: #a08b9f;
}
#thanks .links a:visited {
	color: #a08b9f;
}
#thanks .links a:hover {
	color: #715c6f;
}
#thanks .text-panel p a:link {
	font-weight: bold;
	color: #715c6f;
}
#thanks .text-panel p a:visited {
	font-weight:normal;
	color: #715c6f;
}
#thanks .text-panel p a:hover {
	color: #a08b9f;
}
#thanks .text-panel p {
	position:relative;
	width: 295px;
}
#thanks .left-panel a {
	color: #715c6f;
}
#thanks .main-title, #thanks .main-title span {
	background-image:url(../images/subscribe.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 32px;
}
#thanks .main-title span {
	margin-bottom: -34px;
}




/*PROOF PAGE*/

#proof {
	background-color: #cd1b3f;
	background-image: url(../images/not-sure-background.jpg);
}

#proof p {
	color: #2d64cf;
}
#proof .links a:link {
	color: #405733;
}
#proof .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#proof .text-panel {
	background-image: url(../images/not-sure-text-panel.gif);
	top: 131px;
	height: 630px;
	width: 373px;
	left: 280px;
	padding: 35px 130px 20px 40px;
}
#proof .links {
	color: #2d64cf;
}

#proof .links a:link {
	color: #2d64cf;
}
#proof .links a:visited {
	color: #2d64cf;
}
#proof .links a:hover {
	color:#96142e;
}
#proof .text-panel p a:link {
	font-weight: bold;
	color: #2d64cf;
}
#proof .text-panel p a:visited {
	font-weight:normal;
	color: #2d64cf;
}
#proof .text-panel p a:hover {
	color:#96142e;
}
#proof .text-panel p {
	position:relative;
	width: 295px;
	left:15px;
	font-size:0.8em;
}
#proof .main-title {
	margin-left:15px;
}
#proof .left-panel a {
	color:#96142e;
}
#proof blockquote {
	color:#96142e;
	border: 1px solid #96142e;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
	width: 295px;
}
#proof .main-title, #proof .main-title span {
	background-image:url(../images/the-proof.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
}
#proof .main-title span {
	margin-bottom: -31px;
}



/*LINKS PAGE*/

#links {
	background-image:url(../images/links-background.jpg);
	background-color:#a7ce94;
}
#links p {
	color: #7092b8;
}
#links .links a:link {
	color: #7092b8;
}
#links .main-text a:link {
	font-weight: bold;
	color: #065982;
}
#links .text-panel {
	background-image: url(../images/links-panel.gif);
	top: 131px;
	height: 900px;
	width: 273px;
	left: 293px;
	padding: 35px 130px 20px 40px;
}
#links .container {
	margin-right: 0px;
}
#links .text-panel .wrapper {
	background-color: #F2f9fd;
	position: relative;
	left: -40px;
	padding-left: 40px;
	padding-bottom: 30px;
	width: 298px;
}
#links .links {
	color: #7092b8;
}
#links .archive {
	background-color: #F2f9fd;
	position: absolute;
	top: 235px;
	left: 663px;
	width: 180px;
	height: 200px;
}
#links .links a:link {
	color: #7092b8;
}
#links .links a:visited {
	color: #7092b8;
}
#links .links a:hover {
	color:#96142e;
}
#links .text-panel p a:link {
	font-weight: bold;
	color: #7092b8;
}
#links .text-panel p a:visited {
	font-weight:normal;
	color: #7092b8;
}
#links .text-panel p a:hover {
	color:#96142e;
}
#links .main-title {
	position:relative;
	left:-20px;
}
#links .text-panel p {
	position:relative;
	width: 295px;
	left:-20px;
	padding-bottom:3px;
	padding-top:3px;
	margin:0px;
}
#links .left-panel a {
	color:#7092b8;
}
#links .main-title, #links .main-title span {
	background-image:url(../images/recommended-links.gif);
	background-repeat: no-repeat;
	width: 203px;
	height: 75px;
}
#links .main-title span {
	margin-bottom: -76px;
}




/*ABOUT PAGE*/

#about {
	background-image:url(../images/about-background.jpg);
	background-color:#666666;
}
#about .text-panel {
	background-image: url(../images/about-text-panel.gif);
	top: 135px;
	height: 610px;
	width: 273px;
	left: 55px;
	padding: 35px 130px 20px 40px;
}
#about .main-title {
	height: 50px;
	margin: 0px 30px 5px 0px;
	padding-top: 0px;
	position: relative;
	left: 110px;
	top: 20px;
}
#about .text-panel p {
	color:#FFFFFF;
	position:relative;
	width: 205px;
	left:35px;
	top: 15px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
	text-align: right;
	background-color: #353535;
}
.reverse-rechord-panel {
	background-color:#333333;
	width: 260px;
	position: absolute;
	left: 422px;
	top: 338px;
	margin: 0px;
	padding: 0px;
}
#about .links-buttons {
	width:220px;
}
#about .left-panel {
	text-align:left;
}
#about .reverse-rechord-panel .left-margin {
	margin-left: 20px;
	padding-bottom:8px;
	width: 230px;
}
#about .text-panel p a:link {
	font-weight: bold;
	color: #ffffff;
}
#about .text-panel p a:visited {
	font-weight:normal;
	color: #ffffff;
}
#about .text-panel p a:hover {
	color:#ffffff;
}
#about .main-title, #about .main-title span {
	background-image:url(../images/whos-behind-rechord.gif);
	background-repeat: no-repeat;
	width: 131px;
	height: 51px;
}
#about .main-title span {
	margin-bottom: -52px;
}
#about h1 {
	font-size: 0.8em;
}