@charset "utf-8";
/* CSS Document */
body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#CCC;
	background-color:#999;
	margin:0px;
}
a{
	outline:none;
}
a:link, a:visited, a:active{
	outline:none;
	text-decoration:none;
	color:#AF8742;
}
a:hover{
	outline:none;
	text-decoration:underline;
	color:#AF8742;
}
.spacer{
	clear:both;
}
#container{
	width:980px;
	background-color:#000;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#container.bw{
	background-color:#FFF;
	color:#5F6062;
}
#masthead{
	position:relative;
	min-height:102px;
}
#masthead h1{
	font-size: 22px;
	font-weight: normal;
	color: #CCC;
	padding-top: 12px;
	margin-right: 10px;
	letter-spacing:1px;
	text-align: right;
	position:relative;
	z-index:2;
	margin-top:0px;
}
.bw #masthead h1{
	color:#5F6062;
}
#masthead h1 a{
	outline:none;
	color:#CCC;
}
.bw #masthead h1 a{
	color:#5F6062;
}
#masthead h1 a:link, #masthead h1 a:visited, #masthead h1 a:active {
	outline:none;
	color:#CCC;
}
.bw #masthead h1 a:link, .bw #masthead h1 a:visited, .bw #masthead h1 a:active {
	color:#5F6062;
}
#masthead h1 a:hover {
	outline:none;
	color:#FFF;
}
.bw #masthead h1 a:hover {
	color:#D9D9D9;
}
#mastheaddetail{
	text-align:right;
	margin-right:10px;
	margin-left:300px;
	height:140px;
}
#mastheaddetail h2{
	font-weight:normal;
	margin-bottom:0px;
}
#mastheaddetail p{
	margin-top:5px;
	font-size:12px;
	height:50px;
	overflow:hidden;
}
.scripted #mastheaddetail{
	display:none;
}
#masthead img {
	position: absolute;
	height:102px;
	width:292px;
	margin:0px;
	left: 0px;
	bottom: 0px;
	background-image:url(images/kosibah.jpg);
	background-repeat:no-repeat;
}
.bw #masthead img {
	background-image:url(images/kosibah-w.jpg);
}
/*#masthead #navbackground{
	position:absolute;
	left:272px;
	background-image:url(images/navbackground.gif);
	background-repeat:repeat-x;
	height:20px;
	width:708px;
	bottom:33px;
}
.bw #masthead #navbackground{
	background-image:url(images/navbackground-w.gif);
}*/
#masthead #nav{
	position:absolute;
	font-size:12px;
	bottom:0px;
	left:272px;
	z-index:100;
	background-image:url(images/navbackground.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.bw #masthead #nav{
	background-image:url(images/navbackground-w.gif);
}
#masthead #nav ul{
	width:668px;
	height:30px;
}
#masthead #nav a {
	display: block;
	text-decoration:none;
	color:#CCC;
	height:16px;
	padding-left:5px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.bw #masthead #nav a{
	border-top-color: #5F6062;
	border-bottom-color: #5F6062;
	color: #5F6062;
}
.bw #masthead #nav{
	color:#5F6062;
}
#masthead #nav a:hover {
	color:#FFF;
	background-color: #333;
}
.bw #masthead #nav a:hover {
	color:#FFF;
	background-color: #5F6062;
}
#masthead #nav ul li {
	list-style-type: none;
	display: block;
	float: left;
}
#masthead #nav ul li ul li{
	list-style-type: none;
	display: block;
	float: none;
	margin-left:-40px;
	padding:0px;
	display:none;
	text-align:left;
}
#masthead #nav ul li:hover ul li{
	display: block;
}
#masthead #nav ul li ul li a{
	padding-left:5px;
	padding-right:2px;
	background-color:#000;
}
/* .bw #masthead #nav ul li ul li a{ */
#masthead #nav ul li ul li a{
	background-color:#333;
	border-top-color:#333;
	border-bottom-color:#333;
}
.bw #masthead #nav ul li ul li a{
	background-color:#EEE;
	border-top-color:#EEE;
	border-bottom-color:#EEE;
}
#masthead #nav #home{
	top:0px;
	position:absolute;
	left:0px;
	width:58px;
}
#masthead #nav #home ul li{
	width:180px;
}
#masthead #nav #videos{
	top:0px;
	position:absolute;
	left:62px;
	width:50px;
}
#masthead #nav #videos ul li{
	width:320px;
}
#masthead #nav #profile{
	top:0px;
	position:absolute;
	left:120px;
	width:50px;
}
#masthead #nav #news{
	top:0px;
	position:absolute;
	left:180px;
	width:40px;
}
#masthead #nav #news ul li{
	width:120px;
}
#masthead #nav #bridal{
	top:0px;
	position:absolute;
	left:240px;
	width:58px;
}
#masthead #nav #bridal ul li{
	width:170px;
}
#masthead #nav #evening{
	top:0px;
	position:absolute;
	left:310px;
	width:95px;
}
#masthead #nav #evening ul li{
	width:170px;
}
#masthead #nav #accessories{
	top:0px;
	position:absolute;
	left:410px;
	width:90px;
}
#masthead #nav #realbrides{
	top:0px;
	position:absolute;
	left:510px;
	width:95px;
}
#masthead #nav #realbrides ul li{
	width:250px;
}
#masthead #nav #contact{
	top:0px;
	position:absolute;
	width:90px;
	left:607px;
}
#masthead #nav #contact ul li{
	width:100px;
}
#slidecontainer{
	position:relative;
}
.scripted #slidecontainer{
	background-image:url(images/kosibah-second.jpg);
	background-repeat:no-repeat;
	background-position: 820px bottom;
	height:436px;
	overflow:hidden;
}
.scripted #slidecontainer.movieholder{
	min-height:520px;
}
.scripted #slidecontainer.socialwidgets{
	min-height:520px;
	background-image:none;
}
.scripted .bw #slidecontainer{
	background-image:url(images/kosibah-second-w.jpg);
}
.overlay{
	background-image:url(images/overlaybkg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	position:absolute;
	z-index:90;
	display:none;
}
.overlaycontent{
	left:-10px;
	top:-10px;
	position:relative;
	background-color:#FFF;
	font-size:13px;
	width:100%;
	height:100%;
	background-color:#FFF;
	border: #CCC 2px solid;	
}
.contenttext{
	overflow-y:auto;
	position:relative;
	left:10px;
	top:15px;
	font-size:13px;
	color:#666;
}
.slide .slidecontent .contenttext{
	color:#bbb;
}
.bw .slide .slidecontent .contenttext{
	color:#666;
}
#slideoverlay{
	width:285px;
	height:400px;
	left:600px;
	top:25px;
}
#slideoverlay.newsoverlay{
	left:348px;
}
#slideoverlay .contenttext{
	width:265px;
	height:375px;
}
.facebookoverlay.overlay{
	width:600px;
	height:400px;
	left:30px;
	top:25px;
}
.overlay.facebookoverlay .overlaycontent{
	background-color:#FFF;
	border: #CCC 2px solid;
}
.overlay.facebookoverlay .overlaycontent .contenttext{
	width:580px;
	height:375px;
	color:#666;
}
.contenttext h1{
	font-size:14px;
	margin-top:0px;
	margin-bottom:5px;
}
.contenttext h2{
	margin-top:0px;
	margin-bottom:5px;
	font-size:13px;
}
.contenttext p{
	margin-top:0px;
	margin-bottom: 5px;
}
.midnav{
	border-top:solid 5px #999;
}
.bw .midnav{
	border-top-color:#666;
}
.midnav img{
	background-image:url(images/kosibah.jpg);
	background-repeat:no-repeat;
}
.bw .midnav img{
	background-image:url(images/kosibah-w.jpg);
}
.scripted .midnav{
	display:none;
}
.slide{
	position:relative;
	height:436px;
	background:none;
	background-image:url(images/kosibah-second.jpg);
	background-repeat:no-repeat;
	background-position: 820px bottom;
}
.bw .slide{
	background-image:url(images/kosibah-second-w.jpg);
}
.scripted .slide{
	background-image:none;
}
.slide .slidecontent{
	height:420px;
	position:absolute;
	top:0px;
	right:170px;
}
.slide.news .slidecontent{
	width:650px;
	overflow-y:auto;
	left:165px;
	top:0px;
	right:auto;
}
.slide .slidecontent img{
	display:block;
	float:right;
	background-repeat:no-repeat;
}
.slide .slidecontent .textbox{
	width:315px;
	float:right;
	height:420px;
/*	background-color:#EEE; */
	overflow-y:auto;
	color:#666;
	position:relative;
}
.slide .slidecontent .textbox .contenttext{
	width:295px;
	top:10px;
	left:10px;
	height:400px;
}
#slidecontrols{
	height:34px;
	padding:2px;
	background-color:#333;
	color:#FFF;
	position:relative;
	display:none;
}
.overlaycontrol{
	display:none;
}
.scripted .overlaid .overlaycontrol{
	display:block;
}
.scripted .slide.overlaid .slidecontent .textbox{
	display:none;
}
#slidecontrols img{
	vertical-align:middle;
	border:none;
}
#slidecontrols a{
	position:absolute;
}
#slidecontrols a:link{
	color:#FFF;
}
#slidecontrols a:visited{
	color:#FFF;
}
#slidecontrols a:active{
	color:#FFF;
}
#slidecontrols a:hover{
	color:#AF8742;
	text-decoration:none;
}
#slidecontrols a:active{
	color:#FFF;
}
a img.control{
	height:30px;
	width:30px;
	background-image:url(images/buttons.png);
	background-repeat:no-repeat;
	margin-right:5px;
	border:none;
}
#slidecontrols a#koscountdown{
	left:465px;
}
#slidecontrols #koscountdown img.control{
	background-position:0px -180px;
}
#slidecontrols #koscountdown img.control.countdown9{
	background-position: 0px -180px;
}
#slidecontrols #koscountdown img.control.countdown8{
	background-position: -30px -180px;
}
#slidecontrols #koscountdown img.control.countdown7{
	background-position: -60px -180px;
}
#slidecontrols #koscountdown img.control.countdown6{
	background-position: -90px -180px;
}
#slidecontrols #koscountdown img.control.countdown5{
	background-position: -120px -180px;
}
#slidecontrols #koscountdown img.control.countdown4{
	background-position: -150px -180px;
}
#slidecontrols #koscountdown img.control.countdown3{
	background-position: -180px -180px;
}
#slidecontrols #koscountdown img.control.countdown2{
	background-position: -210px -180px;
}
#slidecontrols #koscountdown img.control.countdown1{
	background-position: -240px -180px;
}
#slidecontrols #koscountdown img.control.countdown0{
	background-position: -270px -180px;
}
#slidecontrols a#koscomments-link{
	left:10px;
}
#slidecontrols a#koscomments-link img.control{
	background-position:0px -120px;
}
#slidecontrols a#koscomments-link:hover img.control{
	background-position:-30px -120px;
}
#slidecontrols a#koscomments-link:active img.control{
	background-position:-30px -120px;
}
#slidecontrols a#kosprevslide-link{
	left:375px;
}
#slidecontrols a#kosprevslide-link img.control{
	background-position:0px -60px;
}
#slidecontrols a#kosprevslide-link:hover img.control{
	background-position:-30px -60px;
}
#slidecontrols a#kospause-link{
	left:405px;
}
#slidecontrols a#kospause-link img.control{
	background-position:0px -30px;
}
#slidecontrols a#kospause-link:hover img.control{
	background-position:-30px -30px;
}
#slidecontrols a#kosplay-link{
	left:405px;
}
#slidecontrols a#kosplay-link img.control{
	background-position:0px 0px;
}
#slidecontrols a#kosplay-link:hover img.control{
	background-position:-30px 0px;
}
#slidecontrols a#kosnextslide-link{
	left:435px;
}
#slidecontrols a#kosnextslide-link img.control{
	background-position:0px -90px;
}
#slidecontrols a#kosnextslide-link:hover img.control{
	background-position:-30px -90px;
}
#slidecontrols a#kosinfo-link{
	left:180px;
}
#slidecontrols a#kosinfo-link img.control{
	background-position:0px -150px;
}
#slidecontrols a#kosinfo-link:hover img.control{
	background-position:-30px -150px;
}
#slidecontrols #kosselectSlide{
	width:280px;
	position:absolute;
	left:520px;
	top:7px;
	font-size:12px;
}
#slidecontrols label{
	width:280px;
	position:absolute;
	left:520px;
	top:7px;
	font-size:10px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#slidecontrols label a#kosgotoslide-link{
	width:1px;
	height:1px;
}
#slidecontrols a#kosbooking{
	display:block;
	height:30px;
	width:150px;
	text-align:center;
	left:820px;
}
#bookings{
	height:34px;
	padding:2px;
	background-color:#333;
	color:#FFF;
	position:relative;
}
#bookings a#kosbooking2{
	display:block;
	height:30px;
	width:150px;
	text-align:center;
	position:absolute;
	outline:none;
	left:820px;
}
#bookings a:link{
	vertical-align:middle;
}
#bookings img{
	outline:none;
	border:none;
	vertical-align:middle;
}
.scripted #bookings{
	display:none;
}
a.closebutton{
	position:absolute;
	top:-15px;
	right:-20px;
}
a.closebutton img.control{
	background-position:0px -210px;
}
a.closebutton:hover img.control{
	background-position:-30px -210px;
}
.slide#testimonialslide{
	height:420px;
	width:980px;
	font-size:23px;
	position:relative;
}
.testimonial{
	color:#AF8742;
	top:34px;
	font-size:13px;
	display:block;
	position:absolute;
	overflow:hidden;
	width:150px;
	height:200px;
	left:820px;
}
.testimonial.leftside{
	left:10px;
	height:400px;
}
.testimonial span.quote{
	font-style:italic;
	display:block;
	padding-right:2px;
}
.testimonial span.quoted{
	display:block;
	text-align:right;
}
#testimonials{
	width:150px;
	position:absolute;
	height:200px;
	left:820px;
	top:34px;
	overflow:hidden;
}
#testimonials .testimonial{
	top:0px;
	left:0px;
	position:relative;
}	
#testimonialslide #testimonials{
	width:640px;
	height:420px;
	position:absolute;
	top:0px;
	right:170px;
	left:auto;
}
#testimonialslide #testimonials .testimonial{
	padding-top:60px;
	padding-bottom:30px;
	padding-left:5px;
	padding-right:5px;
	font-size:26px;
	width:630px;
	height:330px;
}	
#testimonials .testimonial span.quoted{
	margin-top:15px;
}
#testimonials.leftside{
	left:10px;
	height:400px;
}
#testimonials.leftside .testimonial{
	height:400px;
}
.scripted .scriptedleftside{
	position:absolute;
	left:10px;
	height:400px;
}
.scripted #testimonials.scriptedleftside{
	position:absolute;
	left:10px;
}
.slidesummary {
	height: 200px;
	width: 150px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 34px;
	font-size:13px;
	color:#AF8742;
}
.slidesummary h1{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:2px;
}
.slidesummary h2{
	font-size:13px;
	font-weight:normal;
	padding:0px;
	margin:2px;
}
.slidesummary .jumplink, .slidesummary .infolink{
	display:block;
	margin-top:2px;
	margin-bottom:0px;
}
.slidesummary a:link, .slidesummary a:visited, .slidesummary a:active{
	font-style:italic;
}
.slidesummary a:hover{
	font-style:italic;
}
/* social toolbar bits */
#twtr-profile-widget{
	float:left;
	margin-left:10px;
	width:310px;
	height:396px;
	padding:0px;
}
/*#twtr-profile-widget img{
	border:none;
}
.twtr-profile-img{
	float:left;
	margin-right:10px;
}
.twtr-doc{
	padding: 5px;
}
.twtr-hd{
	padding:0px;
}
.twtr-ft{
	padding-top:5px;
	padding-bottom:2px;
}
.twtr-timeline{
	overflow:hidden;
}*/
#facebook{
	float:left;
	margin-left:14px;
	width:360px;
}
.midnav{
}
#socialbar{
	border-top:solid 10px #999;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#333;
	color:#FFF;
}
.bw #socialbar{
	border-top-color:#666;
}
#socialbar h1{
	font-size: 20px;
	font-weight: normal;
	color: #CCC;
	letter-spacing:1px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:0px;
	padding-bottom:0px;
}
#socialbar h1 a:link, #socialbar h1 a:visited, #socialbar h1 a:active{
	color:#CCC;
}
#socialbar h1 a:hover{
	color:#AF8742;
}
#rightcolsocial{
	width:260px;
	margin-left:14px;
	float:left;
}
#flickr{
	background-color:#FFF;
	height:320px;
}
#flickr #flickrtitle{
	height:26px;
}
#flickr .flickrlink{
	display:block;
	width: 260px;
	text-align:center;
	background-color:#FFF;
	padding-top:3px;
	padding-bottom:3px;
}
#flickr a:link, #flickr a:active, #flickr a:visited{
	color:#999;
	text-decoration:none;
}
#flickr a:hover{
	color:#AF8742;
	text-decoration:underline;
}
.flickrlink img{
	outline:none;
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.flickrlink .flickrimgtitle{
	display:block;
}
	
#flickrtitle {
	background-color: #999;
}
#newsitembox {
	margin-top: 4px;
	height: 180px;
	width: 260px;
}
#newsfeedtitle{
	background-color:#999;
	color:#FFF;
	height:18px;
}
#newsfeedtitle h3{
	font-size:12px;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#newsitems{
	height: 138px;
	border: #999 solid 1px;
	background-color:#FFF;
	color:#999;
	overflow:hidden;
}
#newsitems .newsitem .newsitemtitle{
	font-weight:bold;
	display:block;
	padding-left:5px;
	padding-right:5px;
}
#newsitems .newsitem .newsitemdetail{
	display:block;
	padding-left: 5px;
	padding-right: 5px;
}
#newsfeedfooter{
	font-size:12px;
	height:16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;	
	padding-bottom: 2px;
	background-color:#999;
	color:#FFF;
}
#newsfeedfooter a:active, #newsfeedfooter a:link, #newsfeedfooter a:hover, #newsfeedfooter a:visited{
	color:#FFF;
	text-decoration:none;
}
#newsfeedfooter img{
	vertical-align:middle;
	border:none;
	outline:none;
	margin-right:5px;
}
#addtoany{
	float:right;
	margin-right:10px;
	margin-top:2px;
	width:155px;
}
#socialbar table{
	width:100%;
	border-collapse:collapse;
}
#socialbar table td{
	text-align:center;
}
#socialbar table td img{
	vertical-align:middle;
	border:none;
	outline:none;
}
#socialbar table td a:link, #socialbar table td a:active, #socialbar table td a:visited{
	color:#CCC;
	text-decoration:none;
}
#socialbar table td a:hover{
	color:#AF8742;
	text-decoration:none;
}
#facebooklike {
	background-color: #333;
	color:#CCC;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	height:30px;
	overflow:hidden;
}
#facebooklike iframe{
	height:30px !important;
}
#skipto{
	float:right;
	font-size:10px;
	width:200px;
	text-align:right;
}
#addressbar {
	font-size: 12px;
	background-color: #333;
	padding-left: 10px;
	padding-right:10px;
	color: #CCC;
	text-align:right;
}
#legal{
	float: left;
	width: 300px;
	text-align:left;
}
/* test file backgrounds */
.file1{background-image:url(file:///D|/Users/Danny/Documents/Web/htdocs/kos/images/file2.jpg); width:525px; height:420px;}
.file2{
	background-color:#CF0;
}
.file3{
	background-color:#0FC;
}
.websitecredit {
	font-size: 12px;
	margin-left: 10px;
}
#contactform{
	height:420px;
	width:720px;
	position:absolute;
	top:0px;
	right:170px;
	font-size:13px;
	line-height:200%;
}
#contactform td{
	vertical-align:top;
}
#contactform td.right-align{
	text-align:right;
}
#contactform td.checkbox{
	vertical-align:bottom;
}
#contactform p{
	line-height:150%;
}
#thankyoumessage p{
	font-size:22px;
	text-align:center;
	margin-top:150px;
}
#thankyoumessage a{
	font-size:22px;
	text-align:center;
	display:block;
	margin-top:15px;
}
#pagemoved p{
	font-size:22px;
	text-align:center;
	margin-top:150px;
}
#pagemoved a{
	font-size:22px;
	text-align:center;
	display:block;
	margin-top:15px;
}
#pagemovedcountdown{
	font-size:30px;
	font-weight:bold;
}
.slide.movie{
	position: relative;
	height: 520px;
	width: 640px;
	left: 170px;
	top: 5px;
}
.slide.social{
	position:relative;
	width:980px;
	left:0px;
	height:520px;
	top:0px;
	background-image:none;
}
#moviecontainer .overlaycontent{
	border: solid #CCC 2px;
	background-color:#FFF;
	color:#666;
}
#testimonialslide .overlaycontent{
	border: solid #CCC 2px;
	background-color:#FFF;
	color:#666;
}
#googlemap{
	float:right;
	margin:0px;
	border:none;
	width:426px;
	height:420px;
}
a.newsitema{
	display:block;
	padding:10px;
	width:190px;
	height:120px;
	font-size:13px;
 	float:left;
	cursor:pointer;
	color:#FFF;
}
a.newsitema:link, a.newsitem:visited, a.newsitem:active{
	color:#FFF;
}
a.newsitema:hover{
	background-color:#333;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
	color:#AF8742;
}
.month{
	display:block;
}
.odd{
	background-color:#666;
}
.even{
	background-color:#999;
}
.scripted .newsitem{
	display:none;
}
#container #slidecontainer #videobox {
	height: 280px;
	width: 150px;
	font-size:12px;
	border: 1px solid #AF8742;
	position: absolute;
	top: 34px;
	right: 10px;
}
#container #slidecontainer #videobox h3{
	padding:3px;
	color:#000;
	background-color:#AF8742;
	font-size:12px;
	margin:0px;
	height:15px;
	width:144px;
	overflow:hidden;
	text-align:center;
}
#container #slidecontainer #videobox #videolist{
	color:#AF8742;
	margin:5px;
	width:140px;
	height:252px;
	overflow-y:auto;
	overflow-x:hidden;
}
#container #slidecontainer #videobox #videolist li{
	list-style-type: none;
	margin-left: -40px;
}
.credits{
	font-size:11px;
}
.credit{
	display:block;
}
.legalcontact{
	font-size:11px;
}
.textbox li{
	margin-left:-20px;
}
