/*--------------- Global Reset Start ------------------*/


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,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

strong {
	font-weight: bold;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*---------------------------- Global Start ------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: "lucida sans unicode";
	color: #585b5c;
	font-size: 11px;
	background-color: #f3f2ec;
}

dl, dt, dd {
	float: left;
}

h1, h2, h3 {
	font-family: "Trebuchet MS";
}

h1 {
	font-size: 20px;
	color: #2270b7;
	margin-top: 25px;
	font-weight: bold;
	background: url(../images/heading_bg.gif) left bottom repeat-x;
	padding-bottom: 15px;
}

h1 strong {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585b5c;
}

h2 {
	font-size: 14px;
	color: #e2483c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h2 strong {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585b5c;
}

h3 {
	font-size: 16px;
	color: #e2483c;
}

p {
	margin-top: 20px;
	line-height: 20px;
}

ins del {
	text-decoration: none;
	font-style: normal;
}

form { clear:both; padding:0px; margin:0px; }

input, textarea, select { font-family: "lucida sans unicode"; font-size: 11px; color: #585b5c; }

a { color: #2270b7; text-decoration: none; }

a:hover { color: #e44a3f; }

div { float: left; }


/*---------------------- Class Reset ------------------------*/


.ulreset, .ulreset li { margin: 0px; padding: 0px; list-style: none; }

.centralizer, #banner div, #footer div { margin: 0 auto; width: 950px; float: none; }

.btn {
	background-color: #2270c9;
	display: block;
	float: left;
	color: #FFFFFF;
	padding: 3px 10px;
}

a.btn:hover {
	background-color: #e5483c;
	color: #FFFFFF;
}


/*---------------------- Banner Start ------------------------*/


#banner { width: 100%; background: #315d92 url(../images/bg-banner.gif) 0 0 repeat-x; }

#banner div dl { width: 950px; }

#banner div dl dt {
	width: 240px;
	background-color: #f3f2ec;
	padding-top: 10px;
	height: 328px;
}

#banner div dl dt span a {
	width: 240px;
	background: #f9f9f6 url(../images/logo-hdd.gif) center center no-repeat;
	height: 120px;
	text-indent: -9999px;
	display: block;
}

#banner div dl dt form ul {
	width: 240px;
	background: #f3f2ec url(../images/trip-search.gif) 0 0 no-repeat;
	margin-top: 20px;
	padding-top: 65px;
	float: left;
}

#banner div dl dt form ul li {
	float: right;
	/*margin: 5px 53px 0px 0px;
	margin: 3px 53px 0px 0px;*/
	margin-top: 5px;
	display: inline;
	width: 175px;
}

#banner div dl dt form ul li select {
	width: 145px;
	font-family: "lucida sans unicode";
	font-size: 11px;
	color: #4e8dc5;
	border: 1px solid #e0dfd9;
}

#banner div dl dt form ul li option {
	text-indent: 3px;
	padding: 2px 0px 0px 0px;
}

#banner div dl dt form ul li input {
	font-family: "lucida sans unicode";
	font-size: 11px;
	color: #4e8dc5;
}

#banner div dl dt form ul li a {
	text-decoration: none;
}

#banner div dl dd {
	width: 710px;
	margin: 10px 0px 0px 0px;
}

/*#banner div dl dd a {
	display: inline-block;
	height: 31px;
	padding: 17px 15px 0px 15px;
	text-transform: uppercase;
	color: #ffffff
}

#banner div dl dd a:hover {
	background-color: #1d5d98;
}*/

#banner div dl dd div {
	width: 710px;
	height: 280px;
	overflow: hidden;
	clear: both;
}

#banner div dl dd div img {
	width: 710px;
}


/*---------------------- Main Body Start ------------------------*/


#mainbody {
	width: 950px;
	float: left;
}


/*---------------------- Body Left Column Start ------------------------*/


#leftcol { width: 670px; }

#leftcol-left { width: 240px; }

#leftcol-right { width: 390px; float: right; }

/*---------------------- Greybox with Bottom Shadow Start ------------------------*/

#greybox-shadowb, #greybox-shadowb-wider {
	background: #eaeaea url(../images/shadow.jpg) right bottom no-repeat;
	margin-top: 20px;
	padding-bottom: 34px;
	float: right;
}

#greybox-shadowb dl dd p, #greybox-shadowb-wider dl dd p { margin-top: 7px; line-height: 18px; }

/*---------------------- Graybox Small Start ------------------------*/

#greybox-shadowb { width: 390px; }

#greybox-shadowb div, #greybox-shadowb-wider div { margin: 0px 20px; }

#greybox-shadowb div h2, #greybox-shadowb-wider div h2 { margin-top: 20px; padding-top: 20px; border-top: 1px dashed #FFFFFF; }

#greybox-shadowb div p, #greybox-shadowb-wider div p { margin-top: 10px; }

#greybox-shadowb dl { width: 370px; float: right; margin-top: 20px; }

#greybox-shadowb dl dt {
	width: 110px;
	height: 90px;
	overflow: hidden;
	margin-right: 20px;
	border: 5px solid #ffffff;
}

#greybox-shadowb dl dt a img { height: 90px; margin-left: -45px; }

#greybox-shadowb dl dd { width: 210px; }


/*---------------------- Greybox Wider Listing ------------------------*/


#greybox-shadowb-wider { width: 650px; padding-right: 20px;}

#greybox-shadowb-wider dl {
	width: 630px;
	float: right;
	margin: 20px 0px 0px 20px;
	display: inline;
	padding-bottom: 20px;
	border-bottom: 1px dashed #FFFFFF;
}

