/* CSS Document */
.top{
	font:  12px/1 Arial, Helvetica, sans-serif;	color: #ffffff;	width: 100px; height: 18px;	margin: 0; padding:0;	
	}
.top a {
	font:  12px/1 Arial, Helvetica, sans-serif; display: block;	margin: 0; padding:0; overflow:hidden; color: #000000;
	}
.top span {
	display: block;	text-align:left; margin:0; padding: 3px 0px 3px 0px; border-bottom: 1px solid #6b0f0f;
	}
.top a:hover {
	font:  12px/1 Arial, Helvetica, sans-serif;	color: #ffffff; background:#6b0f0f;
	}
.top a:active {
	color: #000000;
	}
	
.detail {
	float: left;
	font: 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 120px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab.gif) no-repeat;
	background-position: 0 -20px;
	}
.detail a {
	display: block;
	margin: 0; padding:0;
	width: 120px; height: 20px;
	overflow:hidden;
	color: #000000;
	font: 13px/1 Arial, Helvetica, sans-serif;
	background:url(../images/tab.gif) left top no-repeat;
	}
.detail span {
	display: block;
	margin:0; padding: 4px 4px 0 0px;
	text-align:center;
	}
	
.detail a:hover {
	font: 13px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}
.detail a:active {
	color: #000000;
	}

.selected {
	float: left;
	font: 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 120px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab.gif) no-repeat;
	background-position: 0 -20px;
	}
.selected a{
	font: 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
.selected span {
	display: block;
	margin:0; padding: 4px 4px 0 0px;
	text-align:center;
	}
.selected a:hover{
	font: 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	}

.smallnav {
	float: left;	font: bold 13px/1 Arial, Helvetica, sans-serif;	color: #ffffff;	width: 100px; height: 25px;	margin: 0; padding:0;	
	background:url(../images/small-nav.gif) no-repeat;	background-position: 0 -25px;
	}
.smallnav a {
	display: block;	margin: 0; padding:0;	width: 100px; height: 25px;	overflow:hidden; color: #000000;	font: bold 13px/1 Arial, Helvetica, sans-serif;
	background:url(../images/small-nav.gif) left top no-repeat;
	}
.smallnav span {
	display: block;	text-align:center; margin:0; padding: 6px 0px 0 0px;
	}
.smallnav a:hover {
	font: bold 13px/1 Arial, Helvetica, sans-serif;	background-image: none;	color: #ffffff;
	}
.smallnav a:active {
	color: #000000;
	}
.index {
	float: left;
	width: 305px; height: 105px;
	margin: 8px 0 13px 0;
	background:url(../images/index-nav.gif) 0 -105px no-repeat;
	}	
.index a {
	display: block;
	margin: 0; padding:0;
	width: 305px; height:105px;
	overflow:hidden;
	color: #ffffff;
	font: bold 22px/1 Arial, Helvetica, sans-serif;
	background:url(../images/index-nav.gif) left top no-repeat;
	}
.index span {
	display: block;
	margin:0; padding: 15px 0 0 0px;
	text-align:center;
	}
.index a:hover {
	font: bold 22px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}
.index a:active {
	color: #ffffff;
	}
.index p {
	color:#ffff99;
	font-size:13px;
	text-align:center;	
	}
	
.mylink {
	float: left;
	width: 350px; height: 30px;
		text-align:center;	
	background-color:#6b0f0f; 
	}	
.mylink a {
	overflow:hidden;
	color: #ffffff;
	font: bold 16px/1 Arial, Helvetica, sans-serif;
	}
.mylink a:hover {
	font: bold 16px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: red;
	}
.mybookbutton {
	float: left;
	width: 305px; height: 105px;
	margin: 15px 0 0px 24px;
	background:url(../images/large-button.gif) 0 -105px no-repeat;
	}
	
.mybookbutton a {
	display: block;
	margin: 0; padding:0;
	width: 305px; height:105px;
	overflow:hidden;
	color: #000000;
	font: bold 22px/1 Arial, Helvetica, sans-serif;
	background:url(../images/large-button.gif) left top no-repeat;
	}
	
.mybookbutton span {
	display: block;
	margin:0; padding: 15px 0 0 0px;
	text-align:center;
	}
.mybookbutton a:hover {
	font: bold 22px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}
.mybookbutton a:active {
	color: #000000;
	}
.mybookbutton p {
	color:#ffffff;
	font-size:13px;
	text-align:center;	
	}

#menu-new {
	float: left; width: 110px; height: 60px; padding: 0 0 0 10px;
	}
	
