/* @import url(main.css);
 Styles for the web album */

html,body{margin:0;padding:0;border:0}

body {
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-size: 75%;
background-color: #fdfdff;
background-image: url("../images/planefruitleft.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: -1% 2%;
}

/* To centre contents */
#container {
padding: 0px;
margin: 1% auto 3% auto;
width: 950px;
position: relative;
text-align: left;
border: 1px #010560 solid;
background-color: #ffffff;
z-index: 600;}

/* Start hide from IE-Mac \*/

* html #wrapper
   {
   height: 1%;
   }

/* End Hide from IE-Mac */
/* To make the border show in FF*/
#wrapper {
border-bottom: 1px #010560 solid;}

#header {
width: 100%;
margin-top: 0px;
position: relative;
height: 208px;
background-image: url("../images/downs2.jpg");
background-repeat: no-repeat;
border-bottom: 1px #cccccc solid;}

/* top of page site name */

#main-title {
margin-bottom: 0;
font-size: 1.5em;
letter-spacing: 5px;
text-align: right;
font-style: italic;
color: #010560;
position: relative;
margin-top: 0;
margin-left: 6em;
padding-right: 1em;
font-weight: 600;
top: 1em;}

#inner-container {
position: relative;
width: 100%;
top: 0;
margin-top: 0;
margin-left: 0;
margin-bottom: 4em;
margin-right: 0;
padding: 0;
}

/* Styles for the main text on the page. */

#main-text {
margin-left: 20%;
margin-bottom: 0;
margin-right: 20%;
margin-top: .5em;
color: #515151;
padding-left: 2em;
padding-right: 2em;
/*width: 50%;*/
border-right-width: 3px;
border-right: 3px #cccccc dotted;
position: relative;
}
p, ul, ol {
text-align: justify;
font-size: 1em;
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
ol, ul {
margin-left: 25px;
}

h1 {margin-left: 0;
margin-right: 0;
font-size: 1.2em;
padding-bottom: 9px;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
font-weight: normal;
margin-top: 0px;
color: #010560;
margin-bottom: 10px;}

h1.woodwork {
margin-left: 28%;
text-align: right;
padding-right: 1.5em;
font-weight: 600;
letter-spacing: .2em;
font-size: 1em;
}


h2 {
font-size: .9em;
font-weight: bold;
padding-left: 0;
color: #515151;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h3 {
font-size: 0.8em;
}
/*a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fdac00;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #d14013;
}*/

/* Styles for the navbar on the left side. */

#left-menu {
position: absolute;
width: 20%;
font-weight: bold;
float: left;
left: 0px;
border-right-width: 3px;
border-right: 3px #cccccc dotted;
top: 0px;
background-color: #ffffff;}


#left-menu ul li {
text-align: left;
/*text-indent: 1em;*/
line-height: 1.9em;
list-style-type: none;
margin-bottom: 4px}
#left-menu ul{
margin-left: 0em;
padding-left: 1em;}

#left-menu ul li ul{
margin-left: 1em;}

#left-menu li {
color: #010560;}

#left-menu h2 {
margin-bottom: 4px;
margin-left: 4px;
text-align: left;
letter-spacing: .2em;
color: #010560;}

#left-menu a:link, #left-menu a:visited {
color: #2c2c2c;
}

#left-menu a:hover, #left-menu a.current {
color: #fdac00;
}#left-menu span.news a:link {color: #d14013;font-weight: bold;font-size: 1.25em;font-variant: small-caps;}#left-menu span.news a:hover {color: #fdac00;}
 /*body#services a#services_nav, body#area a#area_nav, body#about a#about_nav, body#contact a#contact_nav*/ body#home a#home_nav { 
color: #fdac00;}

/* Styles for the pullquote/thumbs on the right side. */
#right-column {
position: absolute;
width: 18%;
font-weight: bold;
float: right;
top: 0px;
right: 0px;
background-image: url("../images/rcolback.jpg");
background-repeat: repeat-y;
}

#rc {
background-color: transparent;
}


/*#rc strong {
font-style: italic;
font-size: .7em;
}

#rc p {
font-style: italic;
font-size: .9em;
line-height: 1.7em;
padding-left: 1em;
padding-right: 1em;
padding-top: 2em;
padding-bottom: 2em;
text-align: left;
margin-top: 2em;}*/

#rc p {
font-style: normal;
padding-top: 1em;
padding-left: 1em;
padding-bottom: 1em;
width: 83%;
text-align: left;
padding-right: .5em;
font-size: 90%;
font-weight: lighter;}

#rc strong {
font-style: oblique;
color: #010560;
font-weight: lighter;
padding-top: 2em;
padding-right: 1em;
}

#right-column img {
border: none;
margin-top: 1em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;}

img.pt {
width: 7em;
height: 9.5em;}
img.lsp {
width: 8em;
height: 6em;
padding-right: 1em;}



/* Styles for the footer at the bottom of the page */

#footer {
clear: both;
text-align: right;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: .9em;
margin-top: 2em;
/*padding-right: 50px;*/
border-top: 3px #cccccc dotted;
position: relative;
}
#footer p {text-align: right;padding-right: 0;margin-right: 1em;}

span.heavy {
font-weight: 600;
font-variant: small-caps;}

span.bold {
font-weight: bold;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fdac00;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #d14013;
}
#validator img {
border: none;}

#validator {
clear: both;
text-align: left;
text-decoration: none;
margin-top: 8em;}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fdac00;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #d14013;
}
#validator img {
border: none;}
#validator {
clear: both;
text-align: right;
text-decoration: none;
}
/*Styles for the form*/
form {
background-color: #f6f6f6;
border: 2px #010560 solid;
padding-left: 2em;
padding-top: 2em;}


input {
/*padding-left: 2em;*/}

input#fp10 {
padding: 0;}

input#fp11 {
background-color: #fdac00;}

input#fp9 {
background-color: #fdac00;}

label {
padding-left: 2em;
font-weight: bold;
text-align: left;
word-spacing: 0;}


p.legend {
padding-top: 1em;
padding-bottom: 1em;
}
p.highlight {
border: 1px #fdac00 dotted;
}
p.foot {text-align: right;}

