/* content section */

#content {text-align: center;}

#project {padding: 0px 0px 20px 0px; }

.infoWrap { background: #f7f4e1; margin: 20px auto; padding: 10px 0; border: 1px solid #f5e6bb; width: 800px; text-align: center;}

.infoLeft {float: left; width: 440px; text-align: left; margin-left: 15px;}
.infoRight {float: right; width: 300px; background: #fffbf0; text-align: left; margin-right: 10px; border: 3px double #f5e6bb; padding: 10px 0;}

.siteWrap {clear: both; background: #f7f4e1; margin: 20px auto; padding: 10px 0; border: 1px dotted #bda385; width: 600px; text-align: center;}

#bottom {clear: both; font-size: 11px; background: #cce3d7;
padding: 15px 60px; margin: 10px 0px 0px 0px; text-align: left;}

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

h4.blue {font-size: .9em; font-weight: bold; border-top: 1px solid #000; border-bottom: 1px solid #000; clear: both;
color: #1a2450; padding: 6px 0 6px; margin: 20px 50px 18px; height: 1.2em; text-align: center;}

h4.blue2 {font-size: .9em; font-weight: bold; border-bottom: 1px solid #000; clear: both;
color: #1a2450; padding: 6px 5px 6px 10px; margin: 10px 10px 18px; height: 1.2em; text-align: left;}

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

#content p {margin: 10px; padding: 0;}

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

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

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

td {text-align: center;}

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

p {font-size: .8em; text-align: left;}

#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;}

div.clients {}

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

.clear {clear: both;}

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

ul.design {width: 500px; margin: 0px 0px 10px 20px; font-size: .9em; text-align: left;}

ul.design li {list-style-type: none;
padding: 5px 10px; margin: 0px 0px;
border-bottom: 1px dashed #869b96;}

.tnail {text-align: center; width: 192px; float: left; padding: 3px;}
.tnail img {margin: 5px auto; border: 1px solid black; background: #f7f4e1;}
.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 0px; font-size: .8em; text-align: left;}

.tnail2 {padding: 6px ; text-align: left; width: 280px;  margin-left: 30px;  float: right; clear: right;}
.tnail2 img {margin: 0px 20px 15px 10px; border: 1px solid black;}
.tnail2 a {text-decoration: underline; color: #880000; font-weight: bold; font-size: .9em;}
.tnail2 p {margin: 0px; padding: 12px 0px; font-size: .8em; }

.tnail3 {text-align: center; width: 450px; margin: 10px auto; padding: 3px; background: #fffbf0;}


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 h5, .testimonialWrap2 h5 {border-bottom: 1px solid #333; border-top: none;}

#footer p {text-align: center;}