/* CSS Document */
/*global_css_styles*/
body{
font-family:Verdana;
color:#99cc33;
font-size: large;
}
caption{
text-align: left;
color:#99cc33;
font-weight: 900;
padding: 5px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: large;
background-color:#fff;
text-indent:5px;
border-top:solid 2px #99cc33;
border-right:solid 2px #99cc33;
border-left:solid 2px #99cc33;
width:400px;
}
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bolder;
color:#99cc33;
width: 400px;
line-height: 120%;
}
 table, td, th{
border: 2px solid #99cc33;
border-collapse:collapse;
}
th{
padding: 5px 10px;
font-size:90%;
text-align:left;
background-color:#fff;
}
td{
padding: 4px 10px;
font-size: 80%;
background-color:#fff;
}


tr:hover{
color:#99cc33;
font-weight: bolder;
}
border {
margin: 0 0 0 0;}
/*links*/
a {color: #99cc33;
border:none;
text-decoration: none;}
a:link {color: #99cc33; text-decoration:none;}
a:visited{color:#99cc33; text-decoration: none;}
a:hover{background-color:#99cc33; color:#FFFFFF; text-decoration:none; border:none;
}

input.invalid{
background-color:#99FF00;
border: 2px red inset;
}
label.invalid{
color:#99ff00;
font-weight: bold;
}

#wrapper{
width: 950px;
margin:0 auto 0 auto;}
/*masthead*/
#masthead{
margin-bottom: 5em;
margin-top: 0em;
padding-top: 1em;
/*border: solid;
border-width: 2px;
border-color:#99cc33;*/
}

#mastheadpic{
margin:0 0 0 1em;
padding:1em 2em 1em 1em;
border: none;
text-decoration:none;
}
#mastheadpic a:hover{
background: none;
text-decoration: none;
padding: 0 0 0 0;
}

#navlinks{
display:block;
float: right;
margin: -5em 2em 0 0;
color: #99cc33;
font-family: verdana,san-serif;
/*background-image:url(links_bg.png);
background-repeat: no-repeat;*/
background-color:#ffffff;
padding: .5em;
}
/*footer_styles*/
#footer{
clear: both;
background: #fff;
color: #99cc33;
font-family: verdana,san-serif;
margin: 0 0 0 0;
}
#footer_text{
float: right;
margin: 0px 50px 50px 0px;
font-size: small;
}
#contact_link{
float: left;
margin: -300px 0 0 50px;
font-size: large;
}



/*index_styles*/
#footer_text{
margin: 0 25px 0 25px;
text-align: center;}
#apples_table{
float: right;
margin: -4em 12em 1em auto;}

#jdweb_logo{
float:right;}
#footer_text a{
text-decoration: underline;}

/*unique_styles*/
#unique_content{
display: block;
float:left;
color:#99cc33;
margin: -4em 0 0 40px;
padding: 0em;
width: 180px;
}

#unique_text{
color:#99cc33;
border-top:solid;
border-color:#996600;
border-width:2px;
font-size: small;
font-weight: bold;
font-family: verdana;
padding: 0 0 4em 0;
}
#products_container{
margin: -4em 0 0 0;
float: right;}

#product_list{
position: relative;
list-style-type: none;
width: 608px;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
}

#product_list li{
width:304px;
margin:0 0 0 0;
float:left;
padding-bottom: 2em;
}

#image1 a:hover{
background-image:url(hover_medina.jpg);
} 
#image2 a:hover{
background-image:url(hover_casablanca.jpg);
}
#image3 a:hover{
background-image:url(oasis_chair_hover.jpg);
}
#image4 a:hover{
background-image:url(hover_fez.jpg);
}
#image5 a:hover{
background-image:url(atlas_on.jpg);
}
#image6 a:hover{
background-image:url(azrou_on.jpg);
}
#image7 a:hover{
background-image:url(palmier_on.jpg);
}

#image1 a{
padding-top:450px;
background-image:url(medina_list.jpg); 
background-repeat:no-repeat;
background-position: 50% 10px;
}

#image2 a{
padding-top:450px;
background-image:url(casablanca_list.jpg); background-repeat:no-repeat;
background-position: 50% 10px;
}
#image3 a{
padding-top:450px;
background-image:url(oasis_list.jpg); background-repeat:no-repeat;
background-position: 50% 10px;
}

