@charset "utf-8";
/* CSS Document */
#test3 {
    width: 850px;
    height: 300px;
  }
img {
	border: none;
}

.highslide {
	cursor: url(images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 4px solid white;
}
.highslide:hover img {
	border: 4px solid gray;
}

.highslide-image {
    border: 4px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border: 4px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
   
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #FF0000;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* ---------- gallery styles start here ----------------------- */
.photo {
	margin: 2px;
	position: relative;
	width: 279px;
	height: 176px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 1px;
}


.photo a {
	text-decoration: none;
}

.frame span {
	width: 279px;
	height: 176px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/border.png) no-repeat;
}
.frame img {
	border: none;
	padding: 0;
}


BODY { 
background-image:url(images/bg.jpg);
background-position: left top;
margin-top:0px;
}


.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: white;
background: #983132 url(images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #FFCC00; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #983132; /*background color of horizontal line*/
}


.lawns{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.lawns ul{
font: bold 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.lawns li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.lawns a{
float: left;
color: white;
background: #006600 url(images/lawns_roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.lawns a span{
float: left;
display: block;
background: transparent url(images/lawns_roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.lawns a span{
float: none;
}


.lawns a:hover, .lawns li.selected a{
background-color: #FFCC00; /*background color of tabs onMouseover*/
color: white;
}

.lawns a:hover span{
background-color: transparent;
}


.lawnsdivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #006600; /*background color of horizontal line*/
}


.trees{
background-image:url(images/trees2.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

.bdbg{
background-image:url(images/bdbg.gif);
background-repeat:no-repeat;
background-position:bottom left;

}


.grass{
background-image:url(images/grass.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	font-weight:bold;
}
H2 a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006633;
	text-decoration: none;
}

H2 a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00CC00;
	text-decoration:underline;
}
H2 a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #009900;	
	text-decoration:underline;
}

P a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006633;
	text-decoration: underline;
}

P a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00CC00;
	text-decoration:underline;
}
P a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009900;	
	text-decoration:underline;
}

P {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006633;
	font-weight:bold;
	padding-left:50px;
	padding-right: 50px;	
}
P span {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006633;
	font-weight: bolder;
}

H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	padding-left:50px;
	padding-right: 50px;
}

H2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006633;
	padding-left:50px;
	padding-right: 50px;
}


.lawnsbullet ul { 
	list-style-image: url("images/bullet.gif");
	background-color:#FFFF99;
	padding-left:100px;
	padding-right: 100px;	
}



#left { float:left; width:50%;} 
#right { margin-left:50%; width:50%;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #006600;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:  #006600;
}