body {
	font: 83%/140% 'Trebuchet ms',Verdana, Arial, Sans-Serif; /* 62.5% Resets 1em to 10px */
	color: #444;
	text-align: center;
	margin:0;
	background:#fff;
}
p {font-size:1em;}
p.intro {font-size:1.2em; line-height:1.4; margin-top:0.5em}
h1,h2,h3 {margin:1.2em 0 0.5em; line-height:1.2;}
h1 {
    font-family:verdana, sans-serif;
    font-size:2.2em;
    letter-spacing:-1px;
    color:#557f87;
}
h2 {font-size:1.8em; letter-spacing:-1px; }
h3 {font-size:1.2em; color:#557f87;}

h1 a, h2 a, h3 a {text-decoration:none;}

a {color:#09c;}
a:visited {color:#69a;}
a:hover {color:#9c0;}

a.photo img {border:4px solid #ddd;}
a.photo:hover img {border-color:#999;}

#page { }

#footer hr {display:none;}

#header, 
#contentwrap,
#footer
{
    width:770px;
    margin:0 auto;
    text-align:center; 
}

#headerwrap {
    background:#82bec8 repeat-x url(header.gif) 0 100%;
}

#header {
    margin:0 auto; 
    padding:0;
    text-align:left;
    height:140px;
    position:relative;
}

#page {
	background: #fff;
}

#contentwrap {
    text-align:left; 
    margin:0 auto;
    background:#fff;
    padding-bottom:40px;
}

#contentwrap:after {content:".";clear:both; display:block; height:0; visibility:hidden;}

#main {
    float:left; 
    width:370px; 
}

#sidebar {
    float:right; 
    width:322px;
}

hr, #footer {clear:both;}


/* =Footer -The CSS that's required to position the footer 
----------------------------------------------- */
span.sep {color:#ccc; padding:0 5px}
#footer {color:#999;}

html, body {height: 100%;}
#pagewrap { min-height: 100%; }
#page { padding-bottom:40px; }
#footerwrap {
	position: relative;
	margin: -44px auto 0 auto;
	height:40px;
	width:100%;
}
#footer {
	height:39px;
	text-align:left;
}
#footerwrap {
    background:#eee;
    border-top:4px solid #ddd;
}
#footer p {margin:10px 0 0; padding:0;}
#footer a, #footer a:visited { color:#999;}
#footer a:hover {background:#999; color:#FFF;}




/* =Generic classes
----------------------------------------------- */

.clear	{ clear:both; }
.left 	{ float:left; margin-right:1em; }
.right 	{ float:right; margin-left:1em; }

.intro {font-size:120%;}


/* =Navigation
----------------------------------------------- */
#language {
    position: absolute;
    bottom:0;
    left:0;
    min-width:400px;
    font-size:16px;
}

ul.tabs {
	list-style: none;
	margin: 0;
	padding: 4px 0 4px 4px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
ul.tabs li{
	display: inline;
	margin: 0; padding:0;
}
ul.tabs a{
	text-decoration: none;
	margin:0;
	padding: 8px 10px 0px;
	background:#76b1bc;
	color: #4d737a;
	white-space: nowrap;
    border-bottom:4px solid #76b1bc;
}

ul.tabs a.selected, 
ul.tabs a.selected:visited, 
ul.tabs a.selected:hover
{
	border-color: #fff;
	color:#4d737a;
	background:#fff;
}

ul.tabs a:hover{
	border-color: #82bec8;
	background-color:#acd1d6;
	color:#4d737a;
}

/* =Photo
----------------------------------------------- */


#photo {
    background:no-repeat url(photoframe.gif) 0 0;
    width:370px; height:275px;
    margin-top:-50px;
    margin-left:-10px;
    padding:19px 0 0 13px;
    position:relative;
}
.photo {
	position:absolute;
	top:19px;
	left:13px;
	opacity:0.0;
	-moz-opacity:0.0;
}

#pricesample {margin:0.5em 0;}
#pricesample .box {
    background-color:#e8fac5;color:#49660c;
    margin:4px 0;
}

.box {
    background:#ffc no-repeat url(corners-top.gif) 0 0;
    color:#785d00;
    margin:1.5em 0;
}
.box .pad {
    padding:10px;
    background:no-repeat url(corners-bottom.gif) 0 100%;
}
.box h2 { 
    margin:0;
}
.box p {margin:0.5em 0 0;}

#pricesample p {margin:0;}

#map {margin-top:10px;}
#mapimage {}
#mapdescription {
    margin:-70px -20px 0 130px;
    line-height:1.2;
    min-height:60px;
}
* html #mapdescription {height:60px;}