/*
Site Name: Brian Robson Coachworks
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 07/04/10
Time: 09:34:07
*/

body {
	color:#fff;
	background-color:#555f68;
	padding:60px 0;
	font:62.5%/1.5 Helvetica, Arial, sans-serif;
}
h1,
h5 {
	font-size:3.6em;
	font-weight:bold;
	line-height:1;
	padding:0 0 20px;
}
h1 {
	font-family:Impact, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:2.8em;
}
h2,
h6 {
	color:#94a0a8;
	font-size:2.2em;
	font-weight:bold;
	line-height:1.1;
	padding:16px 0 6px;
}
h2 span {
	font-size:0.6em;
	padding-left:2px;
}
h3 {
	font-size:1.7em;
	color:#b1bbc1;
	font-weight:bold;
	line-height:1.1;
	padding:10px 0;
}
h4 {
	font-size:1.3em;
	color:#b1bbc1;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0 0;
	line-height:1.1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	border:none;
}

p {
	font-size:1.3em;
	line-height:1.6;
	padding-bottom:12px;
}
a {
	color:#c1d0d4;
	text-decoration:none;
	border-bottom:1px solid #6b757e;
}
a:hover,
a:focus {
	color:#c0d137;
	border-bottom-color:#c0d137;
}

ul,
ol {
	font-size:1.3em;
	padding:0 24px 10px;
}
ul { list-style:disc; }
ol { list-style:decimal; }

ul ul,
ul ol,
ol ul,
ol ol {
	padding-bottom:0;
	font-size:1em;
}

img { display:block; }

pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

/*
---- Structure
*/
#container {
	padding:24px 15px;
	width:930px;
	border:2px solid #c0d137;
	margin:0 auto;
}
#content {
	padding-top:18px;
	float:right;
	width:747px;
}
#main-content {
	float:left;
	width:597px;
}

/*
---- Header
*/
#header {
	padding:0 0 24px;
	background:#555f68 url(../images/backgrounds/header.gif) no-repeat bottom left;
	width:100%;
	float:left;
}
#brand {
	float:left;
	padding:0 24px 10px 0;
	background:#555f68 url(../images/backgrounds/brand.gif) no-repeat top right;
}
#brand a {
	float:left;
	display:block;
	width:194px;
	height:37px;
	background:#555f68 url(../images/brian-robson.gif) no-repeat top left;
	text-indent:-99999px;
	overflow:hidden;
}
#header p {
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
	padding:18px 0 0;
}
#header p span {
	font-weight:normal;
	font-size:0.8em;
}
#header p a {
	border:none;
	color:#fff;
}
#header p a:hover,
#header p a:focus {
	color:#c0d137;
}


/*
---- Navigation
*/
#navigation {
	float:left;
	padding-top:18px;
	width:168px;
}
#navigation p {
	padding:0 0 18px;
	width:168px;
	height:28px;
	background:#555f68 url(../images/phone.gif) no-repeat top left;
	clear:both;
	text-indent:-99999px;
	overflow:hidden;
}
#navigation ul {
	float:left;
	padding:0 0 18px;
	width:168px;
	list-style:none;
	font-size:1.2em;
}
#navigation li {
	float:left;
	padding-bottom:6px;
	width:100%;
}
#navigation a {
	float:left;
	display:block;
	border:none;
	line-height:1.2;
	padding:6px 8px 5px;
	background-color:#c1d0d4;
	color:#555f68;
	font-weight:bold;
	text-transform:uppercase;
	width:152px;
	background:#555f68 url(../images/navigation/nav-bar1.gif) no-repeat top left;
}

#navigation .extra a {
	color:#fff;
	background:#94a0a8 url(../images/navigation/nav-bar2.gif) no-repeat top left;
}
#navigation .dashboard {
	padding-bottom:0;
}
#navigation .dashboard a {
	color:#fff;
	background:#162b35 url(../images/navigation/nav-bar3.gif) no-repeat top left;
}

#navigation a:hover,
#navigation a:focus {
	background:#f29b34 url(../images/navigation/nav-bar-hover.gif) no-repeat top left;
}
#navigation a.current {
	background:#c0d137 url(../images/navigation/nav-bar-current.gif) no-repeat top left !important;
}

#navigation ul ul {
	font-size:1em;
	padding:0;
}
#navigation ul ul li {
	padding:6px 0 0;
}
#navigation ul ul a {
	padding-top:0;
	padding-bottom:0;
	color:#fff;
	background-color:transparent !important;
	background-image:none !important;
}
#navigation ul ul a:hover,
#navigation ul ul a:focus {
	color:#f29b34;
	background-color:transparent !important;
	background-image:none !important;
}
#navigation ul ul a.current {
	color:#c0d137 !important;
	background-color:transparent !important;
	background-image:none !important;
}

/*
---- News
*/
#news {
	float:right;
	width:138px;
	background-color:#c1d0d4;
	padding:9px 9px 0;
	width:120px;
	-moz-box-shadow:2px 2px 2px #33393f;
	-webkit-box-shadow:2px 2px 2px #33393f;
}
#news h3 {
	width:120px;
	height:78px;
	padding:0 0 10px;
	background:#c1d0d4 url(../images/news.gif) no-repeat top left;
	text-indent:-99999px;
	overflow:hidden;
}
#news div {
	border-top:2px solid #c0d137;
}
#news p {
	padding-bottom:9px;
	font-size:1em;
	line-height:1.3;
	color:#162b35;
}
#news h4 {
	padding:9px 0 4px;
	font-size:1.2em;
}
#news h4 a {
	color:#555f68;
}
#news h4 a:hover,
#news h4 a:focus {
	color:#000;
}

