/* === PHANG-RESET ============================================================ */

body { margin:0; padding:0; }

a img { border:0; }
a { text-decoration:none }
a:hover { text-decoration:underline }
a, a:visited, a:hover, a:active { color:#277ddb; }

hr { border:1px solid #ccc; border-bottom:0; }

table { border-collapse:collapse; border-spacing:0; }
table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }	
/* === PHANG-GENERAL ============================================================ */

div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }	
	
/* === GLOBAL	============================================================ */

/* Layout:
----------------------------------------------------- */
body { 
	font-family: "Times New Roman", Times, serif;
	color:#808080; 
	font-size:1.5em; 
	line-height:1.2; 
	background:url("/app/images/body-bg.jpg") repeat top center #efefe8; 
}

p,
address { 
	margin:0 0 0.8em; 
	padding:0;
	line-height:1.2; 
}

a, a:active, a:visited { color:#b70e11; }
a:hover { color:#a50f0f; text-decoration:underline; }

hr {
	display:block;
	clear:both;	
	border-color:#e7e7e7;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container, .navbar-collapse {
	padding-left:10px;	
	padding-right:10px;	
}

.row {
	margin-left:-10px;
	margin-right:-10px;		
}

.rowBtn {
	margin-top:1em;	
}

.pull-right-md {
	float:right !important;	
}

.visible-xxs {
	display:none;	
}

/* Box Sizing Fix for IE7 */
*,
:after,
hr {
	*behavior: url("/app/js/boxsizing.htc");
	
}

/* Breadcrumb:
----------------------------------------------------- */
.breadcrumb {
	background:#f9f9f9;
	border:1px solid #e7e7e7;
	padding:0;
	font-size:0.85em;
	border-radius:0;
	margin:0 0 1.2em 0;
	text-transform:uppercase;
	overflow:hidden;
}	

.breadcrumb li {
	vertical-align:middle;
	margin-left:-5px; 
	*zoom:1;	
}

.breadcrumb li a {
	padding:0.8em 0.8em 0.8em 2.4em;
	color:#a7a7a7;
	line-height:1;
	background: url("/app/images/breadcrumb_arrow.png") no-repeat center left #f2f2f2;
	display:block;
}

.breadcrumb li.active {
	padding:0.8em 1.2em 0.8em 2.4em;	
	color:#b1b1b1;
	line-height:1;
	background: url("/app/images/breadcrumb_arrow_last.png") no-repeat center left #f9f9f9;
}

.breadcrumb > li + li:before {
	content:none;	
	padding:0;
}

.breadcrumb .home {
	margin-left:0;	
}

.breadcrumb .home a {
	background:#f2f2f2;	
	padding:0.8em 0.5em 0.8em 1em;
}

.breadcrumb .home a span {
	background: url("/app/images/icon_home.png") no-repeat center bottom;	
	text-indent:-99999px;
	overflow:hidden;
	text-align:left;
	display:inline-block;
	height:1.2em;
	width:1.2em;
	vertical-align:middle;
}


/*Buttons:
----------------------------------------------------- */
.btn,
.btn:active,
.btn:visited {
	background:#333;
	border:none;
	border-radius:0;	
	padding:0.5em 1em;
	color:#fff;
	max-width:100%;
	word-wrap: break-word;	
	font-size:0.9em;
}

.btn:hover,
.btn:focus {
	background:#000;
	color:#fff;	
}

.btn span {
	background:url("/app/images/right_arrow_white.png") no-repeat center right transparent;
	padding-right:0.8em;
}

.btn-back span {
	background:url("/app/images/left_arrow_white.png") no-repeat center left transparent;
	padding-left:0.8em;	
	padding-right:0;	
}

.btn-primary,
.btn-primary:active,
.btn-primary:visited {
	background:#c01a1a;
}

.btn-primary:hover,
.btn-primary:focus {
	background:#a50f0f;	
}

.btn-default,
.btn-default:active,
.btn-default:visited {
	background:#666;
}

.btn-default:hover,
.btn-default:focus {
	background:#333;	
}

.articleLink {
	margin-top:1em;	
}

/*Article List:
----------------------------------------------------- */
.articlesList {
		
}

.articlesList .item {
	background:#c01a1a;	
	color:#fff;
}

/*Forms:
----------------------------------------------------- */

.form-group {
	margin-bottom:10px;	
}

label {
	font-weight:normal;
	margin:0.5em 0 0 0;
}	

#form.well {
  	background: #f9f9f9;
	border:1px solid #e7e7e7;
	box-shadow:none;
	margin-top:1.5em;
}

.well {
	border-radius:0;
	padding:1em;	
}

#form h2,
#form h3 {	
	margin:0 0 0.5em;
	border-bottom:1px solid #d9afb0;
	padding-bottom:0.4em;
}

