body {

background : url("picts-intro/background-intro.jpg") top left repeat-x #000000;

margin : 0;

padding : 0;

border : #000001 solid 0;

}

html, body {

height : 100%;

}

a:link, a:visited, a:active {

color : #FFCC00;

text-decoration : none;

}

a:hover {

color : #00C78C;

text-decoration : none;

}

body {

color : #FFFFFF;

font : normal normal 1.6em arial, sans-serif;

}

.title {

color : #CC0000;

font : normal normal 1.6em "Trebuchet MS", arial, sans-serif;

font-weight : ;

text-decoration : none;

}

.hilite {

color : #FFC125;

}

.pagewrapper {

width : 100%;

height : 100%;

margin : 0 auto 0 auto;

border : #999999 solid 0;

}

.pagewrapper td {

text-align : center;

vertical-align : middle;

}





.content-inner {

max-width : 100%;

margin : 0 auto;

}

.content-outer {

max-width : 700px;

min-width : 210px;

min-height : 390px;

text-align : center;

background-color : transparent;

border : #AB353E solid 0;

background-position : 0 0;

background-repeat : repeat;

padding : 25px;

margin : 0 auto 0 auto;

}

.textdiv {

min-width : 210px;

max-width : 530px;

float : left;

text-align : left;

padding : 15px 30px 0 3px;

margin : 0 0 0 0;

}

.floatclear {

width : 100%;

clear : both;

font-size :0;

padding : 0;

margin : 0;

height : 1px;

margin : 0 0 -1px 0;

}

.adjustvert {

height : 100px;

}

.main-imagediv {

text-align : center;

padding : 0;

margin : 0 auto 0 auto;

border-width : 8px 0 0 0;

}

.main-image {

width : 100%;

height : auto;

display : block;

margin : 0 auto 0 auto;

}

.main-imagediv, img.main-image {

max-width : 700px;

max-height : 350px;

min-width : 250px;

}

table, tr, td {

border-collapse : collapse;

border-spacing : 0;

margin : 0;

padding : 0;

border : 0;

}

.td-right {

text-align : right;

}

.td-left {

text-align : left;

}

.td-center {

text-align : center;

}

.td-middle {

vertical-align : middle;

}

.td-top {

vertical-align : top;

}

.center-div {

margin-left : auto;

margin-right : auto;

}

.left-div {

margin-left : 0;

margin-right : auto;

}

.right-div {

margin-left : auto;

margin-right : 0;

}

.page-splits {

min-width : 99%;

font-size : 0.1em;

line-height : 1px;

border-bottom : 1px solid #FFC125;

border-top : 1px solid #FFFFFF;

height : 4px;

margin : 5px 0 6px 0;

}

#introbuttondiv {

max-width : 100%;

min-width : 250px;

overflow : hidden;

padding : 0 0 0 0;

margin : 0;

background-color : transparent;

border : #CC0000 solid 0;

border-width : 0 0 0 0;

}

.introbutton {

width : 50%;

max-width : 350px;

min-width : 125px;

float : left;

padding : 0 0 0 0;

margin : 0 0 0 0;

}

.introbutton a {

font-family : arial, helvetica, sans-serif;

font-size : 1.1em;

font-weight : normal;

text-align : center;

display : block;

cursor : pointer;

padding : 12px 0 12px 0;

background-color : #CC0000;

background-image : url("img/background-intro.jpg");

background-repeat : repeat-x;

transition : background 0.8s ease;

border : #999999 solid 0;

}

.introbutton a:link, .introbutton a:visited, .introbutton a:active {

color : #FFFFFF;

text-decoration : none;

}

.introbutton a:hover {

color : #FFFFFF;

text-decoration :none;

background-color : #999999;

}

@media handheld and (max-width:480px), screen and (max-device-width:480px), screen and (max-width:480px) {

.content-outer {

padding : 12px;

}

.textdiv {

padding : 10px 10px 0 3px;

}

}