body {background-color:white;margin:0;padding:0;}
form {margin:0;padding:0;}
.tl {text-align:left;}
.tr {text-align:right !important;}
.tc {text-align:center;}
.dc {margin:0 auto;}
.b0 {border:0;}
.b1b {border:1px solid black;}
img {border:0;margin:0;padding:0;}
.p {cursor:pointer;}
table, table tr td, table tr th, table tr, tbody {margin:0;padding:0;border-spacing:0;}
.tdp1 td {padding:1px;}
.tdp2 td {padding:2px;}
.tdp3 td {padding:3px;}
.tdp5 td {padding:5px;}
.tdp10 td {padding:10px;}
.abs {position:absolute;}
.cb {clear:both;}
.fl {float:left;}
.fr {float:right;}
.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.abs {position:absolute;}

.pl15 {padding-left:15px;}
.pb15 {padding-bottom:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.p15 {padding:15px;}

* {font-family:Roboto,Arial;font-weight:400;}
a:link, a:visited {color:#FF028F;}
a:hover {color:#68696D;}

.agreementheading {background-color:silver;}
.pricebox img, .pricebox2 img {border:1px solid #EC268F;}
.pricebox {vertical-align: top;display:inline-block;width:260px;height:250px;text-align:center;}
.pricebox a, .pricebox2 a {display:block;}
.pricebox2 {vertical-align: top;display:inline-block;width:260px;height:520px;text-align:center;}
.pricebox .desc, .pricebox2 .desc {display:inline-block;width:250px;text-align:center;margin:0 auto;}


.required {display:none;}
.toplinks a:link, .toplinks a:visited {font-size:14pt;color:#68696D;font-family:Roboto,Arial;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.toplinks a:hover {font-size:14pt;color:#FF028F;font-family:Roboto,Arial;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.mainlogo {width:100%;height:auto;max-width:497px;max-height:68px;}
.headerfade {background-color:rgba(104,104,104,0.14);padding-right:25px;margin-bottom:20px;}
.desc {color:gray;font-size:10pt;}
.sw {max-width:800px;text-align:left;padding-left:10px;padding-right:10px;}
.sw2 {max-width:752px;padding-left:10px;padding-right:10px;}

.cpk {color:#EC268F;} /* Color: Pink */
.cbk {color:black;} /* Color: Black */
.clg {color:#999B9D;} /* Color: Light Gray */
.cdg {color:#333336;} /* Color: Dark Gray */
.cmg {color:#68696D;} /* Color: Medium Gray */

h1, h1 * {margin:0;padding:0;clear:both;font-size:25pt;font-weight:400;font-family:Syncopate,Roboto,Arial;color:#EC268F;}
h1 span {margin:0;padding:0;font-size:25pt;font-weight:400;font-family:Syncopate,Roboto,Arial;color:#000000;}
h2, h2 * {margin:0;padding:0;color:#FF028F;}
.navlinks {padding-top:25px;padding-bottom:20px;text-shadow: 0px 0px 2px #999B9D;font-size:14pt;color:#999B9D;}
.navlinks a {font-size:14pt;color:#EC268F;}
.navlinks a.on {color:#B82E7C;}
.navlinks .call {font-size:8pt !important;color:#999B9D;top:-10px;left:37px;white-space:nowrap;}

.r20 {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.cover {-webkit-background-size: cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.ease { -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.box {width:100%;max-width:300px;margin:10px;margin-left:0;background-color:white;padding:20px;box-shadow: 0px 0px 10px #888888;}

.toplinks {position:relative;z-index:1;padding-top:12px;padding-bottom:20px;text-shadow: 0px 0px 2px silver;font-size:14pt;color:#999B9D;}
.toplinks a {font-size:14pt;color:#FF028F;}
.toplinks a.on {color:#B82E7C;}
.toplinks .call {font-size:8pt;color:#999B9D;top:-10px;left:37px;white-space:nowrap;}


.textinput {
background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
    color: gray;
    font-size: 10pt;
    padding: 5px;
}
.textinput:focus {
    background-color: white;
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: 0 0 5px #007eff;
    color: gray;
    font-size: 10pt;
    padding: 5px;
}
.button {
	
    border: 0 none;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    color: white;
    cursor: pointer;
    font-family: "Roboto",sans-serif,Arial;
    font-size: 10pt;
    font-weight: normal;
    height: 31px;
    text-decoration: none;
    text-transform: uppercase;
}

.pink {
   /* fallback/image non-cover color */
   background-color: #FF6FC0;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF6FC0), to(#FE028E));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #FF6FC0, #FE028E); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #FF6FC0, #FE028E);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #FF6FC0, #FE028E);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #FF6FC0, #FE028E);
}
.pink:hover {
   /* fallback/image non-cover color */
   background-color: #DF479D;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DF479D), to(#A51B69));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #DF479D, #A51B69); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #DF479D, #A51B69);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #DF479D, #A51B69);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #DF479D, #A51B69);
}
.pink:active {
   /* fallback/image non-cover color */
   background-color: #A51B69;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A51B69), to(#931B5F));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #A51B69, #931B5F); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #A51B69, #931B5F);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #A51B69, #931B5F);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #A51B69, #931B5F);
}


.gray {
   /* fallback/image non-cover color */
   background-color: #FF6FC0;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B2B2B2), to(#828282));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #B2B2B2, #828282); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #B2B2B2, #828282);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #B2B2B2, #828282);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #B2B2B2, #828282);
}
.gray:hover {
   /* fallback/image non-cover color */
   background-color: #DF479D;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C8C8C), to(#595959));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #8C8C8C, #595959); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #8C8C8C, #595959);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #8C8C8C, #595959);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #8C8C8C, #595959);
}
.gray:active {
   /* fallback/image non-cover color */
   background-color: #A51B69;  /* background-image would go next */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5B5B5B), to(#4F4F4F));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #5B5B5B, #4F4F4F); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #5B5B5B, #4F4F4F);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #5B5B5B, #4F4F4F);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #5B5B5B, #4F4F4F);
}

.portfoliolinks {margin-top:10px;margin-bottom:10px;}
.portfoliolinks a {white-space:nowrap;font-weight:400;font-family:Syncopate,Roboto,Arial;}
.portfoliolinks a.on {white-space:nowrap;font-weight:400;font-family:Syncopate,Roboto,Arial;color:black;}




@media screen and (max-height: 584px) {
.homepage .homelogoimg {max-width:347px;max-height:36px;}
.homepage #calltxt {display:none;}
.homepage .toplinks {padding-top:2px;padding-bottom:20px;}
.homepage .toplinks, .homepage .toplinks a {font-size:10pt;}
}

@media screen and (min-height: 585px) {
.homepage .homelogoimg {max-width:520px;max-height:54px;}
.homepage #calltxt {display:inline-block;}
.homepage .toplinks {padding-top:12px;padding-bottom:20px;}
.homepage .toplinks, .homepage .toplinks a {font-size:14pt;}
}



@media screen and (min-width: 567px) {

.homenav {position:absolute;left:50%;width:50%;min-width:282px;}

.schoolphotos {position:absolute;margin-left:50%;top:5.5%;z-index:9999999999;}
.schoolphotosimgb {width:100%;height:auto;position: relative; left: -50%; }


.homelogo {position:absolute;float:none;width:49%;left:1%;top:1%;margin-left:0;margin-top:0;}
.homelogoimg {max-width:500px;width:100%;height:auto;max-height:163px;}
#headerspace {height:50px;}
.bridals {top:10%;left:1%;background: url('images/home/Wedding_Bridals_Photography.jpg') no-repeat center top;height:89%;width:48%;opacity:0.7;}
.family {top:10%;left:50%;background: url('images/home/Family_Photography_Utah.jpg') no-repeat center 30%;height:29%;width:49%;opacity:0.7;}

.newborn {top:40%;left:50%;background: url('images/home/Newborn_Infant_Baby_Photography.jpg') no-repeat center center;height:29%;width:49%;opacity:0.7;}
.maternity {top:70%;left:50%;background: url('images/home/Maternity_Photography.jpg') no-repeat center center;height:29%;width:49%;opacity:0.7;}
}


@media screen and (max-width: 566px) {

.homenav {width:100%;clear:both;text-align:center;}

.schoolphotos {position:absolute;top:15%;z-index:9999999999;}
.schoolphotosimgb {width:100%;height:auto;}

.toplinks {background-color:white;}
.homelogo {position:static;float:left;width:98%;margin-left:1%;margin-top:1%;}
.homelogoimg {max-width:520px;width:100%;height:auto;max-height:54px;}
#headerspace {height:1px;}
.bridals {top:20%;left:1%;background: url('images/home/Wedding_Bridals_Photography.jpg') no-repeat center top;height:79%;width:48%;opacity:0.7;}
.family {top:20%;left:50%;background: url('images/home/Family_Photography_Utah.jpg') no-repeat center 30%;height:26%;width:49%;opacity:0.7;}

.newborn {top:47%;left:50%;background: url('images/home/Newborn_Infant_Baby_Photography.jpg') no-repeat center center;height:25%;width:49%;opacity:0.7;}
.maternity {top:73%;left:50%;background: url('images/home/Maternity_Photography.jpg') no-repeat center center;height:26%;width:49%;opacity:0.7;}
}