@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
body { background:url("images/background.gif") repeat top left;*/
background: url(images/background.gif) #eeeeee; position: relative; margin: 0; padding: 0; font-family: "Open Sans", "Arial"; }
/*body:before {
	position:absolute;
	top:-50px;
	left:0;
	width:100%;
	background:url(./images/background.gif) repeat top left;
	height:300px;
	content:"";
	z-index:-1;
}*/
.page { width: 520px; margin: 50px auto; position: relative; background-color: #ffffff; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.8); -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.8); -ms-box-shadow: 0 4px 15px rgba(0,0,0,0.8); -o-box-shadow: 0 4px 15px rgba(0,0,0,0.8); box-shadow: 0 4px 15px rgba(0,0,0,0.8); }
img { display: inline-block; margin-top: 10px; }
h1 { margin: 0 0 20px 0; padding: 5px 0; font-size: 20px; color: #ffffff; text-align: center; font-weight: 800; background-color: #231E5F; border-bottom: solid 5px #A7A5BF; }
h2 { color: #231E5F; text-align: center; font-size: 20px; font-weight: 600; padding: 0; margin: 0 0 5px 0; }
p { color: #231E5F; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0; padding: 0; text-align: center; }
p:after { content: ""; display: block; height: 10px; background-color: #231E5F; margin: 0 0 0 0; width: 100%; }
.option2 p:after { display: none; }
p img { display: block; width: 100%; height: auto; margin-top: 0; }
a { color: #231E5F; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
p strong { font-weight: 600; }
a:hover { color: #EC008C; }
#distributor { background-color: #231E5F; color: #ffffff; text-align: center; padding: 30px 0; margin-top: 10px; display: block; position: relative; font-weight: 300; }
#distributor:before { position: absolute; top: 10px; left: 10px; width: 492px; height: calc(100% - 28px); display: block; content: ""; z-index: 1; border: solid 4px rgba(255,255,255,0.5); }
#distributor span { position: relative; z-index: 2; }
#distributor a { color: #ffffff; }
#distributor a:hover { text-decoration: underline; }

.option2 { background:url(images/background.gif) repeat-x top left #afafaf; }
.option2 .page { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; margin: 10px auto; }
.option2 #distributor { background-color: transparent; padding-top:0; }
.option2 #distributor:before { display: none; }
.option2 #distributor, .option2 #distributor a { color:#231E5F; font-weight:400; }
.option2 #distributor a:hover { color: #D31D4F; }
.option2 h1 { border-bottom:none; background-color:transparent; color:#231E5F; }
.option2 p img { margin-top:-3px; }