@charset "UTF-8";
/* CSS Document */

/* STRUCTURAL SYTLE DEFINITIONS  */
 
body  {
	
	background: #2b85bb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #bodywrapper selector */
	color: white;
}
/* --------------------------------------------------- */
a:link {
	font: normal 95%/120% Arial, Helvetica, sans-serif;
	color: #1F3E6A;
	text-decoration: underline;
}
a:visited {
	font: normal 95%/120% Arial, Helvetica, sans-serif;
	color: #1F3E6A;
	text-decoration: none;
}
a:hover {
	font: normal 95%/120% Arial, Helvetica, sans-serif;
	color: #356DBA;
	text-decoration: underline;
}
a:active {
	font: normal 95%/120% Arial, Helvetica, sans-serif;
	color: #356DBA;
	text-decoration: none;
	
}
img {
	border: 0px;
}
#trany {
	border: #fff 0px solid;
	display: none;
}

 /* -----HEADER CONTENT, INCLUDES LOGO, and main navigaiton----- */
 #header {
	background-color: white;
	height: 134px;
	width: 732px;
	padding: 2px 0;
	margin: 0px 14px 0px 14px;
}
 #header #logo {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0 0px 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height: 115px;
	width: 155px;
	float: left;
}

 #bodywrapper {
	width: 760px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: white;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-right: auto;
	margin-left: auto;
}
 #contentwrap {
	padding: 0px;
	margin: 0px 14px 0px 14px;
	border-bottom:16px solid white;
	width: 732px;
	height: auto;
	background-color: white;
}
/* --------------------------------------------------- */	
/* GLOBAL NAVIGATION MENU  */

 /* common styling */
.menu1 {
float:right; width:460px; height: 40px; font-family: arial, helvetica, sans-serif; font-size:14px;
background: transparent;
margin:80px 0px 10px 0px;
padding: 0px;
background: transparent;
	/* wrapper around all global links */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background: transparent; padding-left: 10px;/* PADDING SEPARATES THE GLOBAL LINKS -  global links wrapper unordered list */ 
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#000; padding:0px 16px; line-height:25px; height:30px; border-bottom:16px solid #2b85bb; /* global links active and visited with soid blue line underneath */ 
}

.menu1 ul li:link {width:auto;} /* styles for global LINKS - and underline colour scheme*/

