﻿
body{
	margin:0; 
	padding:0;
	background:#0a9689 url(../images/bg.jpg);
	font-size:0.813em;
	font-family: sans-serif;
}

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}




/* ! layout elements */

.container {
	width:940px;
	margin:0 auto;
	display:block;
}


.header {
	position: relative;
	z-index: 500;
	background:url('../images/bgHeader.png');
}

.header > .container {
	padding:20px 0;
}

.logo {
	padding:20px 0;
	width:176px;
	height:98px;
	display:block;
	background-size:100% 100%;
}

.logo {
	background-image:url('../images/pinnacleLogo.svg');
}

.no-svg .logo {
	background-image:url('../images/pinnacleLogo.png');
}

.logo h1 {
	display: none;
}

.nav, .slogan {
	width:100%; 
	height:53px;
	background:#ff8e13 url(../images/navBg.jpg) 0 bottom repeat-x;
	border:2px solid #fff;
	border-width: 2px 0;
	position: relative;
}

.slogan {
	height:auto;
	text-align: center;
	color:#fff;
	text-transform: uppercase;
	font-family: "times",serif;
	position: relative;
	height:40px;
	line-height: 38px;
	font-size: 1.231em;
	letter-spacing: 3px;
}

.slogan:after, .slogan:before, .nav:after {
	content:'';
	width:100%;
	height:22px;
	display:block;
	overflow: hidden;
	background:url(../images/shadow.png) center -22px no-repeat;
	position: absolute;
	left:0%;
}
	
.slogan:after, .nav:after {
	bottom:-24px; 
}

.slogan:before {
	top:-24px; 
	background-position: 0 0;
}

.footer {
	margin-top:-100px;
}

.footerLinks {
	color:#525252;
	text-align: center;
	margin:2em 0;
	font-size:
}

.footerLinks a {
	color:#525252;
	border-left:1px solid #525252;
	padding:0 0 0 0.5em;
	margin:0 0 0 0.5em;
}

.footerLinks a:hover {
	color:#d0ece9;
}

.contentArea, .homeArea {
	position: relative;
}

.curve {
	position: relative;
	background:url(../images/curve.png) center bottom no-repeat;
	width:100%;
	display:block;
	height:180px;
	margin:-40px auto 0 auto;
	z-index: 100;
}

.contentArea .container{
	padding-bottom:60px;
	background:#fff url(../images/shadowLeft.jpg) 210px -40px no-repeat;
}


.main {
	min-height: 400px;
	margin:0;
	position: relative;
	width: 700px;
	padding:30px 45px;
	float:left;
	line-height: 1.4em;
}


.banner {
	display: block;
	margin:0 auto;
	width:940px;
}

.aside {
	width:240px;
	float:left;
	padding:30px 24px;
}

.aside ul, .aside li {
	list-style: none;
	margin:0;
	padding:0;
}

.aside li a {
	position: relative;
	text-decoration: none;
	color:#373737;
	display:block;
	padding:7px 7px 7px 14px;
	border-bottom:1px solid #e3e3e3;
}

.aside li a:before {
	content:'';
	position: absolute;
	top:9px;
	left:0;
	display: block;
	width:0;
	height: 0;
	border:5px solid;
	border-color: transparent transparent transparent #b7b7b7;
}

.aside li a:hover, .aside li.selected a {
	color:#14a297;
}

.aside li a:hover:before, .aside li.selected a:before {
	border-color: transparent transparent transparent #14a297;
}


.col4 {
	width:220px;
	margin-left:20px;
	float:left;
}

.col4:first-child {
	margin-left:0;
}





/* ! main nav styles */

.nav {
	font-size:1.154em;
	-moz-box-sizing:content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
	height:auto;
}

.nav * {
	-moz-box-sizing:content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
}

.nav ul {
	margin:0;
	padding:0;
	list-style: none;
}

.nav a {
	text-decoration: none;
	color:#693604;
	border-left:1px solid #ffb15c;
	border-right:1px solid #db770f;
	height:35px;
	padding:5px 10px;
	display: inline-block;
	cursor: pointer;
}

.nav .rmRootGroup > li:hover a {
	color:#fff;
}

.nav a:hover, .nav a.rmExpanded {
	background-image:url(../images/navBgInv.jpg);
	color:#fff; 
}

.nav .rmGroup {
	border:2px solid #fff;
	background: #fc922d;
}

.nav .RadMenu, .nav ul.rmRootGroup {
	float:none;
}

.nav .RadMenu a.rmLink {
	cursor: pointer;
	padding:7px 10px;
	color:#693604;
	float:none;
}

.nav .RadMenu .rmGroup .rmItem {
	background: #fc922d;	
	width:100%;
	display: block;
	float:none;
	border-top:1px solid #fff;
}

