@import url("reset.css");


/* HTML / Body ------------------------------------------ */
html {background:#f1f2f3; font-family:"Proxima Nova", "proxima-nova", "helvetica", sans-serif; -webkit-font-smoothing:antialiased;}
strong {font-weight:bold;}

/* Header ----------------------------------------------- */
header {display:block; height:72px; width:100%; background: #4b37a3; background: -moz-linear-gradient(top,  #4b37a3 0%, #3a3092 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b37a3), color-stop(100%,#3a3092)); background: -webkit-linear-gradient(top,  #4b37a3 0%,#3a3092 100%); background: -o-linear-gradient(top,  #4b37a3 0%,#3a3092 100%); background: -ms-linear-gradient(top,  #4b37a3 0%,#3a3092 100%); background: linear-gradient(to bottom,  #4b37a3 0%,#3a3092 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b37a3', endColorstr='#3a3092',GradientType=0 );}
#header-container {display:block; max-width:920px; margin:0px auto; padding:5px 10px 0px;}

#header-buttons {float:right; margin:-35px 0px 0px 0px;}
#header-buttons li {display:inline; margin:0px 0px 0px 8px;}
#header-buttons li a {color:#e3ce21; font-weight:700; text-decoration:none; font-size:14px; padding:10px 15px; background: -moz-linear-gradient(top,#5240a0 0%,#3e3295); background: -webkit-gradient(linear, left top, left bottom,from(#5240a0),to(#3e3295)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #2e2673; -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2);text-shadow:0px 2px 0px #362c7e;}
#header-buttons li a.request-quote {background:url(../images/bg-request-quote.png) 8px 7px no-repeat; padding:10px 15px 10px 40px;}
#header-buttons li a.client-login {background:url(../images/bg-client-login.png) 8px 7px no-repeat; padding:10px 15px 10px 40px;}


#logo {background:url(https://dreamsunlimitedtravel.com/images/dreams-unlimited-logo.png) 0px 0px no-repeat; width:256px; height:57px;}
#logo a {display:block; width:256px; height:57px;}

#hero-images {}
#hero-images img {width:100%;}

/* Original Forum Nav ----------------------------------------------- */
#navigation {height:45px; padding:0px 0px 0px 0px !important; background: #252525; border-top:1px solid #454545;}
#navigation-menu {float:left; width:80%; height:42px; margin:0px 0px 0px 0px;}
#navigation-menu li {display:inline-block; margin:0px 0px 0px 0px; padding:0px 13px; height:42px;}
#navigation-menu li a {font-size:12px; color:#fff; text-decoration:none; font-weight:700; height:28px; width:100%; display:block;  padding:17px 0px 0px 0px; text-shadow:0px 2px 0px #2e2e2e;}
#navigation li a:hover {color:#e3ce21;}

/* Flexi Forum Nav ----------------------------------------------- */
#flexinavigation {height:45px; padding:0px 0px 0px 0px !important; background: #252525; border-top:1px solid #454545;}
#flexinavigation li a:hover {color:#e3ce21;}

#search {float:left; width:20%; padding:13px 0px 0px 0px;}
#search input {width:82%; height:18px; border:none; border-radius:10px; outline:none; padding:2px 10px;}

/* Body ----------------------------------------------- */
#body-wrapper {display:block; max-width:920px; margin:0px auto 0px; padding:0px 10px;}
#body-container {background:#fff; border:1px solid #cfd3d6; border-top:none; padding:0px 0px; border-bottom:none; -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); min-height:500px;}

/* Right Container ----------------------------------------------- */
#right-container {display:block; float:left; margin:15px 15px 15px 0px; width:228px; min-height:500px;}
#right-container .sidebar-widget {margin:0px 0px 15px 0px;}
#right-container .sidebar-widget .widget-title {background:url(../images/bg-sidebar-widget-title-purple.jpg) 0 0 repeat-x #3e3295; border:1px solid #2e2673; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:12px 10px 10px 10px;}
#right-container .sidebar-widget .widget-title h3 {color:#fff; font-size:13px; font-weight:700;}
#right-container .sidebar-widget .widget-content {background:#f1f2f3; border:1px solid #cfd3d6; border-top:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding:10px;}
#right-container .sidebar-widget .widget-content p {color:#808080; font-size:12px; line-height:18px; font-weight:600; margin:0px 0px 10px 0px;}
#right-container .sidebar-widget .widget-content p a:hover {text-decoration:none;}
#right-container .widget-content img {width:190px; margin:5px auto 10px; display:block; border:5px solid #fff; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2);
box-shadow: 0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2);}
#right-container .widget-content ul {color:#808080; font-size:12px; line-height:18px; font-weight:600; padding:0px 0px 0px 20px; margin:10px 0px;}
#right-container .widget-content ul li {margin:0px 0px 10px 0px;}
#right-container .widget-content a {color:#513f9f; font-weight:bold;}  
#right-container .widget-content a:hover {text-decoration:none;}
#right-container .sidebar-widget-subtle {margin:0px 0px 15px 0px;}
#right-container .sidebar-widget-subtle .widget-title {background:url(../images/bg-sidebar-widget-title-grey.jpg) 0 0 repeat-x #e6e7e9; border:1px solid #cfd3d6; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:12px 10px 10px 10px;}
#right-container .sidebar-widget-subtle .widget-title h3 {color:#4b4b4b; font-size:13px; font-weight:700;}
#right-container .sidebar-widget-subtle .widget-content {background:#f1f2f3; border:1px solid #cfd3d6; border-top:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding:10px;}
#right-container .sidebar-widget-subtle .widget-content p {color:#808080; font-size:12px; line-height:18px; font-weight:600; margin:0px 0px 10px 0px;}
#right-quote {/** background:url(../images/bg-sidebar-widget-title-purple.jpg) 0 0 repeat-x #3e3295; **/ background-color: #252525; border:1px solid #252525; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; min-height:14px; padding:12px 10px 10px 10px; }
#right-quote a {color: #ffffff; font-weight:bold; font-size:15px;} 

