/* CSS Document */

html {width: 100%; height: 100%;}

body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-image: url(../images/bg_main.jpg);
		background-repeat: repeat-x;
		background-color: #242320;
		font-family: Arial, Helvetica, sans-serif;
}

#top {
		position: relative;
		width: 954px;
		height: 524px;
		margin: 0 auto;
		padding: 0;
}

#topleft {
		position: absolute;
		width: 17px;
		height: 524px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_leftside.jpg) top left no-repeat;
}

#topmiddle {
		position: absolute;
		width: 920px;
		height: 524px;
		margin: 0 0 0 17px;
		padding: 0;
		background: url(../images/bg_reps.jpg) top left no-repeat;
}

#logolink {
		position: absolute;
		width: 412px;
		height: 68px;
		margin: 15px 0 0 20px;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
}

a.toprightlinks:link {color: #3E3A31; text-decoration: none;}
a.toprightlinks:visited {color: #3E3A31; text-decoration: none;}
a.toprightlinks:hover {color: white; text-decoration: none;}
a.toprightlinks:active {color: #3E3A31; text-decoration: none;}

h6.login {
		position: absolute;
		margin: 17px 0 0 800px;
		font-size: 10px;
		cursor: pointer;
		letter-spacing: 0.1em;
}

h6.signup {
		position: absolute;
		margin: 17px 0 0 850px;
		font-size: 10px;
		cursor: pointer;
		letter-spacing: 0.1em;
}

#toptext {
		position: absolute;
		width: 210px;
		height: 350px;
		margin: 145px 0 0 61px;
		padding: 0;
}

#bodycopy {
		position: absolute;
		width: 200px;
		margin: 0;
		padding: 0;
		color: #464646;
}

#bodycopy h1 {
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.2em;
		line-height: 11px;
		margin-top: 15px;
}

#bodycopy h2 {
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.2em;
		line-height: 11px;
}

#contactinfo {
		position: absolute;
		width: 620px;
		height: 375px;
		margin: -41px 0 0 230px;
		padding: 0;
		border: none;
}

iframe.faq {
		width: 620px;
		height: 375px;
		margin: 0;
		padding: 0;
		border: none;
		overflow-x: hidden;
		overflow-y: scroll;
}

#topright {
		position: absolute;
		width: 17px;
		height: 524px;
		margin: 0 0 0 937px;
		padding: 0;
		background: url(../images/bg_rightside.jpg) top left no-repeat;
}

#bottom {
		position: relative;
		width: 954px;
		margin: 0 auto;
		padding: 0;
}

#bottomleft {
		position: absolute;
}

table.bottomlinks {
		font-size: 9px;
		color: #D7D7D7;
		border-collapse: collapse;	
		margin: 25px 0 0 40px;
		letter-spacing: 0.2em;
}

td.btmone {
		padding: 2px 0 2px 10px;
		width: 114px;
		text-align: left;
}

td.btmtwo {
		padding: 2px 0 2px 10px;
		width: 135px;
		text-align: left;
}

td.btmtwoactive {
		border-left: 1px solid #666563;
		padding: 2px 0 2px 10px;
		width: 135px;
		text-align: left;
}

td.btmthree {
		border-left: 1px solid #666563;
		padding: 2px 0 2px 10px;
		width: 150px;
		text-align: left;
}

td.btmfour {
		border-left: 1px solid #666563;
		padding: 2px 0 2px 10px;
		text-align: left;
}

a.bottomleftlinks:link {color: #666563; text-decoration: none;}
a.bottomleftlinks:visited {color: #666563; text-decoration: none;}
a.bottomleftlinks:hover {color: #666563; text-decoration: underline;}
a.bottomleftlinks:active {color: #666563; text-decoration: none;}

a.bottomleftlinksactive:link {color: #D7D7D7; text-decoration: none;}
a.bottomleftlinksactive:visited {color: #D7D7D7; text-decoration: none;}
a.bottomleftlinksactive:hover {color: #D7D7D7; text-decoration: underline;}
a.bottomleftlinksactive:active {color: #D7D7D7; text-decoration: none;}

#bottomright {
		position: absolute;
		width: 300px;
		height: 80px;
		margin: 15px 0 0 635px;
}

a.leafrollover {
		display: block;
		width: 185px;
		height: 62px;
		margin-left: 110px;
		text-decoration: none;
		background: url(../images/leaf_rollover.gif);
}

a.leafrollover:hover {
		background-position: -185px 0;
}

#bottomright h1 {
		margin: 5px 0 0 100px;
		font-size: 10px;
		color: #a0a0a0;
		font-weight: lighter;
		font-family: verdana;
		line-height: 15px;
}

a:link {color: #A8A8A8; text-decoration: none;}
a:visited {color: #A8A8A8; text-decoration: none;}
a:hover {color: #A8A8A8; text-decoration: underline;}
a:active {color: #A8A8A8; text-decoration: none;}