@charset "utf-8";
/* CSS Document */
/* Color Legend */
/* Reset */
html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
color:#FFF;
}
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
color:#FFF;
}
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}
ol, ul { list-style: none; }
/* Global */
html {background-color:#FFF;}
body {background-color:#fff;}
/* Headings */
h1, h2, h3, h4, h5, h6, p {font-weight: normal; text-align:center; margin: 10px 0px; color:#FFFFFF; font-family:"Times New Roman", Times, serif;}
h1 { font-size:24px; margin-bottom:15px; line-height: 120%; text-transform:uppercase; letter-spacing:3px; }
h2 { font-size:19px; color: #fff; text-transform:uppercase; letter-spacing: 2px; }
h3 { font-size:16px; color: #fff; }
h4 { font-size:14px; }
h5 { font-size:16px; margin: 20px 10px 10px 10px; text-align: left; border-bottom: 1px solid #fff; letter-spacing: 2px; text-transform:uppercase;}
h6 { font-size:14px; }
p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:center;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text Elements */
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a { color:#00CCFF; }
a:link { color: #00CCFF; }
a:visited { color: #00CCFF; }
a:active { color: #f60; background-color:#000000; }
a:focus { color: #F60; }
a:hover {color: #fff; border-bottom:1px inset #fff; text-shadow:0px 0px; text-decoration:none;}
.tryalllink {font-size:14px; }
blockquote { color:#000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Images */
.image-frame { padding:10px; border:1px #fff solid; margin:10px; }
/* Lists */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
/* Tables */
table { width:100%; }
tr { }
.odd { background-color:#fff; }
.even { background-color:#fff; }
th { font-weight: bold; }
thead, th { background: #fff; }
tbody { }
th,td,caption { }
caption { }
tfoot { }
.tfooter { background-color:#fff; text-align:center; font-style:italic; }
caption { background: #fff; }
/* Miscellaneous */
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #fff; }
address { }
del { background:#fff; color:#000; }
code, pre { background-color:#FFf; padding:2px 0px; margin:4px 25px;
font-size:12px; font-weight:normal; line-height:150%; }
/* Containers */
html {}
#loading {
position:absolute;
width:300px;
top:200px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
z-index:3;
}
/*on all pages*/
#outer {width:1300px; height: auto; min-height:860px; margin:0px auto; position:relative; }
#wrapper {width:900px; height:auto; min-height:840px; margin:0px 200px; position:absolute; top: 0; left:0;}
#logowrapper { width:900px; height: 100px; margin: 0px auto; postion: absolute; top: 0px; left: 0px; z-index: 3; align:center; }
.blackbackground {background:#000000;}
#logoleft {width:680px; height:100px; float:left; margin-top: 40px; }
#logoleft ul {width: auto; height:auto; margin:auto auto; float: left; margin-top: 15px; margin-right: 25px; }
#logoleft ul li {display:inline; color:#FFF;}
#logoleft a { font-family:"Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:2px; font-size: 18px; color:#FFF; font-weight:bold;}
#logoleft a:link { color: #FFF; text-shadow:1px 1px #333;} }
#logoleft a:visited { color: #FFF; }
#logoleft a:active { color: #0CC; background-color:#000; }
#logoleft a:focus { color: #0CC; }
#logoleft a:hover {color: #fff; border-bottom:1px inset #fff; text-shadow:0px 0px; text-decoration:none;}
#logoright {width:220px; height: 100px; float:right; margin-top: 40px;}
/*Property Page*/
#propertybackground {width:1300px; height: 800px; position: relative; background:url(../images/wideproperty-1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#illinoisbackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/illinois1_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#gymbackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/gym1_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#billiardsbackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/billiards1_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#mediabackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/media1_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#diningbackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/dining1_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#chefbackground {width:1300px; height: 800px; position: relative; background:url(../data1/images/staff2_1300x800.jpg) no-repeat; margin: 0 auto; z-index:1;}
#propertynavbar {width:250px; min-height: 200px; top:150px; left: 80px; position:absolute; background:url(../images/slices/background250x500.png); z-index:2;
}
#propertynavbar p {margin: 20px; text-align:center; color:#fff;}
#propertynavbar h1,h2 {margin: 20px; text-align:center; border-style:solid; border-width:1px; border-color:#ffffff; background-color:#000; padding-top: 5px; color:#fff;}
#propertynavbar ul {margin-left: 30px; margin-right: 20px; color:#FFF; font-size:14px; line-height:110%;}
#propertynavbar ul li {color:#FFF; font-size:14px; line-height:110%; }
#next {width:255px; height:24px; text-align:center;}
#next a { text-transform:uppercase; letter-spacing:1px; font-size: 14px; padding-top:2px;}
#next a:link { color: #FFF; padding-top:2px;}
#next a:visited { color: #FFF; }
#next a:active { color: #FFF;}
#next a:focus { color: #00CCFF;}
#next a:hover { color: #fff; border-bottom:1px inset #fff; text-shadow:0px 0px; text-decoration:none;}
#staticplaceholder {width:250px; height: 500px; top:150px; left: -150px; position:absolute; background:transparent; z-index:2; }
#staticplaceholder p {margin: 20px; text-align:center;}
#staticplaceholder h1,h2 {margin: 20px; text-align:center;}
#newboxes1-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes1-2 p{color:#FFFFFF;}
#newboxes2-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes2-2 p{color:#FFFFFF;}
#newboxes3-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes3-2 p{color:#FFFFFF;}
#newboxes4-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes4-2 p{color:#FFFFFF;}
#newboxes5-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes5-2 p{color:#FFFFFF;}
#newboxes6-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes6-2 p{color:#FFFFFF;}
#newboxes7-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes7-2 p{color:#FFFFFF;}
#newboxes8-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes8-2 p{color:#FFFFFF;}
#newboxes9-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes9-2 p{color:#FFFFFF;}
#newboxes10-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes10-2 p{color:#FFFFFF;}
#newboxes11-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes11-2 p{color:#FFFFFF;}
#newboxes12-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:none;}
#newboxes12-2 p{color:#FFFFFF;}
#newboxes13-2 {width:250px; height: 580px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png) repeat; display:block;}
#newboxes13-2 p{color:#FFFFFF; text-align:justify;}
#newboxes14-2 {width:250px; height: 500px; position:absolute; top:0px; left:0px; background:#FFFFFF; color:#ffffff; }
#newboxes14-2 p{color:#FFFFFF;}
#newboxes1-3{width:250px; height: 400px; position:absolute; top:0px; left:0px; background:url(../images/slices/background250x500.png); display:block;}
#newboxes1-3 p{color:#FFFFFF;}
#rollover {width:900px; height:600px; position:absolute; top:200px; left:0px;}
#underphoto2 {
width: 200px;
position:absolute;
top:115px;
left:0px;
height: 250px;
z-index:3;
}
#underphotoleft {width: 250px; float:left; }
#underphotoright {width: 250px; float:right; }
#footerproperties{
clear: both;
margin-top: 30px;
width:900px;
position:absolute;
top:779px;
left:0px;
}
#footerproperties p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin: auto auto; text-align:center;}
/*Rooms Pages*/
#roomswidth1 {width:900px; float:left; position:absolute; top:140px; left:0px;}
#roomsfullwidth1 img {margin: 20px 0px;}
#roomsfullwidth1 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#roomswidth2 {width:900px; float:left; position:absolute; top:510px; left:0px;}
#roomswidth2 img {margin: 20px 25px;}
#roomswidth2 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#roomswidthphoto {width:900px; float:left; position:absolute; top:140px; left:0px;}
#roomswidthphoto img {margin: 20px 0px;}
#roomswidthphoto p {color:#999999; font-size:14px; line-height:110%; margin:250px 50px 5px 50px;}
#roomswidth4 {width:900px; float:left; position:absolute; top:620px; left:0px;}
#roomswidth4 img {margin: 20px 25px;}
#roomswidth4 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#roomsmenubar {width: 700px; position:absolute; top:715px; left: 100px;}
#roomsmenubarleft {width: 300px; float:left; margin-left: 50px;}
#roomsmenubarright {width: 300px; float:right;}
#roomsmenubar2 {width: 700px; position:absolute; top:825px; left: 100px;}
/*junk*/
#ammenitiesfullwidth1 {width:900px; float:left; position:absolute; top:140px; left:0px;}
#ammenitiesfullwidth1 img {margin: 20px 0px;}
#ammenitiesfullwidth1 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#ammenitiesfullwidth2 {width:900px; float:left; position:absolute; top:380px; left:0px;}
#ammenitiesfullwidth2 img {margin: 20px 45px;}
#ammenitiesfullwidth2 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#ammenitiesleft {width: 500px; float: left;}
#ammenitiesleft ul {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
#ammenitiesleft ul li {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 45px; text-align:left;}
#coinslidersmallwrapperright {width:360px; height: 250px; float:right; margin-right: 40px; margin-top: 50px;}
#coinsliderstaff {width:300px; height: 400px; float:right; margin-right: 40px; margin-top: 50px;}
#coinsliderstaff ul {color:#999999; font-size:14px; line-height:110%; margin:10px 0px 5px 0px; text-align:center;}
#coinsliderstaff ul li {color:#999999; font-size:14px; line-height:110%; margin:10px 0px 5px 0px; text-align:center;}
#ammenitiesfullwidth3 {width:900px; float:left; position:absolute; top:1180px; left:0px;}
#ammenitiesfullwidth3 img {margin: 0px 20px 10px 50px;}
#ammenitiesfullwidth3 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#stafffullwidth1 {width:900px; float:left; position:absolute; top:140px; left:0px;}
#stafffullwidth1 img {margin: 20px 0px;}
#stafffullwidth1 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#stafffullwidth2 {width:900px; float:left; position:absolute; top:520px; left:0px;}
#stafffullwidth2 img {margin: 20px 25px;}
#stafffullwidth2 p {color:#999999; font-size:14px; line-height:110%; margin:10px 5px 5px 5px; text-align:left;}
#staffleft {width: 500px; float: left;}
#staffleft h2 {text-align:left;}
#staffleft h3 {text-align:left;}
#chef {width:900px; position:absolute; top:560px; right:0px;}
#coinsliderwrapper {width:100%; height: 100%; margin: auto auto; position:relative; z-index:0; background-color:#000;}
#coinslidersmallwrapper {width:505px; height:338px; float:left; margin-top: 25px; margin-left: 30px;}
#bookings {width:600px; margin-top:30px; }
#rightcolumn {width: 300px; float:right;}
#footer {position:absolute;
bottom: 10px;
left: auto;
z-index:2;
width:900px;
}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:10px; text-align:center;}
#footer a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#09F; margin:10px; text-align:center;}
#footer a:visited { color: #09F;}
#footer a:active { color: #09F; background-color:#000;}
#footer a:focus { color: #F60;}
#footer a:hover {color: #F60; border-bottom:1px inset #F60; text-shadow:0px 0px; text-decoration:none;}
.transparent {background-color:#FFF;
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
width: 100%;
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=40);
/* Older than Firefox 0.9 */
-moz-opacity:0.4;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.4;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.4;
}
#fullwidth {width:900px; clear:both; position:absolute; top: 900px; left: 0px;}
#fullwidth p {font-size:11px; color:#666; margin-top: 2px; margin-bottom:20px; text-align:justify;}
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol { list-style-type:none; }
form { text-align:left; margin:20px; }
label {
float: left; width: 150px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold;
}
submit { background:none; }
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
}
input:focus, textarea:focus { background-color:#BFEBFF; }
textarea {
width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
}
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height:25px;
margin-left:170px;
font-size:12px;
}
br { clear: left; }
.clear { clear:both; }
/* Miscellaneous */
.popup-link { font-size:12px; margin:5px 10px; display:block; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.date { font-weight:bold; color:#BF6000; margin-bottom:3px; }
.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text { font-size:12px; font-style:normal; color:#000; text-align:center; }
.title { font-size:18px; font-weight:bold; color:#333; }
.subtitle { font-size:14px; font-style:italic; color:#333; }
.artist { font-size:16px; font-weight:bold; color:#333; }
.author { font-size:14px font-weight:bold; color:#555; }
.editor { font-size:14px font-style:italic; color:#555; }
.pub-date { font-size:10px font-style:italic; color:#555; }
.article-date { font-size:10px font-style:italic; color:#555; }
.location { font-size:10px font-style:italic; color:#555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }
.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#f00; }
.changed { background:#FFB; }
.nospace {margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px;}
/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
.error, .alert, .notice, .success, .info {
padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a { color: #8a1f11; }
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }