/* CSS Document */

body {
	background: #F3E5AE url(/images/bg/body.gif) repeat top left;
	margin: 0;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	}
	
#container {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	vertical-align: top
	}

#canvas {
	width: 760px;
	height: 100%;
	border-top: none;
	border-right: 2px solid #513E14;
	border-bottom: none;
	border-left: 2px solid #513E14;
	background: #FFF url(/images/bg/home.jpg) no-repeat bottom left
	}
	
.logo {
	height: 105px;
	text-align: center
	}
	
#top {
	height: 105px;
	width: 100%;
	}
	
.navigation {
	background: #005C9B;
	padding: 5px 10px 5px 10px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	height: 24px;
	color: #F9F7BC;
	}
		
.navigation a:link{
	color: #F9F7BC;
	text-decoration: none
	}
	
.navigation a:visited{
	color: #F9F7BC;
	text-decoration: none
	}
	
.navigation a:hover{
	color: #99C7E6;
	text-decoration: none
	}
	
.news {
	background: #513E14;
	border-top: 1px solid #FFF;
	height: 30px;
	}
	
.newsfeed {
		font: 70% Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		}
		
.newsfeed a:link{
	color: #F9F7BC;
	text-decoration: none
	}
	
.newsfeed a:visited{
	color: #F9F7BC;
	text-decoration: none
	}
	
.newsfeed a:hover{
	color: #99C7E6;
	text-decoration: none
	}
		
.newsfeed strong {
	font-weight: bold;
	}
	
.newsfeed em {
	font-weight: bold;
	}
	
.content {
	height: 100%;
	width: 100%;
	vertical-align: top;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
.content td{	
	vertical-align: top;
}
	
.content h1 {
	margin: 0px 0px 15px 15px;
	font:  110% Arial, Helvetica, sans-serif;
	color: #005C9B;
	width: 325px
	}
	
.content h2 {
	margin: 0px 0px 10px 15px;
	font: bold 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 325px
	}
	
.content h3 {
	margin: 0px 0px 15px 15px;
	font: bold 100% Arial, Verdana, Helvetica, sans-serif;
	color: #005C9B;
	width: 335px
	}
	
.content h4 {
	margin: 0px 0px 0px 15px;
	font: bold 80% Arial, Verdana, Helvetica, sans-serif;
	color: #8A702D;
	width: 335px
	}
	
.content h5 {
	margin: -10px 0px 15px 15px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	width: 325px
	}
	
.content h5 em{
	font-style: normal;
	color: #DF3650;
	}
	
.content h6 {
	margin: 0px 0px -10px 15px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #DF3650;
	width: 325px
	}
	
.content p {
	margin: 0px 15px 10px 15px;
	font: 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 325px
	}
	
.content small {
	padding: 10px 0px 0px 0px;
	font: 60%/1.3 Arial, Verdana, Helvetica, sans-serif;
	color: #666
	}
	
.content ul {	
	margin: 0px 0px 20px 15px;
	}
	
.content li {
	margin: 0px 15px 0px 15px;
	font: 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: disc;
	list-style-position: outside
	}
	
.content a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}	
	
.content a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}	
	
