/* 
    Document   : style.css
    Created on : 17 �� 2013, 13:16:44
    Author     : Vadim
    Description:
        Purpose of the stylesheet follows.
*/

@import "bootstrap.css";
body
{
    background-image: url("../img/middle-bg.jpg");
    background-repeat: repeat;
    font-family: "Lucida Sans Unicode", "Trebuchet MS", "Comic Sans MS", cursive, "Trebuchet MS", Verdana, Georgia, Arial ;
    color: #fff;
    padding-bottom: 40px;
    padding-top: 50px;
}

.phone {
    padding: 15px 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 21px;
}
.projects{    
    padding: 15px 20px;
    font-weight: 200;
    font-size: 18px;
    line-height: 18px;
}
.projects strong{
    color:#33B5E5;
}
.separator{    
    margin-top: 150px;
    padding: 0;
    padding-top: 80px;
    /*border:1px solid red;*/
}
#cutaway.separator{
    margin:0px;
}
.round{
    width:100%;
    margin: 20px 0;
    padding: 10% 0;
    border: 2px solid #ccc;    
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 0px 15px #fff;
}
.row:hover > .span3 .round{        
    border: 2px solid #33B5E5;  
    box-shadow: 0px 0px 15px #33B5E5;
}

.round h3{
    color:#33B5E5;
}
.row:hover > .span3 .round h3{    
    color:#fff;
}
.price{
    font-size: 25px;
    font-weight: bold;
    color: #E36B23;
}
.row:hover > .span3 .round .price{    
    color:#33B5E5;
}
.container{
}
.line_left,
.line_right
{
    padding: 20px;
    padding-bottom: 40px;
    margin-bottom: 0px;
    border-radius: 10px;
}
.line_right{
    border-radius: 50px 0 50px 0;
}
.line_right:hover{
    box-shadow: 0px 0px 25px #000;
    border-radius: 50px 0 50px 0;
}
.line_left{
    border-radius: 0 50px 0 50px;
}
.line_left:hover{
    box-shadow: 0px 0px 25px #000;
    border-radius: 0 50px 0 50px;
}
.line_left:hover,
.line_right:hover{
    border: none;
}

/*for bootstrap*/
.offset05 {
  margin-left: 50px;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12
{
    /*border:1px solid red;*/
}
a
{
    color:#33B5E5;
}
.border_box, 
.box_skitter_large{
    width:600px;
    margin: 0px auto;
}

.description td{
    vertical-align: top;
}
.border_box .image{
    /*text-align: center;*/
}