#greybox-shadowb-wider dl dt {
	width: 130px;
	height: 90px;
	overflow: hidden;
	margin-right: 20px;
	border: 5px solid #ffffff;
}

#greybox-shadowb-wider dl dt a img { height: 90px; margin-left: -45px; }

#greybox-shadowb-wider dl dd { width: 470px; }

#greybox-shadowb-wider div {
	display: inline;
	width: 630px;
	_width: auto;
}

#greybox-shadowb-wider div p { margin: 0px; }


/*---------------------- Greybox Wider Gallery Start ------------------------*/


#greybox-shadowb-wider ul { width: 648px; float: left; padding: 0px 0px 0px 22px; margin: 20px -20px 0px 0px; }

#greybox-shadowb-wider ul li { width: 137px; margin-right: 21px; display:inline; }

#greybox-shadowb-wider ul li a img { width: 131px; *width: 134px; margin: 0px 0px -3px 0px; padding: 0px; border: none; *margin: 0px -3px -3px 0px; border: 3px solid #ffffff; }

#greybox-shadowb-wider ul li a:hover img { border: 3px solid #d3d3d3; }


/*---------------------- Greybox Form ------------------------*/


#greybox-shadowb form, #greybox-shadowb-wider form {
	margin: 15px 20px 0px 20px;
	border-bottom: 1px dashed #FFFFFF;
	float: right;
	display: inline;
	width: 350px;
}

#greybox-shadowb-wider form { width: 630px; display: inline; margin: 15px 0px 0px 20px; }

#greybox-shadowb form dl, #greybox-shadowb-wider form dl {
	margin: 5px 0px 0px 0px;
	border-top: 1px dashed #FFFFFF;
	padding: 5px 0px;
	width: 350px;
}

#greybox-shadowb-wider form dl { width: 630px; border-bottom: none; }

#greybox-shadowb form dl dt, #greybox-shadowb-wider form dl dt { width: 120px; height: auto; overflow: auto; border: none; }

#greybox-shadowb-wider form dl dt { width: 150px; }

#greybox-shadowb form dl dd { width: 210px; }

#greybox-shadowb-wider form dl dd { width: 460px; }


/*---------------------- Body Right Column Start ------------------------*/


#rightcol { width: 240px; float: right; }


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


#footer {
	float: left;
	width: 100%;
	background: url(../images/bg-footer.gif) left bottom repeat-x;
	padding: 25px 0px 30px 0px;
	font-family: "lucida sans unicode";
	margin-top: 30px;
}

#footer div div {
	float: left;
	margin: 0px 10px 0px 0px;
	color: #2270b7;
	display: inline;
	width: auto;
}

#footer div div ul { margin: 0px; padding: 0px; }

#footer div div ul li {
	margin: 5px 20px 0px 0px;
	padding: 0px;
	float: left;
	list-style: none;
	color: #767d7e;
	display: inline;
}

#footer div div ul li a {
	margin-top: 2px;
	display: block;
	float: left;
	clear: both;
}

#footer div div a { color: #767d7e; }

#footer div div a:hover { color: #e2483c; }


#pagination {
	background: url(../images/bg-pagination.gif) center center repeat-x;
	margin-top: 10px;
}

#pagination span {
	display: block;
	float: left;
	padding: 5px 9px;
	color: #FFFFFF;
	background-color: #c2c2bd;
	margin: 4px 10px 0px 0px;
}

#pagination ins {
	display: block;
	float: left;
	padding: 5px 26px 5px 0px;
	color: #FFFFFF;
	background: #f3f2ec url(../images/bg-pagination-dotleft.gif) right center no-repeat;
	font-size: 20px;
	color: #e2483c;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#pagination a {
	display: block;
	float: left;
	padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	margin-right: 10px;
	background-color: #e9e8e3;
	border: 1px solid #dadad4;
	margin-top: 6px;
	color: #747471;
}

#pagination a:hover {
	background-color: #dadad4;
	color: #ffffff;
}

#pagination ins em {
	display:block;
	float: left;
	width: 7px;
	background: #c2c2bd url(../images/bg-pagination-dotright.gif) right center no-repeat;
	margin-right: 7px;
}

#pagination del {
	display: block;
	float: left;
	color: #FFFFFF;
	background: #f3f2ec url(../images/bg-pagination-dotright.gif) right center no-repeat;
	width: 7px;
	margin-top: 10px;
	text-decoration: none;
}


/*---------------------- Sitemap Start ------------------------*/


#sitemap {
	margin: 5px 0px 0px 0px;
	width: 100% !important;
	font-family: "trebuchet ms";
	font-weight: bold;
	line-height: 30px;
}

#sitemap a:hover {
	color: #e2483c;
}

#sitemap li {
	margin: 7px 0px 0px 0px;
	float: left;
	width: 630px !important;
	display: block;
	font-size: 20px;
	border-top: 1px dashed #ffffff;
	padding-top: 7px;
}

#sitemap ul {
	list-style: circle !important;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	float: left;
}

#sitemap ul li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 18px;
	border: none;
}

#sitemap ul li ul li {
	font-size: 16px;
	border: none;
}

#sitemap ul li ul li a {
	color: #006600;
}

#sitemap ul li ul li ul li {
	font-size: 14px;
	border: none;
	line-height: 22px;
}

#sitemap ul li ul li ul li a {
	color: #663366;
}

#sitemap ul li ul li ul li ul li {
	font-size: 12px;
	border: none;
	line-height: 18px;
}

#sitemap ul li ul li ul li ul li a {
	color: #000099;
}