.menu1 ul li a.menu1one:link {border-color:#2b85bb; color:#2b85bb;} /* extra styling to keep all links separate colours as in design*/
.menu1 ul li a.menu1two:link {border-color:#469c23; color:#469c23;}
.menu1 ul li a.menu1three:link {border-color:#713d04; color:#713d04;}
.menu1 ul li a.menu1four:link {border-color:#4c5b52; color:#4c5b52;}


.menu1 ul li:hover {width:auto;} /* Home/About Us  */

.menu1 ul li a.menu1one:hover {border-color:#2b85bb; color:#2b85bb;} /* don't know what these do!!!!!!  */
.menu1 ul li a.menu1two:hover {border-color:#469c23; color:#469c23;}
.menu1 ul li a.menu1three:hover {border-color:#713d04; color:#713d04;}
.menu1 ul li a.menu1four:hover {border-color:#4c5b52; color:#4c5b52;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#2b85bb; color:#2b85bb;} /* active hover colurs for text colour and underline for each global link  */
.menu1 ul li:hover a.menu1two {border-color:#469c23; color:#469c23;}
.menu1 ul li:hover a.menu1three {border-color:#713d04; color:#713d04;}
.menu1 ul li:hover a.menu1four {border-color:#4c5b52; color:#4c5b52;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position: absolute;top:32px; /* KEEP TOP AT 32PX ALWAYS. USE PADDING TO POSITION THE SUB MENU */padding: 0px; margin-top:13px; left:0;width:154px;border-bottom:0px solid #fff;/* border bottom of drop menu  */
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#b6bcb3;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:0px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #d1d8d4;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}


/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:transparent;left:0; border-bottom:0px solid #000;margin-top:13px;
}
.menu1 ul li a:hover ul li a {
display:block;background: #b6bcb3;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:0px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #d1d8d4;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
/* END OF GLOBAL NAVIGATION STYLES */

/* --------------------------------------------------- */
 #flash {
	padding: 0px;
	margin: 0px 14px 0px 14px;
	width: 732px;
	height: 304px;
	background-color: white;
	text-align: center; /* this overrides the text-align: center on the body element. */

/* FLOATED AND CLEARED STYLES */	
	
}
.fltrt { /* right float class. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* left float class */
	float: left;
	margin-top: 8px;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}


/* -----
#container {
	min-height:500px
}
* html #container {
	height:500px
}---- */

/* RIGHT COLUMN STYLES */	

 #right {
	float: right;
	width: 317px; /* top and bottom padding create visual space within this div */
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
	background-color: #e3e8e5;
	/* no width specified, to keep list edges flush */
} 
 #right p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color: #2b85bb;
	width: 317px;
}
#right h2 {
 	font: bold 18px/24px Arial, Helvetica, sans-serif;
	color: #2b85bb;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-transform: capitalize;
	display: block;
}
#right h3 {
 	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: capitalize;
	display: block;
}
 #right .featureproject {
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	color: #000;
	width: 300px;
	height: 130px;
	padding: 0px;
	margin: 20px 0px 0px 10px;
}
/* MAIN COLUMN STYLES */

#right ul {
	color: #000;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
	list-style-type: decimal;
	list-style-position: outside;
	padding: 4px 0px 4px 30px;
}
#right li .descriptionlist{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 4px;
	margin-left: 30px;
	width: 90%;
	line-height: 150%;
	list-style-type: none;
	font-weight: normal;
}
 #right #gallery {
	width: 300px;
	height: 300px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

/* start of styles for Thumbnail Gallery + Next Items */
/* ------------------- THUMBNAIL S--------------------------------*/

#right #thumbnail { 
	margin: 10px 0px 0px 20px;
}
#right .thumbnail img { 
	float: left;
	width: 138px; 
	height: 115px;
	margin: 10px 10px 10px 0; 
}
#right .thumbnail p { 
	position: inherit;
	font: bold Arial, Helvetica, sans-serif;
	color: #7FAB13; 
}
#right p .imgfloatright {
	float: right;
	margin: 5px 0px 5px 10px;
}
#right p .imgfloatleft {
	float: left;
	margin: 5px 20px 20px 2px;
}
/* -------------------- NEXT ITEMS ------------------------------- */

#right #next { 
	margin: 0px 0px 0px 0px;
	height: 10px;
}
#right #greenboxnext { 
	margin: 0px 0px 0px 0px;
}
#right .greenboxnext img { 
	float: left;
	width: 17px; 
	height: 17px;
	margin: 0px 15px 15px 0; 
}
#right .greenboxnext p { 
	position: inherit;
	font: bold Arial, Helvetica, sans-serif;
	color: #7FAB13; 
}
#right p .imgfloatright {
	float: right;
	margin: 0px 0px 10px 20px;
}
#right p .imgfloatleft {
	float: left;
	margin: 0px 20px 10px 0px;
}
/* -------------------- MAIN CONTENT ------------------------------- */

 #center {
	margin: 14px 10px 0 10px;
	padding-top: 10px;
	background-color: white;
} 
 #center p {
	color: #000;
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 10px 10px 0px;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
} 
h1 {
	font: bold 160% Arial, Helvetica, sans-serif;
	color: #2b85bb;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 4px;
	text-transform: capitalize;
}
h1 .squareblue { 
	padding-left: 8px;
	border-left: 20px solid #2b85bb;
}
h1 .squaregreen { 
	padding-left: 8px;
	border-left: 20px solid #469c23;
}
h1 .squarebrown { 
	padding-left: 8px;
	border-left: 20px solid #713d04;
}
h1 .squaregrey { 
	padding-left: 8px;
	border-left: 20px solid #4c5b52;
}
h1 .subtext {
	color: #2b85bb;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
}
h2 {
	font: bold 140%/110% Arial, Helvetica, sans-serif;
	color: #2b85bb;
	margin: 0px;
	padding: 16px 0px 6px 0px;
	text-transform: capitalize;
}
h3 {
	font: bold 80%/100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-transform: capitalize;
}
h3 .thumbnailtxt {
	font: bold 140% Arial, Helvetica, sans-serif;
	color: #2b85bb;
	margin: 0px;
	padding: 0px;
	float: left;
	
	
}

