/*
 * Website: Game Plan Financial Services
 # URL: www.yourgameplan.co.nz
 # Author: Priya Singh
 */

/* ==========================================================================
   Structure
   ========================================================================== */

.container                                  { position: relative; width: 1130px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 40px; clear: both; }
.stacked									{ margin-bottom: 0 !important; }
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after {
    clear: both;
}

.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

.container .skinny,
.container .wide {
	margin: 0; 
}

.container .skinny							{ width: 160px; }
.container .wide							{ width: 970px; }
.container .wolf							{ width: 780px; }
.container .standalone						{ margin-left: 160px; float: none;}	

.half										{ width: 47%; margin: 0; }

.col-270									{ width: 270px; }
.col-340									{ width: 340px; }	
.col-270-pair								{ width: 680px; }		
.col-340-pair								{ width: 610px; }


/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'dollyitalic';
    src: url('../webfonts/dolly-italic-webfont.eot');
    src: url('../webfonts/dolly-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/dolly-italic-webfont.woff') format('woff'),
         url('../webfonts/dolly-italic-webfont.ttf') format('truetype'),
         url('../webfonts/dolly-italic-webfont.svg#dollyitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dollybold';
    src: url('../webfonts/dolly-bold-webfont.eot');
    src: url('../webfonts/dolly-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/dolly-bold-webfont.woff') format('woff'),
         url('../webfonts/dolly-bold-webfont.ttf') format('truetype'),
         url('../webfonts/dolly-bold-webfont.svg#dollybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dollyroman';
    src: url('../webfonts/dolly-roman-webfont.eot');
    src: url('../webfonts/dolly-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/dolly-roman-webfont.woff') format('woff'),
         url('../webfonts/dolly-roman-webfont.ttf') format('truetype'),
         url('../webfonts/dolly-roman-webfont.svg#dollyroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   Pretty
   ========================================================================== */

html {
	-webkit-font-smoothing: antialiased;
}

body {
	font: 16px/1.4 'dollyroman', 'Palatino', Georgia, serif;
	color: #969696;
	background: #fff;
}

p { margin: 0 0 15px 0;}

a { color: #95c11f; }
a:hover { color: #666; }

.segment {
	border-top: 5px solid #95c11f;
}

.border-bottom {
	border-bottom: 5px solid #95c11f;
}

header {
	height: 310px;
}

header .column {
	padding-top: 40px;
}

header .wide {
	padding-top: 80px;
}

header .logo {
	display: block;
	float: left;
}

nav.primary {
	width: 750px;
	float: right;
	text-align: right;
}

nav.primary a {
	color: #000;
	text-decoration: none;
}

nav a:hover,
nav.primary .current a,
nav.primary ul ul a:hover,
nav.primary .current ul a:hover {
	color: #95c11f;
}

nav.primary ul, nav.primary li{
	list-style: none;
	margin: 0; 
	padding: 0;
}

nav.primary ul li {
	margin-left: 40px;
	display: inline;
	line-height: 55px;
	font-size: 18px;
	position: relative;
	padding: 15px 0;
}

nav li.first {
	margin-left: 0 !important;
}

nav.primary ul ul {
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 200;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
	display: none;
}

nav.primary ul ul li {
	display: block;
	text-align: left;
	line-height: 1;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 230px;
	border-bottom: 1px solid #ccc;
}

nav.primary ul ul a {
	display: block;
	padding: 6px 4px;
	color: #000;
}

nav.primary .current ul a {
	color: #000;
}

footer {
	clear: both;
	background: #f6f6f6;
	padding: 50px 0 240px 65px;
}

footer ul, footer li {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer li {
	margin-right: 40px;
	float: left;
	font-size: 18px;
}

footer li.contact-us {
	margin-left: 70px;
}

footer li.contact-us a {
	color: #a0d021;
}

footer a {
	text-decoration: none;
	color: #b2b2b2;
}

footer li p {
	margin-top: 15px;
	font-size: 14px;
}

blockquote {
	margin: 0;
}

blockquote p {
	font-size: 24px;
	font-family: 'dollyitalic', 'Palatino', 'Georgia', serif;
	color: #99a1a7;
}

.get-started-button {
	display: block;
	float: left;
	text-decoration: none;
	padding: 10px 15px;
	border-top: 1px solid #d4d9dc;
	border-bottom: 1px solid #d4d9dc;
	color: #a0d021;
	font-size: 16px;
	line-height: 1.3;
	position: relative;
	top: 5px;
}

.get-started-button strong {
	display: block;
	font-family: 'dollybold', Palatino, Georgia, serif;
	font-weight: normal;
}

.find-out-more {
	display: block;
	font-weight: bold;
	margin: -10px 0 0 0;
}

.find-out-more a {
	color: #000;
	text-decoration: none;
	display: block;
}

.find-out-more a strong {
	color: #a0d021;
	display: block;
	font-family: 'dollybold', Palatino, Georgia, serif;
	font-weight: normal;
}

.feature-text p {
	margin: 0; 
	font-size: 42px;
	font-weight: normal;
	color: #a4acb1;
	font-family: 'dollyitalic', 'Palatino', Georgia, serif;
	line-height: 1.1;
}

/* HomePage */
.HomePage #linked-image .text {
	top: auto;
	left: 50px;
	bottom: 40px;
}

h1.homepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: -40px 0 25px 0;
}

#middle .feature-text {
	padding: 40px 0;
}


#middle .col-340 {
	margin-top: 40px;
}

#middle .col-340 article {
	border-left: 1px solid #b6b6b5;
	padding-left: 25px;
}


#linked-image, #linked-image article {
	margin-bottom: 65px;
	position: relative;
	clear: both;
}

