* {
    margin:                             0;
    padding:                            0;
}

html, body, form {
    height:                             100%;
}

body {
    background:                         #ebe4dc url('../Images/Bg.jpg') no-repeat center top;    
    color:                              rgb(26,25,24);
    font:                               13px "Cabin", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

p#no-js {
    background:                         #ed0000;
    color:                              #FFF;
    padding:                            10px 0;
    text-align:                         center;
}

#wrapper {
    min-height:                         100%;
}

.container {
    margin:                             0 auto;
    width:                              980px;
}

.container:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

body#home #wrapper > .container {
    padding-top:                        178px;
}

/* Global Assets */

header, footer, article, section, nav {
    display:                            block;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
    padding:                            10px 0;
}

h1 {
    font-size:                          30px;
}

h2 {
    font-size:                          20px;
    padding-bottom:                     0;
}

h1:after, h2:after {
    color:                              rgb(0,174,239);
    content:                            '.';
}

h3 {
    font-size:                          14px;
    padding-bottom:                     0;
}

h3 + p {
    padding-top:                        0;
}

p {
    color:                              #656565;  
}

ul, ol {
    margin-left:                        25px;
}

ul {
    list-style:                         none;
}

ul li {
    background:                         url("../Images/ListItemBg.gif") no-repeat 0 5px;
    color:                              #656565; 
    padding-left:                       15px;
    padding-bottom:                     5px;
}

dl.phone dt {
    font-size:                          15px;
    text-transform:                     uppercase;
}

dl.phone dd {
    color:                              #fff;
    font-size:                          24px;
    font-weight:                        bold;
}

dl.contact-details {
    padding:                            10px 0;
}

dl.contact-details dt {
    color:                              #8d8c8c;
    font-size:                          20px;
    padding-bottom:                     5px;
}

dl.contact-details dd {
    color:                              #ffc000;
    font-size:                          24px;
    font-weight:                        bold;
}

blockquote {
    padding:                            10px 0;
}

blockquote p {
    color:                              #1a1918;
    font-size:                          24px;
    font-weight:                        bold;
    position:                           relative;
    text-indent:                        50px;
}

blockquote p:before, 
blockquote p:after {
    color:                              #ffc000;
    font-size:                          100px;
    line-height:                        100px;
    position:                           absolute;
}

blockquote p:before {
    content:                            '\201C';
    left:                               -50px;
    margin-top:                         -15px;
}

blockquote p:after {
    content:                            '\201D';
    margin-left:                        -40px;
}

blockquote cite {
    color:                              #000;
    font-size:                          13px;
    font-style:                         normal;
}

blockquote cite small {
    color:                              #656565;
    display:                            block;
    font-size:                          12px;
    font-style:                         italic;
}

table {
    border-collapse:                    separate;
    border-spacing:                     2px;
    margin:                             10px 0;
    width:                              100%;
}

table th, 
table td {
    background:                         #f7f4f1;
    font-weight:                        normal;
    padding:                            10px;
    text-align:                         center;
}

table th {
    color:                              #ffc000;
    font-size:                          26px;
    font-weight:                        bold;
}

table th[scope=row] {
    color:                              #656565;
    font-size:                          16px;
    font-weight:                        normal;
    text-align:                         left;
}

table tr:first-child th[scope=row] {
    color:                              #000;
    font-size:                          26px;
    font-weight:                        bold;
}

table tr:first-child th[scope=row]:after {
    color:                              #ffc000;
    content:                            '.';
}

table tr:nth-child(even) th, 
table tr:nth-child(even) td {
    background:                         #f3eeea;
}

table th.feature,
table tr:nth-child(even) th.feature, 
table td.feature, 
table tr:nth-child(even) td.feature {
    background:                         #ffc000;
    color:                              #FFF;
}

hr {
    border:                             2px solid #ebe4dc;
    border-width:                       2px 0 0;
    clear:                              both;
    height:                             0;
    overflow:                           hidden;
    margin:                             10px 0;
}

img, fieldset {
    border:                             0;
}

a {
    color:                              #1a1918;
	-ms-transition: 				    color 0.5s ease;
	-moz-transition: 				    color 0.5s ease;
	-o-transition: 					    color 0.5s ease;
	-webkit-transition: 			    color 0.5s ease;
	transition: 					    color 0.5s ease;
}

a:hover {
    color:                              #00AEEF;
}

