/* content section */

#content .infoLeft {float: left; margin: 10px auto; width: 48%; max-width: 400px; margin-left: 1%;}	

 #content .infoRight {float: right; margin: 10px auto; width: 44%; max-width: 400px; margin-right: 1%;}	
 


#content img {width: auto; max-width: 100%; height: auto;}

.infoWrap {background: #f3f7e3; margin: 20px auto; 
width: 90%; padding: 5px 0; border: 1px solid #f5e6bb; position: relative;}
.infoLeftText {margin-left: 8px;}
.infoWrap2 {background: #fffbf0; margin: 20px auto; 
width: 95%; border: 1px solid #f5e6bb; text-align: center;  clear: both;}

.siteWrap {width: 210px; float: left; padding: 10px 0;
 border: 1px dotted #bda385; background: #f7f4e1; margin-left: 6%; margin-bottom: 10px; text-align: center;}

h3 {font-size: 1em; font-weight: bold; color: black; padding: 10px 20px; margin:  0px; text-align: left;}

#content .tnail p, #content .tnail2 p {font-size: .9em;}

.tnail p.name {font-size: 1em; clear: both; font-weight: bold;
color: #1a2450; padding: 6px 0 3px; margin: 0; text-align: center;}

h2.blue {font-weight: bold; border-top: 1px solid #000; border-bottom: 1px solid #000; clear: both;
color: #1a2450; padding: 6px 0 6px; margin: 20px 10px 10px; line-height: 1.5em; text-align: center;}

#content h2.blue2 {font-weight: bold; clear: both; font-size: 1.1em;
color: #1a2450; padding: 6px 5px 6px 0; margin: 10px; line-height: 1.5em; text-align: left;}

#content h3.city {clear: both; padding: 6px; margin: 6px auto; font-size: .9em; text-align: center !important;
border-top: 1px solid #f5e6bb; border-bottom: 1px solid #f5e6bb; background: #fffbf0}

#content p {margin: 10px; padding: 4px 0; font-size: 1em;}

#content a:hover {background: #fff;}

#content p.wideMargin {margin: 15px 60px;}

a.projectLink {font-weight: bold; font-size: .9em;}

.strongtext {font-weight: bold; color: #1a2450; font-size: .9em;}

p {font-size: .9em; text-align: left;}
p.centerAlign {text-align: center;}

#content p.question {font-size: .9em; font-weight: bold;
color: #1a2450; padding: 6px 5px 6px 10px; margin: 20px 0 15px; height: 1.2em; text-align: left;}

#content p.author {text-align: right; color: #880000; font-weight: bold; margin: 10px 20px; font-size: .9em;}

.clear {clear: both;}

ul.examples {margin-left: 30px; font-size: .9em;}
ul.examples li {margin: 4px;}

.tnail {text-align: center; width: 192px; padding: 3px 0; margin: 5px auto;}
.tnail img {margin: 5px auto; background: #f7f4e1;
-moz-box-shadow: 0 0 5px #666;
-webkit-box-shadow: 0 0 5px #666;
 box-shadow: 0 0 5px #666;}
.tnail a {text-decoration: underline; color: #880000; font-weight: bold; font-size: .9em;}
#content .tnail a:hover {background: #f7f4e1;}
.tnail p {margin: 0px; padding: 12px 0; font-size: .8em; text-align: left;}

.siteWrap3 {width: 99%; }

.tnail2{text-align: center; width: 25%;  height: 370px; padding: 3px 0; margin: auto;float: left; overflow: hidden;}
.tnail2 img {margin: 5px auto; background: #f7f4e1;
-moz-box-shadow: 0 0 5px #666;
-webkit-box-shadow: 0 0 5px #666;
 box-shadow: 0 0 5px #666;}
.tnail2 a {text-decoration: underline; color: #880000; font-weight: bold; font-size: .9em;}
#content .tnail2 a:hover {background: #f7f4e1;}
.tnail2 p {margin: 0; padding: 12px 0; font-size: .8em; text-align: left;}

#content .tnail-featured {text-align: center; width: 200px; margin: 5px 30px; padding: 3px; float: left; background: #f7f4e1;}

.tnail3 {text-align: center; clear: both; margin: 10px 5%; padding: 3px; background: #fffbf0; border: 3px double #f5e6bb;}
#content .tnail3 h3, #content .tnail3 p {margin: 0; padding: 12px; text-align: left; }

.testimonial {padding: 3px; background: #fffbf0; float: right; width: 66%; margin-top: 15px;}
.testimonial h3, #content .testimonial p {margin: 0; padding: 12px; text-align: left; }

a:link {color: #1a2450; }
a:visited {color: #404575; }
#nav a:hover {color: #660000; background: #cce3d7; }
a:active {color: #404575; }

img.alignLeft {float: left; margin: 0px 20px 10px 20px;}

.testimonialWrap {font-size: .9em; background: #fffbf0; padding: 10px; margin: 10px 20px; float: left; width: 330px}
.testimonialWrap2 {font-size: .9em; background: #fffbf0; padding: 10px; margin: 10px 20px;}

.testimonialWrap h4, .testimonialWrap2 h4 {border-bottom: 1px solid #333; border-top: none;}

footer p {text-align: center;}

@media only screen and (max-width: 600px) {
#content .infoLeft, #content .infoRight {float: none; margin: 10px auto; width: 90%; max-width: 400px;}	
}