#form .btn {
	min-width:200px;	
}

#form .securityCode {
	float:left;	
	width:50px;
	height:24px;
}

#form .input-group {
	width:100%;	
}

#form .input-group-addon {
	padding:0 0.5em;
	background:#ffffff;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width:65px;
}

#form .input-group input {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

input, textarea, select {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.428571429;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

input.btn {
	*height:50px;	
}

textarea {
	height:60px; 
}	
	
input:focus,
textarea:focus {
	border-color:#4f86bf;
	outline:0;
	-webkit-box-shadow:
	inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

#form input:focus, #form textarea:focus {
	border-color:#d74949;
}

.form .preferred_date_and_time span {
	color:#333;	
}

.form .xdsoft_datetimepicker .xdsoft_calendar td:hover, .form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
	background:#e92e23!important;	
}

#form p span,
#form label span  {
	color:#d9afb0;
}

.message {
	background: none repeat scroll 0 0 #fcf8e3;
    color: #8a6d3b;
    display: block;
    padding: 0.5em 1.8em 0.5em 1em;
	position:relative;
	margin-bottom:1em;
	border:1px solid #f1e7b3;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}

.form-group .message {
	background:none;
	border:none;
	padding:0;
	margin:0;	
}
	
.message .r {
	right:0.8em;
	top:0.5em;	
	position:absolute;
}

.message .r a {
	background: none;
    color: #cec0a0;
    display: block;
    right: 0;
    top: 0;
	text-decoration:none;
	font-size:1.4em;
	line-height:0.8em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.message .r a:hover,
.message .r a:focus {
	color: #8a6d3b;
    cursor: pointer;
    opacity: 0.8;
    text-decoration: none;	
}

.message p {
	margin:3px 0;
	color: #8a6d3b !important;	
}

.message br {
	display:none;	
}



/* Headings:
----------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height:1;	
	color: #b70e11;
	text-transform:uppercase;
	margin:0.8em 0 0.5em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a, 
h6 a {
	color: #b70e11;	
}

h1 {
	font-size:1.6em;
	margin:1.2em 0 0.8em;
	border-bottom: 1px solid #d9afb0;
    padding-bottom: 0.2em;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.1em;	
}

/* Navigation:
----------------------------------------------------- */
.navbar-collapse {
	background:#4d4d4d;
	border:none;
	box-shadow:none;
	border-radius:0;
	max-height:none;
}

.navbar {
	margin-bottom:0;
	min-height:40px;
}

.navbar-default {
	background:none;
	border:none;	
}

.nav {
	padding-top:10px;
	padding-bottom:10px;		
}

.nav > li > a {
	background:#5f5f5f;
	margin:0.1em 0;	
	border-radius:0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding:0.8em 0.6em;
}

.nav > li > a:hover, .nav > li > a:focus {
	background:#565656;	
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background:	#6d91bc;
}


/* Tables:
----------------------------------------------------- */
table {
	width:100%;
	margin-bottom:1.2em;
	border-bottom:1px solid #e7e7e7;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td{
	padding:0.5em 1em;
	line-height:1.428571429;
	border-top:1px solid #e7e7e7;
	vertical-align:top;
}

table th {
	background:#f9f9f9;
	border-bottom:2px solid #e7e7e7 !important;
	border-top:0 !important;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.85em;
}

table >tbody>tr:nth-child(odd)>td {
  	background: #f9f9f9;
}


/* Content Areas:
----------------------------------------------------- */
.mainContent {
  	background: rgba(84, 83, 83, 0.9);	
	padding:1em;
	margin-top:5px;
	min-height:57.8em;
	min-height:56.8em\9;
	margin-bottom:5px;
}	

.contentBlock {
	margin-bottom:18px;	
}

#sideBar .contentBlock {
	padding:10px;
	background:#606060;	
	color:#fff;
}

#sideBar .contentBlock h2,
#sideBar .contentBlock h3 {
	color:#fff;	
}

#sideBar .contentBlock .btn {
	background:#707070;
	width:100%;
	margin-top:10px;
}

#sideBar .contentBlock .btn:hover {
	background:#333333;	
}

#sideBar .contentBlockHighlight {
	background:#4a71a0;	
}

#sideBar .contentBlockHighlight .btn {
	background:#6586ae;	
}