a.cta {
    background:                         url('../Images/CTALinkBg.png') no-repeat right 2px;
    display:                            inline-block;
    font-size:                          16px;
    font-weight:                        700;
    line-height:                        22px;
    margin:                             10px 0;
    padding-right:                      30px;
    text-decoration:                    none;
}

a.button {
    background:                         #ffc000;
    display:                            inline-block;
    color:                              #FFF;
    margin:                             10px 0;
    padding:                            5px;
    text-decoration:                    none;
    text-transform:                     uppercase;
	-ms-transition: 				    background-color 0.5s ease;
	-moz-transition: 				    background-color 0.5s ease;
	-o-transition: 					    background-color 0.5s ease;
	-webkit-transition: 			    background-color 0.5s ease;
	transition: 					    background-color 0.5s ease;
}

a.button:hover {
    background:                         #000;
}

span.highlight {
    color:                              #ffc000;
}

.hidden {
    display:                            none;
}

/* Header */

header[role=banner] {
    background:                         rgb(255,255,255);
}

header[role=banner] .container {
    padding:                            20px 0;
}

header[role=banner] h1 {
    float:                              left;
    padding:                            3px 0 0 25px;
}

header[role=banner] h1:after {
    content:                            '';
}

header[role=banner] h1 a {
    background:                         url('../../Uploads/Images/perpetual-logo.jpg');
    display:                            block;
    float:                              left;
    height:                             88px;
    text-indent:                        -999999em;
    width:                              126px;
}

header[role=banner] .offices {
    float:                              right;
    margin-top:                         10px;
    text-align:                         right;
    text-transform:                     uppercase;
}

header[role=banner] .offices p {
    color:                              rgba(59,59,59,0.5);
    font-size:                          16px;
    padding-bottom:                     0;
}

header[role=banner] .offices ul {
    list-style:                         none;
    padding-top:                        0;
}

header[role=banner] .offices ul li {
    background:                         url(../Images/HeaderOfficesListBg.gif) no-repeat left;
    color:                              rgb(26,25,24);
    display:                            inline;
    font-size:                          16px;
    font-weight:                        700;
    margin-left:                        6px;
    padding:                            0;
    padding-left:                       14px;
}

header[role=banner] .offices ul li:first-child {
    background:                         none;
}

header[role=banner] div#options {
    clear:                              right;
    float:                              right;
}

header[role=banner] div#options fieldset {
    background:                         transparent;
    float:                              left;
    margin:                             0;
    padding:                            0;
}

header[role=banner] div#options fieldset legend {
    display:                            none;
}

header[role=banner] div#options fieldset#language select {
    height:                             30px;
    margin-bottom:                      0;
    padding:                            5px;
    width:                              125px;
}

header[role=banner] div#options fieldset[role=search] {
    margin-left:                        10px;
    width:                              206px;
}

header[role=banner] div#options fieldset[role=search]:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

header[role=banner] div#options fieldset[role=search] input[type=text] {
    border-width:                       1px 0 1px 1px;
    float:                              left;
    height:                             28px;
    line-height:                        28px;
    margin-bottom:                      0;
    width:                              155px;
}

/* Navigation */

nav[role=navigation] {
    background:                         rgb(247,247,247);
}

nav[role=navigation] ul {
    display:                            -moz-box;
    display:                            -webkit-box;
    display:                            box;
    -moz-box-orient:                    horizontal;
    -webkit-box-orient:                 horizontal;
    box-orient:                         horizontal;
    list-style:                         none;
    margin:                             0;
    padding:                            0;
    width:                              100%;
}

html.no-flexbox nav[role=navigation] ul {
    padding:                            0 25px;
}

html.no-flexbox nav[role=navigation] ul:after {
	clear: 							    both;
	content: 						    '';
	display: 						    block;
}

nav[role=navigation] ul li {
    background:                         none;
    -webkit-box-flex:                   1;
    -moz-box-flex:                      1;
    box-flex:                           1;
    display:                            block;
    padding:                            0;
}

html.no-flexbox nav[role=navigation] ul li {
    float:                              left;
}

nav[role=navigation] ul li a {
    color:                              rgb(0,0,0);
    display:                            block;
    font-size:                          16px;
    padding:                            10px;
    text-align:                         center;
    text-decoration:                    none;
    text-transform:                     uppercase;
}

