@charset "UTF-8";
/* CSS Document */
body {margin:0; padding:0;}
p {font-family: 'Open Sans', sans-serif; font-weight:300;}
.clear {clear:both;}


header {max-width:960px; width:100%; margin:0 auto; height:133px; background-color:white;}
header img {float:left;}
header img a {border:0; text-decoration:none;}
#clientlogin {display:block; width:90%; text-align:right; margin:0 auto; padding:10px 0 0 0; position:absolute; font-family:'Open Sans', sans-serif; font-size: 13px;}
#clientlogin a {color:#f67136; text-decoration:none}

nav {float:right; margin: 66px 20px 0 0;}
nav ul {padding:0; margin:0;}
nav ul li {display:inline-block; margin:0; padding:0 0 0 10px;}
nav ul li:first-child {padding-left:0;}
nav ul li a {font-family: 'Roboto Slab', serif; font-weight:300; color:#66607c; font-size:20px; text-decoration:none;}
nav ul li a:hover {color:#f67136;}

nav ul li a.active {color:#f67136; font-weight:400;}

.graphic {background-image:url(../images/graybar.gif); background-repeat:repeat-x; width:100%; position:relative;}
.imagearea {margin:0 auto; padding:0; max-width:960px; width:100%; background-repeat:no-repeat; background-size:contain; position:relative;}
.imagearea img {width:100%;}
.imageareatext {width: 65%; height:140px; bottom:0; right:10px; margin:-90px 0 0 30%; padding:0 0 50px 0;}

/*.imageareatext {width: 75%; height:140px; bottom:0; margin:-120px 0 0 4.5%; padding:0 0 22px 0;}
.imageareatext {width: 54%; height:140px; position:absolute; bottom:0; right:10px; margin:0; padding:0;}*/
.imageareatext h1 {font-family: 'Roboto Slab', serif; font-weight:400; color:#f67136; font-size:22px; padding:0; margin:0;}
.imageareatext p {font-family: 'Roboto Slab', serif; font-weight:300; color:#554f6a; font-size:15px; padding:0; margin:0;}

.page-contact-us .imageareatext {height:60px;}
.page-index .imageareatext {height:160px;}

.orangebar {background-color:#f67136; padding:0; margin:0; display:block;}
.orange {color:#f67136;}
.purple {color:#655f7b;}
.pagename {max-width:960px; width:100%; margin:0 auto; padding:6px 0;}
.pagename h1 {font-family: 'Roboto Slab', serif; font-weight:100; color:white; padding:0; margin:0 0 0 50px; font-size:32px; text-transform:uppercase;}
.pagename h2 {font-family: 'Roboto Slab', serif; font-weight:100; color:white; padding:0; margin:0 0 0 42px; font-size:32px;}

.main {background-color:#e8e6e7; margin:0; padding:0; height:auto; display:block;}
.content {max-width:960px; width:100%; margin:0 auto; padding:10px 0;}
.left {width:33%; float:left; padding:0 0 0 42px;}
.right {width:52%; float:right; padding:0 5% 0 0;}

.content p {font-size:13px; line-height:19px; margin:0;  padding:0 0 0 50px;}
.content .left p, .content .right p {padding: 0 0 10px 0;}
.content .left p {font-size:15px; font-weight:400; font-family: 'Roboto Slab', serif; color:#66607c; line-height:20px;}
.content .left p a {color:#66607c;}

/* custom css for our services page left column */
.page-our-services .content .left p {font-size:13px; font-weight:300; font-family:'Open Sans', sans-serif; color:#222222; line-height:19px;}

.content li {font-size:13px; line-height:19px; font-family: 'Open Sans', sans-serif; font-weight:300; margin:0 0 5px 7px;}
.content ul {margin:0 0 16px 0; padding:0 0 0 10px;}

.content h1, h2 {font-family: 'Roboto Slab', serif; font-weight:300; color:#f67136; padding:0; padding-left:50px;  text-transform:uppercase; margin:0;}
.content h1 {font-size:16px;}
.content h2 {font-size:16px; padding-top:10px;}
.content h3 {margin:0; padding:0;font-family: 'Roboto Slab', serif; font-weight:300; color:#f67136; }

.page-index .special {max-width:960px; width:100%; padding:0; margin:0 auto; font-size:11px; text-align:center; display:block;}
.special {display:none;}

.fa-lg {font-size:1.5em;}

footer {background-color:#d5d4d4; margin:0; padding:0 10px 10px 10px; height:auto;font-family: 'Open Sans', sans-serif; font-weight:600; display:block;}
footer p {margin:0 auto; max-width:960px; width:100%; text-align:right; padding:10px 0; font-size:14px;}
footer p a {color:#f67136;}
footer img {margin:0 0 -7px 0; border:none;}

/*accordion */
.ui-state-default {background:none;}
.ui-corner-all, .ui-state-active {border:none;}
.ui-widget-content {border:none; background:none;}
.ui-accordion .ui-accordion-content {padding:0;}
#accordion h3.ui-accordion-header {font-size: 32px; font-weight:300; outline:none;}
#accordion {padding:0 5% 0 50px;}
#accordion .left {padding-left:0; width:35.5%;}
#accordion .right {padding-right:0; width:58%;}
#accordion h1 {padding-left:0; font-size:24px}
.ui-state-default .ui-icon {background-image:url("../images/accordion2.gif");}
.ui-icon {width:25px; height:25px;}
.ui-icon-triangle-1-e {background-position:0 0;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {top:45%; left:0;}
.ui-accordion .ui-accordion-icons {padding-left:35px;}
.ui-icon-triangle-1-s {background-position:-25px 0;}

/* chart */
#chart th {font-family: 'Roboto Slab', serif; font-weight:400; font-size: 18px; margin:0; padding:10px 0 10px 30px;}
#chart p {margin:0; padding: 10px 0 10px 30px; color:white; font-size:17px; font-weight:300;}
#chart p a {color:white;}
.chart-one {background-color:white; font-family: 'Roboto Slab', serif; font-weight:400; color:black; padding:0; margin:0; font-size:17px;}
.chart-two {background-color:#b2afbd; padding:10px 0;}
.chart-three {background-color:#f78654; padding:10px 0;}
.chart-top .chart-three {background-color:#f57035;}
.chart-top .chart-two {background-color:#655f7b;}
.chart-top .chart-one, .chart-top .chart-two, .chart-top .chart-three {border-bottom:1px solid #f67136;}
.chart-top .chart-two, .chart-bottom .chart-two {background-image:url(../images/chart.png); background-repeat:no-repeat; background-position:left center;}



@media (max-width:800px) {
	.left, .right {float:none; width:90%; padding:0 5%;}
	.content p {font-size:14px; line-height:22px;}
	.pagename {width:100%;}
	.pagename h1, .pagename h2 {margin:0; padding:0 5%; width:90%;}
	header, .graphic, .content {width:100%;}
	.graphic {background-image:url(../images/graybar2.gif);}
	.imagearea {width:100%; background-size: 130%; background-position:center top;}
	.imageareatext, .page-contact-us .imageareatext, .page-index .imageareatext {width:85%; padding:0; height:auto; position:relative; margin:-20px auto 0 auto;}
	.imageareatext p {padding-bottom:10px;}
	.imageareatext h1 {font-size:18px;}
	header {height:auto;}
	nav ul li a {font-size:16px; line-height:18px;}
	nav ul li {width:24%; padding:0; text-align:center; vertical-align:middle;}
	nav {margin:0 auto; display:block;}
	header img {float:none; margin:0 auto; display:block;}
	nav {float:none;}
}

@media (max-width:600px) {
	.graphic {background-image:url(../images/graybar3.gif);}
	#accordion {padding:0 0 0 10px;}
	#accordion h3.ui-accordion-header {font-size:24px;}
	#accordion .left, #accordion .right {width:100%;padding:0;}
	.ui-accordion .ui-accordion-content {padding:0 10px 0 30px;}
	#chart p {font-size:15px; padding:5px 5px 5px 15px;}
	#chart th {padding-left:15px;}
	.chart-one {font-size:14px;}
	.chart-top .chart-two, .chart-bottom .chart-two {background-image:url(../images/chart2.png);}
	#clientlogin {text-align:center; width:100%;}
	
}