@font-face {
    font-family: 'komodaregular';
    src: url('komoda-webfont.woff2') format('woff2'),
         url('komoda-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	background-color: black;
	color: #aaa;
	font-size: 1.4em;
	font-family: 'Cutive Mono', 'Courier';
  	font-weight: lighter;
  	letter-spacing: 1px;
	line-height: 1.2em;
	}
a,
a:link {
	font-family: 'Cutive Mono', 'Courier';
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-size: ,9em;
    font-weight: lighter;
	}
a:visited {
	font-family: 'Cutive Mono', 'Courier';
	text-decoration: none;
	color: #fff;
	font-size: 1em;
  font-weight: lighter;
	}
a:hover {
	font-family: 'Cutive Mono', 'Courier';
	text-decoration: underline;
	color: white;
  font-weight: lighter;
	}
a:active {
	font-family: 'Cutive Mono', 'Courier';
	text-decoration: none;
	color: white;
  font-weight: lighter;
	}


a.swipebox{
	color: #666;
	letter-spacing: -1.6px; 
	text-decoration: none;
	}

.swipebox div{
	width: 100%; 
	border: 1px dotted #333; 
	height: 620px; 
	background-color: #111;
	text-align: center;
	display: table;
	}
div.outer {
    padding: 0;
    margin: 0;
    width:50%;
    height:720px;
    float: left;
    display:table;
}
div.inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #111;
    border: 1px dotted #333;
}

.myimage {
		max-width: 95%;
	}


.grid .nav .no-gutters a {
	padding: 25px;
}
.blob {
	background: #111; 
	border: 1px dotted #333; 
	padding: 30px;
	letter-spacing: -1.6px;

}

.navdiv a {
	text-decoration: none;
	background-color: #222;
	font-family: 'Cutive Mono', 'Courier'; 
	text-align: center;
	font-size: 33px;
	letter-spacing: 4px;
	}
.navdiv div:hover {
		background-color: #333;
}
.navhover {
	width: 100%; 
	background: #222; 
	padding: 10px 0;
	text-transform: uppercase;
	}

.navindex a {
	font-size: 65px;
	font-family: 'Cutive Mono', 'Courier'; 
	text-align: center; 
	color: #bbb;
	text-transform: uppercase;
}
.navindex a:hover {
	text-decoration: none;
	color: #fff;
}
.nav {
	text-align: center;
}


.navbar {
	position: absolute;
	top:173px;
	left:38px;
	}  
.tagline {
	width: 600px;
	margin-top:10px;
	}
.tagline a {
	font-size: 22px;
	}
.tagline a:visited,
.tagline a:hover {
	font-size: 22px;
	}

/**/
.logo {
	position:absolute;
	left: 269px;
	top:10px; 
}
.vline {
	position:absolute;
	left: 120px; 
	top:15px; 
	z-index: 0;
	}
.vline img {
	height: 625px; 
	width: 1px;
	z-index: 0;
	}
/**/
.h2line {
	position:absolute;
	left: -10px; 
	top:42px; 
	margin-right: -15px; 
	z-index:2;
	}
.hnav {
	position: absolute;
	top: 35px;
	width: 750px;
	z-index:3;
	}
.hnav a {
	border: 0px;
	text-decoration: none;
	}
.hnav a:hover {
	border: 0px;
	text-decoration: none;
	}
.hnav img {
	margin: 0 8px 0 0;
	border: 0px;
	text-decoration: none;
	}
.contenttxt {
	z-index: 1;
	}
.contenttxt a img {
	border: 1px solid white;
	}
.contenttxt a img:hover {
	border: 1px solid #cccccc;
	}
li {
	font-size: 14px; 
	}
ul {
	font-size: 14px; 
	}
/**/
.event {
	/*max-width: 575px;
	text-align: justify;*/
	text-transform: lowercase;
	margin: 0 auto;
	}
.xlgrey {
	color: #eee;
	font-size: 29px;
	font-weight: normal;
	}
/**/

.gal img {
	padding: 0px;
	margin: 25px;
	border: 1px solid #333
	}
.gal a{
	height: 254px;
	width: 254px;
	margin: auto;
	}