html.no-flexbox nav[role=navigation] ul li a {
    margin-right:                       38px;
    padding:                            10px 0;
}

nav[role=navigation] ul li a:hover, nav[role=navigation] ul li a.current {
    color:                              rgb(0,174,239);
}

/* Breadcrumb */

ol#breadcrumb {
    color:                              #e8f6be;
    font-size:                          14px;
    line-height:                        14px;
    list-style:                         none;
    margin:                             0 0 0 25px;
    padding:                            30px 0;
    text-transform:                     uppercase;
}

ol#breadcrumb:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

ol#breadcrumb li {
    background:                         url('../Images/BreadcrumbSeperator.png') no-repeat right center;
    display:                            inline-block;
    float:                              left;
    margin-right:                       4px;
    padding-right:                      13px;
}

ol#breadcrumb li:last-child {
    background:                         none;
    margin-right:                       0;
    padding-right:                      0;
}

ol#breadcrumb li a {
    color:                              #FFF;
    text-decoration:                    none;
}

ol#breadcrumb li a:hover {
    color:                              #e8f6be;
}

/* Content */

.container#content {
    padding-bottom:                     310px;
}

section[role=main], 
article[role=main] {
    background:                         #fff;
    margin-bottom:                      25px;
    padding:                            15px 25px;
}

aside[role=complementary] + section[role=main], 
aside[role=complementary] + article[role=main] {
    float:                              right;
    width:                              685px;
}

/* Sidebar */

aside[role=complementary] {
    float:                              left;
    width:                              220px;
}

/* Sub-navigation */

nav#sub-navigation {
    margin-bottom:                      20px;
}

nav#sub-navigation ul {
    margin:                             0;
    padding:                            0;
}

nav#sub-navigation ul li {
    background:                         none;
    padding:                            0;
}

nav#sub-navigation ul li a {
	border-bottom: 					    1px dotted #ccc;
    background:                         #FFF;
    display:                            block;
    font-size:                          14px;
    padding:                            15px 20px;
    text-decoration:                    none;
    text-transform:                     uppercase;
	-ms-transition: 				    background 0.5s ease;
	-moz-transition: 				    background 0.5s ease;
	-o-transition: 					    background 0.5s ease;
	-webkit-transition: 			    background 0.5s ease;
	transition: 					    background 0.5s ease;
}

nav#sub-navigation ul li a.current, 
nav#sub-navigation ul li a:hover {
    background:                         #00aeef;
    color:                              #1b1a18;
}

nav#sub-navigation ul li:last-child a {
    border-bottom:                      0;
}

/* Banner */

div#banner {
    padding:                            70px 0 100px;
    position:                           relative;
}

div#banner ul {
    height:                             220px;
    list-style:                         none;
    margin:                             0;
    padding:                            0;
    position:                           relative;
}

div#banner ul li {
    background:                         #FFF;
    display:                            none;
    height:                             190px;
    padding:                            15px 25px;
    width:                              285px;
}

div#banner ul li:first-child {
    display:                            block;
}

div#banner ul li p {
    border-bottom:                      1px solid #ebe4dc;
    color:                              #1a1918;
    font-size:                          34px;
    padding-bottom:                     10px;
}

div#banner ul li p small {
    font-size:                          16px;
}

div#banner ul.pager {
    height:                             auto;
    left:                               0;
    position:                           absolute;
    top:                                300px;
}

div#banner ul.pager li {
    background:                         transparent;
    display:                            block;
    float:                              left;
    height:                             auto;
    margin-right:                       5px;
    padding:                            0;
    width:                              auto;
}

div#banner ul.pager li a {
    background:                         url('../Images/BannerPagerBg.png') no-repeat;
    display:                            block;
    height:                             15px;
    text-indent:                        -99999em;
    width:                              15px;
}

div#banner ul.pager li a.current {
    background-position:                0 -15px;
}

/* Forms */

fieldset {
    
    margin:                             10px 0;
    padding:                            25px;
}

fieldset:after, 
fieldset dl:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

fieldset dl {
    width:                              400px;
}

fieldset dl dt {
    clear:                              both;
    float:                              left;
    width:                              140px;
}

fieldset dl dd {
    float:                              left;
    width:                              260px;
}

fieldset label {
    color:                              #FFF;
    display:                            inline-block;
}

fieldset dl dt label {
    padding-top:                        11px;
}

