/*
Gary Hollands - solriche - 2010 - Default Template Stylesheet for i-vert.co.uk
This stylesheet is available under the terms of the GNU General Public License as published by
the Free Software Foundation - Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/
* {
	margin: 0;
	padding: 0;
}

html,body {
	font-family: "lucida grande", "lucida sans unicode", arial,
		"bitstream vera sans", sans-serif; /*mac,windoze,linux*/
	line-height: 1.5;
}

/*-----------------------------Page layout-----------------------------*/
#container {
	height: 100%;
}

#page_top_bandz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 128px;
}

#masterbox {
	width: 58em; /*60%*/
	margin: 0 auto 0 auto;
}

/*-----------------------------Page top-----------------------------*/
#top {
	position: relative;
	width: 100%;
	height: 128px;
	overflow: hidden;
	background: url("../../images/ivert/page_top_middle.png") repeat-x;
}

#top img {
	position: absolute;
}

#right_fade {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 128px;
	background: rgb(255, 255, 255)
		url("../../images/ivert/page_top_right.png") no-repeat 0 0;
}

#left_fade {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 128px;
	background: rgb(255, 255, 255)
		url("../../images/ivert/page_top_left.png") no-repeat 0 0;
}

#logo { /*display: none;comment out to show logo*/
	position: relative;
	top: 0;
	left: 0;
	width: 128px;
	height: 128px;
	overflow: hidden;
}

#logo img {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
}

#header {
	position: absolute;
	top: 0;
	left: 128px; /*set to 128px if displaying a logo, 15px if not*/
	height: 128px;
	width: 50%;
}

#header h1 {
	float: left;
	clear: both;
	font-size: 250%;
	margin: 10px 0 0 0;
}

#header .silent {
	display: none;
}

.strapline {
	width: 100%;
}

#header p {
	float: left;
	clear: both;
	position: relative;
	top: -10px;
	left: 0;
	font-size: 120%;
	font-weight: bold;
}

/*-----------------------------content-----------------------------*/
#content {
	float: left;
	clear: both;
	width: 100%;
	padding: 0.5em 0 0.5em 0;
}

#content p {
	font-size: 90%;
	margin: 0.5em 0 0 0;
}

#text_intro {
	text-align: justify;
	float: left;
	width: 38em; /*66%*/
	margin: 0 2em 0 1em; /*0 4% 0 2%*/
}

#text_intro ul {
	list-style-type: circle;
	margin: 0.25em 0 0.25em 2em;
}

#text_intro ul li {
	font-size: 90%;
}

#right_content {
	float: left;
	width: 15em; /*26%*/
	margin: 0 0.5em 0 0;
}

#right_content #map_info {
	margin: 0.5em 0 0 0;
}

#map_container #map_canvas {
	margin: 0.25em 0 0 0;
	width: 15em; /*240px*/
	height: 10em; /*165px*/
	background: rgb(255, 255, 255)
		url("../../images/ivert/gmap_background.jpg") repeat-x 0 0;
}

/*-----------------------------footer-----------------------------*/
#footer {
	float: left;
	clear: both;
	width: 100%;
	padding: 0.5em 0 0.25em 0;
	border-top: 1px solid rgb(150, 150, 150);
	/*border-radius: 0  0 0.75em 0.75em; Roll out when browsers catch up with CSS3*/
}

#footer p {
	font-size: 85%;
}

#footer #address_details,#footer  #business_hours,#footer  #trades_schemes
	{
	float: left;
	margin: 0 0.5em 0 0.25em;
}

#business_hours p {
	width: 14em; /*MSIE7 needs this*/
}

#business_hours .day {
	float: left;
	width: 3em;
}

#business_hours .opening_time {
	float: left;
	text-align: right;
	width: 3em;
}

#business_hours .am_pm {
	float: left;
	width: 1.8em;
}

#business_hours .closing_time {
	float: left;
	width: 6em;
}

#footer  #payment_options {
	float: right;
}

#footer h3 {
	font-size: 70%;
}

#footer .paypal {
	float: right;
	clear: both;
	margin: 0.25em 0.25em 0 0;
}

#footer  #credit_cards {
	float: right;
	clear: both;
	margin: 0 0.25em 0 0;
}

#credit_cards h3 {
	float: right;
	clear: both;
}

#credit_cards .cardset {
	clear: both;
}

#footer .cards {
	float: right;
	margin: 0 0 0 0.25em;
}

#footer .cardname {
	display: none;
}

/*-----------------------------General CSS-----------------------------*/
a {
	outline: none;
}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 125%;
}

h3 {
	font-size: 105%;
}

h4 {
	font-size: 95%;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 85%;
}

/*------Font Family choices these are the most common and/or close matching fonts across the various operating systems.------*/
.serif {
	font-family: georgia, "DejaVu Serif", "bitstream vera serif", serif;
	/*mac/windoze,linux*/
}

.fantasy {
	font-family: papyrus, impact, fantasy; /*mac/windoze,linux*/
}

.cursive {
	font-family: "Comic Sans MS", cursive; /*mac/windoze/linux*/
}

pre,code {
	font-family: Monaco, "Lucida Console", "DejaVu Sans Mono",
		"Bitstream Vera Sans Mono", monospace; /*mac, windoze, linux*/
	color: rgb(80, 80, 80);
}

pre {
	margin: 0.75em 0.5em 0.75em 0.5em;
}

abbr,acronym {
	border-bottom: dotted 1px rgb(0, 0, 0);
	cursor: help;
}

img {
	border: 0;
}