/*
--------------------------------------------------------------
	global.css version:1.0
	Author:The Coup Agency Limited
	Acknowledge:Blueprint CSS http://www.blueprintcss.org/

	Provides global (all pages) design structure.
--------------------------------------------------------------
*/

/* --- body styles --- */
body {
background: #f6f6f6;
color: #444;
font-family: Georgia,"Times New Roman",serif;
}

h2 {
color: #44A0DF;
}

h3 {
color: #44a0df;
}

input, textarea {
color: #444;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 100%;
}

.text_right {
text-align: right;
}

hr {
background: #d9d9d9;
color: #d9d9d9;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}

a {
color: #44a0df;
text-decoration: none;
}

a:hover, a:focus {
color: #44a0df;
text-decoration: underline;
outline: none;
}

blockquote {
margin: 0 1.5em 0;
color: #44a0df;
font-style: italic;
}

.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: transparent;
}

.read_more_white {
color: #bd2716;
font-weight: bold;
text-decoration: none;
padding-right: 18px;
background: #fff url(../images/read_more_white.gif) no-repeat 100% 20%;
}

.read_more_white:hover, .read_more_white:focus {
color: #bd2716;
font-weight: bold;
text-decoration: underline;
outline: none;
}

.read_more_grey {
color: #bd2716;
font-weight: bold;
text-decoration: none;
padding-right: 18px;
background: #f6f6f6 url(../images/read_more_grey.gif) no-repeat 100% 20%;
}

.read_more_grey:hover, .read_more_grey:focus {
color: #bd2716;
font-weight: bold;
text-decoration: underline;
outline: none;
}

.read_more_welcome_grey {
color: #bd2716;
font-weight: bold;
text-decoration: none;
padding-right: 18px;
background: #f0f0f0 url(../images/read_more_welcome_grey.gif) no-repeat 100% 20%;
}

.read_more_welcome_grey:hover, .read_more_welcome_grey:focus {
color: #bd2716;
font-weight: bold;
text-decoration: underline;
outline: none;
}

.cta {
color: #bd2716;
font-weight: bold;
}

p.error {
color: #8a1f11;
}

label.error {
font-weight: normal;
color: #8a1f11;
}

input.error {
background: #fbe3e4;
color: #8a1f11;
}

textarea.error {
background: #fbe3e4;
color: #8a1f11;
}

.left {
float: left;
padding: 0 1.5em 1.5em 0;
}

.right {
float: right;
padding: 0 1.5em 0 1.5em;
}

.loud {
color: #444;
font-weight: bold;
font-style: italic;
}

.underline {
text-decoration: underline;
}

.vcard {
list-style: none;
}

.vcard span {
display: block;
}

blockquote {
margin: 0 1.5em 0 1.5em;
color: #444;
font-style: italic;
}

cite {
font-style: normal;
font-weight: bold;
}

.dquo {
margin-left: -.4em;
}

dd {
margin: 0 0 1.5em 1.5em;
padding: 0 0 0 1.5em;
}

.numbers {
position: relative;
top: 2px;
}

.orange {
	color: #ff9900;
}

.booking_cta {
	color: #ff9900;
	text-align:center;
	font-weight: bold;
	font-size:1.5em;
}

.strikeout {
	text-decoration:line-through;
}

/* --- container --- */
.container {
background: transparent url(../images/container.gif) repeat-y scroll 0 0;
margin: 1.5em 3em;
padding: 0 1.5em;
}

#container_top {
background: transparent url(../images/container_top.gif) no-repeat scroll 0 0;
margin: 0 -1.5em 0;
padding: 0;
}

#container_bottom {
background: transparent url(../images/container_bottom.gif) no-repeat 0 0;
margin: 0 -1.5em -1.5em -1.5em;
padding: 0;
}

#main_content {
position: relative;
}


/* --- header --- */
#header {
background: #fff url(../images/hero_image.jpg) no-repeat scroll 0 0;
position: relative;
height: 198px;
overflow: hidden;
margin-bottom: 1.5em;
}

.logo {
width: 133px;
height: 162px;
position: absolute;
left: 18px;
top: 18px;
z-index: 5;
margin: 0;
}

.logo a {
height: 162px;
display: block;
background: url(../images/cra_logo.png) no-repeat;
text-indent: -9999px;
cursor: pointer;
overflow: hidden;
}
	
.request_brochure {
width: 200px;
height: 40px;
position: relative;
left: 78%;
top:75px;
z-index: 5;
margin: 0
}

.request_brochure a {
height: 40px;
display: block;
overflow: hidden;
background: url(../images/request_brochure.png) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}

.phone {
width: 200px;
height: 90px;
display: block;
overflow: hidden;
background: url(../images/phone.png) no-repeat;
text-indent: -9999px;
position: absolute;
left: 77%;
top: 10px;
z-index: 5;
margin: 0;
}

/* navigation */
#navigation {
width: 700px;
height: 45px;
background: url(../images/navigation.png) no-repeat;
position: absolute;
right: 14px;
bottom: 0px;
z-index: 1;
margin: 0 0 -10px 0;
padding: 0;
text-indent: -9999px;
cursor: pointer;
overflow: hidden;
}

