﻿/* Bridal Alteration - Design Haus, Stu lanham 27/08/08 */

/* audio only content
--------------------------------------------------------*/

.audio
{
    display: none;
}

@media aural  
{
    body 
    {  
        voice-family: female;
    }
    .audio
    {
        display: inline;
        voice-family: male;
    }
}

/* main
--------------------------------------------------------*/

a
{
    color: #000;
}

a:hover
{
    color: #666;
}

h3
{
    color: #000;
    font: 1.15em Georgia, Times New Roman, Times, serif;
    letter-spacing: 0.1em;
    padding: 0;
    margin: 5px 0 7px 0;   
}

h3.photo-gallery
{
    float: right;
    text-align:right;
}
p.photo-gallery
{
    float: right;
    text-align:right;
}

h3.right-call
{
    margin: 10px 0 0 0;
}

h3.right-number
{
    margin: 0;
}

h3.intro
{
    clear:left;
    width: 194px;
    /*border: red 1px solid;*/
}

body 
{
    font: 75% arial, helvetica, sans-serif; /* 75% = 12px */
	line-height: 15px;
	color: #000;
    background: url(../furniture/images/lace-bg.gif) top left repeat;
    padding: 0;
    margin: 0;   
}

#wrapper
{ 
    width: 955px;
    margin: auto;
}

/* centre
--------------------------------------------------------*/

#centre
{
    width: 548px;
    float: left;
    display:inline;  
}

#centre ol
{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: -31px 0 7px 0;
}

#centre li
{
    display: inline;
    font-size: 1.25em;
    padding: 0;
    margin: 0; 
}

#centre li a
{
    color: #000;
    font: 1.15em Georgia, Times New Roman, Times, serif;
    padding: 0 5px 0 5px;
    margin: 0;
}

#centre li a.on
{
    color: #000;
    font: 1.15em Georgia, Times New Roman, Times, serif;
    padding: 0 5px 0 5px;
    margin: 0;
    text-decoration: none;
}

#centre li a:hover
{
    color: #000;
    font: 1.15em Georgia, Times New Roman, Times, serif;
    padding: 0 5px 0 5px;
    margin: 0;
    text-decoration: none;
}

#centre h1
{
    width: 548px;
    height: 120px;
    background: url(../furniture/images/main-header.png) top left no-repeat;
    text-indent: -7000px;
    padding: 0;
    margin: 0; 
}

#centre-content
{
    width: 498px; /*548*/
    float: left;
    display:inline;
    background: url(../furniture/images/centre-background.gif) top left repeat-y;
    padding: 15px 25px 15px 25px;  
}

#centre-content table
{
    float: left;
    display:inline; 
}

#centre-content h2
{
    width: 323px;
    height: 446px;
    float: left;
    display:inline;
    background: url(../furniture/images/home-main-badge.gif) top left no-repeat;
    text-indent: -7000px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 85px;   
}

