* {margin: 0; padding: 0;}

body {background: url(/Content/images/mobile/background.jpg) top center repeat-y; font-family: Verdana, Sans-Serif;}
#contain {max-width: 800px; margin: 0 auto;}

img#header {width: 100%;}

.mainContent {width: 90%; min-height: 560px; margin: 0 auto;}
.mainContent .pageHeadline {text-align: center; line-height: 50px; font-size: 20px; color: #fff;}

.mainContent ul.buttonLinks {width: 100%; list-style: none;}
.mainContent ul.buttonLinks li {width: 100%; height: 60px; margin: 10px 0; border-radius: 10px; border: 1px solid #F5D065; background: #3a3f45; /* Old browsers */
background: -moz-linear-gradient(top, #3a3f45 0%, #1d1d1e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3f45), color-stop(100%,#1d1d1e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3a3f45 0%,#1d1d1e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3a3f45 0%,#1d1d1e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3a3f45 0%,#1d1d1e 100%); /* IE10+ */
background: linear-gradient(to bottom, #3a3f45 0%,#1d1d1e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3f45', endColorstr='#1d1d1e',GradientType=0 ); /* IE6-9 */}

.mainContent ul.buttonLinks li:hover, .mainContent ul.buttonLinks li:active {background: #1d1d1e; /* Old browsers */
background: -moz-linear-gradient(top, #1d1d1e 0%, #3a3f45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1e), color-stop(100%,#3a3f45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d1d1e 0%,#3a3f45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d1d1e 0%,#3a3f45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1d1d1e 0%,#3a3f45 100%); /* IE10+ */
background: linear-gradient(to bottom, #1d1d1e 0%,#3a3f45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1e', endColorstr='#3a3f45',GradientType=0 ); /* IE6-9 */}

.mainContent ul.buttonLinks li a {display: block; font-size: 18px; line-height: 60px; text-decoration: none; color: #fff;}
.mainContent ul.buttonLinks li a img.icon {display: block; width: 40px; height: 40px; margin: 10px; float: left;}

.pageText {color: #fff;}
.pageText h3 {text-align: center; line-height: 2em; color: #F5D065;}
.pageText h5 {margin: 10px 0 25px;  padding: 5px; border: 1px solid #F5D065;}
.pageText p {margin: 10px 0;}
.pageText p.question { font-style: italic; font-weight: bold; color: #ccc;}

.footer {width: 100%; margin: 0 auto; height: 50px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}
.footer h4 {display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff;}