/* Left Container ----------------------------------------------- */
#left-container a{color:#254c8e;text-decoration:underline;font-size:16px; }
#left-container a:hover{text-decoration:none;}
#left-container {display:block; float:left; min-height:500px; width:calc(100% - 30px); max-width:70%; padding:15px; color:#454545;}
#left-container h1 {font-size:20px;text-decoration:none;color:#000;font-weight:700;margin-top:10px;text-align:center; margin-bottom:15px}
#left-container h2 {font-size:20px; font-weight:400; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
#left-container p.title-tagline {font-size:14px; font-weight:700; color:#a2a6aa; margin:0px 0px 20px 0px; line-height:20px;}
#left-container li { margin-top:8px; margin-bottom:5px; margin-left:15px;	}
#left-container ul { margin-bottom:15px; }
#left-container img { margin-top:10px; margin-bottom:10px; } 

/* Full Container ----------------------------------------------- */
#full-container a{color:#254c8e;text-decoration:underline; }
#full-container a:hover{text-decoration:none;}
#full-container { min-height:500px; width:calc(100% - 30px); max-width:100%; padding:15px; color:#454545;}
#full-container h1 {font-size:20px;text-decoration:none;color:#000;font-weight:700;margin-top:10px;text-align:center; margin-bottom:15px}
#full-container h2 {font-size:20px; font-weight:400; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
#full-container p.title-tagline {font-size:14px; font-weight:700; color:#a2a6aa; margin:0px 0px 20px 0px; line-height:20px;}
#full-container li { margin-top:8px; margin-bottom:5px; margin-left:15px;	}
#full-container ul { margin-bottom:15px; }
#full-container img { margin-top:10px; margin-bottom:10px; } 


/* Footer ----------------------------------------------- */
#footer-wrapper {max-width:920px; margin:0px auto 20px;}
#footer-wrapper p {font-size:12px; color:#555; font-weight:600; line-height:17px; margin:0px 0px 15px 0px;}
#footer-container {max-width:920px; margin:0px auto 20px; padding:15px; background:url(../images/bg-footer-fade.png) 0px 0px repeat-x #fff; border:1px solid #cfcfcf; -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); box-shadow:0px 1px 3px rgba(000,000,000,0.1),inset 0px 1px 1px rgba(255,255,255,0.2); border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
#footer-container p {font-size:12px; color:#333; font-weight:600; line-height:17px; margin:0px 0px 15px 0px;}
#footer-container ul.badge-links {text-align:center;}
#footer-container ul.badge-links li {list-style:none; display:inline-block;}
#footer-container ul.badge-links li a {display:block; width:100%; height:100%;}
#footer-container ul.badge-links li.bbb {background:url(../images/dreams-logos-footer-color.png) 0px 0px no-repeat; width:108px; height:96px;}
#footer-container ul.badge-links li.disney {background:url(../images/dreams-logos-footer-color.png) -108px 0px no-repeat; width:216px; height:96px;}
#footer-container ul.badge-links li.clia {background:url(../images/dreams-logos-footer-color.png) -324px 0px no-repeat; width:162px; height:96px;}
#footer-container ul.badge-links li.boards {background:url(../images/dreams-logos-footer-color.png) -486px 0px no-repeat; width:182px; height:96px;} 
#footer-wrapper a {color:#513f9f; font-weight:bold;}  
#footer-wrapper a:hover {text-decoration:none;}
#footer-logos { width:620px;}