fieldset input[type=text],
fieldset input[type=password], 
fieldset textarea {
    background:                         rgb(255,255,255);
    border:                             2px solid rgb(255,255,255);
    color:                              rgb(26,25,24);
    display:                            block;
    font:                               13px "Cabin", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    height:                             38px;
    line-height:                        38px;
    margin-bottom:                      10px;
    padding:                            0 10px;
    width:                              238px;
}

fieldset textarea {
    border:                             2px solid rgb(255,255,255);
    height:                             130px;
    line-height:                        normal;
    padding:                            10px;
    resize:                             none;
}

fieldset select {
    background:                         rgb(255,255,255);
    border:                             1px solid rgba(0,0,0,.15);
    color:                              rgb(26,25,24);
    font:                               13px "Cabin", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    height:                             40px;
    margin-bottom:                      10px;
    padding:                            10px;
    width:                              260px;
}

fieldset input[type=text]:focus, 
fieldset select:focus, fieldset textarea:focus {
    border-color:                       rgb(0,174,239);
}

fieldset .msg-error {
    color:                              #ff4040;
    padding:                            0 0 10px;
    width:                              238px;
}

fieldset input[type=submit] {
    background:                         rgb(0,174,239);
    border:                             0;
    color:                              #fff;
    cursor:                             pointer;
    font:                               13px "Cabin", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size:                          14px;
    margin-left:                        200px;
    overflow:                           visible;
    padding:                            5px;
    text-transform:                     uppercase;
}

fieldset dl + input[type=submit] {
    float:                              none;
    margin-left:                        140px;
}

/* Article list */

.article-list {
	border-bottom: 					    1px dotted #ccc;
	margin-bottom:                      10px;
    padding-bottom:                     10px;
}

.article-list article {
	border-top: 					    1px dotted #ccc;
    margin-top:                         10px;
    padding:                            20px 0 0 90px;
}

.article-list article:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

.article-list article img {
    float:                              left;
    margin-left:                        -90px;
    width:                              80px;
}

.article-list article h1 {
    font-size:                          14px;
    font-weight:                        normal;
    padding:                            0;
}

.article-list article h1:after {
    content:                            '';
}

.article-list article h1 a {
    text-decoration:                    none;
}

.article-list article time {
	color: 							    #00aeef;
	display: 						    block;
	font-size:                          11px;
}

.article-list article p {
    padding-top:                        10px;
}

/* Paging */

.paging {
    border:                             1px dotted #ccc;
    border-width:                       1px 0;
    font-size:                          11px;
    margin-top:                         20px;
    padding:                            10px 0;
    position:                           relative;
}

.paging a.prev, 
.paging a.next {
    display:                            inline-block;
    left:                               0;
    position:                           absolute;
    text-decoration:                    none;
    top:                                10px;
}

.paging a.next {
    left:                               auto;
    right:                              0;
}

.paging ol {
    list-style:                         none;
    margin:                             0;
    padding:                            0;
    text-align:                         center;
}

.paging ol li {
    display:                            inline-block;
    margin:                             0 2px;
}

.paging ol li a {
    text-decoration:                    none;
}

/* Home */

body#home section[role=main] {
    color:                              #1a1918;
    float:                              left;
    font-size:                          16px;
    width:                              595px;
}

body#home section[role=main] p:last-of-type {
    border-bottom:                      1px solid #ebe4dc;
    padding-bottom:                     20px;
}

body#home section[role=main] a.cta {
    font-weight:                        bold;
}

body#home aside[role=complementary] {
    float:                              right;
    margin-bottom:                      25px;
    width:                              310px;
}

/* News article */

article[role=main] header {
    border-bottom:                      1px solid #ccc;
    margin-bottom:                      10px;
    padding-bottom:                     10px;
}

article[role=main] header h1 {
    padding-bottom:                     0;
}

article[role=main] header p.author, 
article[role=main] header time {
    color:                              #ffc000;
    display:                            inline-block;
    padding:                            10px 10px 10px 0;
}

article[role=main] header p.author strong {
    color:                              #1A1918;
    font-weight:                        normal;
}

/* Search Results */

ol.results {
    list-style:                         none;
    margin:                             0;
    padding:                            0;
}

ol.results li {
    padding-top:                        20px;
}

ol.results li h2 {
    border-bottom:                      0;
    display:                            inline;
    font-size:                          16px;
    font-weight:                        normal;
    padding:                            0;
}