/* --------------------------------------------------- */
/* Start Form Styles */
#center .forms {
	float: left;
		
}
#center .forms p{
	font: normal Arial, Helvetica, sans-serif;
	color: #4c5b52; 
	padding: 0px;
	margin: 0px 0px 10px 0px;
	clear: both;
}
#center .forms p label {
	float: left;
	width: 40%;
	font-weight: bold;
	white-space: normal;
}
#center .forms .text {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	background: #e3e8e5;
	padding: 2px;
	width: 190px;
	border: 1px solid #ccc;
}
#center .forms p .submit {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #356DBA;
	background: #e3e8e5;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}
#center .forms p .reset {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0px;
	margin-left: 40px;
	
}
#forms caption
{
	font: bold 100%/130% Arial, Helvetica, sans-serif;
	color: #000;	
	text-align: left;
}
#center .forms .text2 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	background: #E6ECEE;
	padding: 2px;
	width: 30px;
	border: 1px solid #ccc;
}
/* --------------------------------------------------- */
/* End Form Styles */

/* --------------------------------------------------- */			
.pad {
	padding: 10px 0px 0px 10px;
}

/* --------------------------------------------------- */

#footer {
	width: 760px;
	padding: 0px;
	margin: 0px auto;
	background: #2b85bb;
}
#footer p {
	font: normal 70%/130% Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 10px 0px;
	padding: 10px 0px 0px 10px;
	text-align: left;
}
#footer a:link {
	font: normal 100%/130% Arial, Helvetica, sans-serif;
	color: #fff; /* wine colour */
	text-decoration: none;
}
#footer a:visited {
	font:  normal 100%/130% Arial, Helvetica, sans-serif;
	color: #fff; /* wine colour */
	text-decoration: none;
}
#footer a:hover {
	font:  normal 100%/130% Arial, Helvetica, sans-serif;
	color: #fff; /* black background */
	text-decoration: underline;
}
#footer a:active {
	font:  normal 100%/130% Arial, Helvetica, sans-serif;
	color: #fff; /* black colour */
	text-decoration: underline;
}
#footer ul {
	margin: 10px 0px 20px 200px;
	padding-left: 12px;
}
#footer li {
	font:  normal 70%/130% Arial, Helvetica, sans-serif;
	color: #007EB0;
	display: inline;	
	padding: 0px 4px 0px 4px;
	border-right: 1px solid;
}
#footer li a:link {
	color: #fff;
	text-decoration: none;
}
#footer li a:visited {
	color: #fff; 
	text-decoration: none;
}
#footer li a:hover {
	color: #fff;
}
#footer li a:active{
	color: #fff; 
	text-decoration: none;
}
#footer ul li.first {
	border-left: 0px;
}
#footer ul li.last {
	border-right: 0px;
}
#footer .bold {
	font-weight: bold;	
}
#footer .zofo {
	color: #fff;
}
.clearboth { clear: both; 
}

 #right .gallery {
	width: 300px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
/* start of styles for Thumbnail Gallery  */
/* ------------------- THUMBNAILS HORIZONTAL - LALNDSCAPE SHAPE--------------------------------*/

#center #thumbnail_h { 
	margin: 10px 0px 0px 20px;
}
#center .thumbnail_h img { 
	float: left;
	width: 164px; 
	height: 112px;
	margin: 10px 10px 10px 0;
	 
}
#center .thumbnail_h p { 
	position: inherit;
	font: bold Arial, Helvetica, sans-serif;
	color: #7FAB13; 
}
/* ------------------- THUMBNAILS VERTICAL - PORTRAIT SHAPE--------------------------------*/

#center #thumbnail_v { 
	margin: 10px 0px 0px 20px;
}
#center .thumbnail_v img { 
	float: left;
	width: 163px; 
	height: 218px;
	margin: 10px 10px 10px 0; 
}
#center .thumbnail_v p { 
	position: inherit;
	font: bold Arial, Helvetica, sans-serif;
	color: #7FAB13; 
}
#center p .imgfloatright {
	float: right;
	margin: 5px 0px 5px 10px;
	
}
#center p .imgfloatleft {
	float: left;
	margin: 5px 20px 20px 2px;
	
}

/* --------------------------------------------------- */