/* -----------------------------------*/ 
/* ------->>> GLOBAL STYLES <<<-------*/ 
/* -----------------------------------*/

body, html
{
    margin: 0;
    padding: 0;
    background: #DFDCCE;
    font:  10px Verdana, Arial, Helvetica, sans-serif;
}

p
{
    color: #906541;
}

.backgroundImage
{
    width: 575px;
    height: 50px;
}

.contentHeaderImageDiv
{
    margin: -50px 0 0 0; 
    padding: 0 0 0 20px;
}

.contentHeaderImageDiv img
{
    margin: 20px 0 0 0;
}

a
{
    color: #D51313;
    font: bold;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.present_a
{
    font-weight: bold;
}

h2, h3
{
    clear: both;
    margin: 55px 0 10px 5px;
}


input
{
    float: left;
    font:  10px Verdana, Arial, Helvetica, sans-serif;
    height: 12px;
}

input.submit
{
    background-color: #CF1A14;
    background-image: url('images/btn_bg.jpg'); 
    background-repeat: repeat-x;
    background-position: top;
    border: solid #A50000 1px;
    clear: both;
    cursor: pointer;
    color: #fff;
    font-style: italic;
    height: 24px; 
    padding: 2px;
    width: 58px;
}


form
{
    width: 450px; 
    height: 310px; 
    padding: 10px;
}

form input
{
    margin: 5px 0 5px 0; 
    width: 200px;
}

textarea
{
    clear: both;
    margin: 15px 0 5px 0;
}

/* -----------------------------------*/ 
/* ------->>> PAGE STRUCTURE <<<------*/ 
/* -----------------------------------*/

/* WRAPPER */
#mainWrap
{
    background: #FBFAF7;
    height: 100%;
    padding: 5px;
    width: 780px;
}

/* header wrapper */
#headerWrap
{
    background: #FFFFFF;
    border: solid 1px #e2e2e2;
    height: 100px;
    margin: 0 0 5px 0;
}


/* navigation wrapper */
.leftsideWrap
{
    background: #EBEAE8;   
    clear: both;
    float: left;
    margin: 0;
    width: 200px;
}

#contentWrap
{
    background-color: #EBEAE8;
    float: left;
    margin: 0 0 5px 0;
}

#HomePage_contentWrap
{
    float: left;
    background-color: #E9E8E5;
    margin: 5px 0 0 0;
}

#PastProjects_contentWrap
{
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
}

#OurCompany_contentWrap
{
    float: left;
    margin: 0;
    background-color: #fff;
    padding: 0 0 0 5px;
    width: 570px;
    height: auto;
}

#FeaturedPieces_contentWrap
{
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    width: 575px;
}

#TerryLaurie_contentWrap
{
    background-color: #fff;
    float: left;
    margin: 0;
    width: 575px;
    padding: 0 0 0 5px;
}

/* not used */

#EarlyYears_contentWrap
{
    background-color: #fff;
    color: #906541;
    float: left;
    margin: 0;
    width: 575px;
    padding: 0 0 0 5px;
}

#CedarFacts_contentWrap
{
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    width: 575px;
}

#ContactUs_contentWrap
{
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    width: 575px;
}

#footerWrap
{
    background: #DBDAD6;
    clear: both;
    height: 65px;
    margin: 0 0 10pt 0;
}

#footerWrap p
{
    color: #494B33;
    font-size: 11px;
    font-style: italic;
}





/* -----------------------------------*/ 
/* ------->>> HEADER WRAPPER <<<------*/ 
/* -----------------------------------*/
#logo
{
    /*width: 175px;
    height: 30px;
    border: solid 1px #e2e2e2;*/
    margin: 0px;
    float: left;
}

.logoText
{
    font-size: 25px; 
    margin: 8px 0 0 20px; 
    font-style: italic; 
    color: #510512;
    border-right: solid 1px #e2e2e2; 
    width: 320px;
}

#text
{
    font-weight: bold;
    margin-left: 350px;
    color: #480A0F;
}

#text p
{
    font-size: 12px;
    margin: 25px 0 0 0;
    font-style: italic;
    float: left;
}

#text2
{
    color: #A49F5F;
}


.links
{
    margin: 25px 0px 10px 700px;
}

.links a
{
    color: #A49F5F;
    font-size: 12px;    
}

.links p
{
    font: bold;
    color: #A49F5F;
    margin: 0px 50px 0px 15px;
    float: left;
}





/* -----------------------------------*/ 
/* ------->>> LEFTSIDE ITEMS <<<------*/ 
/* -----------------------------------*/

.leftsideWrap img
{
    margin: 0 10px;
    border: 0;
}

.leftsideWrap select
{
    width: 160px;
    font:  10px Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 0px 5px 20px;
}



/* -----------------------------------*/ 
/* ------->>> CUSTOM CONTENT <<<------*/ 
/* -----------------------------------*/

/* HOMEPAGE */
#pictureviewDiv
{
    background: #A18E70; 
    color: #FFF;
    float: right;
    height: 34px;
    width: 570px;
    margin-bottom: 5px;
}

#pictureviewDiv a
{
    color: #FFF;
    /*margin: 0 5px 0 0;*/
    text-decoration: none;
    margin: 50px 0 0 0px;
}

#pictureviewDiv div
{
    margin: 10px 5px 0 5px;
}

#pictureviewDiv a:hover
{
    text-decoration: underline;
}

#pictureviewDiv #leftDiv
{
    float: left;
}

#pictureviewDiv #rightDiv
{   
    float: right;
}

#flashpictureDiv
{
    float:right; 
    width: 570px;
}

.TextBox
{
    width: 250px; 
    float: left; 
    padding: 10px 5px 0 5px;
    margin-bottom: 5px;
    color: #510512;
}

.TextBox p
{
    font-size: 11px;
}


#rightTextBox
{
    
    float: right;
    clear: none;
    
}

/* PAST_PROJECTS */

.contentNavigationDiv
{
    border-top: solid 1px #e2e2e2;
    /*border-bottom: solid 1px #e2e2e2;*/
    float: left;
    height: 16px; 
    margin: 20px 0px 0 0; 
    padding: 10px;
    vertical-align: middle;
    width: 550px;
}

.contentNavigationDiv div
{
    float: left;
    margin: 0 150px 0 0;
}

.contentNavigationDiv p
{
    color: #906541; 
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.contentNavigationDiv input
{
    float: left;
    font:  10px Verdana, Arial, Helvetica, sans-serif;
    height: 12px;
}

.contentNavigationDiv img
{
    cursor: pointer;
    float: right;
    height: 18px;
}

.PastProjects_itemContainer_Div
{
    border-top: solid 1px #e2e2e2;
    clear: both;
    height: 160px;
    padding: 10px;
}

.PastProjects_item_Div
{
    /*border: solid 1px #e2e2e2;*/
    cursor: pointer;
    float: left;
    height: 130px; 
    padding: 15px 10px 10px 10px;
    width: 160px;
}

.PastProjects_item_Div img
{
    height: 80px;
}

.PastProjects_item_Div div
{
    margin: 25px 0 0 0;
}

.PastProjects_item_Div a
{
    color: #906541;
}

/* selected div*/
.PastProjects_items_selected_Div
{
    background-image: url('images/pics_past_projects/hightlight_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    border: solid #e2e2e2 1px;
    cursor: pointer;
    float: left;
    height: 128px; 
    padding: 14px 10px 9px 10px;
    width: 158px;
}         

.PastProjects_items_selected_Div img
{
    height: 91px;
}

.PastProjects_items_selected_Div div
{
    margin: 25px 0 0 0;
}

.PastProjects_items_selected_Div a
{
    color: #906541;
}


/* OUR COMPANY, TERRY&LAURIE */
#OurCompany_contentWrap
{
    color: #906541;
}

#OurCompany_contentWrap img
{
    float: right;
    margin: 0 0 0 5px;
    border: 1px solid #666;
    padding: 2px;
    display: inline;
}

#OurCompany_contentWrap p
{
    float: left;
    width: 230px;
}

#OurCompany_contentWrap .terry_laurieText
{
    font-size: 11px; 
    line-height: 18px;
    width: 350px;
}



/* FEATURED PIECES */
.text
{
    color: #906541;
    font-size: 11px; 
    line-height: 18px;
    margin: 05px 5px 5px 5px;
    width: 565px;
}

#FeaturedPieces_contentWrap .box p
{
    margin: 0;
    width: 312px;
}

#FeaturedPieces_contentWrap .boxWrap img
{
    float:left; 
    margin: 5px 0 5px 5px;
}

.box
{
    width: 338px;
    height: 164px;
    border: solid 1px #e2e2e2;
    float: right;
    padding: 5px;
    margin: 5px 0 5px 5px;
}


/* EARLY YEARS */
#loadarea
{
    width: 570px; 
    float: left;
    margin: 5px 0 0 0;
}

/* Cedar Facts */
#CedarFacts_contentWrap p
{
    color: #494B33;
    font-size: 11px;
}
.CedarFacts_header
{
    background: #E0DFDB; 
    border-bottom: 1px solid #FFFFFF; 
    height: 15px;
    padding: 3px;
}

#CedarFacts_contentWrap .CedarFacts_header p
{
    font-weight: bold;
    margin: 0;
}

form .CedarFacts_header
{
    background-color: #F6F5F3; 
    clear:both;
    width: 200px;
}

/* CONTACT US */
#ContactUs_contentWrap p
{
    color: #494B33;
    font-size: 11px;
    font-style: italic;
}

#ContactUs_contentWrap #photo
{
    width:530px; 
    margin: 20px 20px 20px 0;
}

.contentSubheaderImageDiv
{
    width: 240px; 
    margin: 0 20px 0 20px; 
    float: left;
}

.contentSubheaderImageDiv #welcomeText
{
    font-weight: bold;
    font-style: normal;
    width: 300px;
}


#ContactUs_contentWrap form
{
    float: right; 
    width: 210px;
    height: 350px;
}

#ContactUs_contentWrap form p
{
    width: 210px; 
    margin:0;
}

#googleMaps_div
{
    clear: both; 
    width: 500px; 
    margin: 0 0 0 20px;
}

#googleMaps_div p
{
    float: left;
    margin: 0 10px 0 0;
}

#googleMaps_div a
{
    font: 11px;
}

#map_canvas
{
    width: 550px; 
    height: 400px; 
    margin: 5px 0 0 0;
    color: #494B33;
}



/* INDIVIDUAL PAGE */
#IndividualPage_contentWrap
{
    background-color: #fff;
    padding: 0 0 0 5px;
    margin: 0;
    width: 570px;
    float: left;
}

.productDetailsDiv
{
    border: solid 1px #e2e2e2; 
    width: 193px; 
    height: 304px; 
    margin: 0 0 10px 5px; 
    float: left;
}

.rightBox
{
    width: 173px; 
    padding: 10px; 
    margin: 10px; 
    border: solid 1px #e2e2e2;
    float: right;
    
}

.rightBox #actionText
{
    margin: 0 0 15px 0;
}

.rightBox a
{
    cursor: pointer;
}

.rightBox div
{
    height: 20px;
    margin: 3px 20px 0px 20px;
    border-bottom: solid 1px #e2e2e2;
    font-weight: bold;
}

#textInDiv
{
    clear: both;
    margin: 5px 0 0 0;    
}

/* -----------------------------------*/ 
/* -------->>> NAVIGATION <<<-------- */ 
/* -----------------------------------*/

/*.nav_leftside_menu_div*/
.leftsideWrap div
{
    height: 20px;
    margin: 3px 20px 0px 20px;
    border-bottom: solid 1px #e2e2e2;
}

.leftsideWrap div a
{
    font-weight: bold;
}


.leftsideWrap .nav_leftside_submenu_div
{
    height: 20px;
    margin: 3px 20px 0px 40px;
    border-bottom: solid 1px #e2e2e2;
}


.indexSubHeader
{
    background-image: url('../images/bgimage.jpg');
    width: 250px;
}

.indexSubHeader p
{
margin: 0 0 5px 0;
padding: 4px;
font-size: 19px;
color: #510512;
font-weight: bold;
border: solid 1px #fff;
}


/* -----------------------------------*/ 
/* -------->>> FOOTER <<<-------- */ 
/* -----------------------------------*/

.linksFooter
{
    margin: 10px 0px 10px 15px;
}

#boxcontainer {
	clear:both;
}

.clearfloat {
	clear:both;
}