/*page reset*/
body { font-size:62.5%; background: url(images/bg.jpg) repeat-x #7c7c7c; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; letter-spacing: 0.1em; font-weight: normal; text-align: justify; }

* { margin: 0; padding: 0; }

/*end of page reset*/

h1 { color: #e6ca7c; font-size: 1.4em; letter-spacing: 0.1em; padding: 15px 0 10px 20px; }

h2, h3, h4 { color: #e6ca7c; font-size: 1.4em; letter-spacing: 0.1em; padding: 15px 20px 10px 20px; }

a { color:#999; text-decoration: none; }

p { font-size: 1.2em; line-height: 1.8em; text-align:justify; padding: 5px 20px 10px 20px; }

/*container*/
#wrapper { height: auto; width: 800px; float: left; }

#bodysection { background-color:#000; overflow:hidden; float: left; }

#mainwrap { margin:auto; width: 800px; overflow:hidden; }

/*end of container*/



/* Start of header styles */
#head { overflow: hidden; width: 800px; }

#howardslogo { height: 193px; width: 406px; float: left; }

#number { background: url(images/phone-tag.jpg) no-repeat; height: 69px; width: 158px; float: left; margin: 124px 0 0 236px; }

/* End of header styles */


/* Start of body styles - Homepage Styles */
#sidenavcontainer { height: 217px; width: 167px; float: left; display: inline; }

#bodycontainer #bodycolumn1 { float: left; width: 510px; background-color: #000; padding-bottom: 20px; }

#bodycontainer #bodycolumn1 .image { padding: 0 0 10px 20px; }

#bodycontainer #bodycolumn2 #form h2 { padding-left: 15px; }

#bodycontainer #bodycolumn2 #form p { padding-left: 15px; }

ul.vertnav { margin:0; padding:0; list-style-type:none; display:block; line-height:1.8em; width: 167px; font-size: 1.2em; font-weight: normal; }

ul.vertnav li { border: 1px solid #000; padding: 0; margin: 0 0 1px 0; }

ul.vertnav li a { display:block; font-size: 1.2em; text-decoration:none; color: #e6ca7c; background: #1B1B1B; padding: 6px 0 6px 15px; font-weight: normal; }

ul.vertnav li a:hover { background:#111; }

#wrapper #bodysection #flashcontent { width: 633px; height: 217px; float: right; color: #FFF; background: url(images/wedding-image-version2.jpg) no-repeat #000; }

#wrapper #bodysection { overflow: hidden; padding-bottom: 20px; }

#bodycontainer { overflow: hidden; width: 800px; display: inline; }

p .gold { color: #e6ca7c; }

#bodycolumn1 p .gold a { color: #e6ca7c; }

.gold a:hover { text-decoration: underline; }

#bodycolumn2 { float: left; height: auto; width: 290px; background: #000; }

#howardsimage { background: url(images/wedding-image-v2.jpg) no-repeat; height: 320px; width: 290px; margin-top: 15px; }

#bodycolumn2 ul { width: 100px; color: #e6ca7c; line-height: 1.8em; font-size: 1.2em; }

#howardsimage ul .style { color: #FFF; list-style: none; padding-left: 40px; padding-top: 10px; }

#howardsimage ul { padding: 260px 0 0 120px; width: auto; }

#bodycolumn2 #form #callback .p2 { padding: 0 0 0 11px; }

#bodycolumn2 #form { float: left; clear: both; }

#callback p { padding: 5px 0 0 15px; }

#callback .p2 .formstylesubmit1 { width:61px; height:16px; border:none; background: url(images/submit-button1.gif); }

#howardsimage ul .style a { color: #FFF; text-decoration: none; }

#howardsimage ul .seemore { list-style: none; color:#FFF; padding: 10px 0 0 40px; }

#howardsimage ul .seemore a { list-style: none; color:#FFF; text-decoration:none; list-style: none; }

#howardsimage ul .seemore a:hover { text-decoration: underline;}

.image1 img { margin: 90px 0 0 10px; float: left;}

/* End of Homepage Styles - End of body styles */

/* Start of Services Styles */
#letters { background-color: #000; padding-bottom: 20px; clear: both; margin: 0; display: inline; overflow: hidden; float:left; width:800px }

#letters .letter { width: 230px; background: url(images/letter-image-top.gif) no-repeat #fff; float: left; padding-top: 42px; overflow: hidden; margin: 0 10px 20px 20px; display: inline; }

#letters .letter .curl { background: url(images/letter-image-top-bottom.gif) no-repeat right bottom; height: 67px; width: 67px; float:right; }

#lettercontainer { clear:both; overflow:hidden; }

#letters .letter p { font-size: 1em; line-height: 1.4em; color: #000; text-align: left; padding: 0 15px 5px 15px; }

#letters .letter p .gold { color: #89794A; }

#bodycontainer #bodycolumn3 { overflow: hidden; background-color: #000; padding-bottom: 20px; float: left; width: 450px; display: inline; }

#bodycontainer #bodycolumn3 ul { color: #FFF; line-height: 1.6em; font-size: 1.2em; padding: 0 0 10px 60px; list-style: square; }

#bodycolumn4 { background-color:#000; overflow: hidden; width: 350px; float: left; padding-bottom: 20px; display: inline; }

#bodycolumn4 #imageplaceholder img { padding-right: 20px; padding-top: 20px; }

#bodycolumn4 #imageplaceholder { padding-right: 15px; padding-top: 20px; }

#letters .call { clear: both; }

#howardsimage ul .see.more { color: #FFF; list-style: none; padding-left: 40px; }

/********* End of Services Page Styles **********/


/********* Contact Page Styles **********/

.formstyle { margin: 0 0 10px 15px; width: 250px; }

#bodycolumnform #contactform { width: 400px; float: left; }

#contactform form .p3 { padding-left: 0; }

#bodycolumnaddress #map { padding-left: 20px; }

#contactform form .formstyle3 { width: 275px; height: auto; margin-left: 20px; }

#bodycolumnaddress { width: 400px; float: left; }

#bodycolumnaddress ul { list-style: none; font-size: 1.2em; padding-left: 20px; }

#contactform form .p1 { padding-bottom: 0; }

.formstylesubmit1 { width:61px; height:16px; border:none; background: url(images/submit-button1.gif); }

.formstylesubmit1 a:hover { width:61px; height:16px; border:none; background: url(images/submit-button-hover.jpg); }

/********* End of Contact Page Styles **********/

/********* Sitemap ********/

#sitemap ul li a { color: #FFF; text-decoration: none; font-size: 1.2em; line-height: 1.8em; }

#sitemap ul { padding-left: 50px; }

#resources a { color: #E6CA7C; text-decoration: none; font-size: 1.2em; padding-left: 20px; }

#resources .linkbox { color: #fff; padding: 20px; }

#sitemap ul li a { color: #FFF; text-decoration: none; font-size: 1.2em; line-height: 1.8em; }

#sitemap ul { padding-left: 50px; }

/********* End of Sitemap ********/

/********* Resources ***********/
#resources ul { color: #FFF; text-decoration: none; font-size: 1.2em; line-height: 1.8em; padding-left: 50px; }

#resources ul li .subtext { font-size: 0.9em; color: #E6CA7C; }

#resources ul li a { color: #FFF; padding-left: 0px; }

#imageplaceholder #myIde { padding-bottom: 20px; padding-top: 20px; }

.padleft { padding-left:20px; }

/* End of Resources */


/* Start of footer Styles */
#wrapper #footer { height: 99px; width: 800px; clear: both; padding: 10px 0 10px 0; text-align: center; }

#footer ul { font-size: 1.2em; margin: 0; padding: 10px 0 10px 0; list-style-type: none; color: #333; }

#footer ul li { display: inline; border-right: solid 1px #000; padding-right: 5px; }

#footer ul li a { text-decoration: none; color: #000; padding-right: 10px; padding-left: 10px; }

#footer ul li a:hover { text-decoration: underline; color: #000; }

#footer p { text-align: center; line-height: 0.3em; }

#footer a { color: #333; }

#footer a:hover { color: #333; text-decoration: underline; }

/* End of footer Styles */