/*
Gary Hollands - solriche - 2009 - Default Template Stylesheet
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", "bitstream vera sans", arial, 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;
	/*border-radius: 0  0 1em 1em; Roll out when browsers catch up with CSS3*/
	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;
	/*background: url("../../images/ivert/map_b.jpg") no-repeat 0 0;*/
}
#map_container #map_canvas{
	margin: 0.25em 0 0 0;
	width: 15em;/*240px*/
	height: 10em;/*165px*/
}
/*-----------------------------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;
}