.link_button a { 
border:2px outset; 
background:#ccc; 
color:#000; 
text-decoration:none; 
font-weight:bold; 
padding:5px; 
} 

.link_button a:active { 
border:2px inset; 
} 

.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#profile_info {
font-size: 14px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#bulletremove li {list-style-type:none;}
table.center {margin-left:auto; margin-right:auto;}
table.td {line-height:15px;}

#contact {
font-size:14px;
color:#534C42
}

/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body { 
         background-color:#fffeae; 
         background-repeat: repeat-x;
         font-family: Arial, Helvetica, sans-serif;
	 color: #646464;
         font-size:14px;
}
a { color:#58ac00 }
a:hover { color:#777 }

#navigation a:hover { background:#F7E99E; color:#AB7E07 }

.sf-menu ul { border:2px solid #019fc4 }

.sf-menu a { border-left:1px solid #949494 }
.sf-menu ul a { border-bottom:1px solid #019fc4; border-top:1px solid #019fc4 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#336A93 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#FFFFFF }

.sf-menu li li a, 
.sf-menu li li a:visited  { color:#019fc4 }

.sf-menu li li { background:#a8dbe8 }
.sf-menu li li li { background:#a8dbe8 }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {  }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

#slider-content { position:relative; z-index:100 }

.blue-block { color:#FFF }
.blue-block a { color:#fff290 }
.blue-block a:hover { color:#fff }

#main-content { background:#fdb376; border-top:1px solid #f3ece3 }

#header .contact-info { color:#019fc4 }
#header .contact-info small em { color:#019fc4 }
#header .contact-info a { color:#019fc4 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#FFF; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#content { border:1px solid #bcaeae }
#main-content .left { background:#EFE8E0}
#main-content .right { border-left:1px solid #A7947A; background:#a3c16f }
#main-content .full { background:#FFFFFF; border-right:1px solid #FFF }

#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { color:#533611; border-bottom:1px solid #533611 }
#main-content h3 { color:#533611 }

#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #D5C4AD }

.textbox { border:1px solid #C3AC8F; color:#888 }
.textarea { border:1px solid #C3AC8F; color:#888 }

.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer {  color:#FFF; background:#019fc4 }
#footer a { color:#F7E99E }
#footer a:hover { color:#FFF }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/

/*** --------------------SHOPPING CART--------------------- ***/

#shopping_cart {margin-right:10px;display:inline;text-align:left;padding-top:3px;}
#shopping_cart_numitems{text-align:right;display:inline;line-height:25px;height:25px;overflow:hidden;}
#shopping_cart_numitems a{text-decoration:none;color:#1b325f;font-weight:bold;font-family:Arial;}


/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }


.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background-color:#FFF}
#header h1 { width:308px; height:106px; margin:0; padding:0; position:absolute; top:0px; left:0px }
#header h1 a { text-indent:-2000px; display:block; background:url('http://myvacationforlife.com/graphics/logo.gif') no-repeat; width:308px; height:126px }

#header .contact-info { text-align:right; font-size:22px; width:650px; height:50px; position:absolute; right:30px; bottom:35px }
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:51px; background:url('http://myvacationforlife.com/graphics/nav_bg.gif') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }
#navigation li.floatright {
	float: right;
	border-left: none;
	border-right: none;
}
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:12em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0 }
	.sf-menu a { text-transform:uppercase; font-size:16px; padding:11px 20px 11px 20px; text-decoration:none }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('http://myvacationforlife.com/graphics/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content { width:980px; height:377px; position:relative; z-index:100}

#myController { display:none }
#mySlides img { display:block; margin:0 }
.blue-block { display:block !important; text-align:center; padding:15px 0 0 0; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; display:block; width:980px; height:48px; background:url('http://myvacationforlife.com/graphics/orange_bar_bg.gif') repeat-x }
.blue-block a { text-decoration:underline }
.blue-block a:hover { text-decoration:none }

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:73px; height:63px; text-indent:-5000px; position:absolute }

.jFlowPrev { bottom:0; left:0; background:url('http://myvacationforlife.com/graphics/button_left.gif') no-repeat }
.jFlowNext { bottom:0; right:0; background:url('http://myvacationforlife.com/graphics/button_right.gif') no-repeat }

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

.gallery .jFlowPrev { top:0 !important; left:0 }
.gallery .jFlowNext { top:0 !important; right:0 }
.gallery { border-bottom:none; height:561px !important }

.gallery-block {
	width:948px;
	height:468px;
	padding:14px;
	border-bottom:none }
	
.gallery-block ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block ul.bottom { margin:0 }
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block li.last { margin:0 }

.gallery-block li a { display:block; width:146px; height:144px }
.gallery-block li img { display:block; width:146px; height:144px; margin:0 }


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:940px;
	padding:20px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .left {
	width:660px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content .extended_right_side {
	width:940px;
	margin:0;
	float:left }

#main-content .full {
	width:905px;
	margin:0;
	padding:15px;
	float:left }

#main-content .extended_right_side {
background:url('http://myvacationforlife.com/graphics/left_right_bg.jpg') repeat-y
}

#main-content .right {
	width:218px;
	margin:0;
	padding:15px;
	float:left }

#main-content .checkoutleft {
	width:437px;
        height:775px;
	margin:0;
	padding:15px;
	float:left }

#main-content .checkoutright {
	width:437px;
        height:775px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content .checkoutleft2 {
	width:310px;
        height:775px;
	margin:0;
	padding:5px;
	float:left }

#main-content .checkoutright2 {
	width:310px;
        height:775px;
	margin:0;
	padding:5px;
	float:left }
	

#main-content .checkout_overview_left {
	width:310px;
        height: 325px;
	margin:0;
	padding:5px;
	float:left }

.checkoutleftform {
        width:175px;
        float: left;
        font-size: 12px;
        padding:3px 0px 3px 0px

}

.checkoutrightform {
        width: 135px;
        float: left;
        font-size: 12px;
        padding:3px 0px 3px 0px
}

#main-content .checkout_overview_right {
	width:310px;
        height: 325px;
	margin:0;
	padding:5px;
	float:left }


	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 { font-size:25px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif }

#main-content p { padding:0; margin:15px 0; font-size:14px; line-height:24px }

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }


/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }

.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer { position:relative; font-size:14px; width:940px; margin:0 auto; padding:20px }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }

/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/

#jCarouselLite .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}

    #jCarouselLite .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }

    #jCarouselLite .carousel .jCarouselLite .button_center{
        margin:0 auto;
        text-align:center;
    }

        #jCarouselLite .carousel ul {
            margin: 0;
        }
        #jCarouselLite .carousel li img, 
        #jCarouselLite .carousel li p {
            background-color: #fff;
            width: 300px;
            height: 201px;
            margin: 10px;
        }

            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/