html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}

body { background-color: rgb(48,48,48); background-image: url(bg.jpg); color: rgb(255, 255, 255); font-size: 0; font-family: 'Baloo 2', cursive; }

img{ background-color:rgb(37, 37, 37); border:0 none;}

li{ list-style-type:none; }

a { color: rgb(255, 255, 255); text-decoration: none; }

h1 { color: rgb(255, 255, 255); text-shadow: 1px 1px 0 rgb(19, 19, 19); margin: 10px 5px 0 5px; display: block; line-height: 24px; font-size: 22px; font-weight: normal; }

.anna { background-color: rgb(62, 62, 62); background: linear-gradient(to bottom,rgb(210, 167, 112),rgb(10, 8, 0)); border: 1px solid rgb(47, 31, 1); outline: 1px solid rgb(53, 39, 0); box-shadow: 0 10px 20px -10px rgb(48,48,48); text-align: center; overflow: hidden; }
.samantha { display: inline-block; vertical-align: top; border-left: 1px solid rgb(39, 30, 9); border-right: 1px solid rgb(23, 17, 3); box-shadow: 0 0 0 1px rgb(35, 27, 4);  }
.samantha a { background-color: rgb(62, 62, 62); background: linear-gradient(to bottom,rgb(47, 37, 2),rgb(27, 16, 0)); color: rgb(253, 253, 253); display: block; height: 30px; font-size: 20px; line-height: 30px; text-transform: uppercase;  padding: 10px 20px; }
.samantha a span { color: rgb(255, 227, 0); }

.caroline { margin: 0 auto; text-align: center; width: 100%; }

.genesis { text-align:center; width: 100%; overflow: hidden; padding: 2px 0 20px 0; }
.alice { width: 50%; float: left; position: relative; overflow: hidden; color: rgb(56, 44, 13);  box-shadow: 0 10px 20px -10px rgb(48,48,48); }
.alice a { display: block; background-color: rgb(45, 40, 0); margin: 2px 1px 0 1px; overflow: hidden; }
.alice a:hover { background-color: rgb(97, 90, 62); background: linear-gradient(to bottom,rgb(167, 154, 116),rgb(82, 71, 55)); color: rgb(255,131,4); }
.alice img { width: 100%; height: auto; max-height: 330px; }
.alice a:hover .aaliyah { background-color: rgb(94, 86, 58); background: linear-gradient(to bottom,rgb(167, 154, 116),rgb(82, 71, 55)); }
.aaliyah { background-color: rgb(121, 88, 0); border: 1px solid rgb(47, 35, 1); margin: 1px; padding: 1px; overflow: hidden; }
.alice .kennedy { font-size: 12px; text-transform: uppercase; display: block; overflow: hidden; height: 40px; text-shadow: 1px 1px 0 rgb(48,48,48); padding: 0 5px; line-height: 40px; text-align: left; }
.kinsley li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; font-size: 16px; text-transform: uppercase; }
.kinsley li a { color: rgb(255, 255, 255); text-shadow: 1px 1px 0 rgb(48,48,48); }
.kinsley li a:hover, .kinsley li.active a { color: rgb(255,255,255);  }

.maya .allison { color: rgb(101, 82, 42); border-left: 1px solid rgb(84, 79, 61); box-shadow: -1px 0 0 0 rgb(35, 30, 20); text-transform: uppercase; padding: 0 10px; float: right; line-height: 18px; margin: 6px 0; height: 18px; font-size: 12px; text-shadow: 1px 1px 0 rgb(48,48,48); }
.maya .allison span { color: rgb(251,242,239); }
.maya:hover .allison { border-left-color: rgb(86, 79, 51); box-shadow: -1px 0 0 0 rgb(87,50,27); color: rgb(93, 75, 10); }



.sarah { box-shadow: 0 -1px 0 0 rgb(12,10,8); border-top: 1px solid rgb(52,50,48); margin: 20px 1px 0 1px; padding: 20px 5px; font-size: 16px; }
.sarah span { color: rgb(255, 156, 0); }
.sarah a { color: rgb(255, 157, 69); text-decoration: underline; }
.sarah a:hover { text-decoration: none; }

.madelyn { overflow: hidden; }
.adeline { text-align: center; padding-bottom: 10px; }
.adeline li { background-color: rgb(97, 62, 4); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 30px; height: 30px; line-height: 30px; }
.adeline li a { display: block; }
.adeline li a:hover, .adeline li.active a { background-color: rgb(103, 68, 6); }
.alexa li { width: auto !important; text-transform: uppercase; -webkit-border-radius: 10px; border-radius: 10px; }
.alexa li a { padding: 0 20px; -webkit-border-radius: 10px; border-radius: 10px; }


.ariana { color: rgb(101,49,38); box-shadow: 0 10px 20px -10px rgb(48,48,48); width: 50%; float: left; position: relative; overflow: hidden; }
.ariana a { display: block; background-color: rgb(45,0,5); margin: 2px 1px 0 1px; overflow: hidden; }
.ariana a:hover { background-color: rgb(94,60,58); background: linear-gradient(to bottom,rgb(94,60,58),rgb(40,27,7)); color: rgb(255,255,255); }
.ariana img { width: 100%; height: auto; max-height: 330px; }
.ariana a:hover .aaliyah { background-color: rgb(94,60,58); background: linear-gradient(to bottom,rgb(94,60,58),rgb(40,27,7)); }

.elena { border-top: 1px solid rgb(48,48,48); box-shadow: 0 -1px 0 0 rgb(48,48,48); margin-top: 1px; text-align: center; padding-bottom: 10px; }
.gabriella { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.gabriella-2, .gabriella-3, .gabriella-4, .gabriella-5 { display: none; }
.naomi { border-top: 1px solid rgb(48,48,48); }



@media screen and (min-width: 450px) {
	.adeline { padding-bottom: 0; }
    .adeline ul { overflow: hidden; display: inline-block; vertical-align: top; -webkit-border-radius: 10px; border-radius: 10px;}
    .adeline li { display: block; float: left; margin: 0; width: 55px; height: 50px; line-height: 50px; font-size: 16px; }
}
@media all and (min-width:492px) {
    .alice, .ariana { width: 33.3333%; }
}
@media screen and (min-width: 672px) {
    .gabriella-2 { display: inline-block; }
	}
	
@media all and (min-width:738px) {
    .alice, .ariana { width: 25%; }
}

@media all and (min-width:1012px) {
    .anna { margin: 10px 1px 0 1px; }
    .samantha { float: left; }
    .samantha a { height: 40px; font-size: 24px; line-height: 40px; padding: 10px 20px; }
.kinsley { float: left; text-align: left; padding: 20px 0 20px 10px; }
.kinsley li { text-align: center; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgb(31,22,19); box-shadow: 1px 0 0 0 rgb(71,62,59); }
    .caroline { width: 992px; }
    .genesis { padding-top: 8px; }
    .alice { width: 246px; margin: 2px 1px 0 1px; }
    .alice img { width: 240px; height: 320px; max-height: 320px; }
    .alice .kennedy { font-size: 14px; padding: 0 10px; }
    .ariana { width: 20%; }
}

@media all and (min-width:1260px) {
    .caroline { width: 1240px; }
    .ariana { width: 16.6666%; }
	    .gabriella { margin: 10px 1px 0 1px; }
    .gabriella-3, .gabriella-4 { display: inline-block; }
}

@media all and (min-width:1508px) {
    .caroline { width: 1488px; }
    .ariana { width: 12.5%; }
	.gabriella { margin: 10px 5px 0 5px; }
    .gabriella-5 { display: inline-block; }
}