/* start reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* end reset styles */

a {
	outline: none;
}
/*

Description:	Style Sheet for http://www.sundialhotel.com
Version:		2.0
Author:			Jacques Choquette
Author URI:		http://www.whistlerwebandprint.com
*/


/* Main content styling */  
html, body {
	height: 100%;
}
body {
	background-attachment: fixed;
	background-color: #d3d3d2 !important;
	background-image: url(/images/common/bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -210px; /* the bottom margin is the negative value of the footer's height *//*background-color:#f2f1f0;*/
	background-image: url(/images/common/content-area-bg.gif);
	background-repeat:repeat-y;
}
#topBar,  #globalLinks {
	height: 10px;
	background-color:#8cc73f;
}

#globalLinks {
	float:right;
	text-align:center;
	line-height:34px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #fff;
}
#globalLinks a {
	color:#000;
	text-decoration:none;
	text-shadow: 1px 1px 2px #fff;
}
#globalLinks a:hover {
	color:#a80532;
	text-decoration:none;
	text-shadow: 1px 1px 1px #fff;
}

#header {
	background-color: #FFF;
	height: 207px;/*height: 207px;*/
	background-image: url(/images/common/headerbg.gif);
}
#navWrapper {
	width:351px;
	
	margin-left:540px;
	margin-top:15px;

	z-index:99;
	position:absolute;
}

#brandingWrapper {
	width:351px;
	
	margin-left:25px;
	margin-top:20px;

	z-index:97;
	position:absolute;
}


h1.branding {
	width: 350px;
	height: 75px;
	text-indent: -9999px;
	background-image: url(/images/common/logo.png);
	cursor:pointer;
}
#sidebar {
	width:280px;
	margin-left:30px;
	float:left;
	margin-top:0px;
}


#unique-content {
	/*	background-color:#0CF;*/
	margin: 0px 0 0 338px; /* the left margin on this div element creates the column down the left side of the page*/
	padding: 0 25px 20px 0;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#price-guarentee {
	float:right;
	height:51px;
	width:115px;
	margin-right:20px;
	margin-top:10px;
}
#package-rotator {
	height:240px;
	width:240px;
}
hero-image-rotator {
	height:960px;
	width:450px;
	overflow:hidden;
}
#testimonial-rotator {
	height:344px;
	width:240px;
	background-color:#FFF;
	margin-bottom:20px;
}
#fixFloats {
	clear:both;
}
.noboarder {
	border:none;
}
/* end call to action styles */
.greyText {
	color:#7d7e7f !important
}
.greenText {
	color:#02af80 !important
}
.redText {
	color:#e44126 !important
}
.blueText {
	color:#3d66ae !important
}
.orangeText {
	color:#e34126 !important
}
.lmargin20 {
	margin-left:20px;
}
.lmargin30 {
	margin-left:30px;
}
.Bmargin15 {
	margin-bottom:15px;
}
.TopMargin20 {
	margin-top:20px;
}
.ZeroBottomMargin {
	margin-bottom:0;
}
.ZeroTopMargin {
	margin-top:0
}
.ZeroMarginZeroPad {
	margin:0 !important;
	padding:0 !important;
}
.floatLeft {
	float:left !important
}
.floatRight {
	float:Right !important
}
/* font tags */

@font-face {
 font-family: TrajanPro-Bold;
 src: url(/fonts/TrajanPro-Bold.otf) format("opentype");
}
#unique-content h1, #sidebar h1, #unique-content h2, #sidebar h2, #unique-content h3, #sidebar h3 {
	color:			#414141;
	font-size:		15px;
	font-family :TrajanPro-Bold, Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	margin-bottom:21px;
}

#unique-content h2, #sidebar h2 {

	margin-bottom:10px;
}

#unique-content h2 a, #sidebar h2 a,#unique-content h2 a:visited, #sidebar h2 a:visited, #unique-content h3 a, #sidebar h3 a, #unique-content h3 a:visited, #sidebar h3 a:visited {
	text-decoration:none;
	color:			#4b990e;;
}

#unique-content h2 a:hover, #sidebar h2 a:hover, #unique-content h3 a:hover, #sidebar h3 a:hover {
	text-decoration:underline;

}

#unique-content {

	padding-top:15px;
}

