body { background: #f9ebc9; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #431906; margin: 0; }

#wrapper { display: block; width: 960px; margin: 0 auto; }

.sf01 {	display: block; clear: both; height: 224px; background: url(images/sf_01.jpg) top no-repeat; }
.sf02, .sf02-join { display: block; clear: both; height: 355px; position: relative; }
.sf02 { background: url(images/sf_06-index.jpg) top no-repeat; }
.sf02-join { background: url(images/sf_06-join.jpg) top no-repeat; }

.sf-c1, .sf-c2, .sf-c3 { float: left; width: 320px; }
.sf-c1-1, .sf-c3-1 { display: block;	height: 192px; }
.sf-c1-2, .sf-c3-2, .sf-c1-2-join, .sf-c3-2-join { display: block; height: 244px; }

.sf-c1-1 { background: url(images/sf_02.jpg) top no-repeat; }
.sf-c3-1 { background: url(images/sf_03.jpg) top no-repeat; }
.sf-c1-2 { background: url(images/sf_04-index.jpg) top no-repeat; }
.sf-c3-2 { background: url(images/sf_05-index.jpg) top no-repeat; }
.sf-c1-2-join { background: url(images/sf_04-join.jpg) top no-repeat; }
.sf-c3-2-join { background: url(images/sf_05-join.jpg) top no-repeat; }

.join { position:relative; color: #85400e; display: block; width: 305px; height: 431px; background: url(images/sf_join.jpg) top no-repeat; padding: 5px 0 0 15px; }
.join h2 { color: #fff; font-size: 32px; margin: 0; text-align: center }
.country { text-align: center; font-size: 14px; position: absolute; top: 130px; left: 45px}
.country select { padding: 5px; font-size: 17px; margin: 10px 0; border: 1px solid #85400e }
.sms {position: absolute; top: 252px; left: 30px; font-size: 14px; font-weight: bold; text-align: center; width: 270px; }
.sms span { font-size: 22px; color: #000 }
input#result { position: absolute; top: 310px; left: 30px; border: 0; background: url(images/sf-button-result.gif) 0px 0px no-repeat; width: 245px; height: 60px; text-indent: -9999px; margin: 10px 0 0 16px; }
input#result:hover { background: url(images/sf-button-result.gif) 0px -60px no-repeat; }
.txt { position: absolute; top: 20px; left: 130px; width: 700px; font-size: 13px; font-weight: bold; color: #57350f }


.index, .notfound { display: block; width: 290px; height: 436px; background: url(images/sf_index.jpg) top no-repeat; padding-left: 30px; }
.join strong, .index strong { display: block; margin: 0 auto; width: 250px; text-align: center; }
.index h2 { color: #fff; font-size: 18px; font-weight: normal; margin: 10px 0 5px 0; }
input#s-index { border: 0; background: url(images/sf-submit-index.jpg) 0px 0px no-repeat; width: 256px; height: 29px; font-size: 22px; padding: 8px 12px; }
input#submit-index { border: 0; background: url(images/sf-button-index.gif) 0px 0px no-repeat; width: 245px; height: 60px; text-indent: -9999px; margin: 10px 0 0 16px; }
input#submit-index:hover { background: url(images/sf-button-index.gif) 0px -60px no-repeat; }
img#submit-index { border: 0; background: url(images/sf-button-index.gif) 0px 0px no-repeat; width: 245px; height: 60px; text-indent: -9999px; margin: 10px 0 0 16px; }
img#submit-index:hover { background: url(images/sf-button-index.gif) 0px -60px no-repeat; }
.notfound h2 { margin: 0; font-size: 30px;  }
.notfound strong { color: #fff; text-align: center; display: block }
.notfound b { display: block; margin: 15px 0 0 0; width: 290px; text-align: center; }
a#notfound { margin: 5px 0 0 16px; display: block; width: 245px; height: 60px; text-indent: -9999px; background: url(images/sf-button-404.gif) 0px 0px no-repeat }
a#notfound:hover { background: url(images/sf-button-404.gif) 0px -60px no-repeat }

.comment-1, .comment-2, .comment-3 { text-align: center; font-size: 11px; }
.comment-1 strong, .comment-2 strong, .comment-3 strong { display: block; font-size: 12px; }
.comment-1 { position: absolute; top: -130px; left: 325px; width: 320px; }
.comment-2 { position: absolute; top: 15px; left: 125px; width: 290px; }
.comment-3 { position: absolute; top: 15px; left: 465px; width: 320px; }

.rules a { color: #431906; }
.rules a:hover { text-decoration: none }
.copy , .rules { font-size: 11px; }
.copy { position: absolute; top: 225px; left: 115px; }
.rules { position: absolute; top: 225px; right: 135px; text-align: right }