body {
	background-color:#333;
	margin: 0;
	padding: 0;
	height:100%;
	background-image: url(../images/trentanove.gif);
}
#wrapper {
	margin-left: 50%;
	position: absolute;
	min-height:100%;
	width: 1200px;
	left: -600px;
	float: left;
}
#back {
	background-image:url(../images/bkg.png);
	float: left;
	height: 1173px;
	width: 1142px;
	z-index: 0;
}
#content {
	background-image: url(../images/content.png);
	background-repeat: no-repeat;
	float: left;
	height: 734px;
	width: 800px;
	position: absolute;
	z-index: 100;
	margin-top: 60px;
	margin-left: 198px;
}
#construction {
	background-image: url(../images/under.png);
	float: left;
	height: 734px;
	width: 800px;
	z-index: 300;
	position: absolute;
}
#content h5 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #09F;
	text-transform: uppercase;
	float: left;
	margin-top: -30px;
	margin-left: 30px;
}
#greeting {
	background-image: url(../images/greeting.png);
	float: right;
	height: 326px;
	width: 620px;
	margin-top: 50px;
	margin-right: 30px;
	z-index: 250;
}
#greeting a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	color: #C39;
	text-decoration: none;
	text-transform: uppercase;
}
#greeting p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14pt;
	color: #CCC;
	width: 280px;
	float: left;
	margin: 20px;
	position: absolute;
}
#greeting h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #6F0;
	padding-left: 50px;
}
#greeting h2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22px;
	line-height: 32px;
	text-transform: uppercase;
	color: #06F;
	padding: 25px;
}
#greeting h4 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #F0C;
}
#intro {
	height:400px;
	width:600px;
	padding: 10px;
}
#interactive {
	height:400px;
	width:600px;
	padding:10px;
}
#thumbs {
	background-image: url(../images/thumbs.png);
	background-repeat: no-repeat;
	float: right;
	height: 195px;
	width: 612px;
	margin-right: 35px;
	z-index: 150;
}
#footer {
	font-size:10px;
	float: left;
	height: 252px;
	width: 800px;
	position: absolute;
	z-index: 50;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	margin-left: 195px;
	margin-bottom:86px;
	bottom:0;
}
#footer ul  {
	list-style-type: none;
	text-align: left;
	background-image: url(../images/links.png);
	height: 217px;
	background-repeat: no-repeat;
	padding: 20px;
	margin: 15px;
}
#footer a{
	color:#666;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;
}
#footer a:hover{
	color:#03F;
	margin-left: 25px;
}
/*CAROUSEL*/
* { padding: 0; margin: 0; outline: 0; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a:hover { text-decoration: none; cursor: pointer;}

.left { float: left; display: inline; }
.right {
	float: right;
	display: inline;
} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 964px;}

#header {background: url(header-bg.jpg) repeat-x 0 0;}
#header .shell {background: url(header.jpg) no-repeat 0 0; height: 403px; padding-top: 50px; padding-left: 52px; width: 862px !important; padding-right: 50px;}

#logo-cnt {float: left; width: 600px;}
h1#logo {color: #fdb813; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 30px; font-style: italic; font-weight: normal; line-height: 25px;}
h2#slogan {font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 15px; font-style: italic; font-weight: normal; color: #fff;}

#status { margin-top: 8px; background: url(status-bg.png) no-repeat 0 0; width: 185px; height: 30px; float: right; padding-top: 5px; padding-left: 7px; padding-right: 10px;}
#status p {color: #b5ed54; font-size: 13px; text-decoration: underline; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-top: 3px;}
#status p.available {background: url(available.gif) no-repeat right 0; height: 25px;}
#status p.unavailable {background: url(unavailable.gif) no-repeat right 0; height: 25px;}

#slider {
	width: 628px;
	background-image: url(../images/Sliderbkg.png);
	background-repeat: no-repeat;
	height: 157px;
	z-index: 250;
	margin-top: 100px;
	margin-left: 150px;
	background-position: 0px 20px;
}

ul#mycarousel {position: relative;}
ul#mycarousel li {
	float: left;
	display: inline;
	height: 175px;
	width: 250px;
	padding-left: 10px;
}
.jcarousel-clip {
	overflow:hidden;
	position:relative;
	margin-top: -35px;
	margin-left: 50px;
}
.jcarousel-prev ,
.jcarousel-next {
	width: 38px;
	height: 35px;
	display: block;
	float: left;
	position:absolute;
	cursor: pointer;
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 250;
	margin-top: 60px;
	margin-left: 580px;
}
.jcarousel-prev {
	background-image: url(../images/prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 250;
	margin-left: 15px;
}

#main { margin-top: -102px;}
#main h2 {color: #ffb600; font-size: 18px; font-style: italic; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-bottom: 10px;}
#main p {padding-bottom: 15px;}
#main .shell {width: 945px;}

.article {padding-bottom: 55px;}
.gallery {padding-bottom: 20px;}

a.view-all {color: #f1ac01; float: right;}

.portfolio-item {float: left; padding-right: 20px; padding-bottom: 35px;}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {padding-right: 0 !important;}


.img-cnt {background: url(../images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {
	display: block;
}


.column-cnt {width: 554px; float: left;}
.column {width: 260px; float: left; padding-right: 17px;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: left; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-family: arial, sans-serif; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
span.text-area {background: url(textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}
/*END CAROUSEL*/
/*FORM*/
.left{
	/* Changes on the form */
 	color: #999 !important;
	font-family: Verdana !important;
	font-size: 12px !important;
}
.right {
	display:inline;
	float:left;
	margin-left:-50px;
	padding-bottom:10px;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
	height:100%;
	background:transparent;
	margin-left:10px;
	margin-top: 14%;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}
/*END FORM*/
/*GALLERY*/   
.gallerycontainer{
	position: relative;
	height: 400px;
	width: 70px;
	float: right;
	margin-top: 20px;
	margin-right: 255px;
	z-index: 100;
}
.thumbnail img{
	padding: 5px;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
}
.thumbnail span{
	position: absolute;
	background-color: transparent;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail preview span{
	position: absolute;
	background-color: transparent;
	visibility: visible;
	color: black;
	text-decoration: none;
	background-image: url(../images/preview15/preview1.jpg);
	background-repeat: no-repeat;
}
.thumbnail span img{
	border-width: 0;
}
.thumbnail:hover span{
	visibility: visible;
	z-index: 50;
	right: 71px;
	top: -4px;
}
.image{
	border:1px gray;
	position:absolute;
	top:1px;
	right:76px;
}
/*END GALLERY*/