/* 
    Document   : contact
    Created on : 12.Eyl.2009, 16:52:49
    Author     : zoombie
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#contactMainIntro {
    float: left;
    display: inline;
    overflow: hidden;
    width: 500px;
    font-size: 16px;
    color: #B2B2B2;
}
#contactMainMap {
    float: left;
    display: inline;
    overflow: hidden;
    width: 797px;
    height: 533px;
    margin-top: 20px;
}
#contactMainMapGoogle {
    float: left;
    display: inline;
    overflow: hidden;
    width: 797px;
    margin-top: -5px;
}
#contactMainMapGoogleAsterix {
    float: left;
    display: inline;
    overflow: hidden;
    margin-left: 50px;
}
#contactMainMapGoogleText {
    float: left;
    display: inline;
    overflow: hidden;
    font-size: 16px;
    margin-top: -3px;
    margin-left: -8px;
}
#contactMainMapGoogleText a {
    text-decoration: underline;
}
div.contactMainSeperatorVertical {
    float: left;
    display: inline;
    overflow: hidden;
    width: 960px;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 25px;
    background: url('../img/seperatorVerticalGrey.png') left top repeat-x;
}
#contactMainBottom {
    float: left;
    display: inline;
    overflow: hidden;
    width: 960px;
    height: 375px;
}
#contactMainBottomLeft {
    float: left;
    display: inline;
    overflow: hidden;
    width: 300px;
    margin-left: 10px;
    margin-top: 10px;
}
div.contactMainBottomLeftTitle {
    float: left;
    display: inline;
    overflow: hidden;
    width: 80px;
    color: #9F9F9F;
    margin-top: 20px;
}
div.contactMainBottomLeftText {
    float: left;
    display: inline;
    overflow: hidden;
    width: 200px;
    margin-top: 20px;
    line-height: 150%;
}
div.contactMainBottomLeftText a {
    text-decoration: underline;
}
#contactMainBottomCenter {
    float: left;
    display: inline;
    overflow: hidden;
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
#contactMainBottomCenter input {
    float: left;
    display: inline;
    overflow: hidden;
    width: 260px;
    height: 27px;
    margin-top: 10px;
    padding-top: 14px;
    padding-left: 16px;
    padding-right: 15px;
    border: 0px;
    font-family:"Trebuchet MS";
    font-size: 14px;
    background: url('../img/contactInputBg.png') no-repeat;
}
#contactMainBottomCenter textarea {
    float: left;
    display: inline;
    overflow: hidden;
    width: 260px;
    height: 137px;
    margin-top: 10px;
    padding-top: 14px;
    padding-left: 16px;
    padding-right: 15px;
    line-height: 140%;
    border: 0px;
    font-family:"Trebuchet MS";
    font-size: 14px;
    background: url('../img/contactTextareaBg.png') no-repeat;
}
div.contactMainBottomCenterImagizer {
    float: right;
    display: inline;
    overflow: hidden;
    margin-top: 15px;
    cursor: pointer;
}
div.contactMainBottomCenterArrow {
    float: right;
    display: inline;
    overflow: hidden;
    margin-right: 13px;
    margin-top: 20px;
    cursor: pointer;
}
#contactMainBottomRight {
    float: left;
    display: inline;
    overflow: hidden;
    width: 226px;
    margin-left: 10px;
    margin-top: 10px;
}
#contactMainBottomRightTop {
    float: left;
    display: inline;
    overflow: hidden;
    width: 226px;
    height: 14px;
    background: url('../img/contactRightTop.png');
}
#contactMainBottomRightMiddle {
    float: left;
    display: inline;
    overflow: hidden;
    width: 226px;
    padding-bottom: 40px;
    background: url('../img/contactRightBg.png') repeat-y;
}
#contactMainBottomRightMiddleTitle {
    float: left;
    display: inline;
    overflow: hidden;
    width: 90px;
    margin-left: 25px;
    margin-top: 15px;
}
#contactMainBottomRightMiddleHat {
    float: right;
    display: inline;
    overflow: hidden;
    width: 60px;
    margin-right: 25px;
    margin-top: 15px;
}
#contactMainBottomRightMiddleText {
    float: left;
    display: inline;
    overflow: hidden;
    width: 175px;
    margin-right: 25px;
    margin-left: 25px;
    margin-top: -30px;
    font-size: 13px;
    line-height: 130%;
}
#contactMainBottomRightMiddleLink {
    float: left;
    display: inline;
    overflow: hidden;
    margin-right: 25px;
    margin-left: 25px;
    text-decoration: underline;
}
#contactMainBottomRightBottom {
    float: left;
    display: inline;
    overflow: hidden;
    width: 226px;
    height: 87px;
    background: url('../img/contactRightBottom.png');
}
div.contactMainSeperatorHorizontal {
    float: left;
    display: inline;
    overflow: hidden;
    width: 1px;
    height: 375px;
    margin-left: 15px;
    margin-right: 15px;
    background: url('../img/seperatorHorizontalGrey.png') left top repeat-y;
}