/* -------------------------------------
Filename: style.css
Title : Primary CSS file for medessin.co.uk
Author : Anthony George, anthony@anthony.george.co.uk
URL : http://www.medessin.co.uk/css/style.css
License: Copyright 2007, Medessin, All Rights Reserved.
Feel free to read and learn from this, but please don't steal.
Description : This base style sheet for the latest Medessin website

Styles for use with templates
--------------------------------------- */

@charset "utf-8";

/* Normalizes Padding and Margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}

/* Normalizes font-sizes for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

/* Removes list styles */
ol, ul {
	list-style:none;
}

/* Normalizes fonts (style and weights */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

/* Normalizes tables */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* Removes borders from fieldsets and images */
fieldset, img {
	border:0;
}

/* Left aligns captions and table headers */
caption, th {
	text-align:left;
}

/* Removes quote marks from q */
q:before, q:after {
content::'';
}

/***********************************************************************/

body {
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #333333;
}

#container {
	min-width:1001px;
	width:auto!important;
	width:1001px;
	background: #FFFFFF;
	font-size:1.2em;
}

#header {
	background: #ffffff;
	position:relative;
}

#header h1 {
	height:94px;
	text-indent:-9999px;
	background-image: url(/images/logo_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:24em;
}
#header h1 a{
      display:block;
	height:94px;
	width:24em;
}
#header h2 {
	height:94px;
	text-indent:-9999px;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position:absolute;
	right:1.7em;
	top:0;
	padding:0;
	width:13em;
}
#header h2 a{
      display:block;
	height:94px;
	width:13em;
}
/* Left column for both two and three column templates */
#sidebar1 {
	float: left;
	width: 33.4em;
	padding:1.4em;
}

/* Right column for three column template */
#sidebar2 {
	float: right;
	width: 13em;
	padding:1em 1.7em 1em 1em;
}

#mainContent {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F4F4F4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F4F4F4;
}

/* Main column for three column template */
.med-three-col #mainContent {
	margin: 0 15.7em 0 36.8em;
	padding: 1em 1.7em 1em 1.7em;
}

/* Main column for two column template */
.med-two-col #mainContent {
	margin: 0 0 0 36.8em;
	padding: 1em 1.7em 1em 1.7em;
	
}

/* Main column for one column template */
.med-one-col #mainContent {
	padding: 1em 1.7em 1em 1.7em;
}

#footer {
	padding: 0 10px 0 20px;
	background:#ffffff;
	text-align:center;
	font-size:0.9em;
}

#main-navigation {
	background-color:#5cb404;
	text-align:right;
	padding:0.5em 1.7em;
}

#main-navigation li {
	display:inline;
}

#main-navigation li .last {
	border-right:none;
	padding-right:0;
}

#main-navigation li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6ecc0;
	padding:0 1.5em;
}

#main-navigation li a:visited {
	text-decoration:none;
}

#main-navigation li a:hover {
	text-decoration:underline;
}

#main-navigation li a:active {
	text-decoration:none;
}

p {
	padding:1em 0;
	line-height:1.6em;
}

/* Home */
#secondarynav {
	overflow:hidden;
}

#secondarynav li {
	display:block;
	float:left;
	font-size:1em;
	width:30%;
	margin:1.5%;/*min-height:17.7em;
	height:auto !important;
	height:17.7em;*/
}

#secondarynav li p {
	padding-top:0;
}

.med-three-col #secondarynav li {
	display:block;
	font-size:1em;
	width:100%;
}

#secondarynav #secondarynav-ranges {
	margin-left:0;
}

#secondarynav h4 a,
#medessin-set-list h4 a {
	color:#666666;
	text-decoration:none;
}

#secondarynav a.image-link {
	width:150px;
	height:120px;
	display:block;
	text-indent:-9999px;
}

#secondarynav-ranges a.image-link {
	background-image:url(/images/ranges-homepage.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#secondarynav-groups a.image-link {
	background-image:url(/images/groups-homepage.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#secondarynav-items a.image-link {
	background-image:url(/images/items-homepage.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#home-contact {
	overflow:hidden;
}

.home-t, .home-e {
	float:left;
	width:48%;
}

.home-t p, .home-e p {
	font-size:1.6em;
	margin-top:-1em;
}

.home-t {
	margin-left:1%;
}

/*thumbnail block*/
#thumbs {
	overflow:hidden;
	position:relative;
}

#thumbs li {
	float:left;
	width:52px;
	height:52px;
	margin:2px;
}

#thumbs li a {
	outline:none;
}

#thumbs li.selected {
	width:50px;
	height:50px;
	border:1px solid green;
}

/* Sets (Ranges, groups etc...) */
#medessin-set-list {
	margin:0.5em 0;
	overflow:hidden;
}

#medessin-set-list li {
	display:block;
	width:24%;
	float:left;
}
#medessin-set-list a.ranges-lofi,
#medessin-set-list a.ranges-studio,
#medessin-set-list a.ranges-seriesb,
#medessin-set-list a.ranges-wrap,
#medessin-set-list a.groups-individual-seating ,
#medessin-set-list a.groups-social-seating,
#medessin-set-list a.groups-tables,
#medessin-set-list a.groups-storage,
#medessin-set-list a.groups-misc
{
	background-position:center bottom;
	background-repeat:no-repeat;
	width:150px;
	height:170px;
	display:block;
	text-indent:-9999px;
}
/*Ranges*/
#medessin-set-list a.ranges-lofi {
	background-image:url(/images/ranges-lofi.jpg);

}

#medessin-set-list a.ranges-studio {
	background-image:url(/images/ranges-studio.jpg);
}

#medessin-set-list a.ranges-seriesb {
	background-image:url(/images/ranges-seriesb.jpg);
}

#medessin-set-list a.ranges-wrap {
	background-image:url(/images/ranges-wrap.jpg);
}

/*Groups*/
#medessin-set-list a.groups-individual-seating {
	background-image:url(/images/groups-indi-seating.jpg);
}

#medessin-set-list a.groups-social-seating {
	background-image:url(/images/groups-social-seating.jpg);
}

#medessin-set-list a.groups-tables {
	background-image:url(/images/groups-tables.jpg);
}

#medessin-set-list a.groups-storage{
	background-image:url(/images/groups-storage.jpg);
}
#medessin-set-list a.groups-misc {
	background-image:url(/images/groups-misc.jpg);
}
/* Footer */
#footer p.left50 {
	width:50%;
	float:left;
}

#footer p.right50 {
	width:50%;
	float:right;
}

/*Items*/
#range-main-image {
	text-align:center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}