#image4 a{
padding-top:450px;
background-image:url(fez_list.jpg);
background-repeat: no-repeat;
background-position: 50% 10px;
}
#image5 a{
padding-top:450px;
background-image:url(atlas_off.jpg); background-repeat:no-repeat;
background-position: 50% 10px;
}

#image6 a{
padding-top:450px;
background-image:url(azrou_off.jpg); background-repeat:no-repeat;
background-position: 50% 10px;
}

#image7 a{
padding-top:450px;
background-image:url(palmier_off.jpg); background-repeat:no-repeat;
background-position: 50% 10px;
}
#product_list li a{
display: block;
text-align: center;}

#product_list li a:hover{
background-color:#FFFFFF;
color: #99cc33;
border: none;}

#custom_work_graphic{
float: left;
margin: 0 0 0 40px}

/*handcrafted_styles*/

#movie{
float: right;
margin: -4em 0 0 0;
padding: 0 0 0 0;
width:640px;
}
#handcrafted_text{
float: left;
width: 180px;
color: #99cc33;
margin: -4em 0 0 40px;
border-top: solid;
border-color:#996600;
border-width: 2px;
font-size: small;
font-weight: bold;
font-family: verdana;
}

/*sustainable_styles*/

#sustainable_text{
display: block;
float:left;
color:#99cc33;
font-size: small;
font-weight: bold;
font-family: verdana;
margin: -4em 0em 0 40px;
padding: 0em;
width: 175px;
border-top: solid;
border-color:#996600;
border-width: 2px;
background-color:#FFFFFF;
padding: 0em 1em 1em 0em;
}
#sustain_image_one{
float: left;
margin: -4em 0 0 75px;
border: solid;
border-width: medium;
border-color:#99cc33;
}

/*contact_styles*/
#bg_contact_text{
margin: 3em 0 0 2em;
background-image:url(when_text_bg.png);
background-repeat:no-repeat;
overflow: auto;
float:left;
padding:1em 0 2em 0;
}
#contact_text{
display: block;
color:#99cc33;
font-size: small;
font-weight: bold;
font-family: verdana;
float: right;
}
#contact_caption{
text-align: center;
background-color:#99cc33;
color: #ffffff;
font-size: small;
}

#contact_info_intro{
line-height:140%;
font-size: 90%;
}
#contact_table{
color: #99cc33;
background-color:#FFFFFF;
}

#contact_info p{
margin-top: 0;}

#first_text{
color:#996600;
font-weight: bold;
font-size:larger;}

/*medina_styles*/

#medina_description{
float:left;
margin: 0 0 0 0px;
/*background-image:url(bg_items_description.png);*/
background-repeat:no-repeat;
padding:3em;
}
#medina_pic2{
margin: 200px 0px 0 0;
padding: 0 0 0 0;}
#medina_pic1{
margin:0px 0px 100px 0px;
}

#medina_sidebar{
float:right;
width: 300px;
margin: 0px 75px 0 0;
}


#next_hover a {color: #99cc33;
border:none;
text-decoration: none;
}
#next_hover a:link {color: #99cc33; text-decoration:none;}
#next_hover a:visited{color:#99cc33; text-decoration: none;}
#next_hover a:hover{background-color:#99cc33; color:#fff; text-decoration:none; border:none;
}

/*custom work css*/
#custom_text{
width: 175px;
color:#99cc33;
border-top:solid;
border-color:#996600;
border-width:2px;
font-size: small;
font-weight: bold;
font-family: verdana;
padding: 0 0 4em 0;
margin: 0 0 0 40px;
}

#slide_show{
width: 600px;
background-color:#fff;
font-family: verdana;
color:#663300;
margin: -2em auto 0 auto;
text-align:center;
border:#663300;
border: thin;
border-style:solid;
}
#slide_show h1{
font-size: 24px;
padding: 5px 0 0 0;
font-family: verdana;
font-weight: lighter;
line-height: 200%;
font-stretch:extra-expanded;
}
#slide_show h2{
font-size: 14px;
margin: -3px 0 0 0;
padding: 5px 0 5px 0;
}
#slide_show a{color: #99cc33;
border:none;
text-decoration: none;
padding: 0 10px 0 10px;
}
#slide_show a:link {color: #99cc33; text-decoration:none;}
#slide_show a:visited{color:#99cc33; text-decoration: none;}
#slide_show a:hover{background-color:#99cc33; color:#fff; text-decoration:none; border:none;
}
/*video css*/
#video_margin{
margin: 100px auto 0 auto;
}