* {margin:0; padding:0}
body {margin:0; font:62.5% Verdana, Arial, Helvetica, sans-serif}
a img {border:0}
a:active, a:focus {outline:0}

.left {float:left}
.right {float:right}
.clear {clear:both}
.note {color:#f00; font-weight:bold}

.imgleft {float:left; margin:0 1em 1em 0}
.imgright {float:right; margin:0 0 1em 1em}

.list {margin-left:2em}

#container {width:80em; margin:1em auto; overflow:hidden}
#header ul {list-style:none; padding-top:4.5em}
#header ul li {display:inline; padding-left:1.6em}
#header ul li a {color:#333}

#main {background:#406B98 url(images/gradientsmall.jpg) repeat-x; padding:1em 0; overflow:hidden; margin:0; clear:both}
#leftcontent {padding:0 1em; color:#fff; width:16em; min-height:32em; height:auto !important; height:32em; float:left}
#leftcontent p {width:18em; padding-bottom:2em}
#leftcontent h2 {font-size:1.8em; font-weight:normal; color:#fff; padding-bottom:1em}
#leftcontent a {color:#fff}

#rightcontent {margin:0; width:58em; background:#fff; padding:1em; margin-left:18.5em; min-height:32em; height:auto !important; height:32em}
#rightcontent p {margin-bottom:1em}

#bottom {margin:0; padding:4em 0 3em; height:10em; background:#d2d2d2 url(images/shadow.jpg) top center no-repeat; overflow:hidden}
#bottom p {padding:1em 2em}

#footer {clear:both}
#footer p {font-size:1.1em; font-weight:bold}

#search {background:#406B98; color:#fff; border:1px solid #999; padding:0.2em; margin:0; font-size:1em; border:0; border-top:1px solid #fff}

/*CONTACT FORM */
#regform {width:50em; float:left}
#regform span {clear:both; color:#f00; font-size:1em; font-weight:bold; display:none}
#regform p {margin:0; padding:0; float:left; width:16em; padding-bottom:1em}
#regform p.double {width:32em}
#regform label	{display:block}
#regform textarea, #regform input, #regform select {padding:0; margin:0; width:14.2em; border:1px solid #999; clear:left; margin-right:1.5em; font-size:1em}
#regform textarea {height:5em; width:30.2em;	overflow:auto}

#submit	{margin:0.5em 0.5em 0 0; padding:.4em; width:8em; background:#eee; color:#333; clear:left}

.required label {font-weight:bold}

.activeField label {font-weight:bold; color:#33f}
.activeField input, .activeField textarea {border:1px solid #e32}
.idle input, .idle textarea {border:1px solid #999}

.loading {display:none}

/* REPS */
#reps dl {padding:1.5em 0; page-break-inside:avoid }
#reps dt { width:7em; margin-right:1em; text-align:right; float:left; font-weight:bold }
#reps dd { margin-left:8em }

.rep {border:5px solid #eee; width:30em}
.rep1 {border:5px solid #6cf; width:30em; margin:0 1em 1em 0}
.rep2 {border:5px solid #ccc; width:30em; margin:0 1em 1em 0}
.rep3 {border:5px solid #06c; width:30em; margin:0 1em 1em 0}

.partnerlinks {text-align:center}
.partnerlinks a img {border:1px solid #fff}
.partnerlinks a:hover img {border:1px solid #06f}

/* DOCUMENTS */
#documents { width:27em; height:36em; overflow:auto }
#preview { width:30em; height:36em; float:right; display:block }
#preview img { border:1px solid #999; background:url(images/ajax-loader.gif) no-repeat center center }


/* DOCK MENU */
#dockmenu {width:240px; float:left; margin:0; padding:0 7em}
div.docking {border:0 none; margin:0; padding:0; width:240px; height:96px; background:#d2d2d2}
div.docking a {border:0 none; margin:0}
div.docking a img {border:0 none; margin:0; padding:0 0 96px}

/* PARTNERS */
.greynote {background:#ccc; text-align:center; padding-bottom:1em; margin-bottom:1em}