@charset "utf-8";

@media screen {

* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: url(../b/back.png) repeat-x 0 0 #5858FA; color: #5858FA; font: 62.5%/1.6em "Tahoma", "Times New Roman", Times, serif; min-width: 980px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea { margin: 0 0 2px 0; }

img, div, a, input { behavior: url(/c/resources/iepngfix.htc) } /*PNG Fix on IE6 */

/* =Headings - Generic styles
----------------------------------------------- */
h1 { color:#F8F8FF; font-weight: normal; letter-spacing: 2px }

pp { color:#F8F8FF; font-weight: normal; letter-spacing: 2px }

p,h2, h3, h4, h5, h6 { color: #DF0174; font-weight: normal; letter-spacing: 2px; }

#content h1 { font-size: 20px; font-variant:small-caps; font-weight:bold }

#content h2 { font-size: 16px; font-variant:small-caps; font-weight:bold; padding: 6px 10px 6px 0px}

#content h3 { font-size: 13px; font-variant:small-caps; padding: 14px 0px 0px 0px; letter-spacing: 1px; margin-bottom: 3px; }

#content h4 { text-align:center; padding: 0px 0px 8px 0px; }

#content h5{ font-size: 11px; font-variant:small-caps; font-weight:bold; text-align:center; padding: 25px 0px 5px 0px;}

#content h6 { font-size: 10px; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #5858FA; text-decoration: none; }

a:visited, a:hover, a:focus, a:active { background: transparent; color: #FF0080; text-decoration: none; }

/* =Wrappers
----------------------------------------------- */
#wrapper { background: transparent; margin: 0 auto; width: 980px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: transparent; height: 55px; position: relative; width: 980px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; float:none; }

#heading h1 { left: 42px; position: absolute; top: 12px; background: transparent; display: block; height: 50px; overflow: hidden; width: 740px; }

/* =Content Layout
----------------------------------------------- */
#content { background-color:#F8EJFA; position: relative; margin: auto; width: 980px; }

#container { float: left; font-size: 13px; width: 980px; line-height: 18px; text-align:justify; }

#container-inner { padding: 4px 40px 4px 40px; }

/* =Classes
----------------------------------------------- */

img.head { width: 325px; height: 325px; float: right; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head1 { width: 300px; height: 300px; float: right; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head2 { width: 300px; height: 300px; float: left; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head3 { width: 210px; height: 250px; float: right; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head4 { width: 210px; height: 210px; float: left; align: bottom; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head5 { width: 210px; height: 210px; float: right; align: bottom; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head6 { width: 250px; height: 250px; float: left; margin: 0 0 0 34px; border: 1px solid #bbb;  }

img.head7 { width: 250px; height: 250px; float: right; margin: 0 0 0 34px; border: 1px solid #bbb;  }

ul.services { margin: 14px 0 16px 14px; }

/* =Footer
----------------------------------------------- */
#footer { background: transparent; clear: both; height: 20px; width:980px; }

#footer p { color: #727e80; font-size: 9px; line-height: 14px; margin: 0 40px 0 0; padding: 5px 0px 0px 0px; text-align:right; }

#footer a:link, #footer a:visited { color: #888; text-decoration: none; }
#footer a:hover { color: #aaa; text-decoration: none; }

}