#login{
	float: right; padding:20px 20px 0 0px; width: 615px; height: 40px;
}

#app-tab {
	float: left; width: 975px; height: 25px; margin: 0; padding:0;
	}

.app1 {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_01.gif) 0 -25px no-repeat;
	}
.app1 a {
	display: block;	margin: 0; padding:0; width: 195px; height: 25px; overflow:hidden; background:url(../images/app-nav_01.gif) no-repeat;
	}
.app1 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app1 a:hover {
	background-image: none;
	}
.app1-s {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_01.gif) 0 -25px no-repeat;
	}


.app2 {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_02.gif) 0 -25px no-repeat;
	}
.app2 a {
	display: block;	margin: 0; padding:0; width: 195px; height: 25px; overflow:hidden; background:url(../images/app-nav_02.gif) no-repeat;
	}
.app2 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app2 a:hover {
	background-image: none;
	}
.app2-s {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_02.gif) 0 -25px no-repeat;
	}

	
.app3{
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_03.gif) 0 -25px no-repeat;
	}
.app3 a {
	display: block;	margin: 0; padding:0; width: 195px; height: 25px; overflow:hidden; background:url(../images/app-nav_03.gif) no-repeat;
	}
.app3 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app3 a:hover {
	background-image: none;
	}
.app3-s {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_03.gif) 0 -25px no-repeat;
	}
	
	
.app4{
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_04.gif) 0 -25px no-repeat;
	}
.app4 a {
	display: block;	margin: 0; padding:0; width: 195px; height: 25px; overflow:hidden; background:url(../images/app-nav_04.gif) no-repeat;
	}
.app4 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app4 a:hover {
	background-image: none;
	}
.app4-s {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_04.gif) 0 -25px no-repeat;
	}
	
	
.app5{
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_05.gif) 0 -25px no-repeat;
	}
.app5 a {
	display: block;	margin: 0; padding:0; width: 195px; height: 25px; overflow:hidden; background:url(../images/app-nav_05.gif) no-repeat;
	}
.app5 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app5 a:hover {
	background-image: none;
	}
.app5-s {
	float: left; width: 195px; height: 25px; margin: 0; padding:0; background:url(../images/app-nav_05.gif) 0 -25px no-repeat;
	}


	
.app10{
	float: left; width: 165px; height: 25px; margin: 0; padding:0; background:url(../images/app10.gif) 0 -25px no-repeat;
	}
.app10 a {
	display: block;	margin: 0; padding:0; width: 165px; height: 25px; overflow:hidden; background:url(../images/app10.gif) no-repeat;
	}
.app10 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app10 a:hover {
	background-image: none;
	}
.app10-s {
	float: left; width: 165px; height: 25px; margin: 0; padding:0; background:url(../images/app10.gif) 0 -25px no-repeat;
	}

	
.app11{
	float: left; width: 164px; height: 25px; margin: 0; padding:0; background:url(../images/app11.gif) 0 -25px no-repeat;
	}
.app11 a {
	display: block;	margin: 0; padding:0; width: 164px; height: 25px; overflow:hidden; background:url(../images/app11.gif) no-repeat;
	}
.app11 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app11 a:hover {
	background-image: none;
	}
.app11-s {
	float: left; width: 164px; height: 25px; margin: 0; padding:0; background:url(../images/app11.gif) 0 -25px no-repeat;
	}


	
.app12{
	float: left; width: 163px; height: 25px; margin: 0; padding:0; background:url(../images/app12.gif) 0 -25px no-repeat;
	}
.app12 a {
	display: block;	margin: 0; padding:0; width: 163px; height: 25px; overflow:hidden; background:url(../images/app12.gif) no-repeat;
	}
.app12 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app12 a:hover {
	background-image: none;
	}
.app12-s {
	float: left; width: 163px; height: 25px; margin: 0; padding:0; background:url(../images/app12.gif) 0 -25px no-repeat;
	}


	
.app13{
	float: left; width: 162px; height: 25px; margin: 0; padding:0; background:url(../images/app13.gif) 0 -25px no-repeat;
	}