#navigation li {
display: inline;
list-style: none;
float: left;
margin: 0;
}
	
#navigation li, #navigation a {
height: 45px;
display: block;
}
	
#home {
height: 45px;
width: 128px;
padding-left: 10px;
}

#home a:hover, #home a.active {
background: url(../images/navigation.png) no-repeat -10px -45px;
}

#quick_tour {
height: 45px;
width: 128px;
padding-left: 10px;
}

#quick_tour a:hover, #quick_tour a.active {
background: url(../images/navigation.png) no-repeat -148px -45px;
}

#the_academy {
height: 40px;
width: 128px;
padding-left: 10px;
}

#the_academy a:hover, #the_academy a.active {
background: url(../images/navigation.png) no-repeat -286px -45px;
}

#about_jasper {
height: 40px;
width: 128px;
padding-left: 10px;
}

#about_jasper a:hover, #about_jasper a.active {
background: url(../images/navigation.png) no-repeat -424px -45px;
}

#about_us {
height: 40px;
width: 128px;
padding-left: 10px;
}

#about_us a:hover, #about_us a.active {
background: url(../images/navigation.png) no-repeat -562px -45px;
}


/* --- sub_navigation --- */
#sub_navigation {
/*margin-top: 0.5em;*/
}

#sub_navigation ol {
display: block;
list-style: none;
margin: 0 0 3em 0;
padding: 0;
}

#sub_navigation li {
color: #44a0df;
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}

#sub_navigation li a:hover {
color: #bd2716;
text-decoration: none;
}

#sub_navigation li a.active {
color: #bd2716;
text-decoration: none;
}

#sub_navigation_feature_block {
width: 228px;
margin-top: 1.5em;
position: relative;
}


/* --- welcome --- */
#welcome {
background: transparent url(../images/welcome_bg.jpg) repeat-x 0 0;
height: 288px;
margin-bottom: 1.5em;
}

.welcome_line_1 {
color: #44a0df;
font-size: 1.5em;
line-height: 1;
margin-bottom: 0em;
}

.welcome_line_2 {
color: #bd2716;
font-size: 2em;
margin-bottom: 0em;
text-align: center;
}

.welcome_line_3 {
color: #44a0df;
text-align: center;
font-size: 1.2em;
line-height: 1;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

#welcome_video {
margin: 1.5em 0 0 0;
}


/* --- brochure --- */
#brochure {
margin: 0 0 1.5em 0;
}

#brochure {
width: 432px;
}

#brochure ol {
display: inline;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0
}

#brochure_form li.row {
clear: both;
padding-top: 0px;
}

#brochure_form li.row span.label {
float: left;
width: 140px;
text-align: right;
padding-top: 10px;
}

#brochure_form li.row span.formw {
float: right;
width: 280px;
text-align: left;
}

#brochure_first_name {
width: 220px;
margin-right: 30px;
}

#brochure_last_name {
width: 220px;
margin-right: 30px;
}

#brochure_house {
width: 220px;
margin-right: 30px;
}

#brochure_street {
width: 220px;
margin-right: 30px;
}

#brochure_address_2 {
width: 220px;
margin-right: 30px;
}

#brochure_location {
width: 220px;
margin-right: 30px;
}

#brochure_postcode {
width: 220px;
margin-right: 30px;
}

#brochure_county {
width: 220px;
margin-right: 30px;
}

#brochure_country {
width: 232px;
padding: 5px;
margin-right: 30px;
}

#brochure_email_address {
width: 220px;
margin-right: 30px;
}

#brochure_dob {
width: 220px;
margin-right: 30px;
}

#brochure_telephone_number {
width: 220px;
margin-right: 30px;
}

#brochure_mobile_number {
width: 220px;
margin-right: 30px;
}

#brochure_submit {
float: right;
padding-right: 48px;
}

/* --- insurance --- */
#insurance {
margin: 0 0 1.5em 0;
}

#insurance {
width: 432px;
}

#insurance ol {
display: inline;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0
}

#insurance_form li.row {
clear: both;
padding-top: 0px;
}

#insurance_form li.row span.label {
float: left;
width: 140px;
text-align: right;
padding-top: 10px;
}

#insurance_form li.row span.formw {
float: right;
width: 280px;
text-align: left;
}

#insurance_first_name {
width: 220px;
margin-right: 30px;
}

#insurance_last_name {
width: 220px;
margin-right: 30px;
}

#insurance_house {
width: 220px;
margin-right: 30px;
}

#insurance_street {
width: 220px;
margin-right: 30px;
}

#insurance_address_2 {
width: 220px;
margin-right: 30px;
}

#insurance_location {
width: 220px;
margin-right: 30px;
}

#insurance_postcode {
width: 220px;
margin-right: 30px;
}

#insurance_county {
width: 220px;
margin-right: 30px;
}

#insurance_country {
width: 232px;
padding: 5px;
margin-right: 30px;
}