ol.results li h2:after {
    content:                            '';
}

ol.results li h2 a {
    text-decoration:                    none;
}

ol.results li a.cta {
    margin:                             0;
}

/* Comments */

ul#comments, ul#comments ul {
    list-style:                         none;
    margin-left:                        0;
}

ul#comments li {
    border-bottom:                      1px solid #EBE4DC;
}

ul#comments li p {
    padding:                            10px 0 20px;
}

ul#comments li a.cta {
    margin-right:                       10px;
}

ul#comments li small {
    display:                            block;
}

ul#comments #replies {
    background:                         #EBE4DC;
    border-top:                         1px solid #EBE4DC;
    padding:                            0 25px;
}

ul#comments #replies ul li {
   border-bottom:                      1px solid #fff;
}

/* Base Panels */

div#base-panels {
    background:                         #FFF;
    margin-bottom:                      270px;
}

div#base-panels .zone-3-col {
    margin-bottom:                      0;
}

div#base-panels .panel {
    margin:                             0;
}

div#base-panels .panel h1 {
    border-bottom:                      1px dotted #ccc;
    font-size:                          16px;
    font-weight:                        normal;
    margin-bottom:                      10px;
    padding-bottom:                     20px;
    text-transform:                     uppercase;
}

/* Panel zones */

.zone-3-col {
    clear:                              both;
    margin-bottom:                      5px;
}

.zone-3-col:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

.zone-3-col .zone {
    float:                              left;
    margin-right:                       25px;
    width:                              310px;
}

.zone-3-col .zone:last-child {
    margin-right:                       0;
}

/* Panel */

.panel {
    background:                         rgb(0,174,239);
    height:                             230px;
    margin-bottom:                      20px;
    padding:                            5px 25px 15px;
    position:                           relative;
}

.panel:after {
    clear: 							    both;
	content: 						    '';
	display: 						    block;
}

.panel h1:after {
    color:                              #fff;
}

.panel a.cta {              
    background:                         url('../Images/PanelCTALinkBg.png') no-repeat right 2px;   
    clear:                              both;     
}

.panel a:hover {
    color:                              #fff;
}

.panel ul {
    list-style:                         none;
    margin-left:                        0;
    padding-top:                        0;
}

.panel ul li {
    background:                         url(../Images/PanelListBg.gif) no-repeat 0 4px;
    color:                              rgb(255,255,255);
    font-size:                          18px;
    padding-bottom:                     5px;
    padding-left:                       23px;
}

.panel img + ul {
    float:                              left;
}

.panel img {
    border:                             solid 5px #0199d2;
    margin-bottom:                      10px;
}

.panel img.align-right {
    float:                              right;
    margin-top:                         -20px;
}

nav.panel ul li {
    background:                         none;
}

nav.panel[data-thumbnails=true] ul li {
	padding-left: 					    86px;

}

nav.panel[data-thumbnails=true] ul li img {
	float: 							    left;
	margin-left: 					    -86px;
	max-width:                          76px;
}
nav.panel ul:after {
    clear: 							    both;
	content: 						    '';
	display: 						    block;
}

nav.panel ul li a {
	text-decoration: 				    none;
}

nav.panel a.cta {
    background:                         url('../Images/CTALinkBg.png') no-repeat right 2px;
}

nav.panel a.cta:hover {
    color:                              #00AEEF;
}

/* Aggregate */

nav.panel.aggregate {
    background:                         none;
    padding:                            0;
}

div#base-panels nav.panel.aggregate {
    padding:                            20px 25px 0;
}

nav.panel.aggregate h1, 
div#base-panels nav.panel.aggregate h1 {
    margin-bottom:                      0;
}

nav.panel.aggregate ul li {
	font-size:                          13px;
	float:                              left;
	margin-right:                       75px;
	padding:                            20px 0 30px;
	width:                              260px;
}

nav.panel.aggregate ul li:nth-child(3n) {
    margin-right:                       0;
}

nav.panel.aggregate ul li article:after {
	clear: 							    both;
	content: 						    '';
	display: 						    block;
}

nav.panel.aggregate ul li article h1, 
div#base-panels nav.panel.aggregate ul li article h1 {
    border:                             0;
    font-size:                          14px;
    font-weight:                        bold;
    margin:                             0;
	padding: 						    0;
    text-transform:                     none;
}

nav.panel.aggregate ul li article h1 a {
	color: 							    #1A1918;
}

