/*********************************************************************************************
This is the main stylesheet. These are the styles are for the website content that is editable 
by the client. These styles appear in the WYSIWYG editor.
*********************************************************************************************/

BODY {background: #bbbdc0; background-image: none; font-size:13px; line-height: 16px;font-family: Arial, Helvetica, sans-serif; font-style: normal; text-align: center; color: #000000; margin:35px 0 0 0;}

/* TinyMCE specific rules */
body.mceContentBody {background: #ffffff; background-image: none; text-align: left; width: 751px;}

a {text-decoration: underline;outline: none}
a:link {color: #000000;	background: transparent; text-decoration: underline;outline: none}
a:visited {color: #000000; background: transparent; text-decoration: underline;outline: none}
a:hover {color: #a34223; background: transparent; text-decoration: underline;outline: none}

a img { border:0;}

h1 {font-size: 16px; color: #000000; margin: 0 0 12px 0; line-height: 20px;}
h2 {font-size: 15px; color: #a34223; margin: 0 0 12px 0; line-height: 18px;}
h3 {font-size: 13px; color: #000000}
h4 {font-size: 13px; color: #000000}

p {font-size: 13px; margin: 12px 0 12px 0;}

.error {color: #990000;}
.success {color: blue;}
.small {font-size: 10px ! important;}
.small a {font-size: 10px ! important;}
.note {font-size: 10px ! important;color: #990000; margin-top: 0px;}
.clear {clear: both; height:1px; overflow: hidden;margin:0;padding:0;}
.center {text-align:center;}
.right {text-align:right;}

.contentImageLt {border: 3px solid #dadbdd;float:left;margin-right: 20px;}
.imageDrkBorder {border: 3px solid #dadbdd;}
.highlight {color: #a34223;}


/*Home Page*/
#homeProjects {position: relative; width: 580px; border-top: 2px solid #d9dadb; padding: 15px 0 0 0; margin: 0;}
#homeProjects p {padding: 0 ! important;}
#homeProjectsLeft {float:left; width: 320px; margin: 0; padding: 0;}
.homeProjectImageSml {float: left; width: 115px; padding: 0 45px 0 0; margin: 0;}
.homeProjectImageBig {float: left; width: 200px; margin: 0;padding: 1px 0 0 0;}

.homeProjectImageSml p, .homeProjectImageBig p {font-size: 11px; font-weight: bold; margin: 7px 0 0 0;}






/*Contact Page*/
.contactHoursDay {float:left; width:70px;}
.contactArrow {float:left; margin:3px 5px 30px 0;}

/*ProductsPage*/
.productsLeft {float:left;width:274px;}
.productsLeft div {padding:0; margin: 0 0 10px 0;}
.productsRight {float:right; width:295px;}
.productsRight div {margin:5px 0 25px 0; border: 3px solid #dadbdd; padding:15px;}
.productsRight div ul {color: #000000; margin-top: 10px; margin-bottom: 10px}
.productsRight div p {margin: 9px 0 6px 0;}