* {margin:0; padding:0; }


a:active, a:focus { outline: none; }

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: 10px/1.2 verdana, arial, helvetica, sans-serif;
	background: #1D1D1D url(http://www.simplemoment.com/site/bggrey.gif) repeat-x top left;
	text-align: center;	

}
/*html {
   overflow: -moz-scrollbars-vertical;
} */

#container {
	
	width: 920px;
  padding: 0px 20px 0px 20px; 
	margin: 0 auto;
	color: #000000;
	background: #ffffff;
}

#logo {background: url(2010logo.gif) no-repeat 0px 10px; padding-top: 10px; margin-bottom: 20px;height:32px;width: 940px;}
#logo a {width: 300px; height: 32px;  display:block; cursor: pointer;} 
#menu {width:180px; float:left;padding-bottom: 50px;}
#menu a {display: block;}

.menuitem, .menuitem a {width: 180px; height: 26px;display:block; background-repeat: no-repeat;background-position: 0px 0px}
.menuitemcurrent a, .menuitem a:hover {background-position: 0px -26px}

#maincontent {width:720px;float:right; display: block;text-align: left;}
.separator {margin-top: 10px; height: 1px; margin-bottom:10px; border-top: 1px solid #dddddd;}
#myGallery
{
	text-align: left;
width: 720px !important;
height: 500px !important;
overflow:hidden;
}
#myGallery p, #myGallery h3 {display:none;}
a img {border:none;}
.thumbsmain {margin-top: 8px;}
.thumbsmain a img {margin-right: 8px; float: left;}
.thumbsmain a img.last {margin-right: 0px;}
#footer {clear:both; padding-top: 8px;}


a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #330000;
	text-decoration: underline;
}
a:hover {
	color: #663333;
	text-decoration: underline;
}
a:active {
	color: #663333;
	text-decoration: underline;
}

a img {
	border: 0px none;
}

H1 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #393629;
	text-align: center;
	margin-bottom: 4px; 
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	text-align: left;

}

H3 {
	font: normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding-top: 1px;
	padding-left: 0px;
	margin: 0px;
	text-align: left;
}

H4 {
	font: normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 2px;
	margin-right: 2px;
	
	text-align: center;
	background-color: #dddddd;
}

H5 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #393629;
	text-align: center;
	margin-bottom: 4px; 
}

h6 {font: bold 12px verdana, arial, helvetica, sans-serif; color: #666666; margin: 20px 0 10px 0; padding: 15px 0 0 0;}

#maincontent ul {padding: 10px 0px 10px 10px; margin:0; list-style: none outside; }
#maincontent ul li { background: transparent url(http://www.simplemoment.com/site/bullet2.gif) no-repeat left top; padding: 0px 0px 5px 20px;}

.legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin-bottom: 2px; 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
}

.morespace {
	padding: 6px;
}

table.twocolumns {width:100%;border-collapse:collapse;}
table.twocolumns td {width:50%; vertical-align:top} 

.contactform input, .contactform textarea {border: 1px solid #A8A1A0; background: #ffffff; }

.contactform .submit input {
border-top: 2px solid #eeeeee; border-left: 2px solid #eeeeee;
border-right: 1px solid #444444; border-bottom: 1px solid #444444;
background: #666666;
color: #ffffff;
font: bold 14px Verdana; padding: 4px; cursor: pointer; }

.contactform .submit input:hover {
border-bottom: 2px solid #eeeeee; border-right: 2px solid #eeeeee;
border-left: 1px solid #444444; border-top: 1px solid #444444;
color: #eeeeee;
}


.framedtext {width: 320px; background-color: #eeeeee; color: #000000; text-align: left;
margin: 0px 0px 10px 10px; padding: 2px 10px 10px 10px; }

.framedtextright {width: 320px; float: right; text-align: left;
background-color: #eeeeee; color: #000000; 
padding: 2px 10px 10px 10px; 
margin: 0px 10px 10px 0px; clear: right;
display: inline; /*IE6 fix for double-right margin*/
}


.bottomseparator {border-top: 1px dotted #aaaaaa; padding-top: 15px;clear: both;}
.largertext p {font-size: 13px; padding-bottom: 10px;}
.largertext h1 {margin-bottom: 20px; margin-top: 10px;}

.interview p {	font: 12px/1.5 verdana, arial, helvetica, sans-serif;padding-bottom: 5px;padding-left:10px;padding-right:10px;}
.interview h6 {	padding-left: 10px;padding-right: 10px;}
.lefttable,.righttable {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom:4px;
}
.righttable {
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

table.thumblegend {height:36px; border-collapse: collapse; }
.tp {width:96px; background: #eeeeee;}
table.thumblegend td {vertical-align:center; text-align:center; font: 9px/1.2 Arial, Helvetica, sans-serif;padding: 2px; letter-spacing: 1px}

.thumbportrait {
	padding: 6px 2px 1px 0px;
	float:left;width: 96px; height: 135px;
}

.videothumbs {text-align:center; margin-left: 30px;}
.videothumbs img {margin-bottom: 2px;}
.videothumbs a, .videothumbs a:hover, .videothumbs a:visited, .videothumbs a:active    {display:block;
float: left; border: none; text-decoration:none;color:#999999; background: #eeeeee;
padding-bottom:5px; margin-left: 10px;margin-bottom: 10px;height: 165px;}

/*For CEREMONIALS*/
.elegant {margin: 20px 0px 10px 0px; width:100%; border-collapse: collapse;}
.elegant td { vertical-align: top;}
.elegant p {margin-bottom: 10px;}