/* Global Classes --------------------------------------- */
.imgtxt {display: block; text-indent: 105%; white-space: nowrap; overflow: hidden; *text-indent: -9999px; *text-align: left;}
.clearfix {clear:both;}

/* Secondary Classes ----------------------------------------------- */
#modal {display:none;}
#sign_up {display:none;}




/*------------------------------------*\
	MOBILE
\*------------------------------------*/
@media all and (max-width: 960px){

#left-container {float:none; width:calc(100% - 30px); max-width:100%; width padding:15px 15px 45px; }

#right-container {display:none !important;}

#left-container img {width:100%; height:auto} 

}

@media all and (max-width: 720px){

#footer-logos {display:none !important;}
}
	
		


@media all and (max-width: 600px){
	
#left-container img {width:100%; height:auto} 
#left-container {float:none; width:calc(100% - 30px); padding:15px; font-size:15px;}
#left-container h1 {font-size:18px; font-weight:700; color:#454545; margin:0px 0px 5px 0px; line-height:26px;}
#left-container h2 {font-size:20px; font-weight:700; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
a {text-decoration: none;
	color:#39017A;
	font-weight:400;
	font-size: 15px;
	}
#left-container li { margin-top:5px; margin-bottom:5px;}
body{  -webkit-text-size-adjust:none; margin:0px;}  
	/**#header-buttons { display:none !important;} **/
	/** #navigation { display:none;} **/
	#logo {width:200px;height:auto; background-size:200px auto; margin-top:7px;}
	#body-wrapper {display:block; width:100%; margin:0px; padding:0px !important;}
	#body-container {border:none; width:100%; margin:0px;}	
	
	
		
}

@media all and (max-width: 414px){
	
#left-container img {width:100%; height:auto} 
#left-container {float:none; width:calc(100% - 30px); padding:15px; font-size:14px;}
#left-container h1 {font-size:18px; font-weight:700; color:#000; margin:0px 0px 5px 0px; line-height:26px;}
#left-container h2 {font-size:20px; font-weight:400; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
a {text-decoration: none;
	color:#39017A;
	font-weight:400;
	font-size: 14px;
	
	}
#left-container li { margin-top:10px; margin-bottom:10px;}
#left-container img {width:100%; height:auto} 

body{  -webkit-text-size-adjust:none; margin:0px;}  
	/**#header-buttons { display:none !important;} **/
	/** #navigation { display:none;} **/
	#logo {width:200px;height:auto; background-size:200px auto; margin-top:7px;}
	#body-wrapper {display:block; width:100%; margin:0px; padding:0px !important;}
	#body-container {border:none; width:100%; margin:0px;}	
	
	input[type=text], input[type=textarea], input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

}


@media all and (max-width: 381px){
			
#left-container img {width:100%; height:auto} 
#left-container {float:none; width:calc(100% - 30px); padding:15px; font-size:13px;}
#left-container h1 {font-size:16px; font-weight:400; color:#454545; margin:0px 0px 5px 0px; line-height:26px;}
#left-container h2 {font-size:18px; font-weight:400; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
a {text-decoration: none;
	color:#39017A;
	font-weight:500;
	font-size: 13px;
	}
	
	
	
}

@media all and (max-width: 337px){
			
#left-container {float:none; width:calc(100% - 30px); padding:15px;font-size:12px;}
#left-container h1 {font-size:15px; font-weight:600; color:#454545; margin:0px 0px 5px 0px; line-height:26px;}
#left-container h2 {font-size:18px; font-weight:400; color:#403497; margin:0px 0px 5px 0px; line-height:26px;}
a {text-decoration: none;
	color:#39017A;
	font-weight:400;
	font-size: 12px;
	}
	
	
}