.content a:hover {
	color: #005C9B;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}		
	
.content hr {
	height: 1px;
	color: #CCC;
	margin: 10px 15px 10px 15px;
	}

.content .specs {
	border: 1px solid #CCC;
	margin: 0px 0px 15px 15px;
	padding: 2px 5px 5px 5px
	}	
	
.content .specs td.color {
	background: #F3E5AE;
	}
	
.content .specs p {
	margin: 0px 0px 0px 0px;
	font: 70%/1.3  Arial, Helvetica, sans-serif;
	color: #000;
	width: auto
	}

.home {
	width: 100%;
	padding: 15px 0px 15px 0px;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
.home td{	
	vertical-align: top;
}

.home img{
	margin: 15px 0px 15px 0px;
	}
	
.right {
	height: 100%;
	width: 332px;
	padding: 10px 15px 250px 0px;
	text-align:center
	}
	
.right td {
	vertical-align: top;
}

.right h1 {
	margin: 5px 0px -10px 15px;
	font:  110% Arial, Helvetica, sans-serif;
	color: #005C9B;
	}
	
.right h1 em{
	font-style: normal;
	color: #8A702D;
	}	
	
.right h2 {
	margin: 0px 0px 25px 15px;
	font:  110% Arial, Helvetica, sans-serif;
	color: #005C9B;
	}
	
.right h3 {
	margin: 0px 0px 15px 15px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}


.right h4 {
	margin: 10px 0px 15px 55px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	text-align: left
	}
	
.right h5 {
	margin: -10px 0px 15px 15px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	}
	
.right h5 em{
	font-style: normal;
	color: #DF3650;
	}
	
.right h6 {
	margin: 0px 0px -10px 15px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #DF3650;
	}
	
.right p {
	margin: 10px 15px 0px 15px;
	font: italic 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000
	}

.right p em{
	color: #005C9B;
	}

.right a:link{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:link em{
	color: #005C9B;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:link i{
	color: #8A702D;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:visited i{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:visited em{
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal
	}	
	
.right a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal
	}	
	
.right a:hover{
	color: #DF3650;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:hover em{
	color: #DF3650;
	text-decoration: underline;
	font-style: normal
	}
	
.right a:hover i{
	color: #DF3650;
	text-decoration: underline;
	font-style: normal
	}
	
.right img {
	margin: 40px 0px 0px 0px;
	}

#enquiry {
	width: 100%;
	padding: 5px 5px 5px 0px;
	}
	
#enquiry h1{
	font: bold  95% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 5px 0px;
	}	
	
#enquiry p{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	}	
	
.enquiryform {
	width: 100%;
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}
	
.enquiryform td {
	vertical-align: top
}	
	
.enquiryform .textbox {
	background: #EEE;
	width: 105px;
	border: 1px solid #DDD;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: -4px 5px 0px 0px;
	}
	
.enquiryform .messagebox {
	background: #EEE;
	width: 285px;
	border: 1px solid #DDD;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 5px 0px 0px;
	}
	
.enquiryform .selectbox {
	background: #EEE;
	width: 170px;
	border: 1px solid #DDD;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: -4px 5px 0px 0px;
	}
	
.enquiryform .tickbox {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #EEE;
	margin: 5px 5px -2px 5px;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE
	}
	
.enquiryform .submit {
	margin: 5px 0px -5px 0px;
	}
	
/* -----------------------------------------------------------BOX CALCULATOR------------------------------------------------ */	

	
.boxcalculatorform {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #DF3650;
	margin: 0px;
	padding: 0px 0px 5px 20px;
	}
	
.boxcalculatorform form {
	margin: 0px;
	}	
	
.boxcalculatorform em {
	color: #005C9B;
	font-style: normal;
	font-weight: bold
	}
	
.boxcalculatorform td {
	vertical-align: middle
}	

.boxcalculatorform  td.line {
	vertical-align: middle;
	border-bottom: 1px dotted #666;
	margin: 0px 5px 10px 5px
}	
	
.boxcalculatorform .textbox {
	background: #FFF;
	width: 120px;
	border-bottom: 1px solid #CCC;
	border-top: none;
	border-right: none;
	border-left: none;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 10px;
	padding: 2px
	}
	
.boxcalculatorform .messagebox {
	background: #ECD680;
	width: 315px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.boxcalculatorform .selectbox {
	background: #ECD680;
	width: 185px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.boxcalculatorform .radio {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	margin: 5px 5px -2px 5px;
	}	
	
.boxcalculatorform .submit {
	margin: 10px 0px 0px 0px;
	}	
	
/* -----------------------------------------------------------FOVIA FOOTER------------------------------------------------ */	
	
.fovia {
	background: #FFF url(../images/bg/fovia.gif) no-repeat top right;
	height: 44px;
	width: 100%;
	margin: 0 auto;
	font: 60% Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	padding-right: 96px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px dotted #000;
	border-bottom: 4px solid #adaa00;
	}	
	
.fovia a:link {
	color: #000;
	text-decoration: none;
	background: transparent;
	}	
	
.fovia a:visited {
	color: #000;
	text-decoration: none;
	background: transparent;
	}	
	
.fovia a:hover {
	color: #060;
	text-decoration: none;
	background: transparent;
	}		
	
/*--------------------------------------------------ROBOTS--------------------------------------------------*/
	
.robots {
	padding: 0px 10px 10px 10px;
	font: 70%/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	}