#sideBar .contentBlockHighlight .btn:hover {
	background:#315785;	
}

#mot h2 {
	background:url("/app/images/icon_mot.png") no-repeat top right transparent;	
	margin-top:10px;
	margin-bottom:0;
	padding:0 2px 5px 5px;
	border-bottom:1px solid #b1c7e3;
}

#mot h2 span {
	display:block;	
}

#mot h2 .textSm {
	color:#e1eeff;
	font-size:1.1em;
	padding:0.1em 0;
}

#mot h2 .textMed {
	color:#e1eeff;
	font-size:1.2em;
	padding:0.1em 0;
}

#mot h2 .textLg {
	font-size:2.6em;
}

#openingTimes {
	text-align:center;
	margin-bottom:0;	
}

#openingTimes h2 {
	border-bottom:1px solid #808080;
	margin:0;
	padding:0.4em 0 0.6em;
}

#openingTimes ul {
	margin:0;
	padding:0;
	list-style:none;	
}

#openingTimes li {
	border-bottom:1px dashed #808080;
	padding:0.8em 0;
	text-transform:uppercase;
	font-size:0.9em;
}	

.textContent {
	padding:0 2em;	
	min-height: 22em;
}

.textContent img {
    height: auto;
    max-width: 100%;
}

.textContent ul { 
	margin: 0.8em 0 0.8em 1.2em;
	padding:0;
	width:100%;
}

.textContent ul:after {
	clear:both;
	content: " ";
    display: table;	
}

.textContent ul li { 
	display:block;
	padding-left:1em; 
	padding-bottom:0.2em; 
	background:url("/app/images/bullet.png") no-repeat left 8px transparent; 
	line-height:1.4;
}

.textContent ul.twoCol li {
	width:50%;
	float:left;
}

#logoPanel {
	text-align:center;	
}

#logoPanel ul {
	margin:0;
	padding:0;
	list-style:none;
}

#logoPanel ul li {
	display:inline;	
}

#logoPanel img {
	max-width:95%;
	padding:0 1% 0.8em;	
}

.pageImage {
	margin:0 0 1.2em;	
}


ol {
	padding-left:1.2em;	
}

/* Vehicles Styles
----------------------------------------------------- */
#vehicles .contentBlock {
	background:#f9f9f9;	
	border:1px solid #e7e7e7;
}

#vehicles .well {
	padding:0.8em;	
}

#vehicles .well h2 {
	margin-bottom:0.3em;
}

#vehicles .colour {
	margin-bottom:0;	
}

#vehicles .specList {
	list-style:none;
	margin:0.7em 0 0.2em 0;
	padding:0 0 0 0.2em;
	border-left:1px solid #ccc;
}

#vehicles .specList li {
	display:inline;
	color:#333;
	border-right:1px solid #ccc;
	padding:0 0.3em 0 0;
	margin:0 0.3em 0 0;
	background:none;
}

#vehicles .price {
	font-weight:bold;
	font-size:1.2em;
	color:#333;	
	margin-top:0.6em;
	margin-bottom:0;
}

#category .col-xs-8 {
	float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;	
}

#category h2 {
	padding-top:1.5em;
}

#category h2 span {
	color:#808080;	
}

#gallery {
	max-height:450px;
	overflow:hidden;
	position:relative;
	width:100%;	
}

#gallery ul {
	margin:0;
	padding:0;	
}

#gallery ul.flex-direction-nav a {
	top:50%;
	width:1.5em;
	height:2em;
	position:absolute;
	display:block;	 
	top:50;
	margin-top:-0.5em;
	color:#fff;
	background:#333;
	text-indent:-99999px;
	outline:none !important;
}

#gallery ul.flex-direction-nav a.flex-prev {
	left:0;
	background:url("/app/images/left_arrow_white.png") no-repeat center center #333;
}

#gallery ul.flex-direction-nav a.flex-next {
	right:0;
	background:url("/app/images/right_arrow_white.png") no-repeat center center #333;
}

#gallery ul li {
	background:none;
	margin:0;
	padding:0;	
}

/* Date Picker Overides:
----------------------------------------------------- */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
	background:#4a71a0 !important;	
}

.form .xdsoft_datetimepicker .xdsoft_calendar td:hover, .form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
	background:	#c01a1a !important;
}


/* RESPONSIVE
----------------------------------------------------- */

@media screen and (min-width: 768px) {
	#gallery {
		max-height:350px;	
	}
}

