HTML {
	HEIGHT: 100%
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
HEIGHT: 100%;
	color: #666;
	background-color: #D4D4D4;
	font-size: 12px;
	background-image: url(files/bg.gif);

	background-attachment: scroll;
	background-position: top;
}
.logo {

	background-image: url(files/logo.jpg);
	background-repeat: repeat-x;

	background-position: top;
}
.size12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 12px;

}
.size12whitenotlink {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;

}
.size12white {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;

}


.size12white :link {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;

}


.size12white :visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;

}


.size12white :active {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;

}


.size12white :hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ddd;
	font-size: 12px;

}
.tag12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 10px;
	background-color: #666666;
	padding: 4px;
	margin-right: 4px;



}

.tag14 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #7F7F7F;
	padding: 2px;
	
}




.bordertopdots {

	border-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #666666;
}
.navi {

font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.borderdots {

	border-width: 1px;
	border-style: solid;

	border-color: #000000;
}

.borderwhite {
	border: 1px solid #fff;

}

.bordergrey1999 {
	border: 1px solid #999;

}

.borderinsetlist {
	border: 1px solid #999;

}

.borderinsetlist:hover {
	border: 1px solid #999999;

}




.borderinsetblack {
	border: 1px solid #333333;

}

.borderblack {
	border: 1px solid #5B5B5B;

}


h1,h2,h3,h4,h5,h6, .title {
    font-family: tahoma, Arial, Helvetica, sans-serif;
	COLOR: #666;
	font-size: 17px;
	display:inline;
	font-weight: normal;
}


 .titlewhite {
    font-family: tahoma, Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-size: 17px;
	display:inline;
	font-weight: normal;
}


 .titlewhite14 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-size: 14px;
	font-weight: normal;
}


 .calltoaction {
    font-family: Georgia, "Times New Roman", Times, serif;
	COLOR: #333;
	font-size: 26px;

	font-weight: normal;
}


 .phone {
    font-family: "Times New Roman", Times, serif;
	COLOR: #333;
	font-size: 20px;
	display:inline;
	font-weight: normal;
}


.team {
    font-family: tahoma, Arial, Helvetica, sans-serif;
	COLOR: #159CB0;
	font-size: 17px;

	font-weight: normal;
}




.featuredsmall {
    font-family: tahoma;
	COLOR: #99FF00;
	font-size: 11px;
	display:inline;
	font-weight: normal;
}


.red {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #FF0033;
	font-size: 12px;
	display:inline;
	font-weight: normal;
}


.blue13 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #00ABD3;
	font-size: 15px;

}


.white11 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-size: 11px;

}


.grey11 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #666;
	font-size: 11px;
	font-weight: normal;
}


.grey11333 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #333;
	font-size: 11px;
	font-weight: normal;
}


.grey12 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #666;
	font-size: 12px;
	font-weight: normal;
}


.greywhite11 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-size: 11px;
	font-weight: normal;
}


.grey10 {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #666;
	font-size: 10px;
	font-weight: normal;
}


.grey11ccc {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #ccc;
	font-size: 11px;
	font-weight: normal;
}




.darkgrey {
    font-family: Arial, Helvetica, sans-serif;
	COLOR: #4D4D4D;
	font-size: 12px;

}


.featured {
    font-family: tahoma;
	COLOR: #99FF00;
	font-size: 14px;
	display:inline;
	font-weight: normal;
}


