/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*----------- apply a natural box layout model to all elements --------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*-----BODY -----*/
body {
	font-size: 16px;
        font-family: 'Roboto Slab', serif;
    }


/*-----CONTAINER -----*/
#container {
	background-color:white;   /*becomes the nav background color*/
	min-width: 320px;
        max-width: 975px;
}

/*-----HEADER -----*/
header {
        color:white;
	padding:5px;
        background: rgb(0,0,0); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(130,166,220,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(130,166,220,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(130,166,220,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(130,166,220,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(130,166,220,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(130,166,220,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#82a6dc',GradientType=0 ); /* IE6-9 */
}

header h1 {
    color:white;
	padding:2px 5px 5px 5px;
	font-size:2.5em;
        font-family: 'Playfair Display SC', serif;
    }

header h2 {}

header.headerImg {
	width:10%;
	margin-right:5px;
	float:left;
}

.headerPhone {
    display:none;
    }
    
.contactHeader {
    display:none;
    }

/*-----NAVigation -----*/
button#showPhoneNav {
	color: #FFF;
	font-weight:600;
	display: block;
	border: 1px #222 solid;
	border-radius: 10px; 
	margin: 2%;
	padding: .75em 0; 
	width: 96%;
	background: rgb(34,47,64); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(34,47,64,1) 0%, rgba(119,119,130,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,47,64,1)), color-stop(100%,rgba(119,119,130,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222f40', endColorstr='#777782',GradientType=0 ); /* IE6-9 */
}


ul#myNav {
	display: none;	
    }

nav ul {
	border: 1px #ccc solid;
	border-radius: 14px; 
	margin: .5em 2%; 
	background-color: #f3f3f3; 
	box-shadow: 0 0 5px #666;
}

nav ul li a {
	display:block;
	text-align:center;
	padding: .6em;
	border-top: 1px #cccccc solid;
	color:#666;
	text-decoration:none;
	font-weight: 600;
    height:40px;
    }

nav ul li:first-child a {border-top: none;}

nav ul li.selected a {
	color: #82A6DC;	
}

 	
ul li.icons {
	display:none;
}

/*-----CONTENT -----*/
#content {
	min-height: 15em;
	padding: .5em 0;
        }

.pllc {
    font-size:20px;
    margin-left:.5em;
    }

h2 { 
    font-size:1.5em;
    margin-top:.5em;
    margin-bottom:.5em;
    padding-left:1em; 
    color:#B82A25;
    }
    
    
p {
    margin:1em 0.25em;
    padding: 0 2em;
    line-height:1.25em;
    }
    
p.catchPhrase {
    font-style:italic;
    font-size:1em;
    width:75%;
    float:right;
    text-align:center;
        }



img.mainImg {
	width:100%;}

img.bioImg {
    width:40%;
    margin: 2em 2%;
    float:right;
    }


 /* -------- Bottom Section Area ---------- */   
section {
        width:100%;
    }
        
div.help {
    margin:2%;
    display:block;
    border:2px inset black;
    background:#8FB2DF;
    }
        
    
div.buttonDiv {
    margin:2%;
    display:block;
    border:2px inset black;
    background:#8FB2DF;
    }
    
div.reviewBox {
    margin:2%;
    display:block;
    border:2px inset black;
    background:#8FB2DF;
    }
        
    ul.topics {
        list-style-type:disc;
        margin-left:4em;
        margin-bottom:1em;
    }
    
    a.formLink {
        text-decoration:none;
        color: #f6f6f6;
        font-weight:600;
        display: block;
        border: 1px #222 solid;
        border-radius: 10px; 
        margin: 10%;
        padding: .75em 0; 
        width: 80%;
        text-align:center;
        background: rgb(34,47,64); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(34,47,64,1) 0%, rgba(119,119,130,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,47,64,1)), color-stop(100%,rgba(119,119,130,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(34,47,64,1) 0%,rgba(119,119,130,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222f40', endColorstr='#777782',GradientType=0 ); /* IE6-9 */
    }
    
    a.testimonialsLink {
        margin:1.5em;
        line-height:30px;
        color:#FFFFFF;
        }
        
    a.keepReadingLink {
        display:none;
        }
        
    p.keepReading {
    display:none;
        }               
            
    
    ul.topics li {
        margin-top:.5em;
    }
        
        /*-----COLUMNS -----*/
aside.right div.ad {
	width: 33.333%;
	padding: 1.5%;
	float: right;	
}
aside.right div.ad img {
	width: 100%;
}
aside.right h3 {
	text-align: center;	
	background-color: #b4ba6c;
}

        
        /*----------------------- FORM STUFF ---------------------------*/
form#Contact {
	margin: 1em 3%;
}

fieldset {
	background-color: #BBD3F2;	
	border-radius: .8em;
	margin: 1.5em 0;
	border: #000000 solid 1px;
	}

legend {
	margin-left: 6%;
	padding: .5em;
	border: #917a56 solid 1px;
	background-color: #f2eee7;
	border-radius: .4em;
}

textarea.accidentDescription {
    min-height:200px;
    background-color: #f4f2ef;
		color: #917a56;
		background-image:url(../images/ico_validation.png);
		background-position:4px -11px; /*shows the grey box*/
		background-repeat: no-repeat;
		padding:.3em 1em .3em 1em;
		border: solid 1px #b0aaa0;
		border-radius: 5px;
		font-size:.9em;
		width: 90%;
		max-width: 500px;
       
    }

div#thankyoutext {
    min-height:300px;
    background-color:#e6e6e6;
    padding:1.5em;
    }

/*this is the user instructions for each input. name,, address, email etc. */
label {
	display:block; /* forces a hard return and allows margin to be assigned*/
	margin: .5em;
        color: black;
	}

label span {
	display:block;
	font-size:.9em;
	
	padding-top: 1em;
	padding-bottom: .2em;
}

/*where the user enters their information*/
label input {
		background-color: #f4f2ef;
		color: #917a56;
		background-image:url(../images/ico_validation.png);
		background-position:4px -11px; /*shows the grey box*/
		background-repeat: no-repeat;
		padding:.3em 1em .3em 2em;
		border: solid 1px #b0aaa0;
		border-radius: 5px;
		font-size:.9em;
		width: 90%;
		max-width: 500px;
}

/*The input that currently has the focus*/
input:focus {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5) inset;	
}

/*identifies all required fields*/
input:required {
	background-position:4px -61px; /*shows the red star*/
}

/*Validation*/
input:focus:invalid {
  background-position:4px -111px; /*shows the yellow circle*/
}

/*Valid*/
input:required:valid {
  background-color: #fff;
  background-position: 4px -161px; /*shows the green check*/
}

textarea:required:valid {
  background-color: #fff;
  background-position: 4px -161px; /*shows the green check*/
}

.submitBtn {
	-webkit-appearance: none; /*remove the apple mobile default styling*/   
	color: #fff;
	border: solid 1px #111;
	border-radius:7px;
	width: 50%;
	margin:.5em 25%;
	font-size: 1em;
	padding: .6em;
	background: #3f3f3f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#272727)); /*Android*/
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Safari, Chrome*/
	background: -o-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Opera on Windows*/
	background: linear-gradient(to bottom,  #3f3f3f 0%,#272727 100%);
	box-shadow: 4px 4px 10px #666;
}


/*----- FOOTER -----*/
footer {
	clear: both;
	text-align: center;
	padding: 1em;
        color:white;
        background: #3d4547;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#272727)); /*Android*/
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Safari, Chrome*/
	background: -o-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Opera on Windows*/
	background: linear-gradient(to bottom,  #3f3f3f 0%,#272727 100%);
    }
    
a.footerPhone {
    text-decoration:none;
    color:#BBD3F2;
        
}


/*----- OTHER -----*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

figure img.testimonialsImg {
    width:40%;
    display:block;
    margin:2% 30%;
}

strong {
    font-weight:500;
    color:#ffffff;
}

.headerLogoImg {
    width:20%;
    float:left;
    margin-top:1%;
}