@import url("navigation.css");

/* MAIN SECTIONS */
body 						{ margin: 0px; padding: 0px; background: url(../images/back-grad.jpg) repeat-x center top #84a32a; font-family: Georgia, "Times New Roman", Times, serif; color: #2d2d2d; font-size: 12px; }
#container 					{ width: 715px; margin: 0 auto; }
#contentcontainer 			{ padding: 0 20px; overflow: hidden; }

/* LOGO */
.logo 						{ text-indent: -9000px; background-image: url(../images/bmd-logo.jpg); height: 122px; width: 181px; display: block; }

/* CONTENT */
#welcome 					{ background: url(../images/welcome.jpg) no-repeat left top; width: 490px; height: 108px; margin-bottom: 10px; }
#content 					{ float: left; width: 490px; }
#content ul 				{ list-style-type: none; margin: 0; padding: 0; }
#content ul li 				{ height: 148px; width: 138px; background: url(../images/thumb-back.png) center no-repeat; float: left; padding: 12px 0 0 23px; }
#thumbnail 					{ height: 141px; width: 161px; background: url(../images/thumb-back.png) no-repeat center top; float: left; }
.rightinfo 					{ float: left; height: 400px; width: 150px; }
.leftinfo 					{ float: left; margin-right: 10px; height: 640px; width: 800px; }

/* PAGE TITLES */

#title	 					{ height: 40px; width: 490px; text-indent: -9000px; }
.latest 					{ background: url(../images/latest.jpg) no-repeat; }
.corporatet 					{ background: url(../images/corporate.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }
.animation 					{ background: url(../images/animation.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }
.website 					{ background: url(../images/websites.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }
.illustration 				{ background: url(../images/illustration.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }
.gifts 						{ background: url(../images/gifts.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }
.wedding 					{ background: url(../images/wedding.jpg) no-repeat; height: 40px; width: 490px; text-indent: -9000px; }

/* HEADINGS */

h1 							{ display: none; }
h2 							{ font-size: 16px; font-weight: normal; margin: 0 0 7px 20px; padding: 0; }

/* NAVIGATION */

#nav 						{ width: 181px; overflow: hidden; float: left; }
#nav ul 					{ list-style-type: none; margin: 0; padding: 0; }
#nav ul li 					{ margin: 0; padding: 0; }
.copyright 					{ background: url(../images/copyright.jpg) no-repeat; height: 214px; width: 181px; clear: both; text-align: center; margin: 0; padding: 5px 0 0 0; font-size: 10px; }

/* FORM */
input, textarea 			{ padding: 4px; border: 1px solid #CCC; width: 200px; background-color: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 10px 5px 0; }
label.error 				{ color: #903; float: none; }
textarea 					{ width: 300px; height: 100px; line-height: 150%; }
input:hover, 
textarea:hover,
input:focus,
textarea:focus 				{ border-color: #243682; }
.submit input 				{ width: auto; padding: 3px 5px; border: 1 solid #CCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contactquote 				{ margin-left: 20px; }
.rightinfo a 				{ color: #FFF; text-decoration: underline; }
.date 						{ font-family: 'Reenie Beanie', Georgia, serif; color: #999; height: 20px; margin: 0px; padding: 0px; text-align: center; width: 115px; line-height: 20px; font-size: 1.5em; }
.error 						{ padding: 3px; margin: 3px; background-color: #fff; border: 1px solid #243682; }
.error p					{ color: #333; }