/* 
	Title: Hungrybrowser - Global style sheet
	Description: Contains all the custom styling for the mckinlaykidd.co.uk website
	Client: mckinlaykidd.co.uk
	Date: 05/12/2006
	Updated: 03/10/2009
	Version 1.02
	Author: Ben Ellis
*/


/* ------------------------------------------------------------
	Container
---------------------------------------------------------------- */

#container {
	width: 955px;
	text-align: left;
	margin: 0px auto;
}

/* ------------------------------------------------------------
	Header
---------------------------------------------------------------- */

#header {
	width: 955px;
	height: 121px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 100;
	background: #160C2A url("../img/header_bg.gif") bottom left no-repeat;
}

/* Styles the logo */

#header h1 {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 262px;
	height: 84px;
	margin: 0px;
}

#header h1 a {
	text-indent:  -10000px;
	display:block;
	width: 265px;
	height: 90px;
	background: url("../img/logo.gif") 0px 0px no-repeat;
}

/* ------------------------------------------------------------
	Sub-header
---------------------------------------------------------------- */

#sub_header {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 675px;
	text-align: right;
	margin: 0px;
}

/* Tag line */

#sub_header h2 {
	margin: 0px;
	font-size: 115%;
	color: #FFFFFF;
}

/* List 1 */

#list_1 {
	position: absolute;
	top: 20px;
	right: 0px;
}

/* List 2 */

#list_2 {
	position: absolute;
	top: 60px;
	right: 0px;
}

/* Phone number */

#sub_header h3 {
	margin: 0px;
	font-size: 115%;
	font-weight:  bold;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}

/* Buttons */

#sub_header ul {
	text-align: right;
	margin: 5px 0px 0px 0px;
}

#sub_header ul li, #sub_header ul li a {
	display:  block;
	float: left;
	padding: 0px;
	margin: 0px;
	height:  33px;
	line-height: 30px;
	color:  #CCCCCC;
	text-align: center;
	font-size: 93%;
}

#sub_header ul li a {
	margin-left: 4px;
	text-decoration: none;
}

#sub_header ul li a:hover, #sub_header ul li a:focus, #sub_header ul li a:visited {
	text-decoration:  none;
	color:  #FFFFFF;
}

/* Button 1: Newsletter */

#sub_header ul li#button_1 a {
	width: 172px;
	background: url("../img/button_1_bg.gif") 0px 0px no-repeat;
}

/* Button 1: Newsletter > hover state */

#sub_header ul li#button_1 a:hover, #sub_header ul li#button_1 a:focus {
	background-position: 0px -33px;
}

/* ------------------------------------------------------------
	Footer area
---------------------------------------------------------------- */

#footer {
	clear: both;
	color: #FFFFFF;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 85%;
}

#footer #footer_nav {
	font-size: 120%;
}

#footer ul li {
	display: inline;
	border-left: 1px #CCCCCC solid;
	padding: 0px 2px 0px 7px;
	white-space: nowrap;
}

#footer ul li.first {
	border: none;
}

#footer ul, #footer p {
	margin: 10px 0px 10px 0px;
}

#footer a {
	color: #FFFFFF;
}

#footer img {
	margin: 0px 3px 0px 0px;
}

/* ------------------------------------------------------------
	Section page
---------------------------------------------------------------- */

h1#section_heading  {
	background: #DFDBD1 url("../img/section_header_bg.gif") 20px 20px no-repeat;
	margin: 0px;
	padding: 20px 20px 19px 55px;
	font-weight: bold;
}

/* ------------------------------------------------------------
	Content area
---------------------------------------------------------------- */

/* Styles the content div */

#content {
	margin: 0px;
	clear: both;
	overflow: auto;
}

/* Styles the inner content div */

#inner_content {
	margin: 0px;
	clear: both;
	background-color: #FFFFFF;
	overflow: auto;
}

/* ------------------------------------------------------------
	Top content area
---------------------------------------------------------------- */

#top_content {
	background-color: #FFFFFF;
	overflow: auto;
	clear: both;
	margin: 20px;
}

/* ------------------------------------------------------------
	Bottom content area
---------------------------------------------------------------- */

#bottom_content {
	background-color: #FAF8F2;
	overflow: auto;
	clear: both;
	padding:  20px;
	margin: 20px 0px 0px 0px;
	border-top: 1px #DFDBD1 solid;
	
	/* Start IE 6 Height bug fix */
	min-height:280px;
	height: auto !important;
	height: 280px;
	/* End IE 6 Height bug fix */
}

#bottom_content img {
	margin: 0px 20px 0px 0px;
}

/* ------------------------------------------------------------
	Column 1
---------------------------------------------------------------- */

#column_1 {
	margin: 0px;
	float: left;
	width: 445px;
}

/* ------------------------------------------------------------
	Column 2
---------------------------------------------------------------- */

#column_2 {
	float: right;
	width: 445px;
}

/* ------------------------------------------------------------
	Bullets
---------------------------------------------------------------- */

#column_1 ul, #column_2 ul {
	margin-left: 10px;
}

#column_1 ul li a, #column_2 ul li a {
	background: url("../img/bullet.gif") 0px 3px no-repeat;
	padding-left: 20px;
}

/* Bullet hover states */

#column_1 ul li a:hover, #column_2 ul li a:hover {
	background-position: 0px -20px;
}

/* ------------------------------------------------------------
	Column 1 & 2 headings
---------------------------------------------------------------- */

#column_1 h3, #column_2 h3 {
	margin: 20px 0px 10px 0px;
	padding: 5px 0px 7px 40px;
	color: #FFFFFF;
	font-size: 112.5%;
	font-weight: normal;
}

#column_1 h4, #column_2 h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 40px;
	color: #333333;
	font-size: 112.5%;
	font-weight: bold;
	background: url("../img/header_3_bg.gif") 0px 0px no-repeat;
}

/* ------------------------------------------------------------
	Column 1 heading style
---------------------------------------------------------------- */

#column_1 h3 {
	background: url("../img/header_1_bg.gif") 0px 0px no-repeat;
}

/* ------------------------------------------------------------
	Column 2 heading style
---------------------------------------------------------------- */

#column_2 h3 {
	background: url("../img/header_2_bg.gif") 0px 0px no-repeat;
}