html, body{
  background: url(../images/canvas.jpg) fixed;
  border: 0px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

textarea{
  width: 172px;
}

div{
  border: 0px solid black;
}

a{
  color: #000000;
  outline: none;
  text-decoration: none;
}

.pop-video{
  display: block;
  margin: 3px 0px 50px 0px;
}

.pop-video span{
  display: block;
  margin: 10px 0px 50px 0px;
}

.pop-video a{
  color: #333;
  font-weight: bold;
}

.pop-video a:hover{
  color: #000;
}

a:hover{
  color: #fff;
}

ul{
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main-container{
  margin: 0px auto 0px auto;
  position: relative;
  width: 100%;
}

.header{
  background: url(../images/canvas.jpg);
  display: block;
  height: 65px;
  left: 0px;
  margin: 0px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 3;
}

.header h1{
  background: url(../images/canvas-dark.jpg);
  height: 65px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0%;
}

h1 a:hover{
  color: #000;
}

.content{
  display: block;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0% 0px 0px 0px;
  position: relative;
  z-index: 1;
}

.content ul {
  display: block;
  margin: 0px auto 50px auto;
  width: 770px;
}

.content ul ul{
  display: block;
  height: 220px;
  margin: 0px auto 0px auto;
  width: 710px;
}

.content .problems{
  display: block;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.content .problems a{
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: underline;
}

.page-header{
  background: url(../images/canvas-dark.jpg);
  display: block;
  margin: 0px 0px 5px 0px;
  padding: 2px 0px 2px 0%;
}

.footer{
  background: url(../images/canvas.jpg);
  bottom: 0px;
  color: #666;
  font-size: 10pt;
  height: 24px;
  left: 0px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  position: fixed;
  width: 100%;
  z-index: 3;
}

.footer-down{
  bottom: 0px;
  height: 27px;
  left: 0px;
  margin: 0px;
  position: fixed;
  width: 100%;
  z-index: 0;
}

.footer a{
  color: #666;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.footer a:hover{
  color: #000;
}

.footer label{
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
}

.left{
  background: url(../images/q-bottomSwirlLeft.png) no-repeat bottom left;
  bottom: 0px;
  float: left;
  height: 29px;
  left: 0px;
  position: fixed;
  width: 270px;
}

.right{
  background: url(../images/q-bottomSwirl.png) no-repeat bottom right;
  bottom: 0px;
  float: right;
  height: 29px;
  position: fixed;
  right: 0px;
  width: 270px;
}

.left-down{
  background: url(../images/bottomSwirlLeft.png) no-repeat bottom left;
  bottom: 0px;
  float: left;
  height: 243px;
  left: 0px;
  position: fixed;
  width: 270px;
}

.right-down{
  background: url(../images/bottomSwirl.png) no-repeat bottom right;
  bottom: 0px;
  float: right;
  height: 243px;
  position: fixed;
  right: 0px;
  width: 270px;
}

.pad2{
  display: block;
  height: 10px;
}

.pad1{
  display: block;
  height: 0px;
  margin: -10px 0px 50px 0px;
}

.menu-item-splash{
  background: url(../images/panel.png) no-repeat;
  display: block;
  float: left;
  height: 206px;
  margin: 0px 0px 35px 30px;
  padding: 10px 0px 0px 0px;
  width: 330px;
}

a.aboutUs-splash{
  background: url(../images/aboutUs.png) no-repeat;
  display: block;
  height: 190px;
  margin: 2px 0% 0px 9px;
  padding: 0px 0px 0px 0px;
  width: 320px;
}

a.portfolio-splash{
  background: url(../images/portfolio.png) no-repeat;
  display: block;
  height: 194px;
  margin: 2px 0% 0px 9px;
  padding: 0px 0px 0px 0px;
  width: 320px;
}

a.events-splash{
  background: url(../images/events.png) no-repeat;
  display: block;
  height: 189px;
  margin: 1px 0% 0px 6px;
  padding: 0px 0px 0px 0px;
  width: 316px;
}

a.contact-splash{
  background: url(../images/mail.png) no-repeat;
  display: block;
  height: 190px;
  margin: 2px 0% 0px 9px;
  padding: 0px 0px 0px 0px;
  width: 312px;
}

ul h3{
  background: #aaa;
  margin: -75px 3% 0px 9px;
  padding: 0px 0% 0px 0px;
  text-align: right;
}

ul h3 a{
  display: block;
  height: 20px;
  margin: 0px 0% 0px 0px;
  padding: 5px 3% 10px 0px;
}

.main-menu{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  z-index: 14;
}

.main-menu ul{
  display: block;
  margin: -45px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width:700px;
}

.main-menu ul h5 a{
  color: #333;
  display: block;
  font-size: 12pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 12px;
}

.main-menu ul h5 a:hover{
  color: #000;
  text-decoration: underline;
}

.menu-item{
  display: block;
  float: left;
  height: 2px;
  margin: 0px 0px 0px 33px;
  padding: 0px 0px 0px 0px;
  width: 80px;
}

.main-menu ul li.selected {
  display: block;
  float: left;
  height: 32px;
  margin: 0px 0px 0px 33px;
  padding: 0px 0px 0px 0px;
  width: 80px;
}

.main-menu ul li.selected h5 a{
  color: #000;
  display: block;
  font-size: 12pt;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 12px;
  text-decoration: underline;
  width: 56px;
}

.imagemap{
  display: none;
}

form{
  background: url(../images/canvas-dark.jpg);
  display: block;
  height: 560px;
  margin: 0px auto 100px auto;
  padding: 15px 15px 0px 0px;
  width: 750px;
}

.content form input,.content form textarea{
  background: url(../images/canvas.jpg);
  border: 2px solid #333;
  float: left;
  font-size: 13pt;
  margin: 0px 0px 10px 50px;
  width: 250px;
}

.content form label{
  background: url(../images/canvas.jpg);
  border: 2px solid #666;
  clear: both;
  float: left;
  margin: 0px 0px 10px 150px;
  padding: 2px 0px 2px 0px;
  width: 150px;
}

.content form input.button{
  border: 2px solid #333;
  clear: both;
  cursor: pointer;
  font-size: 12pt;
  margin: 0px 0px 10px 353px;
  padding: 2px 0px 2px 0px;
  width: 255px;
}

.aboutUs-text{
  line-height: 1.4em;
  margin: 0% auto 0px auto;
  text-align: left;
  width: 770px;
}

.aboutUs-bio{
  margin: 0px auto 0px auto;
  text-align: left;
  width: 770px;
}

.content .aboutUs-bio ul{
  display: block;
  height: 100%;
  margin: 0px 0px 100px 0px;
  padding: 0px 0px 0px 0px;
}

.content .aboutUs-bio ul li{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.content .aboutUs-bio ul ul{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.content .aboutUs-bio ul ul li{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.content .aboutUs-bio ul h4{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.content .aboutUs-bio a:hover{
  color: #333;
}

.wrapper{
  background: #d9c6a5;
  height: 100%;
  margin: 0px auto 0px auto;
  padding: 10px;
  width: 770px;
}

.bottom-span{
  display: block;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0px 60px 0px;
  text-align: right;
}

.LV_validation_message{
  display: block;
  float: right;
  height: 25px;
  margin: 0px 110px 0px 0px;
  width: 25px;
}

.LV_valid {
  background: url(../images/tick2.png) no-repeat top right;
}

.LV_invalid {
  background: url(../images/cross2.png) no-repeat top right;
}

.LV_valid_field, input.LV_valid_field, textarea.LV_valid_field{
  border: 2px solid #00CC00;
}

.LV_invalid_field, input.LV_invalid_field, textarea.LV_invalid_field {
  border: 2px solid #CC0000;
}

.control-container{
  background:#AF9B78;
  display: block;
  height: 20px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 7px 0px;
  text-align: right;
  width: 770px;
}

.css-light,.css-orig,.choose{
  border: 1px solid #ccc;
  float: left;
  margin: 0px 10px 0px 10px;
}

.css-orig a{
  background: #333;
  display: block;
  height: 20px;
  width: 20px;
}

.css-light a{
  background: #bca57e;
  display: block;
  height: 20px;
  width: 20px;
}

.choose{
  border: 0px;
  color: #333;
}
/*
.controlbar{
  display: none;
}

.controlbar a{
  color: #333;
  margin: 0px 30px 0px 0px;
}

div.slider {
  background: #eee;
  height: 16px;
  width: 200px;
}

div.slider div.knob {
  background: #000;
  height: 16px;
  width: 16px;
}
*/
.portfolio-menu-container{
  position:relative;
  margin:0px auto 0px auto;
  width: 770px;
  background:#bca57e;
  height:548px;
}
.portfolio-menu-container ul{
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 25px;
}

.portfolio-item{
  float:left;
  margin:0px 10px 10px 0px;
  border: 1px solid #ccc;
  background:#AF9B78;
}
.portfolio-item a{
  margin: 0px 0px 0px 0px;
  padding: 5px;/* 0px 0px 0px;*/
  height: 182px;
  background:#AF9B78;
  border:1px solid #ddd;
  display:block;
  cursor:pointer;
}
.portfolio-item a:hover{
  background:#BFAD8F;
  border:1px solid #fff;
  color:#ff0000;
}


.portfolio-item h3{
  margin:0px 0px 0px 0px;
  display:block;
  text-align: center;
  background:none;
  color:#000;
}

.portfolio-item img{
  float: left;
  margin: 0px 0px 0px 0px;
}
.video-menu-container{
  position:relative;
  margin:0px auto 0px auto;
  width: 770px;
  background:#bca57e;
  height:648px;
}
.video-menu-container ul{
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 23px;
}

.events-item{
  float:left;
  margin:0px 10px 10px 0px;
  border: 1px solid #ccc;
  background:#AF9B78;
  width:355px;
}
.events-item a{
  margin: 0px 0px 0px 0px;
  padding: 5px;/* 0px 0px 0px;*/
  height:80px;
  background:#AF9B78;
  border:1px solid #ddd;
  display:block;
  cursor:pointer;
}
.events-item a:hover{
  background:#BFAD8F;
  border:1px solid #fff;
  color:#ff0000;
}


.events-item h3{
  margin:0px 0px 0px 0px;
  display:block;
  text-align: center;
  background:none;
  color:#000;
}

.events-item img{
  float: left;
  margin: 0px 0px 0px 0px;
}
/*highslide*/
#portfolio .highslide-dimming {
	position: absolute;
	background:#bca57e;
}
#portfolio .highslide-number {
	font-weight: bold;
	color: black;
	font-size: .9em;
	text-align:center;
	padding-bottom:5px;
}
#portfolio .highslide-thumbstrip a {
	outline: none;
	border:1px solid #ccc;
	display: block;
	background:none;
}
#portfolio .highslide-thumbstrip a :hover{
	border: 1px solid #fff;
	background:#BCA57E;
}
#portfolio .highslide-thumbstrip img {
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
}