/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
div#header {
margin-top:.7em;
background-color:#fff;
}

ul.contact-info {
text-align:right;
margin-right:1em;
}

ul.contact-info li {
margin:.3em 0;
}

div#middle-container {
text-align:center;
background-color:#EEDEBD;
}

div#middle-heading {margin-top:2em;}

div#navigation {
background:#666699;
}

ul.nav {
margin:.7em 0;
}

ul.nav li {
display:inline;
margin:0 0 0 1%;
padding-right:1%;
border-right: 1px solid #fff;
}

ul.nav li a:link {color:#fff;text-decoration:none;font-size:1.2em}
ul.nav li a:visited {color:#fff;text-decoration:none;font-size:1.2em}
ul.nav li a:hover {color:#fff;text-decoration:underline;font-size:1.2em}
ul.nav li a:active {color:#fff;text-decoration:none;font-size:1.2em}

.content-pad {
width:95%;
margin-top:.7em;
margin-left:2.5%;
}

.quote-pad {
width:90%;
margin-top:2em;
margin-bottom:2em;
margin-left:5%;
padding-top:2em;
padding-bottom:2em;
}

div#footer {
font-size:.9em;
color:#fff;
}

div#footer a:link{color:#fff}
div#footer a:visited{color:#fff}
div#footer a:hover{color:#fff}
div#footer a:active{color:#fff}

/* #Page Styles
================================================== */
div#main-section {
background-color:#FBF9F4;
margin-bottom:.7em;
}

div#bottom-third {
background-color:#fff;
}

div.quote-box {
background-color:#666699;
color:#fff;
margin:1em;
font-size:1.4em;
text-align:center;
}

div#forms-box {
width:90%;
margin-left:4.5%;
background-color:#C6BFD6;
border:2px solid #676799;
margin-bottom:1em;
}

div#services-list {
background-color:#EEDEBD;
}

ul.services-list li {
margin:.3em 0;
}

li.list-title {
font-weight:bold;
font-size:1.2em;
list-style-type:none;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	div#logo {margin:auto;}
	div#contact-info ul.contact-info {text-align:center;}
	div#middle-heading {margin-top:1em;margin-bottom:1em;}
	div#footer {font-size:.9em;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	div#logo {margin:auto;}
	div#contact-info ul.contact-info {text-align:center;}
	div#middle-heading {margin-top:1em;margin-bottom:1em;}
	div#footer {font-size:.8em;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/