/* Start of CMSMS style sheet 'renwedding:styles' */
/* Reset all */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

*
{
     outline: none;
}



html,body
{
    font-family: Tahoma;
    background: url(uploads/renwedding/bg.png);
    font-size: 11px;
    color:#2c2c2e;
}

#wrapper, #mainwrapper
{
    width:749px;
    height:531px;
    margin:0 auto;
}

#toplinks
{
    height:39px;   
}

#toplinks p
{
    text-align: right;
    padding-top:20px;
    font-size: 12px;    
}

#content a
{
    text-decoration: none;
    color:#8b6a38;
}

#toplinks a
{
    text-decoration: none;
    color:#8b6a38;
    padding-left:40px;   
}

#toplinks a:hover, #content a:hover
{
    text-decoration: underline;
}

#mainwrapper
{
    border:2px solid #b29a6b;
    background-color: #fff;
}

#insidewrapper
{
    width:213px;
    height:514px;
    margin:7px auto;
    border:1px solid #b29a6b;
    border-right: none;
    float:left;
    margin-left:7px;
}

#logo h1, #logo h2
{
    text-indent: -9999px;
}

#logo a
{
    width:197px;
    height:114px;
display:block;
width:100%; 
}

#logo
{
    width:197px;
    height:114px;
    background: url(uploads/renwedding/logo.png);
    margin:7px 9px;
}

#menucontainer
{
    margin-left:100px;
    top:180px;
    width:185px;
    height:247px;
    background: url(uploads/renwedding/menuholder.png);
    position:absolute;
    z-index: 100;
}

#slide 
{
    width:528px;
    height:531px;
    overflow: hidden;
    float:right;
}

#menuholder
{

}

#menu
{
    margin-right:20px;
    margin-top:25px; 
}

#menu li
{
    text-align:right;
    background: url(uploads/renwedding/arrow.png) no-repeat scroll top right;
    height:30px;
    position:relative;  
}

#menu a
{
    color:#fff;
    text-decoration: none;
    font-size: 12px;
    padding-right:15px;
    display:block;
    height:30px;
}

#menu li.active,
#menu li:hover
{
    text-align:right;
    background: url(uploads/renwedding/arrowbrown.png) no-repeat scroll top right;
    height:30px;
    position:relative;  
}

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

#menu li ul {
    background-color:#a28860;
    border:1px solid #8b6b39;
    padding:0 15px;
    z-index:99;
    left:180px;
    position:absolute;
    top:-999em;
}

#menu ul ul
{
    left:145px;
    margin-top:-1px;    
}


#menu li:hover ul, #menu li.sfHover ul {
    top:0;
}

#menu li ul a {
    text-align: left;
    line-height: 2.3em;
}

#menu ul li {
    background-image: none;
    width:130px;
}

#footer
{
    width:182px;
    height:60px;
    background: url(uploads/renwedding/info.png) no-repeat;
    margin-top:315px;
    margin-left:15px;
    text-indent: -9999px;
}

/* Content Page */

#cmainwrapper
{
    width:749px;
    height:716px;
    background-color: #fff;
    border:2px solid #b29a6b; 
}

#leftside,#rightside
{
    float:left;
    height:700px;
}

#leftside
{
    width: 384px;
}

#rightside
{
    width: 357px;
}

#cinsidewrapper
{
    width:213px;
    height:437px;
    margin:7px auto;
    margin-bottom: 0;
    border:1px solid #b29a6b;
    border-right: none;
    border-bottom: none;
    float:left;
    margin-left:7px;
}

#minislide 
{
    width:163px;
    height:445px;
    overflow: hidden;
    float:left;
}

#cfooter
{
    padding-top:115px;
}

#footerwrapper
{
    background-color: #8b6a38;
    height:272px;
    width:221px;
    float:left;
}

#footerborder
{
    border:1px solid #b29a6b;
    border-top: none;
    border-right: none;
    margin-left:7px;
    height:264px;    
}

#testimonialwrapper
{
    height:272px;
    width:163px;
    float:left;
    background-color: #2c2c2e;   
}

#testimonialborder
{
    border-bottom:1px solid #b29a6b;
    height:264px;    
}

#testimonials blockquote:before { content: open-quote; font-weight: bold; }
#testimonials blockquote:after { content: close-quote; font-weight: bold; }

#testimonials blockquote,
#testimonials p
{
    color:#999;
    font-size: 12px;
    text-align: center;
    padding:20px;
    
}

#testimonials blockquote
{
    quotes: "\201C" "\201D"; 
}

#testimonials blockquote:before { content: open-quote; font-weight: bold; }
#testimonials blockquote:after { content: close-quote; font-weight: bold; }

#testimonials,#testimonials li
{
    height:264px;
    overflow: hidden;
}

#contentwrapper
{
    float:left;
    width:365px;
    height:716px;
    background-color: #e2d9c6;    
}

#contentborder
{
    border:1px solid #b29a6b;
    border-left: none;
    margin-right:7px;
    margin-top:7px;
    width:358px;
    height:701px;      
}

#content
{
    padding:20px;
    height:661px;
    overflow: hidden;
}

#content p
{
    padding:7px 0;
}

#content h3
{
    padding:10px 0;
    font-size: 14px;
    color: #8b6a38;
}

#content ul
{
    padding:5px 0;
}

#content li
{
    list-style-type:disc;
    list-style-position: outside;
    padding-left:5px;
    margin: 5px 0px 5px 45px;
}

/* Settings Album */
ul#settings-album {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
#content h3 {
     font-size: 130%;
     font-weight: bold;
     font-family: Arial, Helvetica, sans-serif;
}
#settings-album li {
     display: block;
     float: left;
     width: 93px;
     height: 125px;
     margin: 2px;
     padding: 0;
}
#settings-album li p {
     display: block;
     width: 100%;
     width: 101px;
     padding: 3px 0;
     margin: 0px;
}
#settings-album li a {
     display: block;
     width: 85px;
     height: 85px;
     border: 4px solid #8b6a38;
     overflow: hidden;
}
#settings-album li p a{
     display: normal;
     width: auto;
     height: auto;
     border: none;
}
#settings-album li a img {
     filter:alpha(opacity=50);
     opacity: 0.5;
     -moz-opacity:0.5;
}
#settings-album li a:hover img {
     filter:alpha(opacity=100);
     opacity: 1;
     -moz-opacity:1;     
}
/***************** [ pdf lists ] ************/
/* Settings Album */
#content ul.pdf-list {
     margin: 0;
     padding: 0;
     list-style: none;
}
#content ul.pdf-list li {
     display: block;
     width: 318px;
     height: 93px;
     margin: 0 0 10px 0;
     padding: 0;
     list-style-type: none;
}
ul.pdf-list li p {
     width: 65%;
     padding: 3px 5px;
     margin: 0px 0px 0px 10px;
     display: block;
     float: left;
}
#content ul.pdf-list li a {
     display: block;
     float: left;
     width: 85px;
     height: 85px;
     border: 4px solid #8b6a38;
     overflow: hidden;
}
#content ul.pdf-list li p a {
     display: inline;
     width: auto;
     height: auto;
     border: none;
}
ul.pdf-list li a img {
     filter:alpha(opacity=50);
     opacity: 0.5;
     -moz-opacity:0.5;
     width: 85px;
     height: 85px;
}
ul.pdf-list li a:hover img {
     filter:alpha(opacity=100);
     opacity: 1;
     -moz-opacity:1;     
}


/* Scroll */

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
}
.jScrollPaneDrag {
    position: absolute;
    background: #8B6A38;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}
/* End of 'renwedding:styles' */