#styled-button-blue a {
  -webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
  -moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
  box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
  background-color: #336699;
  border: 1px solid #336699;
  font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 35px;
  height: 55px;
  color: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-decoration: none;
  margin: 0 3px;
  padding: 10px;}
  
  #styled-button-blue a:hover {
  background-color:#003;
}
  
  
#titlebox {background:url(../images/bg-sidebar-widget-title-grey.jpg) 0 0 repeat-x #e6e7e9; border:1px solid #cfd3d6; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:8px 8px 8px 8px; font-weight:700; color:#4b4b4b;}
#titleboxpurp {background-color: #4b37a3; border:1px solid #4b37a3; border-top-left-radius:3px; border-top-right-radius:3px; min-height
:14px; padding:8px 8px 8px 8px; color:#FFFFFF; font-weight:700;}
#titleboxteal {background-color: rgb(51, 153, 204); border:1px solid rgb(51, 153, 204); border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:8px 8px 8px 8px; color:#FFFFFF; font-weight:700;}
#titleboxblue {background-color: #060793; border:1px solid #060793; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:8px 8px 8px 8px; color:#FFFFFF; font-weight:700;}
#titleboxpink {background-color: #CB02CC; border:1px solid #CB02CC; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:8px 8px 8px 8px; color:#FFFFFF; font-weight:700;}
#titleboxgreen {background-color: #005E3D; border:1px solid #005E3D; border-top-left-radius:3px; border-top-right-radius:3px; min-height:14px; padding:8px 8px 8px 8px; color:#FFFFFF; font-weight:700;}
.contentbox {background:#f1f2f3; border:1px solid #cfd3d6; border-top:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding:10px; margin-bottom:10px}

.video-container {    position: relative;    padding-bottom: 51.6%;    padding-top: 30px; height: 0; overflow: hidden; z-index:0;} 
.video-container iframe,.video-container object,.video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; z-index:0;}




/** Back To Top **/
.go-top {
    position: fixed;
    bottom: 0.75em;
    right: 0.75em;
    text-decoration: none;
    color: white;
    /** background-color: #4b37a3; **/
    font-size: 12px;
    padding: 10px;
    display: none;
    margin: 0;
	opacity: .50;
}

.go-top:hover {
    /** background-color: #644ec3; **/
    color: white;
    text-decoration: none;
	opacity: .75;
}

/** SHOW BUTTONS **/
#showbutton { background-color: #2aa5d4; border:1px solid #2aa5d4; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; min-height:14px; padding:12px 10px 10px 10px; }
#showbutton a {color: #ffffff; font-weight:bold; font-size:14px;} 




/** OLD STYLES **/
.header-LG-b{font-size:20px;text-decoration:none;color:#000;font-weight:bold;}
.header-LG-b a {font-size:28px;text-decoration:none;color:#000;font-weight:bold;}
.header-LG-bb{font-size:20px;color:#254c8e;font-weight:bold;text-decoration:none;}
.header-LG-r{font-size:20px;text-decoration:none;color:#f00;font-weight:bold;}
.header-LG-w{font-size:20px;text-decoration:none;color:#FFF;font-weight:bold;}
.header-SM-w{font-size:10pt;color:#FFF;text-decoration:none;font-weight:bold;}
.header-SM-b{font-size:10pt;color:#000;text-decoration:none;font-weight:bold;}
.header-SM-bb{font-size:10pt;color:#264c8d;text-decoration:none;font-weight:bold;}
.header-SM-r a{font-size:10pt;color:#f00;font-weight:bold;}
.header-SM-r{font-size:10pt;color:#f00;font-weight:bold;}
.header-MED-w{color:White;font-size:13pt;font-style:normal;font-weight:bold;}
.header-MED-b{font-size:12pt;font-style:normal;font-weight:bold;color:#000;}
.header-MED-r{font-size:12pt;color:Red;font-weight:bold;font-style:normal;}
.header-MED-bb{font-size:12pt;font-weight:bold;color:#254c8e;}
.header-MED-Y{font-size:12pt;font-style:normal;font-weight:bold;color:#fffe06;}

.Title-sub-darkblue{background-color:#3A3092;padding:5;margin-top:20;margin-bottom:20;font-size:20px;text-decoration:none;color:#FFF;font-weight:bold;text-align:center;}
.Title-sub-darkblue a{color:#FFF;text-decoration:none;}
.Title-sub-blue{background-color:#8cd4f2;padding:5;margin-top:20;margin-bottom:20;font-size:20px;text-decoration:none;color:#000;font-weight:bold;text-align:center;}
.Title-sub-blue a{color:#000;text-decoration:none;}
.Title-sub-teal{background-color: rgb(51, 153, 204);padding:5;margin-top:20;margin-bottom:20;font-size:20px;text-decoration:none;color:#FFF;font-weight:bold;text-align:center;}
.Title-sub-teal a{color:#FFF;text-decoration:none;}
.Title-sub-green {background-color: #0C4200;padding:5;margin-top:20;margin-bottom:20;font-size:20px;text-decoration:none;color:#FFF;font-weight:bold;text-align:center;}
.Title-sub-green a{color:#FFF;text-decoration:none;}

.box-special a{color:#900;}
.box-special ing{align:center;}
a:hover,.box-special a:hover{color:#39f;text-decoration:underline;}


@media screen and (min-width: 0px) and (max-width: 860px) {
  .mobileshow { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 880px) and (max-width: 999999px) {
  .mobileshow { display: none; }   /* hide it elsewhere */
}
 
