/*
	dark blue: 	#1a212c
	dark green: 	#107872
	light green: 	#71b095
	tan: 		#dedba7
	red: 		#d13f32
*/

/*
------------------------------
	layout
------------------------------
*/
body{ background: #dedba7 url(/img/layout/bg.png) top left repeat; text-align: center; }
.wrapper{ position: relative; width: 840px; margin: 0 auto; text-align: left; }

h3{ color: #519075; }
h4{ color: #777777; }
h5{ color: #777777; }

form{}
form .field{ position: relative; }
form .field label{ display: block; }
form .field label.error{ display: inline; position: absolute; top: 0; right: 0; }

#header{ position: relative; }
#header ul{ float: right; margin: 10px 0; }
#header ul li{ display: inline; margin: 0 10px; }
#header ul li a{ font-weight: bold; }

#flashMessage{ margin: 0 0 50px 0; }

#maincap{ background: transparent url(/img/layout/content_bg_top.png) top left no-repeat; height: 30px; }
#main{ background: transparent url(/img/layout/content_bg.png) top left repeat-y; padding: 0 20px; }
#main .intro{ background: transparent url(/img/layout/intro_bg.png) 300px 0 no-repeat; height: 220px; }
#main .intro #player{ display:block; width:280px; height:202px; margin: 0 0 0 20px; }
#main .mainnav{  }
#main .mainnav li{ float: left; display: block; width: 160px;  list-style: none; }
#main .mainnav li a{ display: block; height: 42px; background: transparent url(/img/layout/main_nav_bg.png) top left repeat-x; color: #ffffff; font-size: 18px; padding: 18px 0 0 0; text-align: center; }
#main .mainnav li a:hover{ background-color: #1a212c; text-decoration: none; }
#main #content{ background-color: #ffffff; }
#main #content h2{ height: 35px; line-height: 22px; padding: 15px 0 0 40px; color: #ffffff; background: #107872 url(/img/layout/heading_bg.png) top left repeat-x; font-weight: normal; }
#main #content .leftcol{ float: left; width: 470px; padding: 30px; }
#main #content .rightcol{ float: left; width: 210px; padding: 30px; }

#footer{ background: transparent url(/img/layout/content_bg_bottom.png) bottom left no-repeat; height: 48px; padding: 10px 40px 0 40px; }
#footer p{ margin: 0; }
#footer ul{ float: right; }
#footer ul li{ display: inline; margin: 0 10px; }
#footer ul li a{ font-weight: bold; }

/*
------------------------------
	individual sections
------------------------------
*/
.rightcol .people_preview h4{ padding: 0 0 5px 0; margin: 0; border-bottom: solid 1px #d8e9e1; }
.rightcol .people_preview .listing{ position: relative; padding: 0 0 10px 0; margin: 10px 0 10px 0; border-bottom: solid 1px #d8e9e1; }
.rightcol .people_preview .listing img{ float: left; margin: 0 20px 0 0; height: 85px; width: 75px; }
.rightcol .people_preview .listing .empname{ color: #71b095; }
.rightcol .people_preview .listing .jobtitle{ color: #777777; }
.rightcol .people_preview .listing a{ position: absolute; bottom: 15px; left: 95px; }
.rightcol .facebook{ margin: 10px 0; font-size: 14px; }
.rightcol .facebook a{ text-decoration: none; }
.rightcol .facebook a img{ margin: 0 5px -5px 0; }

/*
------------------------------
	individual pages
------------------------------
*/
.peoplelistings{  }
.peoplelistings .listing{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #71b095; }
.peoplelistings .listing img{ float: left; margin: 0 20px 0 0; height: 85px; width: 75px; }
.peoplelistings .listing h3{  }
.peoplelistings .listing a{  }

.peopledetail{  }
.peopledetail img{ float: left; margin: 0 20px 20px 0; height: 226.6px; width: 200px; }
.peopledetail h3{ font-weight: bold; }
.peopledetail .jobtitle{ color: #71b095; font-weight: bold; margin: 0 0 10px 0; }
.peopledetail .yos{ margin: 0 0 10px 0; }
.peopledetail a{  }

.serviceslistings{  }
.serviceslistings .listing{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #71b095; }
.serviceslistings .listing h3{ font-weight: bold; }

.manufacturerlistings{  }
.manufacturerlistings .listing{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #71b095; }
.manufacturerlistings .listing img{ float: left; margin: 0 20px 0 0; height: 65px; width: 175px; }
.manufacturerlistings .listing h3{  }
.manufacturerlistings .listing a{  }

.speciallistings{  }
.speciallistings .listing{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #71b095; }
.speciallistings .listing img{ float: left; margin: 0 20px 0 0; height: 85px; width: 85px; }
.speciallistings .listing h3{  }
.speciallistings .listing .splstartdate{ font-size: 11px; color: #777777; font-weight: bold; }
.speciallistings .listing .splenddate{ margin: 0 0 10px 0; font-size: 11px; color: #777777; font-weight: bold; }
.speciallistings .listing .splurl{  }
.speciallistings .listing a{  }

.specialdetail{  }
.specialdetail img{ float: left; margin: 0 20px 20px 0; height: 200px; width: 200px; }
.specialdetail h3{ font-weight: bold; }
.specialdetail .splstartdate{ font-size: 11px; color: #777777; font-weight: bold; }
.specialdetail .splenddate{ margin: 0 0 10px 0; font-size: 11px; color: #777777; font-weight: bold; }
.specialdetail .splprod{ margin: 0 0 10px 0; font-size: 11px; color: #777777; }
.specialdetail .splmfr{ margin: 0 0 10px 0; font-size: 11px; color: #777777; }

.gallerylistings{  }
.gallerylistings .listing{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #71b095; }
.gallerylistings .listing img{ float: left; margin: 0 20px 0 0; height: 85px; width: 85px; }
.gallerylistings .listing h3{  }
.gallerylistings .listing .galdesc{ color: #777777; }
.gallerylistings .listing a{  }

.gallerydetail{  }
.gallerydetail h3{ font-weight: bold; }
.gallerydetail .galprod{ margin: 0 0 10px 0; font-size: 11px; color: #777777; }
.gallerydetail .galmfr{ margin: 0 0 10px 0; font-size: 11px; color: #777777; }
.gallerydetail .galimages{ margin: 10px 0; }
.gallerydetail .galimages a{ text-decoration: none; border: none;  }
.gallerydetail .galimages img{ margin: 0 5px 5px 0; height: 100px; width: 100px; border: solid 4px #D8E9E1; }
.gallerydetail .galimages a:hover img{ border: solid 4px #c8d9d1; }

#locationMap{ width: 100%; height: 300px; margin: 0 0 20px 0; }
#streetviewMap{ width: 100%; height: 300px; }