*			{margin:0; padding:0; outline:none;}
body		{font-size:62.5%; line-height:160%; font-family: Arial, Helvetica, sans-serif; color: #666666;}
p			{font-size:1.1em; margin:0 0 1.4em 0; text-align:left;}
hi, h2, h3, h4, h5, h6	{font-family:"Times New Roman", Times, serif;}
h1			{font-size:2em; font-weight:500; margin:10px 10px 0 0;}
h2			{font-size:1.5em; color:#901527;}
h3			{font-size:1.3em; color:#901527;}
h4			{font-size:1.1em;}
h5			{font-size:1.3em;}
h6			{font-size:1.2em;}
ul			{list-style-image:url(../images/bullet.png);}
a			{color:#901527; /*text-decoration:none;*/ font-weight:600;}
a:hover img	{border:1px solid #901527 /*#A9A9A9; padding:4px;*/}
a:hover	{ background-color:#ffe8fc;}
blockquote	{font-family:"Times New Roman", Times, serif; margin:-10px 40px 10px;padding:10px; font-size:1.4em; color:#901526; font-weight:bold; line-height:160%; text-transform:uppercase;}
blockquote img	{position:relative; top:-6px;}
q	{color:#901526; font-size:1.2em; font-weight:bold; text-transform:uppercase;}
q.small	{font-size:1em;}
hr	{color:#901527; padding:10px; background:transparent url(../images/hr-bg.png) no-repeat center top; border:none;}
.fl	{float:left;}
.fr	{float:right;}
.cl	{clear:left;}
.cr	{clear:right;}
.cb	{clear:both;}
.border	{border:1px dashed red;}
#wrapper	{border:3px solid #fff; width:850px; margin:0 auto;}
#header		{height:210px; position:relative; border-bottom:1px solid #ddd;}
#header #logo{position:absolute; top:10px; width:225px; height:200px; display:block; left:-15px; z-index:10; background:url(../images/sophisto_logo_small_transp.png) no-repeat 0 0; border:none;}
#header #topNav	{/*position:absolute; top:0; right:0;*/ color:#999; float:right;}
#header #topNav ul li{margin:0;}
#header #topNav a{padding:0 3px; margin:0; color: #666; text-decoration:none;}
#header #topNav a:hover{color: #000; border-bottom:1px solid #901527;}
#header .tel	{position:absolute; top:2em; right:10px; background: url(../images/tel.png) no-repeat 0 0;width:300px; height:50px; font-size:2em; z-index:15;}
#mainNav	{ position:relative; top:-37px; height:60px; white-space:nowrap; z-index:30;}
#mainNav ul {display:inline; width:600px; position:absolute; padding:4px 0 0; bottom:0; /*right:120px;*/ right:16em; }
#mainNav ul li{display:inline;}
#mainNav ul li a/*:link*/{font-family:"Times New Roman", Times, serif; background-color:#fff; text-decoration:none; font-size:1.1em; color: #666; text-transform:uppercase;  padding:5px 6px 0; margin:0; width:100%;}
#mainNav ul li a:hover	{/*background-color: #ffe8fc; color:brown; border-top:3px solid #cc3333;*/ background:#fff url(../images/main-nav-bg.gif) repeat-x 0 0; color:#901527;}
#mainNav ul li a.current{/*background-color: #ffe8fc; color:brown; border-top:3px solid #cc3333;*/ background:#fff url(../images/main-nav-bg.gif) repeat-x 0 0; color:#901527;}

#content	{background-color:#fff; position:relative; float:left;}
#content #breadcrumb	{position:absolute; left:250px; padding:0 5px; color:#444; z-index:10;}
#content #breadcrumb ul	{display:inline;}
#content #breadcrumb ul li	{display:inline; background:transparent url(../images/bullet_arrow_01.gif) no-repeat 0 50%; padding:0 0 0 12px;}
#content #date	{position:absolute; left:660px; z-index:20; width:150px; color:#666; background-color:#fff; margin:3px 0 10px; padding:0 15px; border:1px solid #ccc;}
#content #homeBoxes	{float:left; position:absolute; left:0; width:220px; background:url(../images/fade-grey-trans.png) repeat-x 0 0; margin:0; padding-top:8px;}
#content #homeBoxes  .box	{margin:0; padding:0; border:none;}
#content #homeBoxes  .box a	{padding:3px; margin:3px 5px; border:1px solid #666; float:left; background-color:#fff;}
#content #homeBoxes  .box a:hover	{border-color:#901527;/* filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;*/}
#content #homeBoxes  .box a img	{padding:0; margin:0/*3px 8px*/; border:none/*1px solid #901527*/;}
#content #homeBoxes  .box a:hover img { padding:0;}
#content #primaryContent	{ margin:0 0 0 210px; padding:20px; width:400px;}
#content #primaryContent h2{border-bottom:1px solid #901527; margin-bottom:1em;text-transform:uppercase;}
#content #primaryContent h3	{text-transform:uppercase;}
#home #content #primaryContent	{padding-bottom:60px;}
#contact #content #primaryContent	{}
#contact #content #primaryContent h2	{color:#901527; margin-bottom:1em;}
#contact #content #primaryContent .addressBox	{float:left; padding:10px 30px;}
#contact #content #primaryContent .phone		{float:left; padding:10px;}
#contact #content #primaryContent p.online	{float:right; margin:2em 0 6em; width:350px;}
#contact #subnav	{position:relative;}
#contact #subnav .img-wrapper	{margin-top:60px;}
#contact #subnav img.spacer	{height:42em; width:1px;}
#links #content	{padding-left:50px; /*background: url(../images/fade-grey-trans.png) repeat-x 0 25px;*/}
#links #content #primaryContent	{width:800px; margin:0;}
#links #content #primaryContent ul	{ list-style-type:none; list-style-image:none; margin:5px;}
#links #content #primaryContent ul li a	{ display:block; background-color:#901527; color:#fff;padding:3px 10px; margin:2px; font-size:1.2em; }
#links #content #primaryContent ul li a:hover	{background-color:#cc3333;}
#links #content #primaryContent .linksImg	{margin:10px 12%; border:1px solid #901527;}
#links #content #primaryContent h3	{text-align:center; font-size:1.2em; font-variant:small-caps; font-weight:bold; background-color:#fff; margin:3px 6px; padding:2px; border:1px solid #901527;}
#links #content #primaryContent .img-wrapper{ margin:10px 6px;}
#links #content #primaryContent .img-wrapper .inner	{border:2px solid #cc3333; padding:5px; width:210px; /*background-color: #F3F3F3 !important;*/ background:url(../images/link-shine.jpg) repeat 0 0 fixed !important;}
#links #content div.linkImgContainer	{position:relative; margin:0; padding:0; background-image:none !important; width:100%;}
#links #content div.linkImgContainer img	{background-color:transparent; border:none; padding:0; position:absolute;}
#links #content div.linkImgContainer img.linkSpacer	{position:relative;}
#links #content div.linkImgContainer img.photography{left:0; bottom:0;}
#links #content div.linkImgContainer img.videography{left:0; bottom:-12px;}
#links #content div.linkImgContainer img.makeup		{left:17px; bottom:0;}
#links #content div.linkImgContainer img.bridal		{left:0; bottom:0;}
#links #content div.linkImgContainer img.groom		{left:24px; bottom:-3px;}
#links #content div.linkImgContainer img.mags		{left:3px; bottom:0;}
#sitemap #content ul.sitemap	{list-style-position: outside; margin:-10px 0 10px 50px;}
#sitemap #content ul.sitemap ul	{margin-left:40px;}
#sitemap #content ul.sitemap li	{margin:2px 0;}
#sitemap #content ul.sitemap li a	{padding:1px 10px; background:#901527 url(../images/sitemap-fade.png) repeat-y right top; color:#fff; margin-left:-5px; width:15em; display:block; border-left:5px solid #666;}
#sitemap #content ul.sitemap li a:hover	{background-color:#cc3333; border-left:5px solid #999;}
#additional	#content #primaryContent ul	{margin-left:50px;}
#tAndC .accordion h4 {background-image:none;}
#tAndC .accordion h4:hover {background-color:#901527; cursor:default;} 
#tAndC	ol li	{margin-top:10px;}
#tAndC	ol ol li	{list-style-type: lower-alpha; list-style-position:inside; padding-left:20px;}
#enquiry iframe.enquiryForm	{border:1px solid #ccc; background:url(../images/fade-grey-trans.png) repeat-x 0 0; width:411px; margin-left:-22px; padding:10px;}
#enquiry .posted	{border:1px solid #ccc; margin:10px; padding:20px; background-color:#fff;}
#gallery #galleryContent	{padding-left:10px;}
#gallery #galleryContent h2	{border-bottom:1px solid #901527; margin:-30px 30px 1em 10px;text-transform:uppercase;}
#gallery div.galleryButtonWrapper	{float:left; padding-left:1px; width:620px;}
#gallery div.galleryButton {float:right; margin:5px;}
#gallery div.galleryButton a {border:1px solid #999; display:block;}
#gallery div.galleryButton a:hover {border-color:#901527;}
#gallery div.galleryButton a img {border:none;}
#gallery div.galleryButton a:hover img {border:none;}
#gallery #footer	{margin-top:10px;}
*+html #gallery #wrapper	{width:910px} /*Sorts out wrapping issue in ie7. Need the extra width*/
*+html #gallery #wrapper #mainNav ul	{right:160px;}
*+html #gallery.long #footer	{display:none;}

#content #secondaryContent	{position:absolute; top:0; left:100%; bottom:0; width:180px; padding:30px 10px 10px 10px; /*background-color: #EAEAEA*/ background:url(../images/fade-grey-trans.png) repeat-x 0 0;}
#content #secondaryContent .promOffer	{border:1px solid #901527; background-color:#fff; margin-bottom:8px; padding:8px;}
#content #galleryContent	{margin:0 0 10px 200px; padding-bottom:10px; width:700px; height:400px; display:block;}
.accordion {border-bottom: solid 1px #c4c4c4;}
.accordion h4 {background:#901527 url(../images/accord-plus.gif) no-repeat 160px center; /*background-color:#901527*/padding:4px 15px; margin:10px 0 0; font:bold 120%/100% Arial, Helvetica, sans-serif;color:#fff; border:solid 1px #901527; cursor:pointer; height:100%; position:relative;}
.accordion h4:hover {background-color: #cc3333;}
.accordion h4.active {background-image:url(../images/accord-minus.gif);/*background-position: right 0px;*/}
.accordion h4 img	{position:absolute; left:0; bottom:0; width:100%; height:100%; float:left; padding:0; margin:0;}
.accordion p {background:#fff; margin:0; padding:0; border:1px solid #901527; border-style:none solid solid;}
.accordion .accordContent	{background:#fff url(../images/subnav-current.png) repeat-x 0 0; display:block; padding:10px 15px 20px;}

#content .titleHome	{margin:0 auto; width:150px; height:60px; background:url(../images/title-home.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleAbout	{margin:-10px auto 0; width:220px; height:90px; background:url(../images/title-about.png) no-repeat 0 0; text-indent:-10000px; margin-top:-10px;}
#content .titleVenues	{margin:0 auto; width:114px; height:49px; background:url(../images/title-venues.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleMarquees	{margin:0 auto; width:180px; height:85px; background:url(../images/title-marquees.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleMenu	{margin:0 auto 15px; width:108px; height:51px; background:url(../images/title-menu.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleMenu.milni	{margin:0 auto 15px 20%;}
#content .titleAdditional	{margin:0 auto; width:330px; height:90px; background:url(../images/title-additional.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleGallery	{margin:0 auto; width:150px; height:105px; background:url(../images/title-gallery.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleContact	{margin:0 auto; width:216px; height:70px; background:url(../images/title-contact.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleLinks	{margin:-35px auto -25px; width:400px; height:100px; background: url(../images/title-links2.png) no-repeat 0 0; text-indent:-10000px;}
#content .titleSitemap	{margin:0 auto; width:166px; height:89px; background:url(../images/title-sitemap.png) no-repeat 0 0; text-indent:-10000px;}
#content .titlePromo	{margin:0 auto; width:176px; height:70px; background:url(../images/title-promo.png) no-repeat 0 0; text-indent:-10000px; }
#content .titleEnquiry	{margin:0 auto; width:262px; height:80px; background:url(../images/title-enquiry.png) no-repeat 0 0; text-indent:-10000px;}
#content .titlePrivacy	{margin:0 auto; width:296px; height:85px; background:url(../images/title-privacy.png) no-repeat 0 0; text-indent:-10000px;}
#content .titletAndC	{margin:0 auto; width:332px; height:82px; background:url(../images/title-tAndc.png) no-repeat 0 0; text-indent:-10000px;}
#content .titletTestimonials	{margin:0 auto; width:217px; height:85px; background:url(../images/title-test.png) no-repeat 0 0; text-indent:-10000px;}
#menu div.img-wrapper.menu	{/*margin-top:4em;*/ margin:0 20px 0 -5px;}
#menu #content .menuList	{float:left; margin:1em 10px 0; list-style-type:none; font-size:1.2em; line-height:200%; }
#menu #content .menuList strong	{width:10em; display:block;}
#menu #content .menuPrice	{border:1px solid #901527; padding:20px 0 0; position:absolute; right:10px; top:10em; float:right; font-size:1.2em; color:#901527; width:100px; }
#menu #content .menuPrice.milni	{margin:30px 0 10px 11px; right:9px;}
#menu #content .menuPrice.milni .divider	{border-bottom:1px dashed #901527; padding-bottom:20px;}
#menu #content .menuPrice	p	{color:#333; font-weight:bold; padding:10px 10px 0; text-align:center; float:left;}
#menu #content .menuPrice strong	{text-align:center !important; padding:0 3px; float:left;}
#menu #content .menuKey	{border:1px solid #ccc; margin:20px 0 20px 20px; padding:10px;}
#menu #content .menuKey span	{font-size:1.1em;}
#menu #content .menuKey img	{position:relative; top:3px; left:20px;}
#menu #content .breakfast			{float:left; margin:30px 15px 0 0; padding:5px 0 5px 15px; border:1px solid #901527; width:123px;}
#menu #content .breakfast ul		{ margin:10px 0 0 10px; padding:0;}
#menu #content .breakfast ul li	{margin-left:10px;}
#menu #content .milniContainer	{position:relative;}
#menu #content .milniImg	{position:absolute; right:0; top:25px;}
#menu #content a.pdfLink	{color:#fff; float:left; padding:3px 20px 20px 7px; text-transform:uppercase; text-align:left; background:#901527 url(../images/pdf-icon.png) no-repeat right bottom; font-size:0.8em; font-weight:normal;}
#menu #content a.pdfLink:hover	{background-color:#CC3333;}

#content .extras	{float:left; margin-top:2em; width:400px;}
#content .milniContainer .extras	{width:300px;}
#content .terms	{float:left; clear:left; width:300px; font-size:0.9em;}

#subnav		{ /*background-color: #EAEAEA;*/ background:url(../images/fade-grey-trans.png) repeat-x 0 0; width:200px; display:inline; float:left;}
#subnav ul.subnav	{margin:5em 0 0 auto; width:90%;}
#subnav ul.subnav li	{list-style-type:none; list-style-image:none;border-bottom:1px solid gray; border-top:1px solid #fff; background-color: #D7D7D7;}
#subnav a.veg	{background: #d7d7d7 url(../images/veg.png) no-repeat 80% 1px;}
#subnav a.veg:hover	{background-image:url(../images/veg.png); background-repeat:no-repeat;}
#subnav ul.subnav li a:link, #subnav ul.subnav li a:visited	{display:block; text-decoration:none; font-size:1.1em; text-indent:20px; color:#901527; text-transform:uppercase; padding:2px 0px; position:relative; white-space:nowrap;}
#subnav ul.subnav li a:hover{background-color: #ccc; color:#000; border-bottom:none;}
#subnav ul.subnav li.current {background: #fff url(../images/subnav-current.png) repeat-x 0 0; border-top:1px solid #B4B4B4; margin:-1px 0 0 0; cursor: pointer;}
#subnav ul.subnav li.current a.veg	{background:transparent url(../images/veg.png) no-repeat 80% 1px;}
#subnav ul.subnav li.current a:hover	{background:#fff url(../images/subnav-current.png) repeat-x 0 0;}
#subnav ul.subnav li.online	{background-color:#901527; margin-top:3em;}
#subnav ul.subnav li.online a:link, #subnav ul li.online a:visited	{color:#fff;}
#subnav ul.subnav li.online a:hover	{background-color: #CC3333; color:#fff;}
#testimonials	{margin:0 auto 20px; padding:0 8px 10px; background-color:#fff; width:80%; position:relative; }
#testimonials .author	{color:#901527;}
#testimonials .author a.readMore	{text-transform: lowercase; font-size:1.1em; text-align:right; padding-right:20px;}
#testimonials a.readMore:hover	{background-color:#ffe8fc;}
#testimonials ul#slideshow1	{margin-top:1em; padding:1em 5px; height:21em; background-color:#fff;}
#testimonials ul#slideshow1 li	{background-color:#fff; border:none; font-size:1.1em; height:17em; list-style: none none; padding:8px;}
#footer		{ height: 4em; border-top:1px solid #901527; border-bottom:2px solid #ccc; float:left; clear:both; width:100%; position:relative;}
#footer .copyright	{/*float:left; */margin:2px 10px; font-size:1.1em; text-align:center;}
#footer ul.bottomNav	{/*float:left; clear:none;*/ display:inline; text-align:center; margin:0 200px; white-space:nowrap;}
#footer ul.bottomNav a	{margin:0 12px; white-space:nowrap;}
#footer .companyNo	{/*float:left; clear:both;*/ margin:2px 10px;}
#footer ul	{/*float:left; */font-size:1.1em; margin:2px 10px 2px 50px;}
#footer ul li			{display:inline;}
#footer .validXHTML a		{position:absolute; right:10px; top:5px; background-color:transparent;}
#footer .validXHTML a img, #footer .validCSS a img	{border:none;}
#footer .validCSS a		{position:absolute; right:100px; top:5px; background-color:transparent;}

/* fuzzy shadow images */
.img-wrapper{background:url(../images/shadow.gif) no-repeat right bottom; float:left; margin:0 6px;}
.img-wrapper div{background: url(../images/mask.png) no-repeat left top !important; background: url(../images/mask.gif) no-repeat left top; padding: 0 5px 5px 0;}
.img-wrapper img	{background-color:#fff; border:1px solid #a9a9a9; padding:4px;}
.img-wrapper .inner	{border:1px solid #ccc; padding:5px; width:210px;}
.img-wrapper .linkBox	{/*border:1px dashed red;*/}
.img-wrapper a	{/*float:left; clear:both;*/}
.img-wrapper a:hover	{ background-color:transparent;}