.searchbox {
	font-family: tahoma;
	COLOR: #333;
	font-size: 12px;
	display:inline;
	font-weight: normal;
	background-color: #EAEAEA;
	padding: 6px;
	width: 200px;
	border: 1px dotted #666;
	background-image: url(files/search.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.heading{
	
	padding: 5px;
	
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #ffffff;
	font-size: 15px;
	font-weight: bold;


}

 a:link {
	COLOR: #666;
	TEXT-DECORATION: none;
	

}
	

 a:visited {
	COLOR: #666;
	TEXT-DECORATION: none;

	}

 a:active {
	COLOR: #666;
	TEXT-DECORATION: none;

	}
		
 a:hover { 
	COLOR: #999999;
	TEXT-DECORATION: none;
	

		}

.green a:link {
	COLOR: #99FF00;
	TEXT-DECORATION: none;

}
	
.green a:visited {
	COLOR: #99FF00;
	TEXT-DECORATION: none;


	}

.green a:active {
	COLOR: #99FF00;
	TEXT-DECORATION: none;

	
	}
		
.green a:hover { 
	COLOR: #ffffff;
	TEXT-DECORATION: none;



		}

.white a:link {
	COLOR: #fff;
	TEXT-DECORATION: none;

}
	
.white a:visited {
	COLOR: #fff;
	TEXT-DECORATION: none;


	}

.white a:active {
	COLOR: #fff;
	TEXT-DECORATION: none;

	
	}
		
.white a:hover { 
	COLOR: #cccccc;
	TEXT-DECORATION: underline;



		}

	.submit	{ background-image: url("submit.jpg");

		FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
		color: #cccccc;
		font-size: -1pt;
		height: 22px;
		width: 58px;
cursor: hand;
		border: 0px solid;

	}
		


.enquiry_box {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 310px;
	border: 1px solid #159CB0;
	background-color: #ccc;
	color: #666;
	padding: 5px;
	height: 80px;
	
										}
		


.enquiry_field {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 320px;
	border: 1px solid #159CB0;
	background-color: #ccc;
	color: #666;
	padding: 5px;

	
								}

.comments_input {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 589px;

	background-color: #222222;
	color: #ffffff;
	padding: 8px;
	

						}

.newsletter_input2 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;

	background-color: #222222;
	color: #ffffff;
	padding: 8px;
	

			}

.newdrop {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;


	

			}

.newsletter_input {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 262px;
	border: 4px solid #99FF00;
	background-color: #222222;
	color: #ffffff;
	padding: 8px;
	

			}.newsletter_submit	{ 

		FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 12px;
padding: 4px;
		width: 94px;
		cursor:hand;
background-color: #666666;
		border: 4px solid #ffffff;

		}
	
		.key_submit	{ 

		FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 12px;
padding: 8px;
		width: 94px;
		cursor:hand;
background-color: #666666;
		border: 4px solid #ffffff;

		}

.input  {
	FONT-FAMILY: Arial, Helvetica, sans-serif; color: #999;
	font-size: 11px;
	width: 230px;
	border: 1px solid #999;
	background-color: #111;

	
	padding: 3px;

	}
.nonedisplay{
display: none;
}
.pagenav {
	TEXT-ALIGN: right;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 10px; CLEAR: both; FONT-SIZE: 11px; FONT-WEIGHT: normal; PADDING-TOP: 7px
}
.pagenav .pages {
	FLOAT: left; BACKGROUND: #171813 0px 0px; FONT-WEIGHT: bold
}
.pagenav A:hover {
	BACKGROUND: #cccccc 0px 0px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding
}

.pagenav A {
	BACKGROUND: #666666 0px 0px; FONT-WEIGHT: bold
}



.pagenav A:hover {
	BACKGROUND: #303030;
	color: #99FF00;
}

.pagenav A {
	PADDING-BOTTOM: 5px !important; PADDING-LEFT: 8px !important; PADDING-RIGHT: 8px !important; COLOR: #ffffff;  TEXT-DECORATION: none; PADDING-TOP: 5px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px
}

.gallery img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.gallery:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

						}

#nav1 A.menuButton {
	BACKGROUND-COLOR: #00ADEF
}

#nav1 A.menuButton:hover {
	BACKGROUND-COLOR: #6C6553;}
	
	
	







ul#topnav {
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	clear: both;
	float: left;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav a, ul#topnav span {
	float: left;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	background: #1d1d1d;
	text-align: center;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	padding-top: 13px;
	padding-right: 33px;
	padding-bottom: 7px;
	padding-left: 33px;
}
.imagespad  {
padding:0;
}
#base {
	POSITION: relative; TEXT-ALIGN: left;  MARGIN: 0px auto; WIDTH: 850px; BACKGROUND-REPEAT: repeat-y; 
}

ul#topnav span {
	display: none;
}
 
ul#topnav.v2 span{
	background: url(files/a_bg.gif) repeat-x left top; margin-right: 2px; margin-left: 2px;
}
ul#topnav.v2 a{
	color: #999;
	background: url(files/a_bg.gif) repeat-x left bottom; margin-right: 2px; margin-left: 2px;
}

#overlay
{
	z-index: 10000;
	filter: alpha(opacity=70); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#63605B;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
#unit
{
	position: absolute;
	width: 850px;
	height: auto;
	top: 30px;
	left: -20px;

	display: none;
	z-index: 90000;
	border: 20px solid #333;
	background: #fff;
}
#inside
{
	padding: 10px;
	    font-family: Arial, Helvetica, sans-serif;
	COLOR: #333;
	font-size: 11px;
	font-weight: normal;
}
#pages li
{
	
	margin-left: 15px;
	line-height: 1.2em;
	
}
#inside p
{
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: .6em;
}
#inside strong
{
	color: #00ACD4;
	    font-family: Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	font-weight: normal;
}
#inside .button
{
	padding-bottom: 20px;
}
#inside .button a:link
{
	display: block;
	padding: 6px;
	color: #fff;
	background: #666;
	text-transform: uppercase;
	text-decoration: none;
	width: 60px;
	text-align: center;
	float: right;
	margin-bottom: 11px;
}
#inside .button a:hover
{
	display: block;
	padding: 6px;
	color: #fff;
	background: #999;
	text-transform: uppercase;
	text-decoration: none;
	width: 60px;
	text-align: center;
	float: right;
	margin-bottom: 11px;
}
#slideshow {
	position:relative;
	height:442px;
	left: 0;
	top: 0;
	width: 468px;
	
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width: 468px;
	background-image: url(faberge/emerald.jpg);
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}