.app13 a {
	display: block;	margin: 0; padding:0; width: 162px; height: 25px; overflow:hidden; background:url(../images/app13.gif) no-repeat;
	}
.app13 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app13 a:hover {
	background-image: none;
	}
.app13-s {
	float: left; width: 162px; height: 25px; margin: 0; padding:0; background:url(../images/app13.gif) 0 -25px no-repeat;
	}


	
.app14{
	float: left; width: 159px; height: 25px; margin: 0; padding:0; background:url(../images/app14.gif) 0 -25px no-repeat;
	}
.app14 a {
	display: block;	margin: 0; padding:0; width: 159px; height: 25px; overflow:hidden; background:url(../images/app14.gif) no-repeat;
	}
.app14 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app14 a:hover {
	background-image: none;
	}
.app14-s {
	float: left; width: 159px; height: 25px; margin: 0; padding:0; background:url(../images/app14.gif) 0 -25px no-repeat;
	}


	
.app15{
	float: left; width: 162px; height: 25px; margin: 0; padding:0; background:url(../images/app15.gif) 0 -25px no-repeat;
	}
.app15 a {
	display: block;	margin: 0; padding:0; width: 162px; height: 25px; overflow:hidden; background:url(../images/app15.gif) no-repeat;
	}
.app15 span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.app15 a:hover {
	background-image: none;
	}
.app15-s {
	float: left; width: 162px; height: 25px; margin: 0; padding:0; background:url(../images/app15.gif) 0 -25px no-repeat;
	}
	
	
.started{
	float: left; width: 280px; height: 50px; margin: 0; padding:0; background:url(../images/signup.gif) 0 -50px no-repeat;
	}
.started a {
	display: block;	margin: 0; padding:0; width: 280px; height: 50px; overflow:hidden; background:url(../images/signup.gif) no-repeat;
	}
.started span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.started a:hover {
	background-image: none;
	}
	
.works{
	float: left; width: 280px; height: 50px; margin: 0; padding:0; background:url(../images/howthisworks_button_index.gif) 0 -50px no-repeat;
	}
.works a {
	display: block;	margin: 0; padding:0; width: 280px; height: 50px; overflow:hidden; background:url(../images/howthisworks_button_index.gif) no-repeat;
	}
.works span {
	float: left; display: block;	margin:0; padding: 10px 4px 0 4px; text-align:center;
	}
.works a:hover {
	background-image: none;
	}

	
.see{
	float: left; width: 169px; height: 44px; margin: 0; padding:0; background:url(../images/see-sample.gif) 0 -44px no-repeat;
	}
.see a {
	display: block;	margin: 0; padding:0; width: 169px; height: 44px; overflow:hidden; background:url(../images/see-sample.gif) no-repeat;
	}

.see a:hover {
	background-image: none;
	}


.wiz {
	float: left;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab-wiz.jpg) no-repeat;
	background-position: 0 -20px;
	}
	
.wiz {
	float: left;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab-wiz.jpg) no-repeat;
	background-position: 0 -20px;
	}
.wiz a {
	display: block;
	margin: 0; padding:0;
	width: 100px; height: 20px;
	overflow:hidden;
	color: #000000;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	background:url(../images/tab-wiz.jpg) left top no-repeat;
	}
.wiz span {
	display: block;
	margin:0; padding: 2px 4px 0 0px;
	text-align:center;
	}
	
.wiz a:hover {
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}
.wiz a:active {
	color: #000000;
	}

.wiz {
	float: left;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab-wiz.jpg) no-repeat;
	background-position: 0 -20px;
	}
	

.wiz-sel {
	float: left;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab-wiz.jpg) no-repeat;
	background-position: 0 -20px;
	}
.wiz-sel a{
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
.wiz-sel span {
	display: block;
	margin:0; padding: 2px 0px 0 0px;
	text-align:center;
	}
.wiz-sel a:hover {
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}
	
.builder-ser {
	float: right;
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 355px; height: 20px;
	margin: 0; padding:0;
	background:url(../images/tab-wiz-ser.jpg) no-repeat;
	background-position: 0 -20px;
	}
.builder-ser a{
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
.builder-ser span {
	display: block;
	margin:0; padding: 0px 0px 0 0px;
	text-align:left;
	}
.builder-ser a:hover {
	font: bold 13px/1 Arial, Helvetica, sans-serif;
	background-image: none;
	color: #ffffff;
	}