/*
Theme Name: Salloum
Theme URI: miamicenterforplasticsurgery.com
Description: Custom theme for MCFP
Author: Natalia Morales/Rick Potratz
Version: 1.0
*/

body {
  background: #fff url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/bg.jpg) no-repeat;
  font-size: 14px;
  font-family: Gotham, sans-serif, arial, helvetica;
  margin: 0px;
  padding: 0px;
color: #5B5D5C;
}
#wrapper {
   width: 1165px;
   margin: 0px auto;
   overflow: hidden;
   background: #fff;
   /* background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/graybar.png) repeat-y; */
}

#contentwrap2222 { 
   width: 1165px;
   margin: 0px auto;
   overflow: auto;
   background: #ccc;

}

#header {
    width: 100%;
    height: 145px;
    margin: 0px; 
    padding: 0px;
    background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/top_bg_slim.jpg) repeat-x;
}

#header h1 { margin-left: 20px; margin-top: 0px; text-indent: -9999em; }
#header h1 a { display: block; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/09/MCPS_GS_landscape1.png) left center no-repeat; height: 145px; width: 564px; margin-top: 0px }

#topnav { position: absolute; top: 3px;  margin-left: 925px; }
#topnav ul { margin: 0px; padding: 0px; margin-right: 20px; margin-top: 5px; }
#topnav ul li { float: left; padding-right: 19px; margin-right: 10px; padding-left: 3px; list-style-image: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/pink_dot.png);  }
#topnav ul li a { color: #fff; font-size: 11px; font-weight: 100; text-decoration: none; }

ul#menu-footer-nav { padding-top: 20px; }
ul#menu-footer-nav li { padding-left: 40px; }
ul#menu-footer-nav li#menu-item-447 { padding-left: 60px; }
ul#menu-footer-nav li a { font-weight: bold;  padding-bottom: 0px; font-size: 18px;  }
ul#menu-footer-nav li ul.sub-menu { padding: 0px; margin: 0px; margin-top: 10px; }
ul#menu-footer-nav li ul.sub-menu li { padding: 0px; margin: 0px; padding-top: 5px;}
ul#menu-footer-nav li ul.sub-menu li a { font-weight: normal; font-size: 14px;  text-transform: none; letter-spacing: .1em;}

ul#menu-footer-nav li ul.sub-menu li.menu-item-448 {  float: left; height: 62px; width: 62px; }
ul#menu-footer-nav li ul.sub-menu li.menu-item-448 a { background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/facebooklogo1.png) no-repeat; height: 62px; width: 62px; }
ul#menu-footer-nav li ul.sub-menu li.menu-item-449 { float: left; }
ul#menu-footer-nav li ul.sub-menu li.menu-item-450 { float: left; }

#consult { margin-top: 40px; float: right; text-align: center; }

.smaller { color: #fff; font-size: 16px; }
.number {
   font-size: 32px; color: #fff; 
}
.email { }

#topbox { width: 960px; height: 319px; }

#squares {
   width: 370px;
   float: right;
}

#face { float: left; width: 150px; height: 150px; border: solid 1px blue;}
#breast { float: right; width: 200px; height: 150px; border: solid 1px blue;}
#body { float: left; width: 150px; height: 150px; border: solid 1px blue;}
#skin { float: right; width: 200px; height: 150px; border: solid 1px blue;  }

#finance {  float: right; width: 507px; height: 201px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/gray_bg.png) repeat-x;}
	#finance li { margin-left: 10px; margin-bottom: 5px; margin-top: 12px; }
	#finance li.widget_sp_image { float: left; width: 400px;  }

	#financebar { width: 507px; height: 34px;  float: right; }
		#finance h2 { color: #fff; margin-left: 16px; margin-top: 18px; margin-bottom: 0px; color: #B2427A; }

#about { float: left; width: 656px; height: 200px; border-right: 2px #ccc solid; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/gray_bg.png) repeat-x; }  