@media screen and (min-width: 992px) {  	
	#vehicles .vehiclePrice {
		margin: 0;
		position: absolute;
		right: 1.8em;
		top: 0;
		text-align:right;
	}
	
	#vehicles .textContent {
		position:relative;	
	}
	
	#gallery {
		max-height:270px;	
	}

}

@media screen and (min-width: 1200px) { 
	#mot h2 {
		padding:0 15px 5px;
		background-position: 155px 5px;
	}
	
	#mot h2 .textSm {
	font-size:1.3em;
	}
	
	#mot h2 .textMed {
		font-size:1.4em;
	}
	
	#mot h2 .textLg {
		font-size:2.8em;
	}
	
	.panelText {
		max-width:220px;
		margin:0 auto 0.8em;	
	}
	
	#gallery {
		max-height:335px;	
	}

}

@media screen and (max-width: 1200px) {
	#category h2 {
		padding-top:1em;
	}	
}


@media screen and (max-width: 992px) {
	.mainContent {
		min-height:0;
		margin-bottom:0;
	}
	
	.pull-right-sm {
		clear:left;
	}	
	
	.pull-right-md {
		float:none !important;	
	}

	
	.textContent {
		padding:0;	
	}
	
	.textContent ul.twoCol li {
		width:100%;
		float:none;	
	}

	#vehicles .vehiclePrice { 
		margin-bottom:1em;
	}
	
	#gallery {
		margin-bottom:0.8em;
	}
	
	.breadcrumb li {
		display:none;	
	}
	
	.breadcrumb li.active,
	.breadcrumb li.home {
		display:inline-block;
	}
}


@media screen and (max-width: 767px) {
	.pull-right {
		float:none !important;	
	}
	
	.navbar-toggle {
		background:#4d4d4d;
		color:#fff;
		text-transform:uppercase;
		width:100%;
		margin:0;
		padding:0.8em;
		float:none;
		border-radius:0;	
	}
	
	.navbar-toggle .menu {
		float:left;	
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		float:right;
		clear:right;
		background-color:#fff;	
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background:#333;	
	}
	
	#mot,
	#openingTimes {
		max-width:260px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.img-responsive {
		margin-left:auto;
		margin-right:auto;	
	}
	
	.textContent {
		min-height: 0;
	}	
	
	.breadcrumb .home a {
		padding:0.8em 0.2em 0.8em 0.8em;	
	}
	
	.breadcrumb li.active {
		padding-right:0.5em;	
	}
	
	#openingTimes li,
	#sideBar .contentBlock .btn {
		font-size:0.85em;	
	}
	
	#sideBar .contentBlock {
		min-height:12.5em;	
	}
	
	#sideBar .contentBlock .btn {
		padding:0.5em;	
	}
	
	#openingTimes li {
		padding:0.5em 0;	
	}
	
}

@media screen and (max-width: 479px) {
	.col-xxs-12 {
		width:100%;
		float:none;	
	}
	
	.hidden-xs {
		display:block !important;	
	}
	
	.visible-xxs {
		display:block !important;
		float:none;
	}
	
	#category h2 {
		padding-top:0.5em;
	} 
	
	.textContent table td {
		display:block;
		width:100%;	
	}
	
	.textContent table th {
		display:none;	
	}
	
	#form table td,
	#vehicles table td {
		display:table-cell;
		width:auto;	
	}
	
	#form table th,
	#vehicles table th {
		display:table-cell;	
	}
	
	#openingTimes li,
	#sideBar .contentBlock .btn {
		font-size:0.9em;	
	}
	
	#sideBar .contentBlock {
		min-height:0;	
	}
}

@media screen and (max-width: 320px) { 
	.xdsoft_datetimepicker .xdsoft_datepicker {
		max-width:100%;
		width:auto;	
	}
	
	.xdsoft_datetimepicker .xdsoft_month {
		width:60px;	
	}
}
	
	
/* === TOP 	============================================================ */

#header { 
	z-index:200;
	position:relative;
}

#header .container {
	background:#ffffff;
	-moz-box-shadow: 0 7px 8px #999;
	-webkit-box-shadow: 0 7px 8px #999;
	box-shadow: 0 7px 8px #999;	
	border-bottom:1px solid #e7e7e7;
}

#header .logo {
	text-align:center;
	display:block;	
	padding:1em 0;
}

#header .logo img {
	margin:0 auto;	
}

#headerTop {
	background:url("/app/images/header-top-bg.jpg") repeat-x top center #a31d21;
	border-bottom:2px solid #995353;
}

#headerTop .headerTopInner {
	border-top:1px solid #eabe33;
	margin-top:2px;
}

