/* MANNI DESIGNS HOLDING SITE STYLESHEET - MORAY WEB SOLUTIONS */

html { overflow-y: scroll; }

body,p { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 14px; line-height: 1.5em; color: #666; }

#contact 			{ width: 100%; height: 270px; background: #333; }

#contact-wrap 		{ width: 940px; padding: 10px; margin: 0 auto; position: relative; overflow: hidden; }
#contact-wrap img 	{ float: left; }
#contact-wrap p 	{ clear: left; float: left; width: 200px; margin: 18px 0 0; font-size: 16px; line-height: 1.2em; color: #CCC; }

#contact_form				{ position: absolute; top: 10px; right: 10px; width: 680px; }
#contact_form form, 
#contact_form fieldset		{ font-size: 15px; }
#contact_form label 		{ float: right; padding: 7px 15px 7px 0; margin: 3px 0; font-weight: bold; color: #FFF; }
#contact_form label.error 	{ font-size: 12px; color: #C60; }
#contact_form input,
#contact_form textarea 		{ clear: right; float: right; width: 298px; border: 1px solid #111; padding: 7px; margin: 3px 0; }
#contact_form #submit_btn 	{ width: 100px; margin-right: 214px; }

#sent_message				{ text-align: right; }
#sent_message h3			{ margin: 50px 0; font-size: 16px; color: #FFF; }

#page			{ width: 960px; padding: 0; margin: 0 auto; }

#panels			{ margin: 40px 0 0; }
#panels img		{ float: left; margin: 10px; border: 1px solid #CCC; }
#panels div		{ width: 438px; height: 198px; padding: 10px; margin: 10px; float: left; border: 1px solid #CCC; }
#panels h2		{ font-size: 15px; font-weight: bold; color: #666; }
#panels p		{ margin: 0 0 15px; font-size: 14px; color: #666; line-height: 1.6em; }
#panels a		{ text-decoration: none; color: #C60; }
#panels a:hover,
#panels a:active{ text-decoration: underline; }

img.telephone 	{ margin: 0 10px;}

a.contact-tab 	{ float: right; margin: 0 10px; }

h1 				{ display: block; margin: -15px auto 0; width: 317px; height: 123px; background: url('../images/manni-designs-logo.png') no-repeat top left; text-indent: -9999px; }