.nav .RadMenu .rmGroup a.rmLink {
	line-height: 1em;
	height:auto;
	/*padding:10px 10px 10px 20px;*/
	padding:0;
	background: #fc922d;
	border:0;
	position: relative;
	color:#fff;
	cursor: pointer;
	font-size:0.85em;
	min-width:150px;
}


.nav .RadMenu .rmGroup a.rmLink:after{
	content: '';
	border:5px solid;
	border-color: transparent transparent transparent #fff;
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top:10px;
	left:8px;
	z-index: 100;
}

.nav .RadMenu .rmGroup a.rmLink:hover {
	background: #f07701;
}

.nav .rmText, .nav .RadMenu .rmGroup .rmText {
	padding:0;
	margin:0;
	display:inline-block;
	width: auto;
	position: relative;
	cursor: pointer;
	float: none;
	white-space: normal;
}

.nav .RadMenu .rmHorizontal .rmText {
	padding:0;
}

.nav .RadMenu .rmGroup .rmText {
	padding:10px 10px 10px 20px;
}


.nav1, .rmRootGroup > .rmFirst {width:68px;border-left:1px solid #db770f;}
.nav2 {width:118px}
.nav3 {width:113px}
.nav4 {width:118px}
.nav5 {width:148px}
.nav6 {width:98px}
.nav7 {width:142px}
.nav8, .rmRootGroup > .rmLast {width:128px;border-right:1px solid #ffb15c;}

/*! bottom quick links */

.linkBlock {
	border-radius:5px;
	background:#fff;
	color:#6b6b6b;
	position: relative;
	z-index: 200;
	margin-bottom:80px;
	height:250px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3)
}

.linkBlock h3, .linkBlock p{
	margin:10px 10px;
	display:block;
}

.linkBlock > img:first-child {
	border-radius:5px 5px 0 0;
}

a.more, .quicklinks .form input.button {
	display: block;
	background:#333 url(../images/bgDark.png);
	padding:7px; 
	width:200px;
	color:#fff;
	position: absolute;
	bottom:10px;
	left:10px;
	border-radius: 3px;
	text-decoration: none;
	text-transform: uppercase;
	
}

a.more:after, .quicklinks li a:after, .quicklinks .form input.button:after {
	content:'';
	border:5px solid;
	border-color:transparent transparent transparent #fff;
	display: block;
	width:0;
	height: 0;
	position: absolute;
	right:7px;
	top:9px;
}

a.more:hover {
	background:url(../images/bg.jpg);
}

.quicklinks {
	color:#fff;
	position: relative;
	z-index: 200;
	height:250px;
}

.quicklinks ul, .quicklinks li {
	margin: 0;
	padding:0;
	list-style: none;
}

.quicklinks ul {
	border-bottom:1px solid;
	border-bottom-color: #168277;
	border-bottom-color: rgba(0,0,0,0.3);
	border-top:1px solid;
	border-top-color: #55bab0;
	border-top-color: rgba(255,255,255,0.3);
}

.quicklinks ul.form {
	border:0;
}

.quicklinks li a {
	font-family: "Georgia",serif;
	position: relative;
	color:#fff;
	text-decoration: none;
	font-size: 1.385em;
	text-transform: uppercase;
	display:block;
	padding:5px 0;
	border-top:1px solid;
	border-top-color: #168277;
	border-top-color: rgba(0,0,0,0.3);
	border-bottom:1px solid;
	border-bottom-color: #55bab0;
	border-bottom-color: rgba(255,255,255,0.3);
}

.quicklinks li a:hover {
	color: #d0ece9;
}

.quicklinks li a:after {
	top:11px;
}

.quicklinks li a:hover:after {
	border-left-color: #d0ece9;
}


.quicklinks .form h4{
	font-size: 1.538em;
	font-weight: normal;
	margin:20px 0 0px 0;
}

.quicklinks .form input[type='text'] {
	background:#14a092 url(../images/bg.jpg);
	border:1px solid;
	border-color: #168277;
	border-color: rgba(0,0,0,0.3);
	color:#0b514a;
	margin:5px 0;
	padding:4px;
	display:block; 
	width:100%;
}

.quicklinks .form input[type='text']:focus {
	border-color:#0b514a;
	outline: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2)
}

.quicklinks input::-webkit-input-placeholder {
   color: rgba(0,0,0,0.35);
}

.quicklinks input:-moz-placeholder {  
   color: rgba(0,0,0,0.35);
}

.quicklinks .form input.button {
	border:0;
	width:100%;
	margin:0;
	text-align: left;
	position: absolute;
	left:0; 
	background:url(../images/join.png) right center;
}



/* ! Form styles */


.pbForm, .quote {}

.form ul, .form li {
	list-style: none;
	padding:0;
	margin:0;
}