#linked-image article {
	margin: 0;
}

#linked-image img {
	display: block;
}

#linked-image .text {
	position: absolute;
	top: 65px;
	left: 70px;
	z-index: 100;
}

#linked-image .text p {
	color: #fff;
	font-size: 24px;
	margin: 0;
	line-height: 1.1;
}

#linked-image .text p.real {
	color: #8dcd37;
}

#linked-image .text .button {
	margin-top: 35px;
	line-height: 1;
}

#linked-image .text .button a {
	background: #fff;
	padding: 3px 15px 1px 15px;
	text-decoration: none;
	color: #c3cbd0;
	line-height: 1;
	font-size: 22px;
}

#linked-image .text .button a:hover {
	color: #8dcd37;	
}

#quote p {
	margin: 0 120px 15px 60px;
}

.slide {
	width: 680px;
	height: 350px;
	position: relative;
	background: #d1d6d9 url(../images/bg-slide.png) top left no-repeat;
	display: none;
}

.slide a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

.slide img {
	position: absolute;
	right: 0px;
	top: 0px;
}

.slide span {
	display: block;
}

.slide .title {
	color: #fff;
	font-size: 28px;
	width: 260px;
	float: left;
	margin: 60px 0 0 35px;
	line-height: 1.2;
}

.slide .link {
	float: left; 
	clear: left;
	margin: 40px 0 0 35px;
	background: #fff;
	padding: 9px 15px 4px 15px;
	font-size: 22px;
	color: #b3bec4;
	line-height: 1;
}

.cycle-prev, .cycle-next {
	width: 30px;
	height: 30px;
	background: url(../images/btn-prevnext.png) 0 0 no-repeat;
	z-index: 200;
	position: absolute;
	top: 15px;
	cursor: pointer;
	cursor: hand;
}

.cycle-prev {
	left: 293px;
}

.cycle-next {
	background: url(../images/btn-prevnext.png) -32px 0 no-repeat;
	left: 324px;
}

/* Other templates */
#sub-navigation {
	padding-top: 20px; 
	margin-bottom: 20px;
	overflow: hidden;
}

#sub-navigation .title {
	font-size: 16px;
	margin: 0;
}

#sub-navigation .title a {
	text-decoration: none;
	color: #9ca9b0;
}

#sub-navigation ul, #sub-navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#sub-navigation ul {
	margin-top: 10px;
}