#sidebarSubPage {
	margin-top:75px;
	
}

#unique-content h3, #sidebar h3 {
	margin-bottom:0px;
	padding-bottom:42px;
	background-image:url(/images/common/halfDivLine.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}



#unique-content p {
	color:			#414141;
	font-size:		12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:16px;
}

#sidebar ul {
	color:			#414141;
	font-size:		14px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	list-style:disc;
	margin-left:18px;


	
	
}

#sidebar ul li a {
	color:#4b990e;
	text-decoration:none;

	
	
	
}



#sidebar ul li a:hover {
	text-decoration:underline;
}

#unique-content ul {
	color:			#414141;
	font-size:		12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	list-style:disc;
	margin-left:18px;
	margin-bottom:30px;
}

#unique-content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-bottom:.5em;
	line-height:18px;
	color:			#414141;
}
#unique-content a {
	color:#4b990e;
	text-decoration:none;
}
#unique-content a:hover {
	text-decoration:underline;
}


#navWrapper a {
	color:			#73502e;
	font-size:		15px;
	font-family :TrajanPro-Bold, Georgia, "Times New Roman", Times, serif;
	line-height:22px;
	margin-bottom:21px;
	text-decoration:none;
	font-weight:bold;
}

#navWrapper a:hover {
text-decoration:underline;
color:			#000;
}



#subPageWrapper {
	padding-right:20px;
	
}

.subNavWrapper a {
	color:			#4b990e;
	font-size:		15px;
	font-family :TrajanPro-Bold, Georgia, "Times New Roman", Times, serif;
	line-height:22px;
	margin-bottom:21px;
	text-decoration:none;
	font-weight:bold;
}

.subNavWrapper a:hover {
text-decoration:underline;
color:			#000;
}


.content-block {
	padding-bottom:67px;
	background-image:url(/images/common/content-block-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
/* get rid of those system borders being generated for A tags */
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}
.col600 {
	float:left;
	width:600px;
}
.col285 {
	float:left;
	width:285px;
	margin:0 0 0 0px;
}
#footer, #push {
	width: 960px;
	height: 210px; /* .push must be the same height as footer  and value found in the wrapper margin*/
	margin: auto;
}
#footer {
	font-family: Helvetica, Arial, sans-serif;
	color:#73502E;
	font-size: 13px;
	background-image: url(/images/common/footerBg.gif);
	background-repeat: no-repeat;
	line-height:20px;
}
#footer #footerContent {
	padding: 220px 20px 20px;
}
#footer a {
	color:#73502E;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:underline;
}
.noUnderline a:hover, .noUnderline a {
	text-decoration:none;
	cursor: default
}
/* Empty Jquery Selectors for autocomplete */

}
.rollover {
}
/* End Empty Jquery Selectors for autocomplete */	
	

/*hr {
	color:#FCB131;
	margin-bottom:25px;
	margin-top:25px;
}*/

hr {
	padding-bottom:67px;
	background-image:url(/images/common/content-block-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	border:none;
	background-color:#fff;
	color:#fff;
}




/* background: #d07b31;*/
.share {
	margin:0;
}
.share ul {
	list-style-type:none;
	margin:0;
	padding: 0 0 0px 0px;
}
.share li {
	float: left;
	list-style:none;
	margin:0 8px 0 0;
	padding-top:1px;
	display:inline;
	border: none !important;
}
.share a {
	display:block;
	overflow:hidden;
	height:48px;
	width:48px;
	padding: 0;
	white-space:nowrap;
}
.share a:hover {
	text-decoration:none;
}
.share .delicious a:hover {
	background: url('/images/common/share.jpg') no-repeat -144px 0;
}
.share .delicious a {
	background: url('/images/common/share.jpg') no-repeat -144px -48px;
}
.share .digg a:hover {
	background: url('/images/common/share.jpg') no-repeat 0 0;
}
.share .digg a {
	background: url('/images/common/share.jpg') no-repeat 0 -48px;
}
.share .myspace a:hover {
	background: url('/images/common/share.jpg') no-repeat -240px 0;
}
.share .myspace a {
	background: url('/images/common/share.jpg') no-repeat -240px -48px;
}
.share .facebook a:hover {
	background: url('/images/common/share.jpg') no-repeat -192px 0;
}
.share .facebook a {
	background: url('/images/common/share.jpg') no-repeat -192px -48px;
}
.share .twitter a:hover {
	background: url('/images/common/share.jpg') no-repeat -48px 0;
}
.share .twitter a {
	background: url('/images/common/share.jpg') no-repeat -48px -48px;
}
.share .emailShare a:hover {
	background: url('/images/common/share.jpg') no-repeat -384px 0;
}
.share .emailShare a {
	background: url('/images/common/share.jpg') no-repeat -384px -48px;
}
a.active {
	text-decoration:underline !important;
}
a.active:hover {
	text-decoration:underline !important;
}
.col600 img {
	margin-right:15px;
	margin-bottom:7px;
	margin-top:4px;
	float:left;
}
.content-block img {
	border:1px solid #C0C0C0;
	padding:3px;
	float:left;
    margin-right:10px;
}

.imageBoarder2 {
	border:1px solid #C0C0C0;
	padding:3px;
	float:left;
    margin-right:10px;
}

.rightSide {
	border:1px solid #C0C0C0;
	padding:3px;
	float:right !important;
    margin-left:15px !important;
}

#room-rotator-wrapper {
	border:1px solid #C0C0C0;
	padding:3px;
	width:477px;
	height:402px;
}