nav.panel.aggregate ul li article h1 a:hover {
    text-decoration:                    underline;
}

nav.panel.aggregate ul li article time {
	color: 							    #00aeef;
	display: 						    block;
	font-size:                          11px;
}

nav.panel.aggregate hr {
    border-top: 					    1px dotted #ccc;
    margin-bottom:                      0;
}

/* Twitter timeline */

.panel#twitter-feed {
    padding-bottom:                     25px;
}

.panel#twitter-feed[data-scroll=true] {
    padding-bottom:                     59px;
}

.panel#twitter-feed h1, 
div#base-panels .panel#twitter-feed h1 {
    background:                         url('../Images/TwitterIcon.gif') no-repeat right bottom;
    margin-bottom:                      0;
}

.panel#twitter-feed article {
	border-bottom: 					    1px dotted #ccc;
	padding:                            20px 0 20px 60px;
}

.panel#twitter-feed article:after {
	clear: 							    both;
	content: 						    '';
	display: 						    block;
}

.panel#twitter-feed article h1, 
div#base-panels .panel#twitter-feed article h1 {
    background:                         none;
    border:                             0;
    font-size:                          14px;
    margin:                             0;
	padding: 						    0;
    text-transform:                     none;
}

.panel#twitter-feed article img {
	float: 							    left;
	margin-left: 					    -60px;
}

.panel#twitter-feed article p {
	padding: 						    0;
}

.panel#twitter-feed article time {
	color: 							    #ffc000;
	display: 						    block;
	font-size:                          11px;
}

/* Video */

.panel article.video {
    border-bottom:                      1px dotted #ccc;
    margin-bottom:                      10px;
    padding:                            0 0 10px;
}

.panel article.video h1, 
div#base-panels .panel article.video h1 {
    border:                             0;
    font-size:                          14px;
    margin:                             0;
    padding-bottom:                     0;
    text-transform:                     none;
}

.panel article.video time {
	color: 							    #ffc000;
	display: 						    block;
	font-size:                          11px;
	margin-bottom:                      20px;
}

/* Archive */

.panel#archive {
    background:                         #fff;
    padding:                            5px 20px 15px;
}

.panel#archive h1 {
    font-size:                          20px;
    font-weight:                        normal;
}

.panel#archive ul {
    list-style:                         none;
    margin:                             0;
}

.panel#archive ul li {
    background:                         none;
    padding:                            0;
}

.panel#archive ul li a {
    background:                         #00aeef;
    display:                            block;
    font-size:                          16px;
    padding:                            5px 10px;
    text-decoration:                    none;
    text-transform:                     uppercase;
}

.panel#archive ul li a:hover {
    color:                              #FFF;
}

.panel#archive ul ul {
    padding:                            0;
}

.panel#archive ul ul li a {
    background:                         transparent;
    font-size:                          13px;
    text-transform:                     none;
}

.panel#archive ul ul li a:hover {
    color:                              #00aeef;
}

/* Feature panel */

section.feature-panel {
    background:                         rgb(0,174,239);
    color:                              #FFF;
    position:                           relative;
}

section.feature-panel a {
    color:                              #FFF;
    display:                            block;
    height:                             220px;
    padding:                            15px 137px 15px 25px;
    text-decoration:                    none;
}

section.feature-panel a:hover {
    color:                              #FFF;
}

section.feature-panel[data-image="bottom"] a {
    height:                             115px;
    padding:                            15px 25px 120px;    
}

section.feature-panel * {
    position:                           relative;
    z-index:                            3;
}

section.feature-panel h1:after {
    color:                              #FFF;
}

section.feature-panel img {
    position:                           absolute;
    right:                              0;
    top:                                0;
    z-index:                            1;
}

section.feature-panel[data-image="bottom"] img {
    bottom:                             0;
    left:                               0;
    right:                              auto;
    top:                                auto;
}

/* Quote panel */

div#get-in-touch {
    background:                         rgb(59,59,59);
    padding:                            15px 25px;
}

div#get-in-touch fieldset {
    color:                              rgba(255, 255, 255, 0.5);
    margin:                             0;
    padding:                            0;
}

div#get-in-touch fieldset legend {
    color:                              #FFF;
    font-size:                          26px;
    text-transform:                     uppercase;
}

div#get-in-touch fieldset p {
    color:                              rgba(255,255,255,0.5);
    font-size:                          12px;
    padding:                            0 0 20px;
}