/*
---- Articles
*/
#article-header {
	padding-bottom:16px;
}
#article-header h1 {
	padding-bottom:0;
}
#article-header h3 {
	padding:0;
}


/*
---- Forms
*/
form.base div {
	padding:0 0 16px;
	clear:both;
}
form.base label {
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	font-size:1.3em;
	padding:4px 6px 0 0;
	text-align:right;
	color:#C1D0D4;
}
form.base div.date label,
form.base div.select label { padding-top:0; }
form.base div.text input,
form.base div.password input,
form.base textarea {
	padding:3px 4px;
	font-size:13px;
	font-family:Arial, sans-serif;
}
form.base textarea { width:300px; }
form div.no-label { padding-left:168px; }
form.base div.error-message {
	border:none;
	font-size:1.2em;
	font-weight:bold;
	color:#e87e7e;
	padding:3px 0 0 106px;
}
form.base p {
	clear:both;
	padding:3px 0 0 106px;
	color:#666;
	font-size:1.2em;
}
form.base .submit {
	border-top:1px solid #94A0A8;
}
form.base .submit p {
	padding-top:8px;
	border-top:6px solid #636e77;
}
form.base div.checkbox {
	padding-left:102px;
}
form.base div.checkbox label {
	float:none;
	display:inline;
	padding:0 0 0 3px;
}
form.base div.checkbox span { font-size:1.3em; float:right; width:90%; }
form.base div.checkbox div.error-message { padding-left:0; }
form.base div.long-input label {
	width:auto;
	text-align:left;
	margin-left:106px;
}
form.base div.checkbox input { float:left; }
form.base div.address input { margin-bottom:4px; }
form.base div.address input.last { margin-bottom:0; }

/*form.base div.checkbox div { width:auto; clear:none; }
	form.base div.checkbox label { float:left; width:200px }*/

#estimate-attachments p { color:#C1D0D4; }
#estimate-attachments div { padding-left:106px; padding-bottom:4px; }

/* Flash Messages */
#flashMessage {
	border:2px solid #fff;
	font-size:1.4em;
	font-weight:bold;
	padding:6px 9px;
	margin:0 0 18px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#000;
	color:#fff;
}
#flashMessage.error {
	background-color:#c60000;
}
#flashMessage.success {
	background-color:#04B500;
}

/*
---- Page Content
*/
#page-content .content .image { float:right; padding:0 0 12px 12px; }

/*
---- Page Titles
*/
#header .title {
	float:left;
	padding:0;
	height:47px;
	text-indent:-99999px;
	overflow:hidden;
}
#title_your-car-is-our-car { width:264px; background:#555f68 url(../images/titles/your-car-is-our-car.gif) no-repeat top left; }
#title_complete-car-care { width:438px; background:#555f68 url(../images/titles/complete-car-care.gif) no-repeat top left; }

/*
---- Page content
*/

.right-panel {
	float:right;
	width:242px;
	background-color:#162B35;
	padding:9px;
	-moz-box-shadow:2px 2px 2px #33393f;
	-webkit-box-shadow:2px 2px 2px #33393f;
}
.right-panel p {
	padding:10px 0 0;
	color:#abb7be;
	font-size:1.2em;
	line-height:1.4;
}
.content-text {
	float:left;
	width:327px;
}

.content { border-bottom:1px solid #c3cf21; margin-bottom:12px; }
.last { border:none; margin-bottom:0; }

/*
---- Who We Are
*/
#family-album {
	padding:0;
	list-style:none;
	float:left;
	width:328px;
	font-size:1.1em;
	line-height:1.1;
}
#family-album li {
	float:left;
	padding:0 11px 11px 0;
	width:102px;
}
#family-album li.last {
	padding-right:0;
}
#family-album a,
#family-album div {
	display:block;
	padding:7px;
	background-color:#fff;
	-webkit-box-shadow:2px 2px 2px #33393F;
	-moz-box-shadow:2px 2px 2px #33393F;
	box-shadow:2px 2px 2px #33393F;
	border:none;
	color:#747e82;
	text-transform:uppercase;
}
#family-album a:hover {
	color:#000;
}
#family-album span.image {
	background-color:#000;
	width:88px;
	height:88px;
	display:block;
}
#family-album span.text {
	display:block;
	padding-top:7px;
}
#family-album a span.image,
#family-album a span.text {
	cursor:pointer;
}


/*
---- Google Map
*/
.google-map { float:right; width:242px; background:#5d6770; padding:9px; -moz-box-shadow:2px 2px 2px #999999; }
	.google-map iframe { display:block; }
.get-in-touch { float:left; width:327px; }

/*
---- Feedback Form
*/
#feedback-questions {
	font-size:1em;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
}
#feedback-questions li {
	padding-bottom:24px;
	float:left;
	width:100%;
}
#feedback-questions h3 {
	color:#94A0A8;
	padding:12px 0 0 106px;
}
#feedback-questions h4 {
	color:#666;
	text-transform:none;
	padding:0 0 0 106px;
	font-size:1.4em;
}
#feedback-questions ol.answers {
	float:left;
	padding:8px 0 8px 106px;
	list-style:none;
}
#feedback-questions ol.answers li {
	width:auto;
	padding:0 12px 0 0;
}
#feedback-questions ol.answers label {
	font-size:1.2em;
	width:auto;
	padding:3px 0 0 2px;
	line-height:1.1;
	color:#999;
}
#feedback-questions ol.answers input {
	float:left;
	margin:0;
	padding:0;
}