body {margin: 0; padding: 0; background: #536a51 url(images/bg-body6.jpg) 50% 0 repeat-y;
  font-family: verdana, sans-serif; font-size: 12px;}

#mainWrap {width: 900px; background: url(images/bg-main3.jpg) repeat-y; margin: 0 auto 9px auto; }
#main {width: 900px; background: url(images/bg-main.jpg) no-repeat; padding-top: 20px;}

#header {width: 773px; margin: 0 64px; background: url(images/bg-mainLeft.png) no-repeat;}

#headerInfo {float: left; width: 340px; text-align: center; margin: 15px 0 0 20px;}
#phone {float: right; width: 350px; margin: 170px 0 0; color: #ae343a; text-align: center;}

#content { background: #f3f3d7; margin: 0 65px; border-top: 1px solid #f5f3d7; min-height: 550px;}

#contentLeft {width: 430px; float: left; margin: 10px 0 0 10px}
#contentRight {width: 310px; float: right; margin: 20px 10px 20px 0}

#gallery {margin: 20px auto; width: 710px; border: 1px solid #e3e3c4; background: #fdf8e2;}

#info {margin: 10px 30px; padding: 20px; border: 2px solid #e3e3c4; background: #fdf8e2;}

#topNav {background: #e3e3c4 url(images/bg-h1.jpg) 50% 50% repeat-x; color: #3d4a3e; font-weight: bold; border-bottom: 1px solid #f8ddad;  border-top: 1px solid #f8ddad; text-align: center;}

#footer {background: url(images/bg-footer4.jpg) bottom left repeat-x; border-top: 2px solid #ddddbf; text-align: center; width: 773px; margin: 1px 64px 0; border-bottom: 1px solid #f3f3d7;}

.rightFeature {background: #fff; border: 1px solid #f8ddad; text-align: center; margin-left: 0; width: 300px;}
.imageWrap { text-align: center; position: relative;}
.imageWrap img {margin: auto; border: 1px solid #fff;}

h1, h3, h4, p {margin: 10px; padding: 6px;}

h1 { font-size: 1.4em; text-transform: uppercase; font-family: arial, sans-serif; margin: 0; padding: 10px; background: #e3e3c4 url(images/bg-h1.jpg) repeat-x}

h2 {color: #aa363b; font-size: 1.2em; background: #e3e3c4 url(images/bg-h2.jpg) 0 50% no-repeat;
margin: 10px; padding: 8px 5px 8px 22px; border-bottom: 1px solid #faddad;
font-variant: small-caps;}

#gallery h1 {margin: 0; padding: 10px 4px; text-align: center; color: #000;}

#gallery h2 {color: #82110b; margin: 0; font-size: 12px;}

#gallery p {margin: 0; padding: 2px 4px 18px 14px;} 

.photoWrap {margin: 20px auto; border-collapse: collapse; width: 710px;}

.photoWrap th {font-size: 1.1em; padding: 6px; background: #e3e3c4; color: #aa363b;}

.photoWrap td {width: 230px; vertical-align: top;}
.photoWrap p {margin: 2px; text-align: left;}

.caption {margin: 7px 12px; padding-bottom: 5px; background: #fffefa;}

h3 {font-size: 1.1em;}

p {color: #222;}

p.feature {font-weight: bold;}

p.description {text-align: left;}

#content p.enlarge {background: #e3e3c4 url(images/bg-h1.jpg) bottom left repeat-x; margin:0 0 6px; font-size: .9em;}

#headerInfo p {padding: 0 0 10px 0; margin: 0}
#topNav p {padding: 6px; margin: 2px 0}
#footer p {padding: 6px; margin: 4px; font-size: 11px; color: #333}

img.alignLeft {float: left; margin: 0 10px 10px 0; border: 1px solid #000}
img.alignRight {float: right; margin: 0 0 10px 10px; border: 1px solid #000}
img.alignRight2 {float: right; margin: 0 0 10px 10px}

.clear {clear: both;}

.small {font-size: .8em; text-transform: none; color: #000; font-weight: normal;}

.bold {font-weight: bold}
.boldRed {font-weight: bold; color: #82110b;}
.normal {font-weight: normal;}

a:link, a:visited {color: #222; text-decoration: none;}
#footer a:link, #footer a:visited {color: #343e36; text-decoration: underline; padding: 3px}
#footer a:hover, #footer a:active {background: #fff;}
a.email {text-decoration: underline;}

ul {margin: 6px 5px 6px 0; padding: 0 10px 0 30px; list-style-type: square;}

ul li {margin: 6px 0; padding: 5px 8px; border-top: 1px dotted #000; width: 99%}

#topNav ul {white-space:nowrap;}
#topNav ul li {display: inline; border-right: 2px solid #f1f2d3; border-left: 1px solid #f8ddad; border-top: none;}
#topNav ul li:hover {background: #fdf8e2}

#topNav ul li.first {border-left: none;}
#topNav ul li.last {border-right: none;}


.highlight {color: #3e673a; font-weight: bold;}
.highlight2 {color: #303d33; font-weight: bold;}
.highlight3 {color: #aa363b; font-weight: bold;}

.imageWrap a span {display: none;}

.imageWrap a:hover span {display: block;
   position: absolute; top: 200px; left: 20px; width: 240px;
   padding: 10px; margin: 5px; z-index: 100;
   color: #f5e5c4; background: #82110b;
   font: 16px "times new roman", serif; text-align: center;}
   
.imageWrap a {margin: 0; display: block;}
  
.imageWrap a:hover .im2 {border: 6px solid #fff;}
.imageWrap a:hover .im1 { margin: auto;}
  
.imageWrap a .im1{width: 248px; height: 191px; } 
.imageWrap a .im2 {height: 0; width: 0; border-width: 0;} 
.imageWrap a:hover .im2 {position: absolute; top: -70px; left: -499px; width: 484px; height:320px;} 

#contentRight ul {text-align: left; margin: 10px;}
#contentRight .featured {font-variant: small-caps; font-size: 1.2em; border-bottom: 1px solid #343e36; color: #f5e5c4; padding: 4px; margin: 0; background: #343e36; font-weight: bold}

#contentRight .examples {background: #ac333a; font-size: 1em; border-bottom: 1px solid #343e36; color: #f5e5c4; padding: 4px 28px; margin: 0; text-align: left}

ul.manage {color: #303d33; font-weight: bold;}

ul.properties {font-size: .9em;}

ul.properties li.first {border-top: none;}

ol {margin: 5px 5px 5px 0; padding: 0 10px 0 38px;}

ol li {margin: 8px 0; padding: 4px 8px;}

a.underlineThis  {text-decoration: underline;}