#img-rotator-wrapper {
	border:1px solid #C0C0C0;
	padding:3px;
	width:359px;
	height:323px;
}
/*
-----------------------------------------------------

Superfish menu with image replacement

-----------------------------------------------------
*/

/*** ESSENTIAL STYLES ***/
.sf, .sf * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf {
	line-height:1.0;
}
/*.sf ul {*/
.sf li ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf ul li {
	width:100%;
}
.sf li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf li {
	float:left;
	position:relative;
}
.sf a {
	display:block;
	position:relative;
}
.sf li:hover ul, .sf li.sfHover ul {
	left:0;
	top:25px;    /* where to start sub menu (match height of button image) */
	width:18em;  /* how wide the sub-menus should be when javascript is disabled. don't forget left margin for level 3! */
	z-index:99;
}
ul.sf li:hover li ul, ul.sf li.sfHover li ul {
	top:-999em;
}
ul.sf li li:hover ul, ul.sf li li.sfHover ul {
	left:18em; /* match ul width */
	top:0;
}
ul.sf li li:hover li ul, ul.sf li li.sfHover li ul {
	top:-999em;
}
ul.sf li li li:hover ul, ul.sf li li li.sfHover ul {
	left:10em; /* match ul width */  /* this one seems to get ignored?? */
	top:0;
}
/*** CUSTOM SKIN ***/
.sf {
	float:			left;
	font-family:	Arial, Helvetica, sans-serif;
	margin-bottom:	0;     /* determines the margin under the menu */
}
/* top */
.sf a {
	text-decoration:none
}
/* image replace v2 */
#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8 {
	overflow:hidden;
	width:240px;
	height:30px;
} /* set button dimensions and hide top level text if it is scaled larger than those dimensions */
#b1 em, #b2 em, #b3 em, #b4 em, #b5 em, #b6 em, #b7 em, #b8 em {
	background:transparent url(/images/common/sideBarNav3.gif) no-repeat 0 0;
	cursor:pointer;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
} /* display block actually makes it show up, position absolute makes it overlay the text */
#b1 em {
	background-position:0 0
}
#b2 em {
	background-position:0 -30px
}
#b3 em {
	background-position:0 -60px
}
#b4 em {
	background-position:0 -90px
}
#b5 em {
	background-position:0 -120px
}
#b6 em {
	background-position:0 -150px
}
#b7 em {
	background-position:0 -180px
}
#b8 em {
	background-position:0 -210px
}
a#b1:hover em {
	background-position:-240px 0
}
a#b2:hover em {
	background-position:-240px -30px
}
a#b3:hover em {
	background-position:-240px -60px
}
a#b4:hover em {
	background-position:-240px -90px
}
a#b5:hover em {
	background-position:-240px -120px
}
a#b6:hover em {
	background-position:-240px -150px
}
a#b7:hover em {
	background-position:-240px -180px
}
a#b8:hover em {
	background-position:-240px -210px
}



/* set active states */

a#b1.btn_active em{
	background-position:-480px 0
}