input[type="text"], textarea {
	border:1px solid #ccc;
	padding:10px;
	border-radius: 2px;
	width:100%;
	display: block;
	box-shadow: -1px 1px 3px rgba(0,0,0,0.2) inset;
}

input[type="text"]:focus, textarea:focus {
	border-color:#333;
	outline:none; 
}

input[type="submit"] {
	border:0;
	color:#ffffff;
	text-align: center;
	text-transform: uppercase;
	margin:5px 0;
	background-color:#fa902b;
	width:140px;
	padding:8px 0;
	border-radius: 2px;
	background: #e76418;
	background: -moz-linear-gradient(left, #e76418 0%, #f68c27 20%, #f68c27 80%, #e76418 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e76418), color-stop(20%,#f68c27), color-stop(80%,#f68c27), color-stop(100%,#e76418));
	background: -webkit-linear-gradient(left, #e76418 0%,#f68c27 20%,#f68c27 80%,#e76418 100%);
	background: -o-linear-gradient(left, #e76418 0%,#f68c27 20%,#f68c27 80%,#e76418 100%);
	background: -ms-linear-gradient(left, #e76418 0%,#f68c27 20%,#f68c27 80%,#e76418 100%);
	background: linear-gradient(to right, #e76418 0%,#f68c27 20%,#f68c27 80%,#e76418 100%);
}

input[type="submit"]:active {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) inset;
}

.form .item, {
	padding:5px 0;
}

.form .labelheading {
	color:#fa902b;
	font-weight: bold;
	margin-top:1em;
	display: block;
}

.form .YourDetails .labelheading {
	margin-top:0;
}

.form .label {
	display:inline-block;
	width:95px;
	float:left;
	clear:left;
}

.form .field {
	display:inline-block;
	width:305px;
}

.form .Message .label {
	display:none;
}

.form .Message .field {
	width:400px
}

.subscribe .label {
	display:none;
}

.subscribe .form .field {
	width:100%;
}


.subscribe .received {
	padding: 1em 0;
	display: block;
}

.subscribe .errors {
	position: absolute;
	right: -130px;
	width: 120px;
	border: 0;
}

.checkboxlist {
	width:100%;
}

.checkboxlist input[type='checkbox'] {
	display:none;
}

/* ! QUOTE FORM */

.Industry .checkboxlist {
	margin:10px 0;
}

.Industry .checkboxlist td {
	width:33%;
}

.quoteForm .item {
	margin:0 0 1.5em 0;
}

.quoteForm .form .label {
	display:block;
	float:none;
	width:100%;
}

.quoteForm .form .field {
	display:block;
	float:none;
	width:100%;
}

.quoteForm .checkboxlist td {
	width: 33%;
	vertical-align: top;
	background: #E7E7E7;
	border: 2px solid white;
}

.quoteForm .checkboxlist label {
	display:block;
	padding:10px 10px 10px 40px;
	background:#e7e7e7 url(../images/spritesForm.png) 11px -81px no-repeat;
	cursor: pointer;
}

.quoteForm .checkboxlist label:hover {
	background-color:#f1f1f1;
}

.quoteForm .checkboxlist label.checkYes {
	background-position: 10px 8px;
	background-color:#f1f1f1;
}









/* ! TEMPLATE SPECIFIC STYLES */

.wide .main {
	width:100%;
	float: none;
}

.wide .container {
	background-image:none;
}


.homeArea {}

.homeArea .slide {
	width:700px;
	height:395px;
	display:block;
	overflow: hidden;
	float:left;
}

.homeArea .intro {
	background:url(../images/bgOrange.png);
	display: block;
	float:right;
	width:240px;
	padding:20px;
	color:#fff;
	height:395px;
	font-size:1.615em;
	font-family: "Georgia", Georgia, serif;
	line-height: 1.3em;
}

.homeArea .intro p {
	margin:0;
	padding:14px 0;
	border-top:1px solid #fcba7c;
}

.homeArea .intro p:first-child {
	border-top:0;
}


.form .aside {
	padding:90px 24px 30px 24px;
}



/* pp login area */

.pp {
	position: relative;
	width: 320px;
	background: #fff;
	margin: 100px auto;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.pp h1 {
	text-align: center;
}

.pp label {
	margin: 10px 0 5px 0;
	display: block;
	color: #444;
}

.pp .riSingle {
	width:100%; 
	display: block;
	margin:0 0 6px 0;
}


.pp .riSingle input.riTextBox {
	border: 1px solid #999;
	border-radius: 0;
	box-shadow: none;
	padding: 6px;
	margin: 0;
	font-size:14px;
}	
	
.pp a.button{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: #109c8e;
	margin: 10px 0;
	text-decoration: none;
}
	
	