/* Poll panel */

.panel#poll {
    background:                         #1a1918;
    padding:                            15px 25px 25px;
}

.panel#poll h2 {
    color:                              #fff;
    font-size:                          26px;
    font-weight:                        100;
    text-transform:                     uppercase;
}

.panel#poll h2:after {
    content:                            "";
}

.panel#poll p {
    font-size:                          14px;
    padding:                            7px 0;
}

.panel#poll fieldset {
    padding:                            0;
}

.panel#poll fieldset legend {
    display:                            none;
}

.panel#poll ul {
    border:                             solid 1px #313030;
    border-width:                       1px 0;    
    list-style:                         none;
    margin-left:                        0;
    padding:                            13px 0;
}

.panel#poll ul li {
    padding:                            3px 0;
}

.panel#poll ul li:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

.panel#poll ul li input[type=radio] {
    margin-right:                       16px;
}

.panel#poll ul li label {
    color:                              #656565;                  
    font-size:                          14px;
}

.panel#poll ul li small {
    color:                              #8d8c8c;
    float:                              right;
    font-size:                          10px;
    padding-top:                        2px;
    width:                              20px;
}

.panel#poll ul li span {
    float:                              left;
    width:                              62px;
}

.panel#poll ul li .percentage {
    background:                         #313030;
    float:                              left;
    height:                             9px;
    margin-top:                         4px;
    width:                              165px;
}

.panel#poll ul li .percentage span {
    background:                         #ffc000;
    height:                             100%;
}

.panel#poll .msg-error {
    margin-top:                         20px;
}

.panel#poll input[type=submit] {
    margin-top:                         20px;
}

.panel#poll p.processing {
    height:                             100%;
    left:                               0;
    line-height:                        160px;
    padding:                            0;
    position:                           absolute;
    text-align:                         center;
    top:                                0;
    width:                              100%;
}

/* Contact */

section[role=main]#contact a.email {
    clear:                              both;
    display:                            inline-block;
    font-size:                          20px;   
    padding:                            10px 0;
    text-decoration:                    none;
}

.panel.contact {
    background:                         none;
    float:                              left;
    height:                             auto;
    margin-right:                       37px;
    padding:                            10px 0;
    width:                              285px;
}

.panel.contact:nth-of-type(3n) {
    margin-right:                       0;
}

.panel.contact iframe {
    border:                             solid 5px #e9e9e9;
}

.panel.contact h1 {
    font-size:                          20px;  
}

.panel.contact h1:after {
    color:                              #00aeef;
    content:                            ".";
}

.panel.contact p, .panel.contact dl {
    font-size:                          16px;
    padding-bottom:                     0;
}

.panel.contact dl:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

.panel.contact dl dt, .panel.contact dl dd {
    float:                              left;
}

/* Login */

section[role=main] div#login {
    margin:                             15px auto 20px;
    width:                              360px; 
}

section[role=main] div#login h1 {
    padding-bottom:                     0;
}

section[role=main] div#login > p {
    font-size:                          14px;
}

section[role=main] div#login fieldset {
    background:                         #fff;
    padding:                            0;
}

section[role=main] div#login fieldset legend {
    display:                            none;
}

section[role=main] div#login fieldset dl {
    margin-bottom:                      20px;
    width:                              360px;
}

section[role=main] div#login fieldset dl dt {
    background:                         #f5f1ed;
    border-right:                       solid 2px #eee8e1;
    clear:                              both;
    height:                             49px;
    float:                              left;
    margin-bottom:                      5px;
    width:                              100px;
}

section[role=main] div#login fieldset dl dt label {
    color:                              #455f4d;
    font-size:                          16px;
    line-height:                        49px;
    padding:                            0 16px;
}

section[role=main] div#login fieldset dl dd {
    color:                              #455f4d;
    float:                              left;
    margin-bottom:                      5px;
    width:                              258px;
}

section[role=main] div#login fieldset dl dd input[type=text],
section[role=main] div#login fieldset dl dd input[type=password] {
    background:                         #f5f1ed;
    height:                             37px;
    margin-bottom:                      0;
    padding:                            5px 10px;
}

section[role=main] div#login fieldset a.forgotten {
    background:                         url('../Images/CTALinkBg.png') no-repeat right 2px;
    color:                              #1a1918;
    display:                            inline-block;
    float:                              left;
    font-size:                          16px;
    line-height:                        22px;
    margin:                             2px 0;
    padding-right:                      30px;
    text-decoration:                    none;    
}

