@charset "utf-8";
/* TenSquare CSS Document */
@import url('reset.css');

body { background:#000; color:#FFF; font-family:Verdana, Arial, Geneva, sans-serif; font-size:11px; line-height:1.5em; }

/* ELEMENTAL STYLES */
span { display:block; }
a, img { border:none; }
a { color:#CCC; text-decoration:none; font-size: 11px; }
a:hover { text-decoration:underline; }
h1 { font-size:1.3em; display:block; height:12px; text-transform:uppercase; letter-spacing:-1px; line-height:1.4em; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px; }
h2 { font-size:1.1em; }
h2.orginal_heading { font-size:1.3em; display:block; height:12px; text-transform:uppercase; letter-spacing:-1px; line-height:1.4em; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px;}
h3 { font-size:1em; }
ul { margin:10px 0; }
li { margin-left:40px; list-style-type:disc; }
p { font-size: 11px; }

/* GENERIC CLASSES */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.content_padding { padding:10px; font-size: 11px; }
.content_padding li { list-style:none; margin:0; line-height:2em; }
.content_padding li ul li { list-style:disc; margin-left:40px; }
.onethird { width:33%; }
.twothirds { width:56%; }
.border { border:1px solid #CCC; }
.divider1, .divider2 { background:#555; height:100px; width:1px; position:relative; margin-top:24px; }
.divider1 { left:11px; }
.divider2 { left:-11px; }
.contentcolumn { width:367px; float:left; }
.narrowcolumn { float:right; width:290px; }

#siteBanner { margin:0 auto; width:880px; }
#siteFlash { margin:0 auto; position:relative; z-index:0; height:280px; }
#flashbtns { position:absolute; top:120px; z-index:50000; }

/* FORMS */
.form1 { border:1px dashed #CCC; padding:10px; font-size:10px; }
.form1 label { float:left; display:block; height:18px; width:120px; line-height:18px; margin-bottom:5px; }
.form1 input { float:left; height:18px;line-height:18px; padding-top:2px; margin-bottom:5px; width:194px; clear:right; text-indent:2px; }
.form1 textarea { float:left; height:100px; width:190px; clear:right; }
.form1 .sub_btn { width:80px; height:22px; margin-top:5px; border:1px solid #666; text-indent:0; }
.form1 .inputtxt { font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#666; }

/* WRAPPERS */
#wrapper { width:880px; margin:0 auto; }
#headingwrapper { width:100%; height:96px; background:url(../images/ui/header.jpg) 0 0 no-repeat; font-size:10px; line-height:10px; }
#bodywrapper { width:100%; font-size:11pt !important; }
#footerwrapper { float:left; width:100%; background:url(../images/backgrounds/footer_bg.jpg) 0 0 no-repeat; font-size:10px; line-height:10px; }

/* NAV BARS */
#nav { height:24px; line-height:24px; background:url(../images/ui/nav_bar.jpg) 0 0 repeat-y; text-align:center; padding:0 0 0 21px; }
#foot_nav { height:24px; line-height:24px; width:100%; background:url(../images/ui/foot_bar.jpg) 0 0 repeat-y; text-align:center; }

/* TOP NAV */
#nav SPAN { float:left; background-position:0 0; background-repeat:no-repeat; height:12px; margin-top:6px; overflow:hidden; line-height:90000px; cursor:pointer; margin-right:20px; position:relative; left:74px; }
#nav SPAN:hover { background-position:0 -12px; }

#nav .home { background-image:url(../images/ui/nav/home.jpg); width:30px; }
#nav .tensquare { background-image:url(../images/ui/nav/tensquare.jpg); width:68px; }
#nav .packages { background-image:url(../images/ui/nav/packages.jpg); width:55px; }
#nav .porcelain { background-image:url(../images/ui/nav/porcelaineventssuite.jpg); width:139px; }
#nav .special { background-image:url(../images/ui/nav/specialoffers.jpg); width:90px; }
#nav .tailor { background-image:url(../images/ui/nav/tailormadeevents.jpg); width:117px; }
#nav .grill { background-image:url(../images/ui/nav/thegrillroom.jpg); width:90px; }
#nav .virtual { background-image:url(../images/ui/nav/virtualtour.jpg); width:77px; }
#nav .weddings { background-image:url(../images/ui/nav/weddings.jpg); width:55px; }
#nav .gallery { background-image:url(../images/ui/nav/gallery.jpg); width:45px; }

/* SUB PAGE STYLES */
#subWrapper { background:url(../images/backgrounds/main_bg.jpg) repeat-y; float:left; width:100%; }
#subContainer { width:690px; margin:0 auto; border-left:10px solid #333; border-right:10px solid #333; border-bottom:10px solid #333; background:#f7f4f3 url(../images/backgrounds/subpage_bg.jpg) 0 0 repeat-x; color:#333; padding:20px 0; }
#subWrapper h1 { display:block; border-bottom:3px double #CCC; text-align:center; overflow:visible; height:12px; width:95%; margin-left:auto; margin-right:auto; }
#subWrapper h1 span { display:inline; background:#F7F4F3; color:#990000; height:20px; width:auto; margin:0 auto; padding:0 10px; }
#subWrapper a { color:#990000; text-decoration:none; }
#subWrapper a:hover { text-decoration:underline; }
#subWrapper h2 { color:#990000; line-height:2em; }
#subWrapper h3 { color:#990000; line-height:2em; }
#subContainer .content_padding { padding-bottom:0; padding-top:10px; }
#subContainer p { margin-bottom:10px; }

#mainareatextstrip { background:url(../images/backgrounds/main_bg.jpg) repeat-y; float:left; padding:10px 0; font-family:Verdana, Geneva, sans-serif; width:100%; font-size:10px !important; }
#mainareatextstrip h1 { font-size:14px !important; }
#mainareatextstrip .text_content_wrapper { padding:0 30px; line-height:1.5em; font-size:8pt; }

/* BUTTONS AND DOWNLOADS */
#mainui_btns { margin-left:32px; padding-top:20px; }
#mainui_btns h1 { line-height:45px; background:#000; width:176px; text-indent:4px; }
#mainui_btns h1.links { background:#000 url(../images/ui/panels/links.jpg) 10px center no-repeat; text-indent:-100px; overflow:hidden; display:block; }
#mainui_btns h1.downloads { background:none; text-indent:-100px; overflow:hidden; }
.heroes { position:relative; left:30px; top:8px; }
.heroes.right { position:relative; left:-26px; }
.heroes .hero { width:237px; border:1px solid #660000; background:#330000; margin-bottom:3px; font-size:10px !important; height:84px; }
.heroes .hero .header { height:18px; line-height:18px; width:100%; background:url(../images/ui/heroes/header_bg.jpg) 0 0 repeat-x; text-indent:8px; }
.heroes .hero img { border:1px solid #660000; }
.heroes .hero:hover img { border:1px solid #888; cursor:pointer; }
#mainui_btns .column { margin-right:20px; }
.main_btns { width:250px; border:1px solid #663333; background:#330000; padding:1px 1px 0 1px; float:left; line-height:1em; font-size:12px; }
.main_btns a { display:block; height:36px; border:1px solid #663333; margin-bottom:1px; background:url(../images/ui/panels/option_bg_inactive.jpg) 0 0 repeat-x; text-decoration:none; }
.main_btns a:hover { background-position:0 -36px; }
.main_btns img { float:left; border:1px solid #663333; }
.main_btns span { float:left; vertical-align:middle; margin-top:2px; }
.main_btns span.download_link { color:#ff3333; }
.main_btns span.link { color:#ff3333; margin-top:10px; margin-left:4px; }
.main_btns .txt { margin-left:4px; }
.main_btns .fileactions { margin-top:4px; margin-left:4px; clear:both; width:90%; }

/* HEADER CONTENT */
#headingwrapper .left { position:relative; left:28px; display:block; width:220px; }
#headingwrapper .right { position:relative; right:28px; text-align:right; line-height:20px; position:relative; top:10px; }
#headingwrapper .left, #headingwrapper .right { margin-top:8px; }
#headingwrapper .btns img { margin-top:6px; clear:both; }
#headingwrapper .logo { float:left; position:relative; left:50px; top:32px; } 

/* FOOTER CONTENT */
#footerwrapper .top, #footerwrapper .bottom { float:left; clear:both; padding:10px 0; width:100%; }
#footerwrapper .left { position:relative; left:28px; }
#footerwrapper .right { position:relative; right:28px; text-align:right; }
#footerwrapper .logos { position:relative; top:18px; left:2px; }
#footerwrapper .logos img { float:left; }
#footerwrapper .logos .logo1 { position:relative; }
#footerwrapper .logos .logo2 { position:relative; left:20px; top:-12px; }

/* PACKAGE PANEL */
.package { float:left; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCC; }
.package .img { width:120px; }
.package .info { position:relative; left:10px; width:150px; }

/* GOOGLE MAPS */
#googlemap_a { width:345px; height:93px; border:1px solid #CCC; }

/*
PAGE SPECIFIC CLASSES
*/

/* MAIN BACKGROUND IMAGES */
.tensquare_main { height:280px; background:url(../images/backgrounds/tensquare_main.jpg) 0 0 no-repeat; }
.grillroom_main { height:280px; background:url(../images/backgrounds/grillroom_main.jpg) 0 0 no-repeat; }
.weddings_main { height:280px; background:url(../images/backgrounds/weddings_main.jpg) 0 0 no-repeat; }
.tailor_main { height:280px; background:url(../images/backgrounds/tailor_main.jpg) 0 0 no-repeat; }
.special_main { height:280px; background:url(../images/backgrounds/special_main.jpg) 0 0 no-repeat; }

/* HOME */
.hometxt { width:30%; }
.homepackages { width:30%; margin-left:24px; }
.homepackages img { margin-bottom:20px; }
.homenewsletter { width:28%; margin-left:8px; }
.homenewsletter label { width:100%; float:left; clear:both; line-height:2em; }
.signup_btn { background:url(../images/btns/signup_btn.gif) 0 0 no-repeat; height:22px; width:75px; border:0; margin:4px 0; cursor:pointer; }

/* SPECIAL OFFERS */
#specialOffer_container { width:100%; }
#specialOffer_container .special_offer { float:left; border-bottom:1px solid #CCC; margin-bottom:0; width:99%; }
#specialOffer_container .special_offer .img { float:left; width:100px; height:120px; margin-top:10px; }
#specialOffer_container .special_offer .img img { border:5px solid #333; margin:0 auto; }
#specialOffer_container .special_offer .img img:hover { border:5px solid #666; }
#specialOffer_container h1 { border:none; height:auto; width:auto; text-align:left; line-height:2em; margin:auto; padding:0; text-transform:capitalize; letter-spacing:normal; }
#specialOffer_container .special_offer .info { line-height:2em; }
#specialOffer_container .special_offer .actions { color:#111; letter-spacing:-0.5px; }

#offer_details .info { width:180px; }
#offer_details .info img { border:1px solid #333; margin:auto; }
#offer_details .info .action { font-weight:bold; line-height:2em; }
#offer_details .details { width:460px; }

/*VIRTUAL TOUR*/
.thumbs { margin:10px auto; font-family:Verdana, Geneva, sans-serif; }
.thumbs .thumb { float:left; background:#333; color:#CCC; width:110px; margin-left:24px; margin-bottom:20px; cursor:pointer; }
.thumbs .thumb:hover { background:#111; }
.thumbs .thumb img { margin:2px; }
.thumbs .thumb p { line-height:100%; text-align:center; margin:0; padding:0; margin-top:6px; font-size:9px; }
.thumb .thumb img { border:1px solid #666; margin:1px; }

/*#tour_inactiveitem { display:none; }*/
#tour_wrapper { overflow:hidden; width:100%; position:relative;}
#tour_information { overflow:visible; position:relative; width:600%; }
#tour_activeitem { float:left; width:50%; position:relative; left:0px; }
#tour_inactiveitem { float:left; width:50%; position:relative; left:0px; }
.tour_info_panel { float:left; width:367px; }

/* CONTACT */
#staff_container { width:270px; border:1px solid #CCC; padding:4px; margin-left:8px; background:#EFEFEF; height:556px; overflow:auto; margin-top:10px; }
#staff_container .profile { width:250px; border-bottom:1px solid #CCC; margin-bottom:4px; }
#staff_container .profile .img { float:left; }
#staff_container .profile .img img { border:2px solid #999; width:88px; }
#staff_container .profile .info { float:left; margin-left:8px; width:149px; }
#staff_container .profile .info h1 { font-size:14px; border:none; float:left; text-align:left; width:100%; text-transform:capitalize; margin-bottom:8px; padding:0; line-height:normal; height:auto; clear:both; letter-spacing:normal; font-weight:bold; }
#staff_container .profile .info h2 { border:none; float:left; text-align:left; width:100%; text-transform:capitalize; margin-bottom:8px; padding:0; line-height:normal; height:auto; color:#666; clear:both; font-size:11px; }
#staff_container .profile .clear { padding-bottom:4px; }


/* WEDDING GALLERY */
#gallery { padding:0; margin:15px 0; overflow:hidden; }
#gallery li { width:286px; height:130px; margin:0 1px 15px 0; float:left;  }
#gallery li.third { margin-right:0 !important; }
#gallery li .gallery-left { background:url(../images/gallery_left.png) no-repeat; height:128px; width:20px; float:left; }
#gallery li .gallery-mid { background:url(../images/gallery_mid.png); height:128px; width:224px; float:left;  }
#gallery li .gallery-right { background:url(../images/gallery_right.png) right no-repeat; height:128px; width:20px; float:left;  }
#gallery li .gallery-outer { width:224px; height:82px;  position:relative; z-index:1001; overflow:hidden; top:-74px;  }
#gallery li .gallery-border { background:url(../images/gallery_border.png) no-repeat; width:224px; height:84px; position:relative; z-index:1005; top:9px; cursor:pointer; }
#gallery li .gallery-inner {  width:224px; height:84px; overflow:hidden; position:relative; z-index:1000;}
#gallery li img { position:relative; z-index:999; }
#gallery a.txt { display:block; text-align:right; background:url(../images/gallery_btn.jpg) right no-repeat; padding:0 25px 0 0; position:relative; top:-72px; z-index:50000; height:20px; }
.gallery-thumbnail-outer { height:100px; width:103px; overflow:hidden; float:left; border:1px #CCC solid; margin:5px 5px 2px; padding:0 3px 0 0; }
.gallery-thumbnail-outer:hover { border:1px #711D19 solid; }
.gallery-thumbnail-inner { height:100px; width:100px; overflow:hidden; margin:3px; }
.gallery-thumbnail-btm { height:94px; overflow:hidden; }

#photo-frame { width:600px; height:350px; overflow:hidden; margin:25px auto 15px; border:1px #333 solid; position:relative; z-index:1000; }
#photo-outter-frame { width:600px; height:350px; float:left; overflow:hidden; }
#photo-inner-frame { width:600px; height:350px; overflow:hidden; position:relative; }
#photo-container { width:99999px; position:relative; }
#photo-container img { float:left; width:600px; }

#photo-btns { width:600px; margin:0 auto 20px; height:30px; }
#photo-arrow-left { width:92px; height:25px; cursor:pointer; background:url(../images/btn_back.gif) no-repeat; text-indent:-9999px; float:left;  }
#photo-arrow-right { width:80px; height:25px; cursor:pointer; background:url(../images/btn_forward.gif) no-repeat; text-indent:-9999px; float:right; }
#gallery-btns { width:240px; margin:0 auto;}
#gallery-nums { width:420px; margin:0 auto 10px; text-align:center; float:left; line-height:25px; }
#gallery-nums span { display:inline;  }

#master0 img { width:650px; background:#F7F4F3; }

/* ONE-OFFS */
.datetime { line-height:10px; margin-top:4px; color:#CCC; padding-bottom:4px; }
.datetime .time { color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }

/* PANEL */
.panel { background:#878787 url(../images/pic_bg.gif) repeat-x; width:138px; border:1px solid #878787; margin-left:50px; }
.panel label { color:#333; margin-left:4px; }
.panel .img { width:100%; }
.panel .img img { padding:1px; }

.linkDesc { font-size:0.8em; line-height:normal; border-bottom:1px solid #CCC; }

/* THE GRILL ROOM EXPANDER */
#the-grill-room-expander { margin:25px 0 60px; width:790px; }
#the-grill-room-expander dt { font-size:11px; cursor:pointer; color:#FFF; background:url(../images/FAQ_titlebg.jpg) 0 0 repeat-x; height:38px; font-weight:bold; position:relative; z-index:2; }
#the-grill-room-expander dt.active { color:#fff;}
#the-grill-room-expander dd { overflow:hidden; position:relative; }
#the-grill-room-expander dd .content { border:1px solid #333; padding:10px; background:#333 url('../images/FAQ_answerbg.jpg') 0 0 repeat-x; position:relative; top:-1px; }
#the-grill-room-expander p { margin:0 0 15px; }
#the-grill-room-expander dt .title { float:left; line-height:36px; position:relative; left:37px; font-size:11px; }
#the-grill-room-expander .symbol, #the-grill-room-expander .symbol-minus { display:block; text-indent:-999px; background:url('../images/FAQ_arrows.gif') 0 0 no-repeat; position:absolute; left:10px; top:8px; height:21px; width:21px; }
#the-grill-room-expander .symbol-minus { background:url('../images/FAQ_arrows.gif') -22px 0 no-repeat; }

/* GRILL ROOM : OPEN TABLE */
#grillRoom_bar { background:url(../images/ui/grillroom_bar.jpg) 0 0 no-repeat; width:832px; height:41px; position:relative; left:-4px; top:-6px; clear:both; }
#grillRoom_bar .grillRoom_barContent { position:relative; left:210px; top:4px; width:618px; height:32px; display:block; }


#OT_searchWrapper { }
#OT_searchWrapper .OT_feedTitle { display:none; }
#OT_searchWrapper dl { position:relative; }
#OT_searchWrapper dt, #OT_searchWrapper dd { float:left; padding:4px 0 0; line-height:24px; }
#OT_searchWrapper input, #OT_searchWrapper select { margin:1px 20px 0 4px; padding:0; border:1px solid #CCC; }
#OT_searchWrapper #OT_date { position:absolute; top:0; left:0; width:100px; margin:0; padding:0; }
#OT_searchWrapper #OT_dateLbl { width:50px; position:relative; left:10px; }

#OT_searchWrapper #OT_date { width:160px; position:relative; height:26px; }
#OT_searchWrapper #OT_date input { width:68px; top:3px; position:absolute; height:20px; line-height:20px; }
#OT_searchWrapper #OT_date #dateDisplay { position:absolute; top:4px; left:78px; }

#OT_searchWrapper #OT_timeLbl, #OT_searchWrapper #OT_time { position:relative; left:50px; }
#OT_submitWrap { position:relative; left:66px; top:-1px; width:106px; }
#OT_submitWrap .OT_TableButton { position:absolute; top:0; left:0; right:0; bottom:0; height:34px; padding:0; margin:0; width:106px; background:none; border:0; overflow:no
; text-indent:106px; line-height:60px; cursor:pointer; }

#OT_searchWrapper #imageCal {
	border:1px solid #000;
	position:relative;
	left:1px;
	background:#FFF url(../images/ui/calBg.gif) 0 0 repeat-x;
}
.partOfCal {
	background-color:!important;
}
#OT_searchWrapper .imgCal {
	position:absolute;
	display:none;
	z-index:100;
	top:26px;
	left:0;
}
#OT_searchWrapper #imageCal table {
	font-size:12px;
	width:150px;
	font-family:arial;
	font-weight:bold;
}
#OT_searchWrapper #imageCal td {
	padding:0;
	text-align:center;
}
#OT_searchWrapper .clickableDays {
	color:#000;
	text-decoration:none;
	height:18px;
}
#OT_searchWrapper .nonclickableDays {
	color:#CCC;
	height:18px;
}
#OT_searchWrapper .months {
	color:#FFF;
	text-decoration:none;
}
#OT_searchWrapper .weekdays {
	color:#000;
	text-decoration:none;
	color:#666;
	background-color:#EFEFEF;
	width:14%;
}