/* CSS Document */
#specials {
	background-image: url(images/specials.gif);
	background-repeat: no-repeat;
	padding-top: 23px;
}
.formtable {
	width: 400px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #E56C27;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 16px;
}
#holder {
	position: relative;
	width: 950px;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	min-height: 750px;
}

	/* for Internet Explorer */
/*\*/
* html #holder {
height: 750px;
}
/**/
#topsection {
	background-image: url(images/banner.gif);
	height: 195px;
	width: 950px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}
#centrearea {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	position: relative;
	margin-top: 205px;
	margin-right: 180px;
	margin-left: 170px;
	padding: 10px;
}
#nav-menu
{
	position: absolute;
	left: 40px;
	top: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000099;
	color: #FFFF00;
	width: 700px;
}
#nav-menua
{
	position: absolute;
	left: 94px;
	top: 163px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 689px;
}
 #nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
	height: 2em;
	float: left;
	width: 180px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #000000;
	text-transform: capitalize;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none;
	color: #FFFFFF;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0000FF;
	text-decoration: underline;
	text-transform: capitalize;
}
/* End hide */
#nav-menu li a:hover {
	color: #66FFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.repeater {
	background-image: url(images/backgrounds/repeater.jpg);
	background-repeat: repeat-y;
	position: relative;
	width: 700px;
	left: -10px;
	padding-right: 40px;
	padding-left: 10px;
	padding-bottom:-10px;
}
.footerofpage {
	background-image: url(images/backgrounds/bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	height: 65px;
	width: 750px;
	left: -16px;
	padding-bottom:10px;
	bottom: 20px;
	text-align: center;
}
.foliosection {
	position: relative;
	height: 330px;
	width: 738px;
	background-image: url(images/backgrounds/folio-image.jpg);
	background-repeat: no-repeat;
}
.folioimage{
position: absolute;
	height: 200px;
	width: 200px;
	top: 64px;
	right: 90px;
	
	}
	.folioimage img{

	height: 133px;
	width: 189px;

	
	}
	
	.foliotitle{
position: absolute;
	height: 52px;
	width: 264px;

	font-size:18px;
	color:#FFFF00;
	font-weight:bold;
	
	}
	
h6 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	display: block;
	margin: 0px;
	width: 750px;
	color: #FFFF00;}
	.foliotext {
	position: absolute;
	top:90px;
	left:30px;
	height: 200px;
	width: 350px;

	font-size:14px;

	}
	.packagetext {
	position: absolute;
	top:81px;
	left:22px;
	height: 114px;
	width: 346px;

	font-size:12px;

	}
	.buscardpackage {
	position: relative;
	height: 300px;
	width: 738px;
	background-image: url(images/backgrounds/buscard.jpg);
	background-repeat: no-repeat;}
	.fivepager {
	position: relative;
	height: 300px;
	width: 738px;
	background-image: url(images/backgrounds/5pager.jpg);
	background-repeat: no-repeat;}
.packageimage{
	position: absolute;
	width: 270px;
	top: 59px;
	right: 79px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #6364B6;
	padding-left: 10px;
	padding-top: 0px;
	vertical-align: top;
	display: block;
	margin: 0px;
	}
	
.packagetitles h6{
	position: absolute;
	height: 52px;
	width: 264px;
	font-size:18px;
	color:#333333;
	font-weight:bolder;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	left: 7px;
	top: 7px;
	
	}
.productlister{
	position: relative;
	height: 300px;
	width: 738px;
	background-image: url(images/backgrounds/productlistings.jpg);
	background-repeat: no-repeat;}
	.ecommerce{
	position: relative;
	height: 300px;
	width: 738px;
	background-image: url(images/backgrounds/ecom.jpg);
	background-repeat: no-repeat;}

.property{
	position: relative;
	height: 300px;
	width: 738px;
	background-image: url(images/backgrounds/property.jpg);
	background-repeat: no-repeat;}
.enqbutton {
	text-align: center;
	display: block;
	height: 90px;
	width: 234px;
	float: right;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FF0000;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}
.formtable {
	text-align: right;
	width: 499px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
	padding:5px;
}














#TJK_dropDownMenu,
#TJK_dropDownMenu * {
	margin:0;
	padding:0;
	font-size: 12px;
}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	width:750px;
	float:left;
	background-repeat: no-repeat;

}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	cursor:default;
	position:absolute;
	height:auto;
	display:none;

	padding-top: 0px;
	padding-bottom: 10px;
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	padding:1px;
	border:1px solid #333;
	color: #FFFF00;
	text-align: center;
	width:100px;
	background-color: #333366;
	font-weight: bold;
	background-image: url(images/button/up.gif);
	background-repeat: repeat;
}

/* All anchors */
#TJK_dropDownMenu li a {
	cursor: target; 
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	padding-top: 2px;
	padding-bottom: 0;

	height: 10px;
	text-align: center;
	width: 110px;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:118px;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1em;
	height:15px;
	font-weight:normal;
	color:#FFFFFF;
	background-position:left top!important;
	font-size: 10px;
	background-color: #333333;
	left: 0px;
	background-repeat: no-repeat;
	border: 1px solid #666699;
}
#TJK_dropDownMenu li ul li a:hover{
	background-color: #666666;
	color: #FFFF99;
}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {
	color:#FFCC00;
}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#FFFFFF!important;}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */

#TJK_dropDownMenu li.UZ {
	z-index:1;
	color: #0066CC;
	display: block;
	padding: 5px;
	text-align: center;
}

/* Current location - class on Body must match LI's id */

.UZ #TJK_dropDownMenu li.UZ a {color:#FFFFFF;}
/* Keeping current menu accessible to JAWS */

.UZ #TJK_dropDownMenu li.UZ ul {
	display:block;
	top:-1000px;
	background-color: #FFFF00;
}

/* background colors */

.UZ,.UZ li a {
	
}
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li.UZ ul {left:0px !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */

.UZ #TJK_dropDownMenu li.UZ ul li a:focus,
.UZ #TJK_dropDownMenu li.UZ ul li a:active {position:absolute !important;top:1028px !important;}






#leftmenu {
	position: absolute;
	left: 4px;
	top: 203px;
	width: 152px;
	background-image: url(images/leftmenu.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-variant: normal;
	text-transform: lowercase;
}
#leftmenu a:link, #leftmenu a:active, #leftmenu a:visited {
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 130px;
}
#leftmenu a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000099;
}
#rightmenu{
	position: absolute;
	top: 203px;
	width: 156px;
	background-image: url(images/info.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	right: 4px;
}
#rightmenu a:link, #rightmenu a:active, #rightmenu a:visited {
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#rightmenu a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000099;
}
hr {
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	height: 0px;
	width: 70%;
}
#homeproducts {
	width: 580px;
	position: relative;
	border: 1px solid #666666;
	background-image: url(images/productsbg.gif);
	padding-bottom:10px;
}
.foursquares {
	float: left;
	height: 146px;
	width: 260px;
	background-color: #333333;
	border: 1px solid #666666;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
}