section[role=main] div#login .msg-error {
    background:                         #f2d2d2;
    border:                             solid 1px #e5a6a6;
    margin-bottom:                      20px;
    padding:                            0 15px;
}

section[role=main] div#login .msg-error p {
   color:                               #970000;
   font-size:                           14px;
}

section[role=main] div#login .msg-error p em {
   display:                             block;   
   font-size:                           16px;
   font-style:                          normal;
   font-weight:                         bold;
}

/* Paragraph columns */

.columns {
    -moz-column-count:                  3;
    -webkit-column-count:               3;
    column-count:                       3;
}

/* Team list */

section[role=main] ul#team {
    list-style:                         none;
    margin-left:                        0; 
}

section[role=main] ul#team:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

section[role=main] ul#team li {
    background:                         none;
    float:                              left;
    margin-bottom:                      20px;
    margin-right:                       20px;
    padding:                            0;
    width:                              170px;
}

section[role=main] ul#team li a, section[role=main] ul#team li a img {
    display:                            block;
}

section[role=main] ul#team li:nth-child(5n) {
    margin-right:                       0;
}

section[role=main] ul#team li.details {
    clear:                              both;
    margin-right:                       0;
    padding-left:                       310px;
    width:                              620px;
}

section[role=main] ul#team li.details:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

section[role=main] ul#team li.details img {
    float:                              left;
    margin-left:                        -310px;
}

section[role=main] ul#team li.details h2 {
    font-size:                          30px;
    padding-top:                        25px;
}

/* Footer */

footer[role=contentinfo] {
    background:                         #888;
    margin-top:                         -270px;
}

footer[role=contentinfo] .container {
    height:                             240px;
    padding-top:                        30px;
}

footer[role=contentinfo] .offices {
    padding-bottom:                     30px;
    text-transform:                     uppercase;
}

footer[role=contentinfo] .offices p {
    color:                              rgba(255,255,255,0.5);
    font-size:                          16px;
    padding-bottom:                     0;
}

footer[role=contentinfo] .offices ul {
    list-style:                         none;
    margin-left:                        0;
    padding-top:                        0;
}

footer[role=contentinfo] .offices ul li {
    background:                         url(../Images/FooterOfficesListBg.gif) no-repeat right;
    color:                              #fff;
    display:                            inline;
    font-size:                          16px;
    font-weight:                        700;
    margin-right:                       6px;
    padding:                            0;
    padding-right:                      14px;
}

footer[role=contentinfo] .offices ul li:last-child {
    background:                         none;
}

footer[role=contentinfo] nav {
    clear:                              both;
    border-top:                         1px solid #949494;
    font-size:                          12px;
    padding:                            40px 0 0 60px;
}

footer[role=contentinfo] nav ul {
    list-style:                         none;
    margin:                             0;
    padding:                            0;
}

footer[role=contentinfo] nav ul:after {
    clear:                              both;
    content:                            '';
    display:                            block;
}

footer[role=contentinfo] nav ul li {
    background:                         none;
    display:                            block;
    float:                              left;
    margin-right:                       25px;
    padding:                            0;
}

footer[role=contentinfo] nav ul li a {
    color:                              #fff;
    display:                            block;
    float:                              left;
    text-decoration:                    none;
}

footer[role=contentinfo] nav ul li a:hover {
    color:                              #000;
}

footer[role=contentinfo] p#copyright {
    color:                              #cacaca;
    font-size:                          12px;
    padding:                            5px 0 0 60px;
    position:                           relative;
}

body#error-500 footer[role=contentinfo] p#copyright {
    clear:                              both;
    border-top:                         1px solid #949494;
    padding-top:                        40px;
}

footer[role=contentinfo] p#copyright:before {
    bottom:                             -12px;
    content:                            url('../../Uploads/Images/perpetual-logo-small.jpg');
    display:                            block;
    left:                               0;
    position:                           absolute;
}

footer[role=contentinfo] p#copyright a {
    border-left:                        1px solid #cacaca;
    color:                              #fff;
    display:                            inline-block;
    margin-left:                        5px;
    padding-left:                       5px;
    text-decoration:                    none;
}

footer[role=contentinfo] p#copyright a:hover {
    color:                              #000;
}