#insurance_email_address {
width: 220px;
margin-right: 30px;
}

#insurance_telephone_number {
width: 220px;
margin-right: 30px;
}

#insurance_mobile_number {
width: 220px;
margin-right: 30px;
}

#insurance_accept {
width: 220px;
margin-right: 50px;
}

#insurance_comments {
width: 220px;
height: 100px;
margin-right: 50px;
float: right;
}

#insurance_submit {
float: right;
padding-right: 50px;
}


/* --- tools --- */
.clear_all {
padding-top: 1.5em;
}

/* newsletter */
#news {
margin-top: 3em;
}

#newsletter {
margin: 1.5em 0 1.5em 0;
}

#newsletter_home {
margin: 0 0 1.5em 0;
}

#newsletter_form {
margin-top: -3px;
width: 192px;
}

#newsletter_form ol {
display: inline;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

#name {
width: 180px;
}

#duidx-duidx {
width: 180px;
}

#newsletter_submit {
float: right;
}

#newsletter_form_output {
padding: 0 0.5em;
}


/* question */
#question {
margin: 1.5em 0 1.5em 0;
}

#question_heading {
height: 36px;
text-indent: -9999px;
padding: 0;
margin: 0 -1em 0 -1em;
background: transparent url(../images/col_2_drawer_question.jpg) no-repeat scroll 0 0;
}

#question_heading.active {
text-indent: -9999px;
padding: 0;
margin: 0 -1em 0 -1em;
background: transparent url(../images/col_2_drawer_question_active.jpg) no-repeat scroll 0 0;
}

#question_form {
margin-top: -3px;
width: 192px;
}

#question_form ol {
display: inline;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0
}

#question_detail {
width: 180px;
margin: 5px 0;
}

#question_email_address {
width: 180px;
}

#question_submit {
float: right;
}

#question_form_output {
padding: 0 0.5em;
}

/* --- page_content --- */
#page_content {
/*margin-top: 0.5em;*/
}

/* video */
.video {
width: 432px;
margin-bottom: 1.5em;
}


/* --- feature blocks --- */
.col_2_white {
padding: 0 1.5em 0;
margin: 0 0 1.5em 0;
position: relative;
background: transparent url(../images/col_2_white_bg.gif) repeat-y scroll 0 0;
}
	
.col_2_white_top {
padding-top: 1.5em;
margin: 0 -1.5em 0;
background: transparent url(../images/col_2_white_top.gif) no-repeat scroll 0 0;
}
	
.col_2_white_bottom {
padding-bottom: 0;
margin: 0 -1.5em 0 -1.5em;
background: transparent url(../images/col_2_white_bottom.jpg) no-repeat scroll 0 0;
}
	
.col_2_grey {
padding: 0 1.5em 0;
margin: 0 0 1.5em 0;
background: transparent url(../images/col_2_grey_bg.gif) repeat-y scroll 0 0;
}

.col_2_grey_top {
padding-top: 1.5em;
margin: 0 -1.5em 0;
background: transparent url(../images/col_2_grey_top.gif) no-repeat scroll 0 0;
}

.col_2_grey_bottom {
padding-bottom: 0;
margin: 0 -1.5em 0 -1.5em;
background: transparent url(../images/col_2_grey_bottom.jpg) no-repeat scroll 0 0;
}

.col_4_white {
padding: 0 1.5em 0;
margin: 0 0 1.5em 0;
background: transparent url(../images/col_4_white_bg.gif) repeat-y scroll 0 0;
}
	
.col_4_white_top {
padding-top: 1.5em;
margin: 0 -1.5em 0;
background: transparent url(../images/col_4_white_top.gif) no-repeat scroll 0 0;
}
	
.col_4_white_bottom {
padding-bottom: 0;
margin: 0 -1.5em 0 -1.5em;
background: transparent url(../images/col_4_white_bottom.jpg) no-repeat scroll 0 0;
}

.col_6_white {
padding: 0 1.5em 0;
margin: 0 0 1.5em 0;
background: transparent url(../images/col_6_white_bg.gif) repeat-y scroll 0 0;
}
	
.col_6_white_top {
padding-top: 1.5em;
margin: 0 -1.5em 0;
background: transparent url(../images/col_6_white_top.gif) no-repeat scroll 0 0;
}
	
.col_6_white_bottom {
padding-bottom: 0;
margin: 0 -1.5em 0 -1.5em;
background: transparent url(../images/col_6_white_bottom.jpg) no-repeat scroll 0 0;
}

.feature_block_flash {
padding: 1px 2px 0 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
}

.feature_block_content {
height: 16em;
}


/* --- footer --- */
#footer {
margin: 3em 0 1.5em 0;
padding: 1.5em 0 0 0;
border-top: 1px #d9d9d9 solid;
border-bottom: 1px #d9d9d9 solid;
}

.coup a {
color: #999;
text-decoration: none;
}

.coup a:hover, .coup a:focus {
color: #999;
text-decoration: underline;
outline: none;
}