/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left; height:100%;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bara_bac.jpg) repeat-y center #93d5f5; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#container {padding:0px 0px 0px 0px; margin-top:0px;  min-height:1267px; height:auto !important; height:1267px; margin-left:auto; margin-right:auto; width:790px; background:url(../images/bac.jpg) no-repeat center top; }

#header { width:100%; height:157px; margin:0px; padding:0px; }


#logo {  width:238px; height:157px; margin:0px; padding:0px;  }

#main {  width:100%; margin:0px 0px 0px 0px; }
#sidebar { width:124px;  height:470px; float:left;  margin:200px 0px 1px 20px; position:relative; padding:0px; background:url(../images/barafundle_nav.gif) no-repeat; }
#sidebar_abs { width:126px; height:159px; position:absolute; bottom:0px; left:0px;}

#content  { width:419px; padding:50px 85px 0px 85px; position:relative;  margin:200px 0px 0px 0px; float:left;  min-height:617px; height:auto !important; background:url(../images/content_main.gif) top no-repeat;   height:617px;}

#content p {color:#ffffff; position:relative; z-index:12; font-weight:bold; font-size:14px; margin:22px 0px 22px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#content_bottom {position:absolute; bottom:0px; left:0px; background:url(../images/content_bottom.gif) no-repeat; width:589px; height:56px; }



/*--------------------------absolute positioned elements-----------------------------------------------------------*/

#left_kid_h {height:221px; width:154px;  background:url(../images/leftkidhome.gif) no-repeat; position:absolute; bottom:-44px; left:-78px; z-index:10}

#right_kid_h {height:183px; width:158px; background:url(../images/rightkidhome.gif) no-repeat; position:absolute; bottom:-20px; right:-25px; z-index:10; }

#left_kid_our {height:226px; width:160px;  background:url(../images/left_our.gif) no-repeat; position:absolute; bottom:-44px; left:-78px; z-index:10}

#right_kid_our {height:188px; width:130px; background:url(../images/right_our.gif) no-repeat; position:absolute; bottom:-50px; right:-25px; z-index:10; }

#left_kid_faq {height:172px; width:226px;  background:url(../images/alein_faq.gif) no-repeat; position:absolute; bottom:-44px; left:-48px; z-index:10}

#right_kid_faq {height:235px; width:223px; background:url(../images/faq_right.gif) no-repeat; position:absolute; bottom:-100px; right:-46px; z-index:10; }

#left_kid_con {height:174px; width:360px;  background:url(../images/red.gif) no-repeat; position:absolute; bottom:-44px; left:-95px; z-index:10}

#right_kid_con {height:531px; width:299px; background:url(../images/house.gif) no-repeat; position:absolute; bottom:-60px; right:-20px; z-index:10; }

#content .product p {margin:10px 0px 5px 0px; font-size:12px; }

.product  {margin:20px 0px 0px 0px; padding:0px 0px 10px 0px; border-bottom:2px solid #39393d;}

.product a {text-align:right;  display:block; margin:-10px 0px 0px 390px;}

.blue {color:#0098bc;}
#footer  {margin-left:auto; margin-right:auto; margin-top:100px; padding-top:10px; width:326px; height:19px; display:block;  }

/*------------------------------------ nav-----------------------------------------------------------*/

#home {position:absolute; width:121px; height:38px; display:block; background:transparent; top:22px;}
#oucds {position:absolute; width:121px; height:38px; display:block; background:transparent; top:72px;}
#faq {position:absolute; width:121px; height:38px; display:block; background:transparent; top:124px;}
#tellafreind {position:absolute; width:122px; height:39px; display:block; background:transparent; top:173px;}
#shop {position:absolute; width:123px; height:41px; display:block; background:transparent; top:271px;}
#contact {position:absolute; width:122px; height:39px; display:block; background:transparent; top:223px;}



/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/


h1{ font-size:16px; color:#ffffff; font-weight:bold; margin:10px 0px -22px 0px; padding:0px 0px 0px 0px; }
h2{ color:#666666; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#0098bc; font-size:16px; font-weight:bold; margin:10px 0px -22px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
li {  }

a { color:#e72b4e; text-decoration:none; }
a:hover { color:#e72b4e; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
#footer p { font-size:11px; color:#FFFFFF; }