@charset "iso-8859-2";

*{
	margin:0;
	padding:0;
}

/*normalizes margin, padding*/
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }*/

/*normalizes font-size for headers*/
h1, h2, h3, h4 ,h5 ,h6
{ font-size : 100%; }

/*removes list-styles from lists*/
ol, ul
{ list-style : none; }

/*normalizes font-style snd font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/*normalizes tables*/
table
{ border-collapse : collapse; border-spacing : 0; }

/*removes border from fieldset and img*/
fieldset,img
{ border : 0; }

/*left-aligns text in caption and th*/
caption,th
{ text-align : left; }

/*removes quotaion marks from q*/
q:before, q:after
{ content :''; }

/*centers container in browser in the body*/
body {
	text-align : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}



#container {
	width : 80em;
	margin-top: 2em;
	margin-left : auto;
	margin-right: auto;
}
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

#container #borders {
	border-right-width: 0.1em;
	border-left-width: 0.1em;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}




#container #contentcontainer {
	width: 79.8em;
}
#container #borders #branding {
	width: auto;
	padding-bottom: 0.8em;
}
#container #borders #branding #bartolofarmhouses {
	float: left;
	margin-top: 1em;
	margin-left: .9em;
}
#container #borders #branding #logo {
	margin-left: 71.8em;
}


#container #borders #navholder {
	width: auto;
	height: 3.3em;
	border-top-width: 0.1em;
	border-top-style: solid;
	border-top-color: #3399CC;
}
#container #borders #navholder #pagename {
	width: 20em;
	float: left;
	margin-left: 0.9em;
	margin-top: 0em;
}
#container #borders #navholder #navmenu {
	margin-left: 18.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
}




#container #leftcontainer {
	width: 54.4em;
	float: left;
}
#container #rightcontainer {
	height: 57em;
	width: 25.4em;
	margin-left: 54.4em;
}
.headline2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

#container #borders #contentcontainer #rightcontainer #captioncontainer {
	height: 4em;
	width: 12em;
	padding-top: 19.6em;
}

#container #borders #contentcontainer #rightcontainer #captioncontainer #rightcaption {
	background-color: #FFFFFF;
	height: 4em;
	width: 9em;
}


#container #contentcontainer #leftcontainer #textleft {
	width: 24.3em;
	margin-top: 2em;
	margin-left: 1.5em;
	float: left;
	height: 24em;
}
#container #borders #contentcontainer #leftcontainer #textleft h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #666666;
}

#container #contentcontainer #leftcontainer #textright {
	height: 24em;
	width: 24.3em;
	margin-left: 28.6em;
	margin-top: 2em;
}
#container #borders #contentcontainer #leftcontainer #textright h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #666666;
}

#container #contentcontainer #leftcontainer #bottompic {
	width: 54.4em;
	height: 28.8em;
	margin-top: 2.2em;
}

#bottompic a:link, #bottompic a:hover{
	display:block;
	width:inherit;
	height: inherit;
}



#container #borders #contentcontainer #leftcontainer #bottompic #picture {
	z-index: 10;
	float: left;
}
#container #borders #contentcontainer #leftcontainer #bottompic #leftcaption {
	background-color: #3399CC;
	height: 4em;
	width: 9em;
	margin-left: 45.4em;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.captionfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0.3em;
	padding-left: 1.9em;
}
.captionfont2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #3399CC;
	text-decoration: none;
	padding-top: 0.3em;
	padding-left: 0.1em;
}

a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3399CC;
}


#container #borders #footcontainer {
	height: auto;
	width: auto;
}
#container #borders #footcontainer #infodesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #3399CC;
	margin-left: 1.5em;
}

#hiddenpics {
display: none;
}

#container #borders #contentcontainer #leftcontainer #textright ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399CC;
	text-decoration: none;
	list-style-type: disc;
}

#captioncolour {
	width: 48em;
	background-color: #FF6600;
	padding-top: 0.1em;
}
#captiontxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 15em;
	margin-left: 19em;
	height: 2em;
	margin-top: .8em;
}