#sub-navigation ul li {
	display: block;
	margin-right: 30px;
	float: left;
}

#sub-navigation li a {
	color: #000;
	text-decoration: none;
}

#sub-navigation li em {
	display: block;
	font-family: 'dollyitalic', Palatino, Georgia, serif;
	font-style: normal;
}

#sub-navigation li a:hover, #sub-navigation li a.current {
	color: #95c11f;
}

/* Template specific subnav */
#sub-navigation.page6 .title,
#sub-navigation.page11 .title {
	float: left;
}

#sub-navigation.page6 ul {
/*	position: relative;
	left: 30px;*/
	float: left;
	margin: 0 0 0 90px;
}

#sub-navigation.page6 ul li {
	width: 30%;
	margin: 0 0 10px 0;
}

#sub-navigation.page11 .title {
	margin-right: 50px;
}

#sub-navigation.page11 ul {
	float: left;
	margin: 0;
}
/* --- */

#content-area {
	margin-bottom: 40px; 
}

#content-heading h1 {
	font-weight: normal;
	color: #000;
	font-size: 38px;
	margin: 40px 0 10px 0;
}

#content-heading h2 {
	margin-top: -15px;
	font-weight: normal;
	font-size: 32px;
	color: #95c11f;
	font-family: 'dollyitalic', 'Palatino', 'Georgia', sans-serif;
}

#content-area p {
	margin-right: 120px;
}

#content-area h5 {
	color: #000;
	margin: 0;
	font-size: 14px;
	font-family: 'dollybold', Palatino, Georgia, serif;
	font-weight: normal;
}

#content-area .related-content {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-area .related-content a {
	text-decoration: none;
}

#content-area .related-content a:hover {
	text-decoration: underline;
}

#content-area blockquote {
	margin-top: 75px;
	background: #f6f6f6;
	padding: 85px 60px;
}

.wrap {
	min-height: 500px;
}

.page-section {
	display: none;
}

/* Contact Page */
.ContactPage #content-heading h1,
.ContactPage #content-heading h2,
.ContactPage #content-area h3 {
	margin: 0;
	color: #8dc63f;
	font-size: 48px;
	line-height: 1;
}

.ContactPage #content-heading h2 {
	font-family: 'dollybold', serif;
}

.ContactPage #content-heading {
	border-top: 2px solid #bec8cd;
	border-bottom: 2px solid #bec8cd;
	padding: 45px 0 45px 60px;
	margin-bottom: 60px;
	margin-top: -10px;
}

.ContactPage #content-area {
	padding-left: 60px;
	margin-bottom: 100px;
}

.ContactPage #content-area h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: 'dollyitalic', serif;
	margin-bottom: 15px;
}

.ContactPage #content-heading .text {
	position: relative;
	top: 12px;
}

.ContactPage #content-heading p {
	margin: 0;
	font-size: 22px;
	font-family: 'dollyitalic';
	color: #909da6;
}

.ContactPage #content-heading a {
	text-decoration: none;
}

/* Form */
.field { 
	margin-bottom: 15px;
	position: relative;
}

.field input.text, .field textarea {
	padding: 5px 10px;
	font-size: 16px;
	color: #000;
	border: 1px solid #ccc;
	width: 345px;
	margin-right: 10px;
	-webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    -o-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
}

.field .textarea {
	width: 700px;
	margin: 0;
	padding: 10px;
	height: 180px;
	margin-right: 10px;
}

.field label {
	font-size: 16px;
	color: #000;
	position: absolute;
	top: 8px;
	left: 15px;
	z-index: 10;
}

.field .behind {
	z-index: 0;
}

.field.textarea label {
	top: 15px;
}

.field label.required {
	color: #c00;
	font-size: 12px;
	font-family: 'dollyitalic', serif;
	position: static;
}


.Actions {
	margin-top: 20px;
}

.Actions input {
	border: 0;
	padding: 0;
	background: #d1d2d4;
	padding: 1px 20px;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
}


.Actions input:hover {
	background: #8dc63f;
}