a.imgbox {
	color: #000000; 
	text-decoration: none; 
	float: left;
	text-align: center; 
	background: #030303;
	margin: 3px;
	border: 1px solid #333;
	}
a.imgbox:hover, 
a.imgbox:focus {
	color: #fff; 
	background: #070707;
	}		
.mast {
	font-size: 24px;
	padding: 0 10px 0 0px;
	}	
.cat a{
	height: 300px;
	width: 375px;
	margin: auto;
	font-size: 18px;
	}
.catwrap {
	width: 820px;
	margin: 140px 30px 200px 175px;
	}
.cat img {
	padding: 0px;
	margin: auto;
	}
a.imgboxC {
	text-decoration: none; 
	float: left;
	text-align: center; 
	background: #030303;
	margin: 0 20px 20px 0px;
	border: 1px solid #222;
	font-size: 18px;
	}
a.imgboxC:hover,
a.imgboxC:focus {
 	color: #fff; 
	background: #070707;
	text-decoration: none;
	font-size: 18px;
	}
/**/
.pricecell {
	font-size: 1vw;
	float: left;
	width: 17%;
	margin: 0.5% 0.5%;
	padding: 9px 1%;
	text-align: center;
	background-color: #222;
	}
.sortcell {
	float: left;
	font-size: 16px;
	width: 121px;
	border: 1px solid #222;
	margin: 2px 2px 2px 2px;
	color: #aaa;
	}
.sortcellc {
	float: left;
	font-size: 16px;
	width: 121px;
	border: 1px solid #222;
	margin: 2px 2px 2px 2px;
	color: #fe959f;
	}
textarea {
	font-family: 'Courier';
	color: #333;
	}
.blogwrapper {
	margin: 170px 0 0 220px;
	float: left;
	width: 740px;
	border: 0px solid #fff;
	display: inline;
	}
* html .blogwrapper {
	width: 850px; 
	} 
.blogcontent {
	float: left; 
	width: 535px;
	border-right: 1px dotted #666;
	padding-bottom: 100px;}
.blogright {
	float: left;  
	margin-left: 15px;
	}
.blognav {
	border: 1px solid #333; 
	background-color: #222; 
	padding: 10px 15px 15px 10px;
	width: 150px;
	}
* html .blognav {width: 180px;}
.blogbody {
	padding: 10px 0 15px 15px;
	width: 160px;
	}
* html .blogbody {
	width: 170px;
	}
/**/
div.sdmenu {
	width: 90px;
	}
div.sdmenu div {
	overflow: hidden;
	}
div.sdmenu div.collapsed {
	height: 23px;
	}
div.sdmenu div span {
	display: block;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	cursor: pointer;
	}
div.sdmenu div a {
	margin: 2px 0 2px 18px;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	display: block;
	}
div.sdmenu div a.current {
	background : #222;
	}