h1 { font-size: 30px; color: #25859E; }
h2 { font-size: 26px; color: #B2427A; }
h3 { font-weight: bold; font-size: 16px; color: #111;  }

#centersection { text-align: center; overflow: hidden; width: 1165px; }
#testimonials { height: 150px; width: 550px; }
#pics { height: 150px; width: 550px; }

#leftside { float: left; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/boxes_bg.png) no-repeat; width: 659px; height: 535px; }
	#leftside h2 { padding-left: 14px; background: url(/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat;  color: #fff; font-size: 22px; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; text-align: left; }
	#leftside p { font-size: 15px; padding: 3px; text-align: left; }

#rightside {float: right; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/box_bg.png) repeat-x; height: 501px; width: 506px; margin-top: 34px; }
	#rightsidebar { margin-top: -34px; position: absolute; width: 506px; height: 38px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/ping_bar.png) no-repeat; }
	#rightside h2 { margin-top: 4px; color: #fff; }



#service { 
   height: 100px;
   width: 350px;
}
#featured { 
   height: 100px;
   width: 350px;
}

#bottombar { float: left; width: 1165px; overflow: auto; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/gray_bg.png) repeat-x; }
#photobox { float: left; margin: 10px; }
#logos { float: left; text-align: center; margin-top: -13px; margin-right: 0px; }
#logos img { float: left; margin-left: 10px; }

#site-info { margin-left: 65px; padding: 5px 15px; color: white; width: 980px; }
	#site-info a { color: #fff; text-decoration: none; }

#copyright { margin-left: 80px; font-size: 14px; color: #fff; height: 30px; float: left; width: 960px; margin-top: 25px; line-height: 1.2em; }
	#copyright a { color: #fff; text-decoration: none; }
	#copyright a:hover { color: #ddd; text-decoration: underline; }

.page, .post { padding-left: 20px; padding-right: 20px; margin-left: 225px; }
	.page h3, .post h3 { color: #afafaf; }
	.page p, .post p { color: #676767; }
	.page li, post li { color: #676767; list-style-image: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/pink_dot.png); }

#sidebar { width: 226px; float: left; }
	#sidebar h3 { margin: 0px; color: #fff; }

#aesthetic { padding: 0px 20px 0px; width: 475px; overflow: auto; margin: 0px auto 0px; color: #5b5d5c; font-size: 14px; }
	#aesthetic p { text-align: left; margin-left: 15px; margin-top: 3px; margin-bottom: 2px;}

.topbox { width: 226px; margin-left: 0px; border-left: 2px solid #d9d9d9; }
	.topbox h3 { padding-left: 20px; padding-top: 10px; width: 225px; height: 38px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/top_left_bar.jpg) no-repeat; }
	.topbox ul { margin-bottom: 1px; }
        .topbox ul li { color: #13576a; padding-top: 5px; padding-bottom: 10px; font-size: 16px; list-style-image: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/pink_dot.png);  }
	.topbox ul li a { color: #14566e; text-decoration: none; }


.bottombox { 
  width: 226px;
  margin-left: 0px;
  background: #fff url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/09/lower_left_bar.png) no-repeat;
}
	.bottombox h3 { padding-left: 20px; padding-top: 10px; }

.box { float: left; padding: 0px; margin: 0px; height: 180px; margin-top: 30px;  overflow: hidden; }
.bb_left { width: 316px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/graybox_bg.jpg) bottom left repeat-x; border-right: solid 2px #d9d9d9; }
.bb_center { width: 519px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/graybox_bg.jpg) bottom left repeat-x; border-right: solid 2px #d9d9d9; }
.bb_right { width: 325px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/graybox_bg.jpg) bottom left repeat-x; }
	.bb_right li { float: left; width: 150px; margin-left: 15px; }
	.bb_left h3 { width: 316px; margin-top: 0px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/leftboxtop.jpg) no-repeat; color: #fff; padding: 3px; }
	.bb_left p { font-size: 15px; margin-right: 20px; text-align: right; }
	.bb_center h3 { width: 519px; margin-top: 0px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/midbar.jpg) no-repeat; color: #fff; padding: 3px; }
		.bbcenterbtn { margin-right: 10px; margin-top: 5px; }
	.bb_right p { margin-left: 10px; }
	.bb_right h3 { width: 325px; margin-top: 0px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/rightbar.jpg) no-repeat; color: #fff; padding: 3px; }

a.readmore { float: right; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/readmore.png) no-repeat; text-indent: -9999em; width: 133px; height: 44px; }
.box a.readmore {  }
a.readmore_widget { position: absolute; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/readmore.png) no-repeat; text-indent: -9999em; width: 133px; height: 44px; margin-left: 240px; margin-top: 78px; }

a.seemore { 
	background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/readmore_button.png) no-repeat; 
	width: 135px; height: 48px; 
        font-size: 16px;
	text-decoration: none;
	color: #858585;
        padding: 15px 28px;

        margin-left: 80px;
}



/* IMage Specific CSS */
img { border: 0px; }
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { float: left; margin: 0 1em 1em 0 }

#videos { height: 218px; float: left; margin-top: 0px; margin-left: 5px; margin-top: 15px; }
.video { float: left; margin-right: 10px; }
.box .video { margin-right: 0px; margin-left: 45px; padding-top: 1px; height: 150px; overflow: hidden; margin-top: -10px;  }

.picturebox {
	background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/picbox_200.png) no-repeat;
        width: 200px;
        height: 200px;
        margin-left: -20px;
}
	.picturebox li#widget_sp_image-2, #picturebox li#widget_sp_image-6 { float: left; margin-top: 28px; margin-right: 10px; margin-left: 43px; }
		.picturebox .label1 { font-weight: bold; position: absolute; height: 20px; width: 70px; background: #505050; color: #fff; font-size: 14px;  padding-top: 5px; margin-left: 119px; margin-top: 230px; }
	.picturebox li#widget_sp_image-5, #picturebox li#widget_sp_image-7 { float: left; margin-top: 28px;  margin-left: 21px; }
		.picturebox .label2 { font-weight: bold; position: absolute; height: 20px; width: 70px; background: #505050; color: #fff; font-size: 14px; padding-top: 5px; margin-left: 369px; margin-top: 230px; }


.leftcol {  text-align: left; margin-left: 20px; line-height: .9em;}
.rightcol {  text-align: left; margin-right: 85px; line-height: .9em;}
.leftcol ul li, .rightcol ul li { line-height: 20px; }

li.widget { list-style: none; margin-top: 10px; }

#footer { float: left; width: 1165px; border-top: 2px #ccc solid; background: #45a6b6 url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/bottom_bg.jpg) repeat-x; overflow: auto; padding-bottom: 3%; }
	#footer li { float: left; list-style: none; width: 155px; padding-left: 10px; padding-right: 10px;  color: #fff; font-size: 12px;   }
		#footer li li { width: 185px; }
	#footer li a { color: #fff; text-decoration: none; }

	#footer ul.page_links li { display: inline; width: auto; padding: 1px; }
	#footer ul.page_links li:after { content: " | "; }

#imagebar { width: 1165px; height: 120px; background: #f8f8fa url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/navbarimg.jpg) no-repeat; }
	#imagebar h2 { color: #25859e; margin: 0px; position: absolute; background: url(/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat; font-size: 3.0em; font-weight: normal; padding-left: 15px; padding-bottom: 15px; margin-top: 40px; margin-left: 260px; }


#socialicons { float: right; margin-top: 5px; margin-right: 75px;}

#specials { z-index: 1000; right: 0px; top: 130px; position: fixed; } 
#specials a { background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/specials.png) no-repeat; width: 42px; height: 188px;  display: block; text-indent: -9999px; }

#before_after li.widget { background: url(/wp-content/uploads/2010/08/picbox_200.png) no-repeat; float: left; width: 200px; height: 200px; margin-left: 10px; }
#before_after li.widget img { margin-top: 12px; }
#before_after h2.widgettitle { position: absolute; background: #333 url(); padding: 2px 8px;  margin-left: 60px; margin-top: 180px; }



/* FORM STUFF */
.wpcf7-form { margin-top: 60px; }
.wpcf7-form input, .wpcf7-form textarea { border: 0px; line-height: 15px; padding-top: 4px; margin-top: 2px; background: transparent; }

.formname { margin-top: 20px; font-size: 16px; color: #676767; margin-left: 20px; }
.formname2 { margin-top: 20px; font-size: 16px; color: #676767; margin-left: 20px; }
.formname3 { margin-top: 13px; font-size: 16px; color: #676767; margin-left: 20px; }
.formname4 { padding-top: 2px; font-size: 16px; color: #676767; margin-left: 20px; }

.wpcf7-form input.wpcf7-submit { margin-left: 45px; display: block; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/form_submit.png) no-repeat; height: 43px; width: 200px;  text-indent: -9999em; }
span.wpcf7-not-valid-tip-no-ajax { position: absolute; margin-left: 80px; width: 200px; margin-top: 3px; }


.entry-title, .entry-content { margin-left: 15px; padding-right: 30px; }
.entry-content h1 { font-size: 20px; }

.breadcrumb { color: #afafaf; margin-top: 10px; }
.breadcrumb a { text-decoration: none; color: #afafaf; }


.innertext { float: right; margin-right: 10px; }

.adspace {
   background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/pinkbutton.png) no-repeat;
   width: 350px;
   height: 124px;
   margin-left: 75px;
   padding-top: 1px;
}
.adspace li { margin-top: 5px; }

.pricepoint { font-size: 4.5em; font-weight: bold; color: #fff; margin-left: -78px; }
.subscript { font-size: 2.7em; color: #fff; position: absolute; margin-left: 235px; margin-top: 15px; font-weight: bold; }
.adtext { font-size: 1.6em; font-weight: bold; color: #da4298; }
	.adtext a { text-decoration: none; color: #da4298; }
	.smalloff { font-size: 32px; }

.emailbox { background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/search-box.png) no-repeat; width: 213px; height: 34px; border: 0px; padding-left: 10px;}
.joinsubmit { background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/08/submit.png) no-repeat; width: 91px; height: 34px; border: 0px; cursor: pointer;  color: #fff; font-size: 16px; }


.textbox p { font-size: 15px; }
.textwidget { font-size: 15px; }


.wp-post-image {
    float: left;
}

a.testify { margin-top: 0px; float: right; padding-left: 5px; padding-right: 5px; margin-right: -20px;}
a.beforeafter { margin-top: 75px; float: right; padding-left: 5px; padding-right: 5px; margin-left: 85px;}

/* MENU */

/* #menu { height:38px;  }
	#menu ul { padding-top: 5px; margin-top: 10px; margin-left: 0px; padding-left: 25px;  }
	#menu li { margin-left: 15px; padding: 12px 22px 8px 22px; display: inline; list-style: none; border-right: solid 3px #e3e3e3; background: url(/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat; }
	#menu li a { font-size: 22px; letter-spacing: -0.1em; text-decoration: none; color: #5b5d5c; padding-right: 5px; line-height: .7em;  }

*/

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
.menu-header { height: 38px; position:relative; z-index:100;border-right:1px solid #585752; font-family:arial, helvetica; background: #fff url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/nav_bar.jpg) repeat-x;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-header ul {padding:0;margin:0;list-style-type:none;}
.menu-header ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-header li {float:left; position:relative; margin-left: 22px; padding: 12px 27px 8px 25px; display: inline; list-style: none; border-right: solid 3px #e3e3e3; background: url(/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat;}

.menu-header li li { padding: 2px; }
/* style the links for the top level */
	.menu-header li#menu-item-174 { border: 0; }

.menu-header a, .menu a:visited {
 font-size: 23px; text-decoration: none; color: #5b5d5c; padding-right: 5px; line-height: .7em;
display:block;
height:18px;  
border:0px; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-header a, * html .menu a:visited {width:149px; w\idth:138px;}
 
/* style the second level background */
.menu-header ul ul a.drop, .menu ul ul a.drop:visited {background:#5b5d5c; }

.menu-header .sub-menu li { background: #ddd; }
.menu-header .sub-menu li a { font-size: 18px; }

/* style the second level hover */
.menu-header ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu-header ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu-header ul ul ul a, .menu ul ul ul a:visited {background:#ddd;}
/* style the third level hover */
.menu-header ul ul ul a:hover {background:#ddd url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat; }
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-header ul ul {visibility:hidden; position:absolute;height:0;top:35px;left:0; width:149px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu-header ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu-header ul ul ul{left:199px; top:-1px; width:189px;}
 
/* position the third level flyout menu for a left flyout */
.menu-header ul ul ul.left {left:-129px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-header table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu-header ul ul a, .menu ul ul a:visited {height:auto; line-height:1em; padding:8px 11px; width:198px; border: solid 0px black; font-size: 18px; }
/* yet another hack for IE5.5 */
* html .menu-header ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu-header a:hover, .menu-header ul ul a:hover{color:#28839E; background:transparent url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/07/pink_dot.png) left center no-repeat; }
.menu-header :hover > a, .menu ul ul :hover > a {color:#28839E; background:transparent;}
 
/* make the second level visible when hover on first level list OR link */
.menu-header ul li:hover ul,
.menu-header ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu-header ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-header ul :hover ul :hover ul{ visibility:visible;}
 
#menu-item-905 { border: 0px; }
#mapbox { float: right; }

.formbox { margin-left: 25px; background: url(http://miamicenterforplasticsurgery.com/wp-content/uploads/2010/10/form_box.png) no-repeat; width: 178px; height: 34px; }

a.balink { color: #333; font-size: 13px; text-decoration: none; margin-left: 5px;  }
.cat_sidebar { width: 300px; float: left; margin-left: 15px; }
.cat_sidebar h3 { color: #25859E; font-size: 20px; }
.picframe { float: left; border: 20px solid #25859E; }
.picframe h4 { text-align: center; margin: 5px 0px; }
.innerframe { width: 700px; margin: 0px auto 10px; background: #fff; padding: 10px 10px 120px; }
.photoviewer { height: 320px; padding: 5px; margin: 5px; width: 690px; }
.thumbs { margin: 70px auto 0px; width: auto; height: 110px; border: solid 1px #ccc; background: #eee;  }
.thumbnail { padding: 10px 3px; margin-top: 0px; text-align: center; float: left; margin-left: 3px; }
.largepic { position: absolute; padding: 10px; border: solid 1px #ddd; margin-left: 100px;  }
.others { margin-top: 10px; width: 600px; }
.others li { display: inline; list-style: none; margin: 0px 10px; }
.others .wp-post-image { padding: 0px 5px; }
div.desc { font-size: 12px; width: 480px; margin: 0 auto; }