/*Global*/
body {
margin: 0;
padding: 0;
background: #CCC;
font-size: 90%;
font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
color: #333;
background: #FFF url(images/grass.jpg) repeat-x fixed bottom left;
}
/* Container */
#wrapper {
width: 800px;
margin: 25px auto 0 auto;
}
#box {
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #036;
width: 799px;
background: #FFF url(images/box-background.gif) repeat left top;
}
/* Header with logo image */
#branding {
padding: 0 0 10px 0;
align: right;
}
/* Main image area */
#imageContent {
width: 580px;
float: right;
padding: 0 20px 0 0;
}
#imagewebContent {
width: 590px;
float: right;
padding: 0 10px 0 0;
background: #FFF;
}
#imageprintContent {
width: 588px;
float: right;
padding: 0 10px 0 0;
background: #FFF;
}
#fadeshow1 {
width: 578px;
float: left;
border-width: 1px;
border-style: solid;
border-color: #036;
height: 230px;
background: #FFF;
}
#fadeweb1 {
width: 580px;
float: left;
height: 325px;
background: #FFF;
}
#fadeprint1 {
width: 578px;
float: left;
border-width: 1px;
border-style: solid;
border-color: #036;
height: 500px;
background: #FFF;
}
/* Main text area */
#textContent {
width: 460px;
float: right;
padding: 15px 20px 0 0;
background: #FFF;
}
#testimonials {
width: 260px;
float: left;
padding-top: 0;
padding-left: 20px;
background: #036;
text-align: centre;
}
#quote {
width: 220px;
padding: 0 20px;
text-align: centre;
}
/* Navigation */
#mainNav {
width: 190px;
float: left;
background: #036;
}
#navigation {
font-size: 90%;
width: 180px;
float: left;
padding: 0;
background: #036;
}
#navigation ul {
font-size: 100%;
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 0 solid #FFF;
}
#navigation li a:link  {
display: block;
padding: 2px 0 2px 10px;
border-left: 10px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation li a:visited  {
display: block;
padding: 2px 0 2px 10px;
border-left: 10px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation li a:hover {
border-left: 10px solid #FFAD01;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation li a:active {
border-left: 8px solid #FFAD01;
background-color: #FFAD01;
color: #036;
text-decoration: none;
}
#navigation ul ul {
margin: 0;
}
#navigation ul ul li {
border-bottom: 0 solid #FFF;
margin: 0;
}
#navigation ul ul a:link {
border-left: 20px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation ul ul a:visited {
border-left: 20px solid #036;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation ul ul a:hover {
border-left: 20px solid #FFAD01;
background-color: #036;
color: #FFF;
text-decoration: none;
}
#navigation ul ul a:active {
border-left: 20px solid #FFAD01;
background-color: #FFAD01;
color: #036;
text-decoration: none;
}
/* Foot of navigation and top image */
#imageFoot {
clear: both;
height: 20px;
}

/* Foot of page */
#footer {
clear: both;
height: 20px;
}
#foot {
clear: both;
}
/* Copyright Statement at foot of page */
#copyright {
padding: 10px 0 10px 0;
}
/* Bullet points */
ul {
list-style-type: none;
list-style-position: outside;
margin: 0 0 12px 0;
padding: 0;
}
ul ul {
list-style-type: disc;
list-style-position: outside;
margin: 0 0 10px 0;
padding: 0 0 10px 15px;
}
ul ul li {
margin: 5px 0 0 0;
}
/* Heading mark up */
h1 {
font-size: 130%;
color:#036;
font-weight: 400;
}
h2 {
font-size: 115%;
color:#036;
font-weight: 400;
}
h3 {
font-size: 100%;
color:#036;
font-weight: 400;
}
h4 {
font-size: 90%;
color:#036;
font-weight: 400;
}

/* Paragraph mark up */
p {
font-size: 90%;
line-height:130%;
font-weight: normal;
}
/* Bullet points */
ul {
font-size: 90%;
list-style-type: none;
list-style-position: outside;
margin: 0 0 12px 0;
padding: 0;
}
ul ul {
font-size: 100%;
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0 0 0 12px;
}
ul ul li {
margin: 0 0 0 0;
}
.link {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-size: 100%;
	color: #036;
	line-height: 125%;
	font-weight: 300;
	text-decoration: none;
}
a.link: link {
	color: #036;
	font-weight: 300;
	text-decoration: none;
}
a.link: visited {
	color: #036;
	font-weight: 300;
	text-decoration: none;
}
a.link: hover {
	color: #036;
	font-weight: 300;
	text-decoration: underline;
}
.quote {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-size: 90%;
	color: #999;
	line-height: 110%;
	font-weight: bold;
}
.quote-name {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-size: 75%;
	color: #FFF;
	line-height: 150%;
	font-weight: 300;
}
.copyright {
	color: #333;
	text-decoration: none;
	text-align: right;
    padding: 0 30px 0 0;
}
.copyright {
	font-size: 90%;
	color: #333;
	text-decoration: none;
	text-align: right;
}
.legal {
	font-size: 90%;
	color: #333;
	text-decoration: none;
	text-align: right;
}
a.legal: link {
	color: #036;
	text-decoration: none;
}
a.legal: hover {
	color: #036;
	text-decoration: underline;
}
.telephone {
	font-size: 100%;
	color: #036;
	text-decoration: none;
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-weight: 300;
	text-align: right;
	line-height: 140%;
}
a.telephone: link {
	color: #036;
	text-decoration: none;
}
a.telephone: hover {
	color: #036;
	text-decoration: underline;
}
.email {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-size: 100%;
	color: #036;
	line-height: 125%;
	font-weight: 300;
	text-decoration: none;
}
a.email: link {
	color: #036;
	font-weight: 300;
	text-decoration: none;
}
a.email: visited {
	color: #036;
	font-weight: 300;
	text-decoration: none;
}
a.email: hover {
	color: #036;
	font-weight: 300;
	text-decoration: underline;
}