/* Ripple of Hope Movie site  */
/* Interior Styles */
/* Author: Brainstorm, Inc */
/* Author URI: http://brainstormbrand.com/ */

#contentcontainer {
    padding-bottom : 0; /* override global value */
    width : 870px;      /* override global value */
}

#contentcontainerinner {
    background : #f9f3de;
    min-height : 590px;
}

/**
* Header
*/
#headercontainer {
    padding : 22px 30px 0 30px;
}

/** buy the film */
#buythefilmcontainer {
    float : right;
    width : 111px;
}

/**
* Search box
*/
#signupformcontainer {
    float : right;
    width : 139px;
}

#signupformcontainer form {
    padding : 1px;
    background : #fff;
    border : 1px solid #95651d;
    text-align : right;
}

.subscribeemailfield {
    margin : 0;
    padding : 0;
    border : 0;
    width : 104px;
    height : 18px;
    font-size : 12px;
    text-align : left;
    color : #584128;
    vertical-align : top;
}

#ieroot .subscribeemailfield {
    padding-left : 2px;
    wid\th : 102px;
}

.subscribesubmit {
    margin : 0;
    padding : 0px 0 2px 0;
    height : 18px;
    border : 0;
    background : #95651d;
    color : #fff;
    font-size : 9px;
    vertical-align : top;
    
}

#signupformcontainer p {
    margin : 4px 0 0 0;
    padding : 0 0 0 6px;
}

/**
* Main navigation
*/
#navigationcontainer {
    width : 375px;
    width : 453px;
}

#mainnavigation {
    margin : 0;
    padding : 0;
    border-bottom : 6px solid #7a8f88;
    list-style : none;
    height : 28px;
    hei\ght : 22px;
}

#mainnavigation li {
    display : block;
    float : left;
    font-size : 13px;
    text-align : center;
}

#mainnavigation a {
    display : block;
    height : 22px;
    line-height : 22px;
    color : #584128;
    font-weight : bold;
}

#mainnavigation a:hover,
#mainnavigation .current a {
    color : #fff;
    background : #7a8f88;
    text-decoration : none;
}

#mainnavthefilmlink      { width : 64px; }
#mainnavfilmmakerslink   { width : 115px; }
#mainnavtrailerlink      { width : 108px; }
#mainnavseefilmlink      { width : 92px; }
#mainnavcontactlink      { width : 63px; }

/**
* Subnavigation
*/
#subnavigationcontainer {
    margin : 10px 0 0 0;
    font-weight : bold;
    font-family : verdana, helvetica, sans-serif;
    font-size : 9px;
}

#subnavigationcontainer a {
    color : #584128;
}

#subnavigationcontainer a:hover {
    text-decoration : none;
}

.separator {
    margin : 0 1px;
    font-size : 11px;
}

/**
* Body content
*/
#bodycontentcontainer {
    padding : 0 95px 25px 95px;
}

#pagetitle {
    margin : 30px 0 30px 0;
    text-align : right;
}

/**
* Videos
*/
#videocontainer h2 {
    margin : 0;
    font-size : 1em;
}

.videoleft {
    float : left;
    width : 365px;
}

.videoleft, .videoright {
    margin : 0 0 50px 0;
}

#ieroot .videoleft, #ieroot .videoright {
    margin-bottom : 25px;  /* fix the doubling in IE 7 */
}

/**
* Footer
*/
#footercontainer {
    margin-top : 30px;
}