/*
 * BREESOL MAIN STYLESHEET FILE
 * Copyright (c) 2010 by Victor Shcherbakov. All rights reserved.
 * Copyright (c) 2010 by Editor AG. All rights reserved.
 *
 * http://www.victor.fm/
 * http://www.editor.ag/
 *
 */

/* MAIN STYLE RESET */
*
{
   font-family: "Arial", sans-serif; 
   font-size:14px;
   padding:0;
   margin:0;
   font-weight:normal;
   text-decoration:none;
   color:black;
}

div.clear
{
   clear:both;
}

/* MAIN TAG STYLES */

body
{
   background: #173953 top center no-repeat url(images/bk-glow.jpg);
}

a, a:link
{
   color:#7f20ff;
   text-decoration:underline;
}

a:visited
{
   color:#b520ff;
}

a:hover
{
   color:#7f76ff;
}

h1, h2, h3, h4, h5, h6
{
   font-weight:normal;
}

h1
{
   font-size:30px;
   color: #02a48f;
   margin-top:7px;
   margin-bottom:25px;
}

h2
{
   font-size:20px;
   color: #74539C;
   margin-top:7px;
   margin-bottom:5px;
}

strong, b
{
   font-weight: bold;
}

#story ul, #story ol
{
   margin-left: 30px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#story ul li, #story ol li
{
   padding-bottom:10px;
}

#story p
{
   padding-bottom: 10px;
}

/* MAIN CONTAINERS */

#background
{
   padding-bottom:110px;
   background: bottom center repeat-x url(images/floor.png);
}

#page-wrapper1
{
   margin:50px auto;
   margin-bottom: 10px;
   width:986px;
   background: center top no-repeat url(images/bk-top.png);
   padding-top: 8px;
}

#page-wrapper2
{
   padding-bottom: 3px;
   background: bottom center no-repeat url(images/bk-bottom.png);
}

#content
{
   padding-right:23px;
   padding-left:23px;
   background: top center repeat-y url(images/bk-main.png);
}

/* CONTENT BODY CONTAINERS */

#story
{
   float:left;
   width:645px;
   padding-bottom:60px;
   min-height:400px;
}

#story.full
{
   width:940px;
}

#story img
{
   border: 1px solid #c4c6bf;
   background: #fff;
   padding:7px;

   margin-bottom: 10px;
   margin-top: 0px;
}

#sidebar
{
   float:right;
   width:256px;

   margin-top:-17px;

   padding-bottom: 100px;
}

#sidebar h1
{
   color:#42528a;
   margin-bottom:10px;
   font-size:25px;
}

#sidebar a
{
   color:#3f77a4;
   display:block;
   margin-bottom: 10px;

   font-size:16px;
}

#sidebar a:hover
{
   color:#5f74d2;
}

#sidebar ul
{
   list-style:none;
}

/* SIDEBAR BANNER PICTURES */

#sidebar div.subpic
{
   padding-bottom: 7px;
   margin:0;
}

#sidebar div.subpic a
{
   margin:0;
   padding:0;
   margin-left: -20px;
   display: block;
   width:245px;
   height:80px;
   background: 0px 0px no-repeat;
   text-indent: -9999px;
}

#sidebar div.subpic a:hover
{
   background-position: -245px 0px;
}

#sidebar #subpic1 a
{
   background-image: url(images/subpic1.jpg);
}

#sidebar #subpic2 a
{
   background-image: url(images/subpic2.jpg);
}


#sidebar #subpic3 a
{
   background-image: url(images/subpic3.jpg);
}


#sidebar #subpic4 a
{
   background-image: url(images/subpic4.jpg);
}

#banners
{
   padding-top:25px;
   padding-bottom:25px;
}

/* BREADCRUMBS STYLES */

#breadcrumbs
{
   font-size:12px;
   padding-top:10px;

   color:#b3b3b3;
}

#breadcrumbs *
{
   font-size:12px;
  
   color:#b3b3b3;
}


#breadcrumbs a, #breadcrumbs a:link
{
   font-size:12px;
   color:#8c8c8c;
}

#breadcrumbs a:hover
{
   color:#7f76ff;
}


/* HEADER AND MENU STYLES */

#header
{
   padding-bottom: 15px;
   margin-bottom: 10px;
   clear:both;
   
   background: bottom center no-repeat url(images/top-hr.png);
}

#header a.logotype
{
   float:left;
   display:block;
   text-indent: -9999px;

   width:212px;
   height:67px;

   margin-top:10px;

   background: top right no-repeat url(images/logotype.jpg);
}

/* MENU STYLES */

#menu
{
   float: right;
}

#menu ul
{
   display: block;
}

#menu ul li
{
   float: left;
   list-style: none;
}

#menu a
{
   display:block;
   float:left;
   padding-top:35px;
   padding-bottom:10px;
   padding-left:11px;
   padding-right:10px;

   font-size: 18px;
   color: #363636;

   text-decoration:none;

   -moz-border-radius-bottomleft: 7px;
   -webkit-border-bottom-left-radius: 7px;
   border-bottom-left-radius: 7px;

   -moz-border-radius-bottomright: 7px;
   -webkit-border-bottom-right-radius: 7px;

   border-bottom-right-radius: 7px;

   background: 0px -100px no-repeat url(images/menu-blue.png);
}

#menu a:hover
{
   color:white;
   background-position: 0px 0px;
   background-repeat: repeat-x;
}

#menu a.blue, #menu-item-454 a
{
   background-image: url(images/menu-blue.png);
}

#menu a.green, #menu-item-510 a
{
   background-image: url(images/menu-green.png);
}

#menu a.orange, #menu-item-511 a
{
   background-image: url(images/menu-orange.png);
}

#menu a.purple, #menu-item-513 a
{
   background-image: url(images/menu-purple.png);
}

#menu a.red, #menu-item-437 a
{
   background-image: url(images/menu-red.png);
}

/* MAIN PAGE STYLES */

#homepic1, #homepic2, #homepic3, #homepic4
{
   display:block;
   height:520px;
   float:left;

   background: center top no-repeat;
   text-decoration: none;
}

#homepic1 span.title,
#homepic2 span.title,
#homepic3 span.title,
#homepic4 span.title
{
   display: none;
}

#homepic1 span.desc,
#homepic2 span.desc,
#homepic3 span.desc,
#homepic4 span.desc
{
   display: block;
   padding-top: 440px;
   padding-left: 37px;
   padding-right: 20px;
   padding-bottom: 10px;

   overflow: hidden;

   color: #fff;

   text-decoration: none;
}

#homepic1
{
   width:236px;
   background-image: url(images/mainpic1.jpg);
}

#homepic2
{
   width:241px;
   background-image: url(images/mainpic2.jpg);
}

#homepic3
{
   width:234px;
   background-image: url(images/mainpic3.jpg);
}

#homepic4
{
   width:229px;
   background-image: url(images/mainpic4.jpg);
}

#main-bottom
{
   padding-top:15px;
   padding-bottom:30px;
}

#main-bottom h2
{
   margin-bottom:15px;
}

#main-left
{
   width: 470px;
   float: left;
   height: 120px;
   overflow: hide;
}

#main-right
{
   display:block;
   float:right;
   width: 437px;
   height: 146px;
   background: no-repeat right top url(images/breesalt-phone.png);
   text-indent: -9999px;
   margin-right: -35px;
   margin-top: 15px;
   margin-bottom: -100px;
}


/* FOOTER STYLES */

#footer
{
   padding-left:60px;
   padding-right:60px;
   padding-top:30px;
   text-align:center;
   font-size: 12px;
   color:#a8b1c0;
}

#footer a
{
   font-size: 12px;
   color: #a8b1c0;
   text-decoration: underline;
}

#footer a:hover
{
   color: #fff;
}

#phone-badge
{
   float:right;
   display: block;
   width: 306px;
   height: 102px;
   margin-top:-117px;
   margin-right: -65px;
   text-indent: -9999px;
   background: no-repeat bottom right url(images/breesalt-phone-small.png);
}