@charset "utf-8";
/* CSS Document */

body { font-size: 12px; font-family: Arial; margin: 0; }
body * { margin: 0; padding: 0; }

a { color: #68625e; text-decoration: none; }
a:hover { color: #563387; text-decoration: underline; }
/*a:visited { color: #aa3266; }*/
a img { border: none; text-decoration: none; }

#page { margin: 50px auto 0; width: 1000px; }
#top { height: 20px; background: url(../images/bg_top.gif) no-repeat; }
#middle { background: url(../images/bg_middle.gif) repeat-y; }
#bottom { height: 30px; background: url(../images/bg_bottom.gif) no-repeat; }

/* #left-box starts here */
#left-box { width: 720px; float: left; margin: 0 0 0 10px;}
#top-menu { background: url(../images/bg_menu.jpg) no-repeat; height: 230px; position: relative; }
#top-menu ul.menu { list-style-type: none; position: absolute; bottom: 7px; left: 160px; }
#top-menu ul.menu li { float: left; margin-left: 20px; }
#top-menu ul.menu li a { color: #468dd0; display: block; text-transform: uppercase; font-size: 16px; font-weight: bold; text-decoration: underline; }
#top-menu ul.menu li a:hover { color: #b54e74; }
#top-menu ul.header-images { list-style-type: none; position: absolute; bottom: 41px; left: 257px; }
#top-menu ul.header-images li { float: left; margin-left: 3px; }
#top-menu p.instruction { position: absolute; bottom: 25px; right: 5px; font-size: 10px; }

#left-menu { width: 165px; float: left; }
#left-menu { list-style-type: none; }
#left-menu li a { display: block; width: 140px; font-size: 22px; padding: 9px 5px 10px 20px; }

#content { width: 525px; float: left; padding: 6px 15px; }
#content h2 { color: #5a5866; font-size: 26px; font-weight: normal; }
#content h2.violet { color: #662d92; }
#content h3 { color: #563387; font-size: 18px; font-weight: normal; margin: 10px auto; }
#content h3.lviolet { color: #922790; }

#case-studies { list-style-type: none; }
#case-studies li { border-bottom: 1px solid #922790; margin-top: 10px; }
#case-studies li img { float: left; margin-right: 10px; }
#case-studies li a { color: #be1b8e; }
#case-studies li p { color: #64646d; margin-bottom: 10px; }

#case-study { margin-top: 20px; color: #64646d; }
#case-study div.images { }
#case-study img.big { float: left; margin-right: 15px; }
#case-study img.small { margin-bottom: 10px; }
#case-study h2 { margin: 8px auto; }
#case-study h3 { color: #922790; }
#case-study p { }

#footer { margin-left: 20px; margin-top: 40px; }

/* #right-box starts here */
#right-box { float: right; width: 196px; padding: 0 15px 0 5px; margin: 0 30px 0 10px; }
#right-box h2 { color: #5c227e; font-size: 26px; font-weight: normal; }
#newsletterF { margin-top: 2px; }
#newsletterF fieldset { border: none; }
#newsletterF .text { border: none; color: #65697c; width: 182px; margin-top: 3px; padding: 10px 4px; background-color: #eff0f1; }
#newsletterF .submit { border: none; padding: 3px 6px; color: #65697c; width: 100px; text-align: left; float: right; background-color: #eff0f1; margin: 4px 6px 30px; cursor: pointer; }

#contact {}
#contact span.required { color: red; }
#contact p { margin: 15px auto; }
#contact form { margin: 30px 0 0 0; }
#contact label { float: left; width: 110px; margin-bottom: 5px; }
#contact .stext { width: 200px; margin-bottom: 5px; }
#contact .ltext { width: 400px; margin-bottom: 5px; }
#contact textarea { width: 400px; margin-bottom: 5px; }
#contact .submit { margin-left: 250px; }
#contact label.error,
#contact span.error { color: #C00; }
#contact input.error,
#contact textarea.error,
#contact select.error { background: #FEE; border-color: #C00; }

div.errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
div.errorSummary p { margin: 0; padding: 5px; }
div.errorSummary ul { margin: 0; padding: 0 0 0 20px; }
div.errorSummary ul li { list-style: square; }

/* other classes */
.gray { color: #99a0b1; }
.violet { color: #5c227e; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }