/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------



Salt Lake City Hotels - Best Western Executive Inn



www.bestwesternexecinn.com/

styles sheet

version 1.0

2008



-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*-----Body-----*/





html {

	background-color: #162648;



}





body {



	background-color: #162648;

	font-family: arial, verdana, sans-serif;	

	color: #000000;

	margin:0;

	padding:0;	

}





a, a:hover {



     	outline: none;

}





body img {



	border: 0px;	

}



/*-----Main Container for all content-----*/


#container {

	margin: 30px auto;
	width: 800px;


}



.main-container-top {


	background-image: url(images/main-bk-top.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 9px;
	overflow: hidden;


}


.main-container-content {

	background-image: url(images/main-bk-bg.gif);
	background-repeat: repeat-y;
	width: 800px;
	padding: 0px 10px 0px 10px;
overflow: hidden;
	clear: both;

}


.main-container-btm {

	background-image: url(images/main-bk-btm.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 15px;
	overflow: hidden;

}



/*-----Secondary Navigation on the very top of website-----*/

.secondary_nav {

	font-family: helvetica, arial, verdana, sans-serif;
	float: right;
	clear: right;
	border-bottom: solid 1px #1070cf;
	margin: 1px 30px 0px 0px;
	display: inline;
}


.secondary_nav img{

	padding: 0px 0px 0px 3px;
}



/*-----Secondary Navigation on top of the webpage-----*/


.secondary_nav a {

	color: #1070cf;
	font-size: 9pt;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
}

.secondary_nav a:hover {

	color: #012d74;
}





/*-----Logo-----*/


.logo {

	width: 97px;
	height: 89px;
	padding: 5px 0px 5px 5px;
}



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


.main-nav {

	border-bottom: solid 2px #0c307b;
	width: 769px;
	margin: 0px 0px 0px 5px;
	overflow: hidden;


}


.main-nav ul {

	margin: 0;
	padding: 0;
	list-style: none;
	float: right;

}




.main-nav ul li {

	float: right;
	background-image: url(images/tab-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px 2px 0px 0px;
	

}


.main-nav ul li:hover {

	float: right;
	background-image: url(images/tab-right-hover.gif);


}




.main-nav ul li a {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	display: block;
	padding: 0px 10px 0px 10px;
	line-height: 2em;
	background-image: url(images/tab-left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	color: #000;
	float: left;

}



.main-nav ul li a:hover {

	background-image: url(images/tab-left-hover.gif);
	color: #fff;

}




/*-----Index page content-----*/



.index-image {

	background-image: url(images/index-image-bg_ski_special_.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 319px;
	margin: 10px 0px 0px 3px;
	padding: 30px 0px 0px 25px;


}



.index-image a {

	width: 243px;
	height: 69px;
	display: block;
	float: right;
	margin: 180px 48px 0px 0px;
	background-image: url(images/reservations_btn_spec_2.jpg);
	background-repeat: no-repeat;
	display: inline;


}



.index-image a:hover {

	background-image: url(images/reservations_btn_spec_2_hov.jpg);

}




.index-content {

	width: 400px;

}



.index-content p{

	padding: 0px 0px 0px 0px;
	margin: 10px 50px 0px 0px;
	font-family: helvetica, arial, verdana, sans-serif;	
	font-size: 11pt;
	color: #000000;

}


.specials_1 {

	color: #990000;
	font-family: helvetica, arial, verdana, sans-serif;	
	font-size: 20pt;
	text-transform: uppercase;
	font-weight: bold;

}


.specials_2 {

	font-family: helvetica, arial, verdana, sans-serif;	
	color: #990000;
	font-size: 27pt;
	text-transform: uppercase;
	font-weight: bold;
}



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


.main-content {

	width: 768px;
	clear: both;
	overflow: hidden;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 20px 0px;

}





.spacer {

	width: 768px;
	margin: 0px auto;
	padding: 10px 0px;
}


/*-----Left Content on all pages-----*/



.left-content {

	background-color: #eceff4;
	width: 220px;
	float: left;
	margin: 0px 15px 30px 5px;
	display: inline;


}



.left-content-box {

	width: 194px;
	margin: 20px 0px 30px 13px;

}


.left-content-box img {

	padding: 0px 0px 5px 0px;

}



.left-content-box h1 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	color: #78ad21;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px  0px 3px 0px;
	border-bottom: dotted 1px #000;

}



.left-content-box p {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #000;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	letter-spacing: .01em;

}



.left-content-box a {

	color: #002674;

}



.left-content-box a:hover {

	color: #78ad21;

}


/*-----Right Content on all Pages-----*/


.right-content {

	width: 510px;
	float: right;
	margin: 0px 0px 30px 5px;
	display: inline;


}


.right-content h1 {

	font-size: 20pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #1070cf;
	padding: 0px 0px 20px 0px;
	margin: 0px;	
	text-transform: uppercase;

}


.right-content h2 {

	font-size: 14pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #48575e;
	padding: 0px;
	margin: 0px;	
	text-transform: uppercase;

}


.right-content h3 {

	font-size: 14pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #990000;
	padding: 0px;
	margin: 0px;	

}


.right-content ul {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	margin: 0px;
	padding: 0px 0px 0px 25px;

}


.right-content li {

	list-style-image: url(images/list-arrow-blue.gif);
	margin: 0px 0px 10px 0px;
}



.right-content p {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	clear: both;

}



.right-content a {

	color: #002674;

}


.right-content a:hover {

	color: #78ad21;

}


.right-content i {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;

}




.spacer2 {

	margin: 40px 0px 40px 0px;
	border-top: dotted 1px #000;

}



.box-content {

	width: 500px;
	overflow: hidden;

}


.img-cont {

	width: 150px;
	float: left;
}


.img-cont img {

	border: solid 1px #939ca5;

}


.content-cont {

	width: 330px;
	float: right;
	clear: right;
}



.content-cont h1 {

	text-transform: uppercase;
	font-size: 11pt;
	color: #990000;
	padding-bottom: 5px;
}



.content-cont h2 {

	text-transform: uppercase;
	font-size: 11pt;
	color: #1070cf;
	padding: 5px 0px 5px 0px;
}


.content-cont h3 {

	color: #1070cf;
	padding: 0px 0px 5px 0px;
}



.content-cont p {

	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	color: #000;
}



.content-cont a {

	color: #002674;

}



.content-cont a:hover {

	color: #78ad21;

}


.highlight1 {

	color: #990000;

}


.highlight2 {

	color: #1070cf;

}



.video-feed {

	border-bottom: dotted 1px #555;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: .9em;
	margin-bottom: 35px;
	padding-bottom: 15px;

}



/*-----Content for the Virtual Tour-----*/

.left-content2 {

	background-color: #eceff4;
	width: 203px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;


}



.left-content-box2 {

	width: 194px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 5px;

}


.left-content-box2 img {

	padding: 0px 0px 5px 0px;

}



.left-content-box2 h1 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	color: #78ad21;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px  0px 3px 0px;
	border-bottom: dotted 1px #000;

}



.left-content-box2 p {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #000;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	letter-spacing: .01em;

}



.left-content-box2 a {

	color: #002674;

}



.left-content-box2 a:hover {

	color: #78ad21;

}




.right-content2 {

	width: 555px;
	float: right;
	margin: 0px 0px 30px 0px;
	display: inline;

}


.right-content2 h1 {

	font-size: 20pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #1070cf;
	padding: 0px 0px 20px 0px;
	margin: 0px;	
	text-transform: uppercase;

}




/*-----The Price box on the Destinations page-----*/


.price-box2 {

	clear: both;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	clear: both;
}



.price-left2 {

	float: left;
	width: 160px;

}


.price-left2 p {

	margin: 5px 0px 0px 0px;
	padding: 0px;

}



.price-right2 {

	float: left;
	width: 145px;
	margin: 0px 0px 15px 5px;
}


.price-right2 p {

	margin: 5px 0px 0px 0px;
	padding: 0px;

}



.blue2 {

	color: #012d74;
}


.red2 {

	color: #990000;
	font-weight: bold;
}



/*-----The Tour/Gallery Box on the Ammenities page-----*/


.tour-gallery-links {


	float: right;
	clear: right;
	width: 108px;
	margin: 50px 10px 0px 0px;
	
}




.tour-gallery-links a {

	background-image: url(images/tour-gallery-button.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 106px;
	color: #fff;
	font-size: 9pt;
        font-family: helvetica, arial, verdana, sans-serif;
        display: block;
	padding: 4px 0px 0px 10px;
	text-transform: uppercase;
	text-decoration: none;

	
}


.tour-gallery-links a:hover {

	background-image: url(images/tour-gallery-button_hover.gif);
	color: #fff;

}


/*-----The Price box on the Ski Page section-----*/


.price-box {

	clear: both;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	clear: both;
}



.price-left {

	float: left;
	width: 70px;

}


.price-left p {

	margin: 5px 0px 0px 0px;
	padding: 0px;

}



.price-right {

	float: left;
	width: 50px;
	margin: 0px 0px 0px 5px;

}


.price-right p {

	margin: 5px 0px 0px 0px;
	padding: 0px;

}



.blue {

	color: #012d74;
}


.red {

	color: #990000;
	font-weight: bold;
}



/*-----Special Box (left side)-----*/


.special-left {

	float: left;
	width: 160px;

	margin: 0px 15px 0px 0px;

}



.special-left img {

	padding: 0px 0px 15px 0px;

}



.special-left h1 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	color: #990000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px  0px 3px 0px;
	border-bottom: dotted 1px #000;

}



.special-left ul {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px 0px 10px 20px;

}


.special-left li {

	list-style-image: url(images/list-arrow-red.gif);
	margin: 20px 0px 0px 0px;
}


.special-left a {

	color: #385693;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	text-align: right;
	text-decoration: underline;
	float: right;
}



.special-left a:hover {

	color: #78ad21;

}



/*-----Special Box (middle)-----*/



.special-mdl {

	float: left;
	width: 160px;


}


.special-mdl img {

	padding: 0px 0px 15px 0px;

}


.special-mdl h1 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	color: #78ad21;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px  0px 3px 0px;
	border-bottom: dotted 1px #000;

}



.special-mdl ul {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px 0px 10px 20px;

}


.special-mdl li {

	list-style-image: url(images/list-arrow-green.gif);
	margin: 20px 0px 0px 0px;
}


.special-mdl a {

	color: #385693;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	text-align: right;
	text-decoration: underline;
	float: right;
}



.special-mdl a:hover {

	color: #78ad21;

}



/*-----Special Box (right side)-----*/


.special-right {

	float: left;
	width: 160px;

	margin: 0px 0px 0px 15px;
	
}


.special-right img {

	padding: 0px 0px 15px 0px;

}


.special-right h1 {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	color: #002674;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px  0px 3px 0px;
	border-bottom: dotted 1px #000;

}



.special-right ul {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px 0px 10px 20px;

}


.special-right li {

	list-style-image: url(images/list-arrow-blue.gif);
	margin: 20px 0px 0px 0px;
}


.special-right a {

	color: #385693;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	text-align: right;
	text-decoration: underline;
	float: right;

}



.special-right a:hover {

	color: #78ad21;

}





/*----Form and Tables area----*/



.form-content {

	width: 768px;
	clear: both;
	overflow: hidden;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 20px 0px;

}





.form-content h1 {

	font-size: 20pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #1070cf;
	padding: 25px 0px 0px 25px;
	margin: 0px;	
	text-transform: uppercase;

}



.form-content p {

	padding-right: 45px;
	text-align: right;
}




.form-content a {

	color: #9c0202;
	text-transform: uppercase;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	

}


.form-content a:hover {

	color: #78ad21;
	
}




table {

	background-color: #fff;
	margin: 0px 0px 25px 25px;
	padding: 10px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #000;
        text-transform: uppercase;
        border: solid 1px #dbdbdb;
        width: 700px;
	border-collapse: collapse;
}



td a {

	color: #9c0202;
	text-decoration: none;
	text-transform: uppercase;

}



.td_one {

	padding: 10px 10px 20px 10px;
	font-weight: bolder;
	color: #000;
	font-size: 11pt;

}



tr.tr_number1 {

 	background-color: #ffffff;

}




td.white {

	 padding: 10px;
	 color: #000;
	 font-size: 10pt;

}




tr.tr_number2 {

	 background-color: #ebebeb;

}



td.grey {

	 padding: 10px;
	 color: #000;
	 font-size: 10pt;

}

.edit_table {

	border: solid 1px #fff;
}




a.new_entry {

	padding-right: 170px;

}


.submit_td {

	padding: 10px 177px 0px 0px;
}


.form-content input {

	margin: 0px 0px 10px 0px;

}


.tr_two {

	border-top: solid 1px #ebebeb;

}


.td_two {

	padding: 10px 0px 2px 0px;

}






/*-----View Section of Form-----*/



.view-content {

	margin: 25px 0px 0px 35px;	
	width: 500px;
	overflow: hidden;

}


.view-content h1 {

	font-size: 20pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #1070cf;
	padding: 0px 0px 25px 0px;
	margin: 0px;	
	text-transform: uppercase;

}


.view-content a {

	font-famiy: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;
	padding-bottom: 10px;
	color: #002674;

}


.view-content a:hover {

	color: #78ad21;

}


.img-view2 {

	width: 150px;
	border: solid 1px #939ca5;
	float: left;
}



.view-cont {

	width: 330px;
	float: right;
	clear: right;
}



.view-cont h1 {

	text-transform: uppercase;
	font-size: 11pt;
	color: #990000;
	padding-bottom: 5px;
}



.view-cont h2 {

	text-transform: uppercase;
	font-size: 11pt;
	color: #1070cf;
	padding: 5px 0px 5px 0px;
}


.view-cont h3 {

	color: #1070cf;
	padding: 0px 0px 5px 0px;
}



.view-cont p {

	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	color: #000;
}


.view-cont li {


	padding: 0px 0px 10px 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11pt;
	color: #000;
}



.view-cont a {

	color: #002674;

}



.view-cont a:hover {

	color: #78ad21;

}



.spacer3 {

	width: 740px;
	margin: 40px 0px 40px 10px;
	border-top: dotted 1px #000;

}


.edit_entry {

	width: 150px;
	padding: 10px 0px 0px 0px;
	clear: left;

}



.greytext_font {

	color: #666666;
	text-transform: none;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 30px;


}


/*-----Footer & Copyright-----*/



.footer {

	width: 775px;
	background-color: #fff;
	border-top: solid 1px #13367e;
	padding: 5px 0px 5px 0px;


}



.footer a {

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9pt;
	padding: 0px 0px 0px 7px;
	color: #000;
	text-decoration: none;

}



.footer a:hover {

	color: #13367e;

}



.copyright {

	margin: 5px auto 0px auto;
	padding: 0px auto;
	width: 775px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9pt;
	color: #fff;
	font-style: italic;
	font-weight: none;

}