/* CSS Document */
html { background:url(../images/html_bg.jpg) repeat-x; background:#474433;}
body { width:800px; margin:0 auto; background:url(../images/extraordinarydesserts_logo.jpg) no-repeat top center;}
img{ border:none;}
a {text-decoration: none;}
#top{width:800px; background-color:#474433; height:111px; margin:0px auto; text-align:center; padding-top:4px;}
#index_wrapper {width:800px; margin:0px auto; background:url(../images/index_top_img.jpg) top repeat-x; background-color:#FFFFFF;}
#wrapper {width:800px; margin:0px auto; background-color:#FFFFFF;}
#wrapper {width:800px; margin:0px auto; background-color:#FFFFFF;}
p { color:#999999; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; margin:0 auto; padding:10px 5px 0 0px;}
/*p { color:#87878B; font-family:Calibri, Tahoma; font-size:0.9em; margin:0 auto; padding:10px 5px 0 0px;}*/
li { color:#363428; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; padding-right:40px; padding-top:15px; line-height:15px;}
h1 {font-family:Arial,Helvetica,sans-serif; font-size:1.4em; color: #9e9e9e; letter-spacing:0.35em; font-weight:normal;}
h1 span { font-size:0.5em; font-family:Arial,Helvetica,sans-serif; color:#9e9e9e;}
h2{ color: #606509; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-weight:normal; font-size:1.2em; letter-spacing:0.07em; margin:0 auto;}
#leftpannel{width: 125px; padding-top: 33px; padding-left:9px; padding-right:25px; float:left;}
#nav{ text-align:right; float:left; padding-bottom:15px; width:118px;}
#nav a{display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color: #9E9E9E; margin-bottom:14px; font-weight:bold; letter-spacing:2px;}
#nav a:hover {color:#9E9E9E;}
#nav2{ text-align:right; float:left; padding-bottom:15px; width:130px;}
#nav2 a{display:block; font-family:Arial, Helvetica, sans-serif; margin-right:5px; margin-left:5px; font-size:11px; line-height:14px; color: #9E9E9E; margin-bottom:4px; font-weight:bold; letter-spacing:2px;}
#nav2 a:hover {color:#9e9e9e;}
#contents {width:632px; float:left; background-color:#FFFFFF;}
#cakemenu {
background-color:#d2d0b9;
}
#topnav { height:60px; padding-bottom:20px;}
#topnav img {margin-left:-23px;}
#topnav a{ padding-left:16px; padding-right: 16px; border-right: #474433 1px solid; line-height: 18px; color:#474433;font-family:Calibri, Tahoma; font-size: 13px; font-variant:small-caps; letter-spacing:0.2em;}
#bottom {width: 800px; padding-top:15px; clear:both; margin: 0px auto; text-align:center; color:#999999; padding-bottom:30px;}
.addresses {width:400px; float:left; text-align:center;font-family:Calibri, Tahoma; font-size: 12px; font-variant:small-caps; line-height:15px; color: #e2e1cc; letter-spacing: .3em;}
#bottom a{font-family:Verdana, Arial, Helvetica, sans-serif,Arial,Helvetica,sans-serif; font-size:10px; color: #999999; text-decoration:underline; }
#bottom a:hover {color:#fff;}
#desserts { width:635px;}
.desserts_left { width:410px; float:left;}
.desserts_right { width:220px; float:left;}
#desserts img { float:left; margin:10px 8px 0 0px;}
.desserts_bg { background:url(../images/desserts_img_4.jpg) no-repeat; width:235px; height:179px; float:left; padding:20px 0 0 20px; margin:10px 0px 0 0px; color:#363428; font-size:0.9em; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
#tarts { width:635px;}
#tarts_top { background:url(../images/tart_img.jpg); width:228px; height:242px; padding:5px 0px 0 340px;}
#tarts_top p { color:#363428;}
#tarts_bottom { background:url(../images/tart_img_1.jpg); width:568px; height:30px; text-align:right; padding-top:242px;}
#delicacies { background:url(../images/delicacies_img_1.jpg); width:574px; height:179px; padding:20px 0px 0 30px;}
#delicacies_left { width:400px; float:left;}
#delicacies_left p { color:#363428; line-height:17px;}
#delicacies_right { width:174px; float:left; margin-top:80px; text-align:right;}
#custard_left { float:left; background:url(../images/custard_img.jpg); width:233px; height:175px; padding:368px 0 0 20px;}
#custard_left p { color:#363428;}
#custard_right { background:url(../images/custard_img_1.jpg); width:307px; height:28px; float:left; padding:515px 0 0 10px;}
#icecream_left { float:left; background:url(../images/icecream_img.jpg) no-repeat; width:370px; height:40px; padding:339px 0 0 10px;}
#icecream_left div { background:#e2e1cc; width:359px; height:57px; padding:5px 0px 0 10px; margin-top:12px; border:#dadbd5 1px solid;}
#icecream_left div p { color:#363428; font-size:9px;}
#icecream_right { float:left; background:#e2e1cc; width:195px; padding:3px 0px 5px 15px; margin-left:10px; border:#dadbd5 1px solid;}
#icecream_right p { color:#363428; line-height:16px;}
#pastries_left { background:#dddbc2; width:220px; height:364px; padding:0px 15px 0 20px; float:left;}
#pastries_left p { color:#363428;}
#whole_cake_div { background:url(../images/wholecake_img_1.jpg); width:600px; height:600px;}
#whole_cake_div div { float:right; width:265px;}
#whole_cake_div div p { color:#999999; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:.9em; font-size:11px;margin:0 auto; padding:10px 10px 0 0px;}
#whole_cake_div div p a { text-decoration:none; color:#999999; line-height:18px;}
#whole_cake_div div p a:hover { text-decoration:underline;}
#whole_cake_left { float:left; width:400px; margin-right:20px;}
#whole_cake_right { float:left; width:162px;}
#whole_cake_right span { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#737921; padding:10px 0 10px 0px;}
#whole_cake_right a { text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 0.8em; font-variant:small-caps; color: #87878B; font-weight:bold;}
#whole_cake_right a:hover { color:#28261d;}
.whole_cake_footer_links { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#999999;}
.whole_cake_footer_links a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none; color:#999999;}
.whole_cake_footer_links :hover { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#CCCCCC; text-decoration:underline;}
#cupcake { width:632px;}
#cupcake ul { margin:0px 0 0 0px; padding-left:20px;}
#cupcake li { color:#87878B; font-family:Calibri, Tahoma; font-size:0.8em; padding-top:0px; line-height:18px; padding-left:0px;}
#cupcake_top { float:left; width:611px; height:269px;}
#cupcake_bottom { background:url(../images/cupcake_img_1.jpg); width:386px; height:172px; float:left; padding:47px 0 0 225px;}
#cupcake_bottom_left { width:236px; float:left;}
#cupcake_bottom_left p { color:#363428;}
#cupcake_bottom_right { width:150px; float:left; text-align:right;}
#cookies_left { float:left; background:url(../images/cookies_img.jpg) no-repeat; width:294px; height:459px; margin-right:20px; padding:30px 0 0 30px;}
#cookies_left p { color:#363428; line-height:17px;}
#cookies_right { float:left; background:#e2e1cc; width:237px; padding:10px 0px 5px 20px; border:#dadbd5 1px solid;}
#cookies_right p { padding-top:5px; color:#363428; line-height:17px;}
.images { width:585px; background-color:#8e8e8e; float:left; margin-top:20px; padding:8px 0 15px 12px; float:left}
.images div { margin-right:11px; text-align:center; float:left; width:106px; padding-top:7px;}
.images div p { padding-top:3px; font-size:11px; color:#FFFFFF;}
#petit_desserts_left { float:left; width:285px; margin-right:25px;}
#petit_desserts_left p { padding:25px 0 0 0px;}
#petit_desserts_right { float:left; width:285px;}
#petit_desserts_right p { padding:20px 0 0 0px;}
#wedding_div { background:url(../images/wedding_img_1.jpg) no-repeat; width:600px; height:210px; float:left; margin:0 0 0 2px; clear:both;}
#wedding_portfolio { color:#FFFFFF; margin:120px 0 0 230px; text-align:center; font-size:17px;}
#wedding_portfolio a { color:#FFFFFF; text-decoration:none;}
#cake_div { width:191px; float:left;}
#flowers_div { width:182px; float:left; margin-top:30px;}
#delivery_div { width:213px; float:left; margin-top:100px;}
#le_mariage_protfolio { background:#c0bfba; width:400px; height:50px; text-align:center; color:#FFFFFF; font-family:Calibri, Tahoma; font-size:1.2em; margin:0 auto;}
#le_mariage_protfolio a { color:#FFFFFF; text-decoration:none;}
#consultation_div_left { width:201px; float:left; margin-right:20px;}
#consultation_div_left p { background:#d6d6d6; width:151px; text-align:center; padding:27px 24px 27px 24px; color:#646464}
#consultation_div_right { width:350px; float:left;}
#eventmenu_div { background:url(../images/event_menu_bk.jpg); width:516px; height:431px; float:left; margin-top:15px; margin-left:15px; line-height:17px;}
#littleitaly_div_left2 { background:url(../images/little_italy_img_left_loc.jpg); width:340px; height:867px; float:left; margin-top:35px; margin-left:15px; line-height:17px;}
#littleitaly_div_right2 { background:url(../images/little_italy_img_right_loc.jpg); width:244px; height:867px; float:left; margin-top:35px;}
#littleitaly_div_left { background:url(../images/location_bk_left.jpg); width:275px; height:595px; float:left; margin-top:20px; margin-left:15px; line-height:17px;}
#littleitaly_div_right { background:url(../images/location_bk_right2.jpg); width:291px; height:595px; float:left; margin-top:20px; line-height:17px;}
.black_bg { background:#000000; width:170px; line-height:25px; border:#FFFFFF 1px solid; color:#b7b4b4; display:block; font-size:0.9em;}
.black_bg a { text-decoration:none; color:#b7b4b4;}
.google_map { background:#CCCCCC; width:140px; padding:8px 15px 8px 15px; float:right; text-align:center; margin-right:90px; color:#666666;}
.google_map a { text-decoration:none; color:#666666;}
#balboapark_div_left { background:url(../images/balboa_img_left.jpg); width:299px; height:879px; float:left; margin-top:35px; margin-left:15px; line-height:17px;}
#balboapark_div_right { background:url(../images/balboa_img_right.jpg); width:276px; height:879px; float:left; margin-top:35px;}
#location_div { float:left; margin-top:35px; margin-left:15px; width:579px;}
#location_div_right { width:320px; float:left; margin-top:35px;}
#location_div p { padding:6px 20px 0 0px;}
#location_div_bottom_left { float:left; margin-left:15px; margin-top:10px; width:310px;}
#location_div_bottom_right { float:left; width:300px; margin-top:10px;}
#event_div { float:LEFT; margin-top:0px; width:579px;}
#event_div_right { width:229px; float:LEFT; margin-top:10px;}
#event_div_left { width:350px; float:left; margin-top:10px;}
#event_div p { padding:6px 20px 0 0px;}
#slide_div { float:LEFT; margin-top:20px; width:579px;}
#event_div_bottom_left { float:left; margin-left:0px; margin-top:10px; width:350px;}
#event_div_bottom_right { float:left; width:200px; margin-top:10px;}
#education_div_left { width:410px; float:left;}
#education_div_left p { text-align:center; line-height:15px;}
#education_div_left h2 { text-align:center; font-size:12px; padding-top:15px;}
#education_div_right { width:150px; float:left; margin-top:15px;}
#education_bg_img { background:url(../images/education_img_1.jpg) right no-repeat; background-position:right; height:205px; margin-top:6px;}
#first_row { width:750px; text-align:center; height:265px; margin:0 auto;}
#first_row div { width:150px; text-align:center; margin:0 auto; float:left; padding-top:50px;}
#first_row div P { color:#363428; padding:5px 0 10px 0px;}
#second_row { width:600px; text-align:center; height:265px; margin:0 auto;}
#second_row div { width:150px; text-align:center; margin:0 auto; float:left; padding-top:50px;}
#second_row div P { color:#363428; padding:5px 0 10px 0px;}
#menu_bg_img { background:url(../images/menu_img_1.jpg); width:582px; height:212px; float:left;}
#menu_bg_img div { width:210px; float:left; padding:35px 0 0 30px;}
#menu_bg_img_1 { background:url(../images/menu_img_2.jpg); width:582px; height:247px; float:left; margin-top:20px;}
#menu_bg_img_1 div { width:250px; float:left; padding:80px 0 0 25px;}
#menu_img_left { width:329px; float:left; margin-top:15px;}
#menu_img_right { float:left; background:url(../images/menu_img_3-05.jpg) top no-repeat; width:253px; margin-top:15px;}
#gallerySelected {
float: left;
width: 400px;
}
#galleryWrap {
height: auto;
width: 570px;
}
#galleryWrapleft {
width: 140px;
margin-right:10px;
float:left;
}
#galleryWrapleft div {
width: 70px;
float:left;
text-align:center;
margin-bottom:10px;
}
.cakeName {
font-size: 9px;
color: #474433;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.cakePull {
font-size: 12px;
color: #474433;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.thumbSelected {
border:1px solid #333333;
margin:4px 4px -1px 4px;
}
.thumbNormal {
border:1px solid #999999;
margin:4px 4px -1px 4px;
}
.pages {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
text-decoration: none;
}
.pages a:link {
color: #999999;
}
.pages a:visited {
color: #999999;
}
.pages a:hover {
color: #CCCCCC;
}
.pages a:active {
color: #999999;
}
.grey_bg { background:#666762; width:170px; line-height:23px; border:#FFFFFF 1px solid; display:block; font-size:0.8em; text-align:center; color:#87878B; font-family:Calibri, Tahoma;}
.grey_bg a { text-decoration:none; color:#dad7d7;}
.gourmet_list { width:190px; float:left; margin-top:10px;}
.gourmet_list ul { margin:0px 0 0 0px; padding-left:15px;}
.gourmet_list li { color:#87878B; font-family:Calibri, Tahoma; font-size:0.8em; line-height:3px; padding:0px; line-height:17px;}
#gourmet_bg_div { width:193px; float:left; background:#d8d7b9; margin:12px 0 0 15px}
#employ_bg { background:url(../images/employment_img.jpg); width:277px; height:82px; margin:0 auto; text-align:center; padding:0px;}
#mission_div_left { background:url(../images/mission_img.jpg); width:293px; height:377px; float:left; margin-right:10px;}
#philosophy_bg_img { background:url(../images/philosophy_img.jpg); width:589px; height:321px; float:left;}
#philosophy_bg_img li { color:#363428; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; padding-right:40px; padding-top:15px; line-height:15px;}
.year { color:#363428; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-align:right; border-right:#FFFFFF 8px solid; padding-top:20px;}
.discription { background:#e2e1cc; color:#363428; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; padding-left:15px; border-left:#d9dad5 2px solid; padding-top:20px; padding-right:20px;}
#bottom_spacer { background:url(../images/bottom_spacer.jpg) no-repeat; width:759px; height:3px; margin-left:20px;}
.searchbox { padding:0px; margin:0px;}
.searchbox img {padding-top:5px;}
.searchinput{ height: 17px; width:62px; border: #a5acb2 1px solid; font-family: Calibri, Tahoma; color:#000; font-size:12px; float:left; margin-right:2px;}
.button{height: 20px; float:left;}
.applemenu div.silverheader
{
height:34px;
}
.leftlinkf
{
font:verdana;
font-size:14px;
font-weight:bold;
}
.leftlinks
{
font:Arial;
font-size:14px;
font-weight:normal;
}
.caketext
{
font:Arial;
font-size:1.2em;
font-weight:normal;
line-height:14px;
}
.applemenu div.silverheader
{
height:34px;
}
.leftlinkf
{
font:verdana;
font-size:14px;
font-weight:bold;
}
.leftlinks
{
font:Arial;
font-size:14px;
font-weight:normal;
}
.applemenu div.silverheader a{
height:34px;
background: url(images/gray-nav.png) repeat-x center left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
/*padding: 0px 0;*/
/*padding-left: 8px;*/
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
/*color: white;*/
height:34px;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(images/blue-nav.png);
color:#000000;
/*color: white;*/
height:34px;
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
margin-left:13px;
margin-right:5px;
border: #dcdcdc 0px solid;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu a{ /*DIV that contains each sub menu*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color:#cccccc;
margin-left:13px;
margin-right:5px;
border: #dcdcdc 0px solid;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu table tr td{ /*DIV that contains each sub menu*/
border: #d3d3d3 0px solid;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}