@import url(reset.css);

/* IDs */
#container
{
	width: 850px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
}

#header 
{
	padding-top:20px;
	min-height: 140px;
	background-color: #ffffff;
	overflow:hidden;
}

#logo
{
	float:left;
}

#contactosteo
{
	float:left;
	margin:-0.5em 18px 0 9px;
	width:220px
}
#contactfootmech
{
	float:left;
	margin:-0.5em 18px 0 0;
	width:250px;
}

#contactfootmech p
{
	font-size:9pt;
	line-height:1.5em;
}

#contactosteo p
{
	font-size:9pt;
	line-height:1.5em;
}
#navbar
{
	clear:both;
	height: 46px;
	/*overflow:hidden;*/
	background: transparent url('../images/bg_menu.png') repeat-x;
}

#navlinks
{
}

#navlinks a
{
	font-family:Century gothic, Arial;
	font-size:8pt;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding:13px 8px 0 8px;
}
#navlinks a:visited
{
	font-family:Century gothic, Arial;
	font-size:8pt;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding:13px 8px 0 8px;
}
#navlinks a:hover
{
	font-family:Century gothic, Arial;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:13px 8px 0 8px;
}

#banner
{
	min-height: 200px;
	background: #75b334 url('../images/bg_banner.png') no-repeat;
	border-bottom: 2px #a6ce7b solid;
}

#openingtimes
{
clear:both;
	width:350px;
	overflow:hidden;
	padding-left:18px;
}
#openingtimes h1
{
	font-size:12pt;
	color:#009ac9;
	font-weight:bold;
}
#openingtimes h2
{
	font-size:11pt;
	color:#009ac9;
}
#openingtimes p
{
	font-size:10pt;
}

#content {
	width:100%;
	overflow:hidden;
	background:#ffffff;
	padding-bottom:50px;
}

#contenttext {
	float:left;
	position:relative;
	left:0;
	background:#ffffff;
}

#copy {
	float:left;
	width:620px;
	position:relative;
	left:20px;
	overflow:hidden;
}

#assocs 
{
	float:left;
	width:180px;
	position:relative;
	left:50px;
	top:10px;
	overflow:hidden;
	text-align:center;
	border-left: 1px #8cc63f dotted;
}

#assocs img
{
	margin:10px 0 10px 0;
}

#social
{
	clear:both;
	background-color:#aaa;
	padding:20px;
}

#social img
{
	border:0;
}

/* tags */
body
{
	min-height:100%;
	background: #75b334 url('../images/bg_body.png') no-repeat fixed center top;
	font-size: 85%;	
}

a:link
{
	color:#f68f1e;
	text-decoration:none;
}
a:visited
{
	color:#f68f1e;
	text-decoration:none;
}
a:hover
{
	color:#f68f1e;
	text-decoration:underline;
}
a:active
{
	color:#f68f1e;
	text-decoration:none;
}

h1{
	font-family:century gothic, arial;
	font-size:2em;
	font-weight:normal;
	color:#009ac9;
	margin:1em 0 0.5em 0;
}

h2{
	font-family:century gothic, arial;
	font-size:1.5em;
	font-weight:normal;
	color:#009ac9;
	margin:1em 0 0.5em 0;
}

h3{
	font-family:century gothic, arial;
	font-size:1.2em;
	font-weight:normal;
	color:#009ac9;
	margin:1em 0 0.5em 0;
}

p{
	font-family:arial;
	font-size:1em;
	font-weight:normal;
	color:#666666;
	margin:1em 0 0.5em 0;	
	line-height: 1.5em;
}

ul
{
	font-family: Arial;
	line-height: 1.5em;
	list-style-type: square;
	padding-left:30px;
	color: #666666;
	margin-bottom:1em;
}

/* classes */
.hidden
{
	visibility:hidden;
	display:none;
}

.bold
{
	font-weight:bold;
}
.ost {
	display:none;
	padding: 0;
	border: 0;
	background-color: #FFF;
}

.testimonial {
	display:none;
	background-color: #FFF;
	padding:5px;
}

a.testimoniallink:active
{
	color: #781D7E;
	font-weight:bold;
}

p.testimoniallink
{
	font-size:1em;	
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin-top:1em;
}

a.FAQlink
{
	font-family: Arial;
}