/* -------------------------------------------------------------------------- */
/* --                                                                         */
/* -- CSS for Colorado Flower Company                                         */
/* --                                                                         */
/* -------------------------------------------------------------------------- */

html, body { 
    margin: 0em; 
    padding: 0em; 
    direction: ltr;
}

body { 
	font-family: verdana,arial,helvetica,sans-serif;
    font-size: 0.85em; 
    color: #FFFFFF; 
    background-color: #5C2F06;
	background-image: url('/images/layout/background.png');
}

img {
	border: 0;
}

a, a:link, a:active {
    color: #FFFFFF;
}

a:visited, a:hover {
    color: #E0E0E0;
}

#container { 
    display: block; 
    margin: 0em; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0em;
}

#content, #header { 
    display: block; 
    margin-left: 130px;
    
/*    border: 1px solid yellow;  */
}

#footer {
    margin: 5em 1em 1em 1em;
    padding: 0.5em 0em 0em 0em;
    text-align: center;
    border-top: 1px solid #9F5F39;
    font-size: 0.866em;
}

.frontpic {
    width:  200px;
    height: 267px;
}

#header { 
    height: 120px;
}

#header.weddings, 
#header.gallery,
#header.ideas,
#header.delivery,
#header.aboutus,
#header.vendors,
#header.packages { 
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 138px;
}

#content.weddings, 
#content.gallery,
#content.ideas,
#content.delivery,
#content.aboutus,
#content.vendors,
#content.packages { 
    background-repeat: no-repeat;
    background-position: 0px 0px;
}


#header.weddings  { background-image: url('/images/layout/weddings-header-top.gif');    }
#content.weddings { background-image: url('/images/layout/weddings-header-bottom.gif'); }

#header.gallery   { background-image: url('/images/layout/gallery-header-top.gif');     }
#content.gallery  { background-image: url('/images/layout/gallery-header-bottom.gif');  }

#header.ideas     { background-image: url('/images/layout/ideas-header-top.gif');       }
#content.ideas    { background-image: url('/images/layout/ideas-header-bottom.gif');    }

#header.delivery  { background-image: url('/images/layout/delivery-header-top.gif');    }
#content.delivery { background-image: url('/images/layout/delivery-header-bottom.gif'); }

#header.aboutus   { background-image: url('/images/layout/aboutus-header-top.gif');     }
#content.aboutus  { background-image: url('/images/layout/aboutus-header-bottom.gif');  }

#header.vendors   { background-image: url('/images/layout/vendors-header-top.gif');     }
#content.vendors  { background-image: url('/images/layout/vendors-header-bottom.gif');  }

#header.packages  { background-image: url('/images/layout/packages-header-top.gif');    }
#content.packages { background-image: url('/images/layout/packages-header-bottom.gif'); }


#sidebar { 
    display: block; 
    position: absolute; 
    top: 0px;
    left: 0px; 
    width: 92px; 
    height: 100%; 
    padding: 6.5em 0.0em 0.0em 0.0em; 
    margin: 0.0em;
}
#sidebar img {
    margin-top: -3px;
}

#textbox { 
    display: block; 
    font-size: 1em;
    font-family: Arial;
    color: #D0D0D0;
    width: 48em; 
    padding: 10px; 
    margin: 1em auto;
    text-align: center;
}

#textmenu {
    clear: both; 
    margin: 3em auto 3em auto; 
    text-align: center;
}

td.picframe {
    background-image: url('/images/layout/brownframe.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 10px;
}

img.centerblock {
    display: block; 
    margin: 0.25em auto;
}

#titleblock {
    display: block; 
    margin: auto;    
}

#titleblock.weddings, 
#titleblock.gallery, 
#titleblock.ideas, 
#titleblock.delivery, 
#titleblock.aboutus,
#titleblock.vendors,
#titleblock.packages {
    display: inline; 
    margin-top: 1.0em;
    margin-left: 1.0em;
}

#sections {
    width: 669px;
    display: block;
    margin: 0.25em auto;
}

#photogallery, #wedblocks {
    display: block;
    width: 780px;
    height: 525px;
    margin: 0em auto;
    
/*    border: 1px solid red;  */
}

#photogrid {
    display: block;
    float: left;
/*    border: 1px solid blue;  */
}


#photobig {
    height: 410px;
    width: 410px;
    display: block;
    float: left;
    padding-top: 5px;
/*    border: 1px solid yellow;  */
}

#photobigcell {
    height: 406px;
    width: 406px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.wedblock, .ideatext {
    display: block;
    float: left;
}

.wedblock {
    margin: 1.0em;
    text-align: center;
}

img.wedfront, 
img.ideaimg,
img.pkgfront {
    border: 2px solid #FFFFFF;
}

img.wedfront {
    width:  150px;
    height: 200px;
}

img.pkgfront {
    width:  150px;
    height: 150px;
}

img.galthumb {
    border: 2px solid #FFFFFF;
    height: 100px;
    width:  100px;
}

#bigimg {
    border: 3px solid white;
}

#gallery {
    width: 350px;
    display: block;
    margin: 0.25em auto;
}

#gallery td {
    text-align: center;
}

#ideatable {
    width: 50em;
}

#ideatable th {
    width: 210px;
    padding: 5px;
}

#ideatable td,th {
/*    border-bottom: 1px dashed #FFFFFF;  */
}

#pkgtable {
    width: 50em;
}

#pkgtable td {
    padding: 5px;
    text-align: left;
}

.pkgtitle {
  font-family: Times New Roman;
  font-size: 3em;
}

#locations td {
    padding: 0.5em;
}