@charset "utf-8";
body {
	font: 100%/2 'Raleway', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */

.mainpic {
	float: right;
	padding: 0px;
	margin: 10px 10px 5px 20px;
	color: white;
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
}

.content ul, .content ol, .content dl{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
	border-top:1px solid #ccc;
	padding: 0 0 25px 0;
	margin: 0 10px;
}

.content li{
	line-height: 2em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
}

#double li	{ width:50%;		}
#triple li	{ width:33.333%;	}
#quad li	{ width:25%;		}
#six li		{ width:16.666%;	}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	font-weight: 300;
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

p {
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

strong {
	font-weight: 500;	
}

a img {
	border: none;
}

a:link {
	color: #414958;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

a.whitelink:link {
	color: #ffffff;
	text-decoration: underline; 
}

a.whitelink:visited {
	color: #ffffff;
	text-decoration: underline;
}
a.whitelink:hover, a.whitelink:active, a.whitelink:focus {
	text-decoration: none;
}

/* ~~ NAVIGATION CSS ~~ */

.nav ul
{
	
}

.nav li {
	padding-left: 20px;
	margin: 0 0 0 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;	
}

.nav a:link {
	color: #000;
	text-decoration: none;
}
.nav a:visited {
	color: #000;
	text-decoration: none;
}
.nav a:hover, .nav a:active, .nav a:focus {
	color: #060;
	text-decoration: none;
}

.active { /* for stickyNavbar */
    color: #060 !important;
    text-decoration: underline !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.navbar-container {
	border-bottom: 1px solid #060;
	border-top: 1px solid #EEE;
	text-align: left;
	min-width: 740px;
	width: 100%;	
	background-color: #fff;
}

.navbar-constrain {
	padding: 5px 0;
	margin: 0 auto;	
	width: 80%;
	min-width: 740px;
	max-width: 980px;
}

/* ~~ CONTAINERS ~~ */

.container {
	width: 100%;
	min-width: 740px; 
	background-color: #000;
}

.constrain {
	padding: 10px 0;
	margin: 0 auto;	
	width: 80%;
	min-width: 740px;
	max-width: 980px;
}

.header {
	background-color: #FFF;
}


.content {
	padding: 0;
	background-color: #FFF;
}

.content2 {
	padding: 0 0 25px 0;
	background-color: #D0F0D0;	
}

.quote {
	padding: 0;
	color: #fff;
	background-color: #060;	
}

.foot {
	padding: 0;	
}


/* ~~ FOOTER ~~ */

.address {
	text-align: right;
	color: #fff;
}

.phone {
	color: #fff;	
}

.footer {
	padding: 0 0;
	background-color: #060;
}



/* FLOAT/CLEAR */

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}