#headerTop p {
	color:#ebcdcd;
	margin:0;
	padding:0.6em 0.5em 0.6em 2em;
	font-size:1.2em;
}

#headerTop a,
#headerTop a:visited,
#headerTop a:focus {
	color:#ebcdcd;	
}

#headerTop a:hover {
	color:#fff;	
	text-decoration:none;
}

#headerTop p.telephone {
	background:url("/app/images/icon_phone.png") no-repeat 5px center transparent; 	
}

#headerTop p.email {
	background:url("/app/images/icon_email.png") no-repeat 5px center transparent;	
	font-size:1.1em;
	float:right;
	padding:0.8em 0.5em 0.6em 2em;
}

@media screen and (max-width: 767px) { 
	#headerTop p {
		font-size:1.1em;
		padding-left:2.2em;
		padding-top:0.8em;	
	}

}

@media screen and (max-width: 479px) {
	#headerTop .col-xs-7 {
		display:none;	
	}
	
	#header .logo {
		margin:0 auto;
		width:250px;
		height:150px;
		background:url("/app/images/hilderstone_garage_logo_sm.jpg") no-repeat center center transparent;		
	}
	
	#header .logo img {
		display:none;
	}	
}	
/* === BOTTOM	============================================================ */

#footer { 
	clear:both; 
	color:#b4b4b4;
	margin:1em 1em 0;
	z-index:300; 
	position:relative;
	padding:1.2em 0;
	margin:0 auto;
	border-top:2px solid #494949;
	font-size:0.85em;
	background:#666666;
	line-height:1.6;
	}

#footer a {
	color:#b4b4b4;	
}

#footer .contactInfo {
	color:#cccccc;
	line-height:1.6;	
}

#footer .contactInfo span {
	display:block;	
}

#footer .contactInfo a.email {
	color:#cccccc;	
	border-left:1px solid #a8a8a8;
	margin-left:0.5em;
	padding-left:0.5em;
}

#footer .footerMenu {
	list-style:none;
	padding:0;
	margin:0;	
}


#footer .footerMenu a {
	text-decoration:underline;	
}

/* Responsive:
----------------------------------------------------- */

@media screen and (max-width: 992px) {
	#footer .contactInfo {
		text-align:left !important;	
	}
}

@media screen and (max-width: 767px) {
	#footer .contactInfo,
	#footer .text-right,
	#footer {
		text-align:center !important;		
	}

}

@media screen and (max-width: 479px) {
	#footer .contactInfo a.email {
		border-left:0;
		display:block;
		padding-left:0;
		margin-left:0;	
	}
}


	
/* === MIDDLE 	============================================================ */

/* Global:
----------------------------------------------------- */
#middle { 
	margin:0;
	padding:0;
	z-index:250; 
	position:relative;
	clear:both;
}

#middle .container {
	-moz-box-shadow: 0 7px 8px #999;
	-webkit-box-shadow: 0 7px 8px #999;
	box-shadow: 0 7px 8px #999;
	background: #f2f2f2;	
}

#mainContent {
	background:#ffffff;	
	min-height:56em;
	border-left:1px solid #e7e7e7;
}

#sideBarMenu .innerContent,
#sideBar .innerContent {
	padding:18px 5px;	
}

.innerContent {
	padding:18px 8px;	
}

/* Home:
----------------------------------------------------- */
#testimonialFeed {
	float:right;	
}

#testimonialFeed h2 {
	margin-top:0.2em;	
}

.testimonial {
	background:#c01a1a;	
	padding:60px 18px 18px;
	background:url("/app/images/quotes_open.png") no-repeat 18px 20px #c01a1a; 
	margin-bottom:1em;
}

#testimonialFeed .testimonial p {
	margin-bottom:0;	
}

.testimonial p {
	color:#fff;	
}

.testimonial p.name {
	background:url("/app/images/quotes_close.png") no-repeat top right;
	padding-top:30px;
	margin-bottom:0;
	font-style:italic;	
}

.testimonial p.name a {
	color:#fff;	
	font-size:1.1em;
}

.testimonial p.location {
	background:none;
	margin-bottom:0;
	color:#f6cccc;	
}

/* RESPONSIVE:
----------------------------------------------------- */
@media screen and (min-width: 768px) {
	#sideBarMenu .innerContent {
		padding-bottom:0;	
	}
}

@media screen and (max-width: 767px) { 
	#sideBarMenu .innerContent {
		padding:10px 5px;	
	}
	
	#mainContent {
		min-height: 0;
	}	
}

/* styles/default.css 	================================================================================================== */