a#b2.btn_active em{
	background-position:-480px -30px
}

a#b3.btn_active em{
	background-position:-480px -60px
}

a#b4.btn_active em{
	background-position:-480px -90px
}

a#b5.btn_active em{
	background-position:-480px -120px
}

a#b6.btn_active em{
	background-position:-480px -150px
}

a#b7.btn_active em{
	background-position:-480px -180px
}

a#b8.btn_active em{
	background-position:-480px -210px
}
/* end of image replace */


/* subs */
.sf li ul a {
	/* jc comment 	border-top:		0px solid #eae2db;
	border-right:	0px solid #817162;	
	border-bottom:	0px solid #817162;
	border-left:	0px solid #fff;	*/
	padding: 8px .5em;					/* adjust arrow positioning when this is modified */
}
/* top */
.sf a, .sf a:visited { /* visited pseudo selector so IE6 applies text color */
	color:			#000;
	color:#0ff;
	font-size:		1em;
	text-indent:-20px; /* not nearly enough, but so you can see what's going on */
	text-indent:-999px;
}
/* subs */
.sf li ul a, .sf li ul a:visited {
	color:			#636466;
	font-size:		14px;
	text-indent:4px; /* we need to do this otherwise the value from the top level is inherited (bad) */
	font-family :TrajanPro-Bold, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
/* subs subs */
.sf li li li a, .sf li li li a:visited {
	color:			#fff;
	font-size:		14px;
	text-indent:4px; /* we need to do this otherwise the value from the top level is inherited (bad) */
	font-family :TrajanPro-Bold, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
/* this modifies the background color of the top level */
.sf li {
	background:#a80532
}
/* background - second level */
.sf li li {
	background:#fcb131
}
/* background - third level */
.sf li li li {
	background:#636466;
	color:#FFF
}
*/    /* if you don't specify, it will be styled the same as the second level 

/* hover stuff - top level */
.sf li:hover, .sf li.sfHover, .sf a:focus, .sf a:hover, .sf a:active {
	/*background:	red;*/
	outline:		0;
}
/* NEW----- 12/21/08 
Keep the top button "pressed" while hovering over sub menu 
DISCLAIMER: This will NOT work in older browsers like IE6. Deal with it :)
*/
li:hover > a#b1 em, li.sfHover > a#b1 em {
	background-position:-240px 0
}
li:hover > a#b2 em, li.sfHover > a#b2 em {
	background-position:-240px -30px
}
li:hover > a#b3 em, li.sfHover > a#b3 em {
	background-position:-240px -60px
}
li:hover > a#b4 em, li.sfHover > a#b4 em {
	background-position:-240px -90px
}
li:hover > a#b5 em, li.sfHover > a#b5 em {
	background-position:-240px -120px
}
li:hover > a#b6 em, li.sfHover > a#b6 em {
	background-position:-240px -150px
}
li:hover > a#b7 em, li.sfHover > a#b7 em {
	background-position:-240px -180px
}
li:hover > a#b8 em, li.sfHover > a#b8 em {
	background-position:-240px -210px
}
/* ------------------------------------------------------------------------ */


/* hover for subs */
.sf li ul li:hover, .sf li ul li.sfHover, .sf li ul a:focus, .sf li ul a:hover, .sf li ul a:active {
	background:#636466;
	outline:0;
	color:#FFF
}
a.keepWhite {
	color:#FFF !important;
}
/*** arrows ***/

/* modified to omit arrows from top level but include in subs */

