*{ box-sizing: border-box; }

a:link {outline:none;}     /* unvisited link */
a:visited {outline:none;}  /* visited link */
a:hover {outline:none;}   /* mouse over link */
a:active {outline:none;}   /* selected link */

body {margin:0px; padding:0px; background-image:url("../img/main_grade.png"); background-repeat:repeat-x; background-color:#141414;}
p { margin:0px; padding:0px; text-align:center;}

img { margin:0px; padding:0px; max-width: 100%; width:auto; height:auto; border:0px none #000;}
img.center { margin-left:auto; margin-right:auto; display:block;}
img.nav { width:16px; height:1px; }
img.toe { width:10px; height:1px; }

.header{ margin:10px auto 0px auto; padding:0px; text-align:right; width:360px; color:#676767; font-family:Arial; font-weight:bold; font-size:10px; line-height:10px; text-transform:uppercase; text-decoration:none;}
.header a:link { color:#2e8ae5; text-decoration:none;}
.header a:visited { color:#2e8ae5; text-decoration:none;}
.header a:hover { color:#e50073; text-decoration:none;}
.header a:active { color:#fff; text-decoration:none;}

.logo { margin:0px; padding:0px; width:auto; height:auto; text-align:center;}
.banner { margin:0px auto 0px auto; padding:0px; width:360px; height:5px; background-color:#2e8ae5; border:2px hidden; border-radius:1px;}

.buttons { margin:0px; padding:5px 0px 5px 0px; width:auto; height:20px; text-align:center; color:#676767; font-family:Arial; font-weight:bold; font-size:10px; line-height:10px; text-transform:uppercase; text-decoration:none;}
.buttons a:link { color:#2e8ae5; text-decoration:none;}
.buttons a:visited { color:#2e8ae5; text-decoration:none;}
.buttons a:hover { color:#e50073; text-decoration:none;}
.buttons a:active { color:#2a2a2a; text-decoration:none;}

.buttonsAlt a:link { color:#f2f2f2; text-decoration:none;}
.buttonsAlt a:visited { color:#f2f2f2; text-decoration:none;}
.buttonsAlt a:hover { color:#e50073; text-decoration:none;}
.buttonsAlt a:active { color:#2a2a2a; text-decoration:none;}

.stageHolder { margin:0px; padding:0px; text-align:center; width:100%; height:0px; background-image:url("../img/stage_grade.png"); background-size:contain; background-repeat:repeat-y; overflow:hidden;}
video { margin:10px 0px 0px 0px; padding:0px; width:326px; height:186px; background-color:#ccc; border:3px double #000;}
.picsSmall { margin:10px 0px 0px 0px; padding:0px; width:326px; height:auto; border:3px double #000;}
.picsMedium { margin:10px 0px 0px 0px; padding:0px; width:326px; height:auto; border:3px double #000;}
.picsLarge { margin:10px 0px 0px 0px; padding:0px; width:326px; height:auto; border:3px double #000;}

.res{ margin:10px auto 5px auto; padding:0px; width:306px; height:auto; text-align:left; color:#000; font-family:Arial; font-weight:normal; font-size:10px; line-height:10px; text-decoration:none;}
.resHeader{ margin:5px 0px 0px 0px; color:#1a1a1a; font-family:Arial; font-size:12px; line-height:15px; font-weight:bold; text-decoration:none;}
.res a:link { color:#2e8ae5; font-weight:bold; text-decoration:none;}
.res a:visited { color:#2e8ae5; font-weight:bold; text-decoration:none;}
.res a:hover { color:#e50073; font-weight:bold; text-decoration:none;}
.res a:active { color:#fff; font-weight:bold; text-decoration:none;}

.contact { margin:10px auto 0px auto; padding:0px; width:326px; height:auto;}
.formline {margin:0px 0px 8px 0px; padding:0px; width:265px; text-align:left; color:#1a1a1a; font-family:Arial; font-weight:bold; font-size:10px; line-height:10px; text-decoration:none;}
.textfield { float:none;}
.clearfix::after { content:""; clear:both; display:table;}
input { font-family: Arial; font-size:12px; border-width:1px; border-style:solid; border-color:#2e8ae5; background-color:#f2f2f2; color:#000;}
input.finish { font-size:10px; font-weight:bold; cursor:pointer;}
select { font-family: Arial; font-size:12px; border-width:1px; border-style:solid; border-color:#2e8ae5; background-color:#f2f2f2; color: #000;}
textarea { font-family: Arial; font-size:12px; border-width:1px; border-style:solid; border-color:#2e8ae5; background-color:#f2f2f2; color: #000;}

.clipRow { margin:8px auto 0px auto; padding:0px; width:320px; text-align:center;}
img.clip { margin:0px 10px 10px 0px; padding:0px; width:155px; height:87px; border:2px solid #2e8ae5; border-radius:20px 8px 20px 8px; display:inline; float:left; clear:none;}
img.clip:link { border-color:#2e8ae5;}
img.clip:visited { border-color:#2e8ae5;}
img.clip:hover { border-color:#e50073; border-width:4px;}
img.clip:active { border-color:#fff; border-width:4px;}
img.clip2 { margin-right:0px;}
img.clip3 { clear:left;}

.thums { margin:0px auto 0px auto; padding:0px; width:auto; text-align:left;}
.footer { margin:0px auto 20px auto; padding:0px; width:320px; text-align:left; float:none; clear:both;}
.copyright { margin:0px; padding:0px; text-align:left; color:#2e8ae5; font-family:Arial; font-weight:normal; font-size:10px; text-decoration:none; line-height:10px;}

.nextArrow{ width:48px; height:24px; background:url("../img/arrow_next.png") no-repeat 0 0; overflow:hidden; font-size:0px; line-height:0px; display:inline; float:right; clear:none;}
.nextArrow:hover { background-position: 0 -24px;}
.nextArrow:active { background-position: 0 -48px;}

.prevArrow{ width:48px; height:24px; background:url("../img/arrow_prev.png") no-repeat 0 0; overflow:hidden; font-size:0px; line-height:0px; display:inline; float:left; clear:none;}
.prevArrow:hover { background-position: 0 -24px;}
.prevArrow:active { background-position: 0 -48px;}

.sfm {width:320px; height:180px;}





@media only screen and (min-width:640px){
	img.nav { width:50px;}
	img.toe { width:25px;}
	.header{ width:640px; font-size:14px; line-height:14px;}
	.buttons { padding:8px 0px 8px 0px; height:30px; font-size:14px; line-height:14px;}
	.banner { width:640px;}
	.clipRow { width:640px;}
	img.clip  { margin:0px 9px 10px 0px; width:153px; height:86px;}
	img.clip3 { clear:none;}
	.footer { width:640px;}
	video { width:646px; height:366px;}
	.picsSmall { width:auto;}
	.picsMedium { width:636px;}
	.picsLarge { width:646px;}
	.res { width:546px; font-size:12px; line-height:16px;}
	.resHeader{ font-size:14px; line-height:20px;}
	.contact { width:400px;}
	.formline { margin:0px 0px 15px 0px; width:auto; font-size:12px; line-height:14px;}
	.textfield { float:right;}
	input.finish { font-size:12px;}
	.sfm {width:640px; height:360px;}
}

@media only screen and (min-width:800px){
	.header{ width:800px;}
	.banner { width:800px;}
	.clipRow { width:800px;}
	img.clip  { margin:0px 9px 10px 0px; width:193px; height:108px;}
	.footer { width:800px;}
	.res { width:700px;}
	video { width:806px; height:456px;}
	.picsSmall { width:auto;}
	.picsMedium { width:auto;}
	.picsLarge { width:800px;}
	.sfm {width:800px; height:450px;}
}

@media only screen and (min-width:1280px){
	.alone { width:1286px; height:726px;}
	.sfm {width:1280px; height:720px;}
}