/* JMF Designs Styles */

/* Base Styles */
* { margin:0; }
html, body, #wrapper { height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; }
body > #wrapper { height:auto; min-height:100%; }
p { margin:10px 15px 15px 15px; color:#fff; font-size:12px; line-height:1.5em; }
hr { border:none; color:#bd253a; height:1px; background-color:#bd253a; }
img { border:none; }
h1 { color:#fff; font-size:14px; margin:0 0 0 15px; }
h2 { color:#fff; font-size:16px; margin:0 0 0 15px; }
h3 { color:#fff; font-size:14px; margin:20px 0 0 15px; }
h4 { color:#fff; font-size:13px; margin:25px 0 0 15px; }
ul { margin:0; padding:0 20px 20px 20px; }
/* END Base Styles */

/* Page IDs */
#mainLogo { position:absolute; top:0; left:0; margin:0; padding:0; z-index:1; }
#header { background-color:#2c2c2c; height:30px; width:100%; }
#content { margin:0 auto 0 auto; width:880px; padding:20px 0 20px 0; }
#contentSub { margin: 0 auto 0 auto; width:900px; padding:20px 0 20px 0; }
#contentSub li { margin:10px 15px 10px 0px; font-size:12px; color:#fff; line-height:15px; list-style:none;}
#contentSub a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#contentSub a:hover { color:#fff; }
#footer { position:relative; height:20px; clear:both; background-color:#2c2c2c; margin-top:-20px;}
#footer p { margin:2px 10px; font-size:10px; float:right; color:#fff; }
#siteNav { list-style:none; margin-top:5px; float:right; font-size:12px; font-weight:bold; width:600px; }
#siteNav a:link { text-decoration:none; color:#fff; padding:5px; }
#siteNav a:visited { text-decoration:none; color:#fff; padding:5px; }
#siteNav a:hover.home { color:#333; background-color:#ced9cc; }
#siteNav a:hover.portfolio { color:#333; background-color:#a8c4c8; }
#siteNav a:hover.company { color:#333; background-color:#f6e2db; }
#siteNav a:hover.process { color:#333; background-color:#d8deea; }
#siteNav a:hover.materials { color:#333; background-color:#9e91a3; }
#siteNav a:hover.links { color:#333; background-color:#c79d8f; }
#siteNav a:hover.blog { color:#333; background-color:#eee0d3; }
#siteNav a:hover.contact { color:#333; background-color:#ebede0; }
#siteNav a:hover.pcNav { color:#333; background-color:#9e91a3; }
#siteNav li { margin-right:10px; display:inline; line-height:20px; }
#monoSlideshow { border:10px solid #fff; width:860px; background-color:#fff; }
#homeContainer { width:880px;}
#homeAlign {  width:760px; margin:10px auto; }
#homeContent { background-color:#2c2c2c; margin:0 10px 20px 0; padding:10px; width:500px; float:left; }
#homeNews { background-color:#2c2c2c; margin:0 0 0 10px; padding:10px; width:200px; float:left; }
#homeNews a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#homeNews a:hover { color:#fff; }
#subRight { float:right; width:500px; background-color:#2c2c2c; padding:10px; margin-bottom:20px;}
#imageRight { float:left; margin:20px 10px 0 0; margin-bottom:20px;}
#subLeft { float:left; width:500px; background-color:#2c2c2c; padding:10px; margin-top:70px; margin-bottom:20px;}
#subLeft ul { margin:0; padding:0 20px 20px 20px; }
#subLeft li { margin-bottom:15px; }
#imageLeft { float:right; margin-left:10px; margin-bottom:20px;}
#email { margin:0; padding:20px; }
#portContent { margin-top:70px; margin-bottom:20px; width:900px; padding:10px; background-color:#2c2c2c; }
#flashcontent { height:700px; }
/* END Page IDs */

/* Classes */
body.home { background-color:#ced9cc; background-image:url(../images/bg_bamboo.png); background-position:top left; background-repeat:no-repeat; background-attachment:fixed; }
body.about { background-color:#f6e2db; background-image:url(../images/bg_cherry.png); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; }
body.process { background-color:#d8deea; background-image:url(../images/bg_bluecone.png); background-position:bottom left; background-repeat:repeat-x; background-attachment:fixed; }
body.materials { background-color:#9e91a3; background-image:url(../images/bg_lotus.png); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; }
body.links { background-color:#c79d8f; background-image:url(../images/bg_maple.png); background-position:bottom right; background-repeat:no-repeat; background-attachment:fixed; }
body.contact { background-color:#ebede0; background-image:url(../images/bg_grass.png); background-position:bottom left; background-repeat:repeat-x; background-attachment:fixed; }
body.portfolio { background-color:#a8c4c8; background-image:url(../images/bg_koi.png); background-position:bottom right; background-repeat:no-repeat; background-attachment:fixed; }
body.blog { background-color:#eee0d3; background-image:url(../images/bg_maple_branch.png); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; }

.newsDate { font-weight:bold; margin:10px 0 0 -5px; color:#999; }
.marginFix { margin-bottom:-10px; }
.large { font-size:14px; font-weight:bold; }
.email { margin:0; padding:0; color:#fff; }
.client { margin-left:30px; font-style:italic; font-weight:bold; }
.galBack { float:right; font-weight:bold; }
.short { font-weight:bold; }
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Plant Catalog Styles*/
#gcoverTable { font-size:12px; background-color:#fff; border:0; border-collapse:collapse; margin:0 auto 15px auto; width:525px; }
#gcoverTable td, tr { border:1px solid; padding:3px; }
#gcoverTable a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#gcoverTable a:hover { color:#999; }
#gcoverTable2 { font-size:12px; background-color:#fff; border:0; border-collapse:collapse; margin:0 auto 15px auto; width:525px; }
#gcoverTable2 td, tr { border:1px solid; padding:3px; }
#gcoverTable2 a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#gcoverTable2 a:hover { color:#999; }
#plantList { height:auto; width:800px; background-color:#2c2c2c; margin:0 auto 0 auto; padding:20px; }
#plantList h2 { font-size:12px; color:#fff; margin:15px 0 15px 40px; }
#plantList ul { font-size:12px; color:#fff; list-style:none; margin:0 0 20px 0; padding:0 0 0 45px; }
#plantList li { line-height:15px; }
#plantList a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#plantList a:hover { color:#fff; }
#pList { width:450px; float:left; margin:70px 0 0 0; padding:20px; font-size:12px; background-color:#2c2c2c;}
#pList ul { list-style:none; margin:0; padding:0; color:#fff; }
#pList li { padding-top:10px; }
#pList h1 { color:#fff; margin:0; }
#pList h2 { color:#bd253a; margin:0; }
#pList a:link, a:visited { text-decoration:none; color:#bd253a; margin:0; padding:0; }
#pList a:hover { color:#fff; }
#pImage { float:right; margin:0; padding:15px 20px 20px 0; }
#pImage ul { margin:0; padding:0;}
#pImage li { list-style:none; margin:0; padding-top:10px; }
#cateList ul { list-style:none; margin:0; font-size:12px; font-weight:bold; }

.clickText { margin:0 0 -10px 0; padding:0; font-size:9px; color:#fff; }
.red { color:#bd253a; }
.graybg { width:690px; background-color:#2c2c2c; padding:20px; margin:70px auto 40px auto; clear:both; }
.graybg table {color:#fff;}
.graybg td {color:#fff;}
.graybg a:link  { color:#bd253a; text-decoration:none; }
.graybg a:visited { color:#bd253a; text-decoration:none; }
.graybg a:hover { color:#fff; }
.graybg ul { margin:20px 0 20px 10px; color:#fff; font-size:12px; }
.graybg li { line-height:1.5em; }
.graybg2 { width:690px; background-color:#2c2c2c; padding:20px; margin:70px auto 40px auto }
.search-results{color:#fff;}

.floatRightImg { float:right; margin:0; padding:0 40px 20px 0; }
.floatLeftImg { float:left; margin:0; padding:0 0 20px 40px; }
.floatMainImg { float:right; margin:0 0 15px 15px; padding:0; }
.bottomRight { bottom:0; text-align:right; font-size:9px; color:#666666; margin:0 5px -10px 0; padding:0; }
.springPC { width:670px; background-color:#FFFFFF; padding:10px; }
.springPC h4 { color:#000; }
.springPC ul { color:#000; line-height:1.25em;  }
.fallPC { width:670px; background-color:#FFFFFF; padding:10px; margin-top:20px; }
.fallPC h4 { color:#000; }
.fallPC ul { color:#000; line-height:1.25em;  }
.backBtn { font-size:9px; float:right; }
.list { border-bottom:1px solid #bd253a; width:690px; clear:both; }
/*END Plant Catalog Styles*/