/* old crap 
.mapw {
	position:absolute; 
	height: 16px;  
	background-image: url(images/x.gif); 
	cursor: pointer; 
	border-bottom: 1px solid #fff; 
	z-index:3;
}
.mapw a:hover {
	border: 1px solid white;
}
.small {
	text-decoration:none; 
	color: white;
	font-family: 'Cutive Mono', monospace;
	font-size: 9px;
	text-align: justify;
}
.home {
 	position: absolute;
	top: 120px;
	left: 294px;
	z-index: 10;
}
.gallery {
 	position: absolute;
	top: 120px;
	left: 15px;
	z-index: 10;
}
.purchase {
 	position: absolute;
	top: 120px;
	left: 67px;
	z-index: 10;
}
.events {
 	position: absolute;
	top: 120px;
	left: 130px;
	z-index: 10;
}
.services {
 	position: absolute;
	top: 120px;
	left: 180px;
	z-index: 10;
}


.form { 
	font-size: 10px; 
	color: black;
	font-family: 'Cutive Mono', monospace;
}

.huang {
	position:absolute;
	left: 15px;
	top:533px; 
}

.weddingoverview {
	position:absolute; 
	left: 60px;
	top: 68px; 
	z-index:3;
}
.portfolio {
	position:absolute; 
	left: 120px;
	top: 68px; 
	z-index:3;
}

.weddingpricing {
	position:absolute; 
	left: 179px;
	top: 68px; 
	z-index:3;
}
.reover {
	position:absolute; 
	left: 60px;
	top: 68px; 
	z-index:3;
}
.exone {
	position:absolute; 
	left: 120px;
	top: 68px; 
	z-index:3;
}

.extwo {
	position:absolute; 
	left: 196px;
	top: 68px; 
	z-index:3;
}
.repricing {
	position:absolute; 
	left: 273px;
	top: 68px; 
	z-index:3;
}

.other {
	position:absolute; 
	left: 120px;
	top: 68px; 
	z-index:3;
}

.web {
	visibility: hidden;
	position:absolute; 
	left: 194px;
	top: 68px; 
	z-index:3;
}
.present {
	position:absolute; 
	left: 60px;
	top: 68px; 
	z-index:3;
}

.future {
	position:absolute; 
	left: 113px;
	top: 68px; 
	z-index:3;
}

.past {
	position:absolute; 
	left: 160px;
	top: 68px; 
	z-index:3;
}


.webover {
	position:absolute; 
	left: 60px;
	top: 68px; 
	z-index:3;
}
.ml {
	position:absolute; 
	left: 203px;
	top: 68px; 
	z-index:3;
}
.mbb {
	position:absolute; 
	left: 235px;
	top: 68px; 
	z-index:3;
}
.bendal {
	position:absolute; 
	left: 294px;
	top: 68px; 
	z-index:3;
}
.bhumsiva {
	position:absolute; 
	left: 341px;
	top: 68px; 
	z-index:3;
}
.realty {
	position:absolute; 
	left: 401px;
	top: 68px; 
	z-index:3;
}
.harmonic {
	position:absolute; 
	left: 444px;
	top: 68px; 
	z-index:3;
}
.forum {
	position:absolute; 
	left: 542px;
	top: 68px; 
	z-index:3;
}


.content {
	position:absolute; 
	left: 60px;
	top: 30px; 
	z-index:1;
}

.content a img {
	border: 2px solid #999999;
}
.size {
	border-bottom: 0px solid #8c8c8c;
	width: 280px; 
 	position: absolute;
 	width:400px; 
 	height:1px; 
}

.price {
	left: 308px; 
 	position: absolute;
 	z-index:1;
 }

.sline {
 	position:absolute; 
 	left: 280px; 
 }
 
.cart {
 	position: absolute;
 }

.images {
	position: absolute;
	top: 135px; left: 426px; 
	visibility: hidden;
}

.hpreview{
	position: absolute; 
	left: 100px; 
	top: 35px; 
	margin-left:auto; 
	margin-right:auto;
}

.hpreview img{
	width: 210px;
	height: 140px;
}
.vpreview{
	position: absolute; 
	left: 130px; 
	top: 5px; 
	margin-left:auto; 
	margin-right:auto;
}

.vpreview img{
	width: 140px;
	height: 210px;
}
.pano{
	position: absolute; 
	left: 100px; 
	top: 35px; 
	margin-left:auto; 
	margin-right:auto;
}

.pano img{
	width: 210px;
	height: 100px;
}




.bullet {
	text-decoration:none; 
	position:absolute; 
	width:123px; 
	color: white;
	text-align: right;
	top: -40px;
}
.map {
	position:absolute; 
	height: 18px; 
	background-image: url(images/x.gif); 
	cursor: pointer; 
	border-bottom: 1px solid #666; 
	z-index:2;
}

.email	{ 
	position:absolute; 
	width:163px;
}
.input {
	position: absolute;
	left: 330px;
	vertical-align:middle;
}


#materials {
	position: absolute; 
	left: 460px; 
	top: -65px; 
	height: 400px; 
	border: 1px white solid; 
	margin: 0 0 0 0; 
	overflow: hidden; 
	background-color: #9f9f9f; 
	visibility: hidden; 
	width:340px;
}

#m1 {
	margin: 0 0 0 0; 
	border-top: 20px #9f9f9f solid; 
	border-right: 20px #9f9f9f solid; 
	border-left: 20px #9f9f9f solid; 
	overflow: hidden; 
	background-color: #9f9f9f; 
}

#m2 {
	margin: 0 0 0 0; 
	overflow: auto; 
	background-color: #9f9f9f; 
	width:300px;
}

*/