#centre-content h4
{
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#centre-content p
{
    padding: 0 0 10px 0;
    margin: 0;
}

#centre-content p.bodycopy
{
    /*float:left;*/
    /*background-color:Red;*/
    clear:left;
}

#content-left
{
    width: 230px;
    float: left;
    display: inline;
}

#content-left img
{
    border: 0;
}

#content-left ul
{
    padding: 0;
    margin: 0 0 25px 25px;
}

#content-left li
{
    display: list-item;
    font: 1em Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0 0 5px 0;
}

.big-pink
{
    font: 1.15em Georgia, Times New Roman, Times, serif;
    letter-spacing: 0.1em;
    color: #DF8587;
}

#content-right
{
    width: 248px;
    float: right;
    display: inline;
}

#content-right ul
{
    padding: 0;
    margin: 0 0 25px 25px;
}

#content-right li
{
    display: list-item;
    font: 1em Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0 0 5px 0;
}

#content-right-border
{
    width: 216px;/*268*/
    float: right;
    display: inline;
    border: 1px solid #fff;
    padding: 5px 10px 5px 10px;
    margin-left:10px;
    margin-bottom:20px;
}

#content-right-border h3
{
    padding: 0;
    margin: 0 0 7px 0;
}

#content-right-border p
{
    padding: 0;
    margin: 0;
}

#prices-table
{
    width: 498px;
    margin: 0;
    padding: 0;
    clear: both;
}

#centre-base
{
    width: 498px;
    margin: 0;
    padding: 0;
    text-align: center;
    clear: both;
}

#centre-base-price-top
{
    width: 498px;
    margin: 0;
    padding: 0;
    clear: both;
}

#centre-base-prices
{
    width: 498px;
    margin: 0;
    padding: 20px 0 0 0;
    clear: both;
}

#centre-base-prices ul
{
    padding: 0;
    margin: 0 0 0 25px;
}

#centre-base-prices li
{
    display: list-item;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1em
}

#centre-base-services
{
    width: 498px;
    height: 300px;
    margin: 0;
    padding: 0;
    background: url(../furniture/images/bridalalts_sm.jpg) top right no-repeat;
    /*clear: both;*/
}

#centre-base-services p
{
    width: 300px;
    float: left;
    font: 1em arial, helvetica, sans-serif;
}

#centre ul.questions
{
    float: left !important;
    display: inline;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

#centre ul.questions li
{
    float: left !important;
    display: inline;
    width:400px;
    clear: left;
    font: 1em arial, helvetica, sans-serif;
    padding: 0px;
    margin: 0 0 10px 0;
}

#centre ul.questions li.qWidth1
{
    width: 320px;
}

#centre ul.questions li.qWidth2
{
    width: 250px;
}
#centre ul.questions li.qWidth3
{
    width: 200px;
}

#centre .pWidth
{
    width: 190px;
}

#centre-footer
{
    width: 548px;
    float: left;
    display:inline;   
}

#centre-footer h5
{
    width: 548px;
    height: 27px;
    float: left;
    display:inline;
    background: url(../furniture/images/centre-footer.png) top left no-repeat;
    text-indent: -7000px;
    padding: 0px;
    margin: 0 0 10px 0;  
}

.floatright
{
    float:left;
    position:relative;
    top:-102px;
    left:370px;
    margin: 10px 0 -100px 10px;
}

/* gallery
--------------------------------------------------------*/

.bride-container
{
    float:left;
    display:inline;
    width:488px; /* originaly 498px */
    text-align:left;
    padding:10px;
    padding-right:0;
    margin-bottom:30px !important;
    background-repeat:no-repeat;
}

.bride-container img
{
    float:left;
    border: 1px solid #fff;
    margin-right:12px;
}

.bride-container img.lrg
{
    margin-bottom:72px !important;
    /*background-color:Yellow;*/
}

.bride-container h3
{
    float:left;
    width:280px;
    margin:8px;
    /*background-color:yellow;*/
}

.stickhack /* an alternative to min-height */
{
    float:left;
    height:230px; /* minus the padding above */
    width:1px;
    /*background-color:green;*/
}

.frame-tn
{
    float:left;
    display:inline;
    width:86px; /* originaly 98px */
    height:87px; /* minus the padding above & padding below*/
    padding: 15px 6px 6px 6px;
    background: transparent url(/furniture/images/frame-tn.gif) top left no-repeat;
}

.frame-tn img
{
    float:left;
    margin:0;
    padding:0;
}

.frame-tn a
{
    float:left;
    border: 1px solid #fff !important;
}

.frame-tn a:hover
{
    border: 1px solid #000 !important;
}

.names
{
    font-weight:bold;
    text-align:left;
}

.frame-a {    background-image: url(/furniture/images/frame-large1.gif);}
.frame-b {    background-image: url(/furniture/images/frame-large2.gif);}
.frame-c {    background-image: url(/furniture/images/frame-large3.gif);}
.frame-d {    background-image: url(/furniture/images/frame-large4.gif);}

/* right
--------------------------------------------------------*/

#main-right
{
    width: 752px;
    float: right;
    display: inline;
}

#right-telephone
{
    margin: 0 0 -100px 0;
    float: left;
    display: inline;
    background-color: Blue;
}

#right-telephone h3
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#right
{
    width: 194px;/*204*/
    float: right;
    display:inline;
    padding: 0 0 0 10px;  
}

#right-lamp
{
    width: 102px;
    float: left;
    display: inline;
    margin: 0 0 15px 10px;
}

#right-lamp h6
{
    float: left;
    display: inline;
    height: 98px;
    width: 102px;
    text-indent: -7000px;
    background: url(../furniture/images/chandelier.png) top center no-repeat;
    padding: 0px;
    margin: 0px;
}

#right p
{
    padding: 5px 0 5px 0;
    margin: 0;
    position:relative;
}

#right h4
{
    width: 193px;
    text-indent: -7000px;
    padding: 0;
}

#right h4.da
{
    height: 30px;
    background: url(../furniture/images/da-title.png) top left no-repeat;
    margin: 10px 0 -5px 0;
}

#right h4.twc
{
    height: 22px;
    background: url(../furniture/images/twc-title.png) top left no-repeat;
    margin: 10px 0 0 0;
}

#right h5
{
    float: left;
    display: inline;
    height: 84px;
    width: 64px;
    background: url(../furniture/images/da-badge.png) top left no-repeat;
    text-indent: -7000px;
    padding: 0px;
    margin: 0 5px 0 0;
}


/* left
--------------------------------------------------------*/

#left
{
    width: 188px;/*203*/
    float: left;
    display:inline;
    padding: 0;
}

#left p
{
    float: right;
    text-align:right;
    margin-top:10px;
}

#left-thumbs
{
    float: left;
    display: inline;
    padding-right: 15px;
}

#left-thumbs img
{
    float: right;
    display: inline;
    border: 0;
    padding: 0 0 5px 5px;
    margin: 0;
}

#left-lamp
{
    width: 150px;
    float: right;
    display: inline;
    margin: 0 30px 8px 0;
}

#left-lamp h6
{
    float: right;
    display: inline;
    height: 98px;
    width: 102px;
    text-indent: -7000px;
    background: url(../furniture/images/chandelier.png) top center no-repeat;
    padding: 0px;
    margin: 0px;
    margin-bottom: 7px;
}



/* table & txt styles
--------------------------------------------------------*/

.comment-float
{
    /*float: right;*/
    /*margin: -23px 0 0 0;*/
    color: #666;
    font-style: italic;
}

.pink-bold
{
    color: #000;
    font-weight: bold;
    padding-left: 10px;
}

.pink-bold2
{
    color: #000;
    font-weight: bold;
    width: 210px;
    clear: both;
}

#top-left
{
    width: 320px;
    color: #666;
    font-style: italic;
    padding-bottom: 5px;
}

.top-table-left
{
    width: 210px;
    vertical-align: top; 
}

.top-table-right
{
    width: 200px;
    vertical-align: top;
    text-align: left;
    color: #000;
}

.top-table-right2
{
    vertical-align: top;
    text-align: right;
    color: #000;
    font-weight: bold; 
}

#top-right
{
    vertical-align: top;
    padding-left: 10px;
}



/* enquiries form
--------------------------------------------------------*/

.form
{
    float:left;
    width:488px;
    margin:0 0 20px 0;
    /*border: red 1px solid;*/
}
.pos
{
    float:left;
    /*border: red 1px solid;*/
}
#tblContact
{
    margin:0 0 20px 0;
    border: #fff 1px solid;
    width:498px;
    
}
#tblContact td
{
    padding:10px 0 0 10px !important;
    /*border: red 1px solid;*/
}
#tblContact #btnSend
{
    /*border: red 1px solid;*/
    margin-bottom:10px;
}

.table-price
{
    color: #000;
    font: 1.15em Georgia, Times New Roman, Times, serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    /*padding: 0;
    margin: 5px 0 7px 0;*/   
}
#form1
{
    margin:0;
}
