@charset "utf-8";
/*  RESET & GLOBAL  */
* { margin:0; padding:0; }
html { height:100%; font-size:100.01%; }
body { height:100%;	width:100%;	font:.8125em/1.24 Arial, Tahoma, Verdana, Sans-Serif; color:#3c3c7e; position:relative; background:#b5e1ef; }

/*  ELEMENTS  */
p { padding-bottom:1em; }
strong { font-weight:bold; }
em { font-style:italic; }
ul, ol { margin-left:3em; margin-bottom:1em; line-height:1.3em; }
img { border:0 none; vertical-align:top; padding:0; margin:0; }
hr { border:none; border-top:1px solid #F60; background:gray; height:0; overflow:hidden; margin:10px 0; }
blockquote { margin-left: 5em; padding:1em 2em 1em 1em; border-left:2px solid #F60; }
code, pre { font-family:"Courier New", Courier, monospace; padding:2px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }
acronym { cursor:help; border-bottom:none; font-variant:normal; }
a acronym { cursor:pointer; border-bottom:none !important; }

/*  LINKS  */
*:focus { outline:none; }
a { cursor:pointer; color:#E15B5B; text-decoration:underline; }
a:hover { text-decoration: none; }

/*  TABLES  */


/*  FORMS  */
input.text-field, select, textarea { vertical-align:middle; padding:1px; background:#fff; border:1px solid silver; width:10em; font:12px Arial; color:#666; }
label, label * { vertical-align:middle; }
fieldset { border:none; }
textarea { vertical-align:top; line-height:1.2em; height:8em; width:50%; display:block; }
input.button { width:auto; cursor:pointer; height: 20px; }

/*  HEADINGS  */
h1, h2, h3, h4 { font: 1.7em Arial, Tahoma, Helvetica, sans-serif; margin-bottom:.5em; color:#3c3c7e;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; font-weight: bold; }
h4 { font-size: 1.1em; font-weight: bold; }

/*  ADDITIONAL  */
.clear { clear:both;}
.f_left { float:left; }
.f_right { float:right; }
.space { height:300px;}

/*  CUSTOM STYLES  */
#wrap { margin:0; height:auto !important; min-height:100%; height:100%; overflow:hidden; min-width:1000px; position:relative; }
#container { float:right; width:100%; margin-left:-262px;}
#header { width:100%; height:119px; background:url(/images/head.jpg) no-repeat; }
.sun { width:196px; height:184px; background:url(/images/sun.png) no-repeat; position: relative; float:right; }

#menu { width:600px; height:43px; position:absolute; top:36px; left:235px; border:none;}

#menufirst { float:left; font-size:93%; line-height:normal; width:680px; height:36px; }
#menufirst ul.level1{ margin:0; padding:0; list-style:none; height:36px; }
#menufirst li { display:inline; margin:0; padding:0; }
#menufirst .level1 .current a span { color: #000099; text-decoration:underline; }
#menufirst a { float:left; margin:0; text-decoration:none; height:36px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000099; }
#menufirst a span { float:left; display:block; height:36px; color:#000099; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#menufirst a:hover { text-decoration:underline;} 

.main { padding:0px 0px 1000em 0px; margin-bottom:-1000em;  position:relative; margin-left:270px;}
.aside { float:left; clear:left; width:262px; padding:35px 0px 1000em 0px; margin-bottom:-1000em; position:relative; }
.content { margin:0px 30px; width:70%;}
.products { width:226px; height:240px; background:url(/images/left_sub.png) no-repeat; padding:0; margin:-254px 0px 0px 0px; position:relative; }

#footer { height:294px; background:url(/images/footerbg.jpg) repeat-x; padding:0; margin:-294px 0px 0px 0px; min-width:1000px; position:relative; }
#footer p.copyright { font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif; position:absolute; left:300px; top:15px; width:350px; color:#666666; background:url(/images/bottom_line.png) no-repeat 0px 0; padding-left:25px;}
#school { width:559px; height:294px; background:url(/images/school.jpg) no-repeat; position:absolute; float:left;}
#kid { width:151px; height:621px; background:url(/images/kid.jpg) no-repeat; position:relative; margin:-327px 0px 0px 0px; float:right;}
#ds { width:289px; height:294px; background:url(/images/ds.jpg) no-repeat; position:relative; float:right; }