/* only add padding to the sub menu(s) since we don't want arrows on the top layer */
.sf li ul a.sf-with-ul {
	padding-right:1.5em;
	padding-right:1em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	background:none;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
} /* overflow:hidden - hides the double arrow that gets inserted! */
.sf li ul a .sf-sub-indicator {
	/*background:url('/images/r-arrow.png') no-repeat -10px -100px;*/		/* 8-bit indexed alpha png. IE6 gets solid image only */
	background:url(/images/common/arrow.png) no-repeat;					/* custom image with right-arrow -> only */
	display:block;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:.2em; /* how far from the right to show the arrow (originally .5em) */
	text-indent:-999em;
	top:.6em; /*** IE6 ***/
	width:10px;
}
.sf li ul a > .sf-sub-indicator {
	top:11px;
} /* IE6 doesn't understand the child selector, so adjust the value for all other browsers */
/* point right for anchors in subs */
.sf li ul a .sf-sub-indicator {
	background-position:-10px 0;
}
.sf li ul a > .sf-sub-indicator {
	background-position:0 0;
}
/* apply hovers to modern browsers */
.sf ul a:focus > .sf-sub-indicator, .sf ul a:hover > .sf-sub-indicator, .sf ul a:active > .sf-sub-indicator, .sf ul li:hover > a > .sf-sub-indicator, .sf ul li.sfHover > a > .sf-sub-indicator {
	background-position:-10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/

/* disabled using {dropShadows:false} in script */

.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	240px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left:	240px; /* match ul width */
	top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*end super fish menu styles*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:visible;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}

/*  ColorBox user style */
#cboxOverlay {
	background:url(/images/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
	width:21px;
	height:21px;
	background:url(/images/controls.png) -100px 0 no-repeat;
}
#cboxTopRight {
	width:21px;
	height:21px;
	background:url(/images/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft {
	width:21px;
	height:21px;
	background:url(/images/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight {
	width:21px;
	height:21px;
	background:url(/images/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft {
	width:21px;
	background:url(/images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width:21px;
	background:url(/images/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height:21px;
	background:url(/images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height:21px;
	background:url(/images/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background:#fff;
}
#cboxLoadedContent {
	margin-bottom:2px;
}
#cboxTitle {
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;
}
#cboxCurrent {
	position:absolute;
	bottom:3px;
	left:58px;
	color:#949494;
}
#cboxSlideshow {
	position:absolute;
	bottom:3px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0px;
	background:url(/images/controls.png) -75px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background-position:-75px -25px;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:27px;
	background:url(/images/controls.png) -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background-position:-50px -25px;
}
#cboxLoadingOverlay {
	background:url(/images/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(/images/loading.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	top:0px;
	right:0px;
	background:url(/images/controls.png) -25px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background-position:-25px -25px;
}
/*  end ColorBox Style */




#page-content-wrapper{
	
	background-image:url(/images/common/sidebarBg.gif);
	background-repeat:no-repeat;
	
	
}

#navDiv {
	background-image:url(/images/common/navTabDiv.gif);
	background-repeat:repeat-y;
	
}

.qtip-content

{
	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;
	
	line-height: 15px;

}
/* STANDARD QUOTES */


blockquote {
	font: 12px/24px Georgia, "Times New Roman", Times, serif;
	width: 255px;
	background: url(/images/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	color:#414141;


}
blockquote:first-letter {

	padding-left: 18px;
	font: italic 20px Georgia, "Times New Roman", Times, serif;
}

.sidebarQoute strong
 {
	font: 11px/44px Georgia, "Times New Roman", Times, serif;
	padding-left: 18px;
	
	padding-top:10px;
	color:#414141;
	font-weight:bold;
}

.sidebarQoute 
 {
	background: url(/images/open-quote.gif) no-repeat left top;
	margin-left:-8px;
}
	
/*hosted area autocomplete */
	
#autocomplete_search {
	margin:0px;
	padding:2px;
	padding-left:5px;
	width:143px;
	background:#fff;
	border:1px solid #E0DFDA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background-color: #F4F9FB;
}
#autocomplete_search:HOVER {
	background:#ffb;
}
div.autocomplete {
	margin:0px !important;
	padding:0px !important;
	color:#000 !important;
	width:143px;
	background:#fff;
	position:absolute;
	text-align:left;
	background-color: #F4F9FB;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E0DFDA;
	border-left-color: #E0DFDA;
	
}
div.autocomplete ul {
	margin:0px !important;
	padding:0px !important;
	list-style-type:none;
	font-size:11px !important;
	
}
div.autocomplete ul li.selected {
	background-color:#ffb;
	text-decoration:underline;
	margin:0px !important;
	padding:0px !important;
	text-indent:5px;
}
div.autocomplete ul li {
	margin:0;
	margin-right:1px;
	padding-left:5px;
	height:24px;
	display:block;
	list-style-type:none;
	cursor:pointer;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0DFDA;
	margin:0px !important;
	padding:0px !important;
	text-indent:5px;
}