/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.southmiamigog.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html {
		background:#5a6ea5;
	}
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#373738;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 980px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#4a5b89;}
	h1 { font-size: 24px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	
	h1 sup {font-size:14px;}
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#4a5b89;  }
	a:hover { color:#4a5b89;  }
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#top {
		height:16px;
		border-top:19px solid #4a5b89;
		background: url(../images/top.jpg) repeat-x;
	}
	
	#container {
	  width: 960px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { clear:both; margin:20px 0; padding:0; text-align:left; }
	#two_column #content { clear:both; margin:10px 0 20px 0; padding:0; text-align:left; }
	
	#footer { 
		color:#fff;
		border-top:3px solid #4a5b89;
		background:#5a6ea5;
		padding:20px 0 20px 0;
		margin:0;
	}
	
	
	/* = Main Navigation
	-----------------------------------------------------------------------------*/
	#nav_main {width:960px; height:50px; overflow:hidden;}
	
	#nav_main a,
	#nav_main a:visited { color:#ffffff; cursor:pointer; float:left; font-size:18px; text-decoration:none; text-align:center; margin:0; padding:15px 0px;}
	#nav_main a:hover { color:#4a5b89; cursor:pointer; float:left; font-size:18px; text-decoration:none; text-align:center; margin:0; padding:15px 0px;}
	
	a.menuleft, a:visited.menuleft { background: url(../images/nav-main-left.gif) no-repeat left 0; }
	a:hover.menuleft { background: url(../images/nav-main-left.gif) no-repeat left -50px; }
	
	a.menuright, a:visited.menuright { background: url(../images/nav-main-right.gif) no-repeat right 0; border-left:1px solid #4a5b89; }
	a:hover.menuright { background: url(../images/nav-main-right.gif) no-repeat right -50px; }
	
	a.menucenter, a:visited.menucenter { background: url(../images/nav-main.gif) repeat-x left 0; border-left:1px solid #4a5b89; }
	a:hover.menucenter { background: url(../images/nav-main.gif) repeat-x left -50px; }
	
	
	/* left menu item  */
	#nav_main a.about-us, #nav_main a:visited.about-us, #nav_main a:hover.about-us {width:150px;}
	body.about-us #nav_main a.about-us { background: url(../images/nav-main-left.gif) no-repeat left -50px; color:#4a5b89;  }
	
	/* right menu item  */
	#nav_main a.womens-health, #nav_main a:visited.womens-health, #nav_main a:hover.womens-health {width:205px;}
	body.womens-health #nav_main a.womens-health { background: url(../images/nav-main-right.gif) no-repeat right -50px; color:#4a5b89; }
	
	/* center menu items  */
	#nav_main a.our-office, #nav_main a:visited.our-office, #nav_main a:hover.our-office {width:160px;}
	body.our-office #nav_main a.our-office {background: url(../images/nav-main.gif) repeat-x left -50px; color:#4a5b89; }
	
	#nav_main a.services-procedures, #nav_main a:visited.services-procedures, #nav_main a:hover.services-procedures {width:255px;}
	body.services-procedures #nav_main a.services-procedures {background: url(../images/nav-main.gif) repeat-x left -50px; color:#4a5b89; }
	
	#nav_main a.about-da-vinci, #nav_main a:visited.about-da-vinci, #nav_main a:hover.about-da-vinci {width:185px;}
	body.about-da-vinci #nav_main a.about-da-vinci {background: url(../images/nav-main.gif) repeat-x left -50px; color:#4a5b89; }
	
	
	
	
	
	/* = Additional Navigation
	-----------------------------------------------------------------------------*/
	#nav_sub { margin:-34px 0 0 0; padding:1px 0 0 0; height:34px; position:absolute; text-align:right; width:940px;}
	#nav_sub,
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	
	
	#nav_supp { padding:0;  margin:0; }
	#nav_supp, 
	#nav_supp a, 
	#nav_supp a:visited { color:#fff; text-decoration:none; }
	#nav_supp a:hover {  color:#fff; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { }
	
	#branding h1 { width:350px; height:54px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	#branding #appointments {float:right; margin:0; padding:22px 20px 0 0; font-size:18px; color:#7989b4; font-weight:bold;}
	
	#branding_sub { margin:10px 0 0 0; padding:0; height:260px; width:960px; overflow:hidden; background:url(../images/branding-sub-left.jpg) no-repeat;}
		#branding_sub .bs-right {float:right;}
		#branding_sub .bs-left { margin:30px 0 0 37px; color:#fff; width:435px; height:200px; overflow:hidden;}
		#branding_sub .bs-left h1 {font-size:36px; margin:0; padding:0; font-weight:bold; color:#fff;}
		#branding_sub .bs-left h2 {font-size:20px; font-style:italic; margin:2px 0; padding:0; color:#fff;}
		#branding_sub .bs-left p {font-size:12px; width:355px; margin:0; padding:3px 0; line-height:16px; color:#fff;}
		#branding_sub .bs-left img {margin:5px 0;}
		
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main { width:632px; margin:0; padding:0; float:left;}

	#three_column #content_main #quick_access {background:transparent; margin:1em; margin:0; padding:0;}
		.qatop, .qabottom {display:block; background:transparent; font-size:1px;}
		.qab1, .qab2, .qab3, .qab4 {display:block; overflow:hidden;}
		.qab1, .qab2, .qab3 {height:1px;}
		.qab2, .qab3, .qab4 {background:#cae6aa; border-left:1px solid #4a5b89; border-right:1px solid #4a5b89;}
		.qab1 {margin:0 5px; background:#4a5b89;}
		.qab2 {margin:0 3px; border-width:0 2px;}
		.qab3 {margin:0 2px;}
		.qab4 {height:2px; margin:0 1px;}
			.qaboxcontent {display:block; background:#cae6aa; border:0 solid #4a5b89; border-width:0 1px; padding:3px 15px;}
			.qaboxcontent * {margin:0; padding:0;}
			.qaboxcontent h2 { margin:0 0 3px 0; padding:0;}
			.qaboxcontent .links {margin:0 0 0 -3px; padding:0;}
			.qaboxcontent a,
			.qaboxcontent a:visited {color:#535353; text-decoration:none; margin:0; padding:0 4px;}
			.qaboxcontent a:hover {color:#535353; text-decoration:underline;}
	
	#three_column #content_main .callout {width:311px; height:190px; overflow:hidden; float:left; margin:20px 0 0 0; padding:0; }
	#three_column #content_main .callout.left { padding-right:10px;}
	#three_column #content_main .callout h2 { margin:0; padding:10px 15px 0 10px; }
	#three_column #content_main .callout p { margin:0; padding:0 15px 0 10px; line-height:18px;}
	#three_column #content_main .callout a,
	#three_column #content_main .callout a:visited {text-decoration:none; font-weight:bold; }
	#three_column #content_main .callout a:hover {text-decoration:underline; font-weight:bold;}
	
	#three_column #content_sub { float:left; margin:0; padding:0; width:318px; float:right; }
	
		#three_column #content_sub #news {background:transparent; margin:1em; margin:0; padding:0;}
		#three_column #content_sub #news img {margin:0 3px; padding:0;}
		.newstop, .newsbottom {display:block; background:transparent; font-size:1px;}
		.newsb1, .newsb2, .newsb3, .newsb4 {display:block; overflow:hidden;}
		.newsb1, .newsb2, .newsb3 {height:1px;}
		.newsb2, .newsb3, .newsb4 {background:#5a6ea5; border-left:1px solid #4a5b89; border-right:1px solid #7989b4;}
		.newsb1 {margin:0 5px; background:#5a6ea5;}
		.newsb2 {margin:0 3px; border-width:0 2px;}
		.newsb3 {margin:0 2px;}
		.newsb4 {height:2px; margin:0 1px;}
		.newsbottom .newsb2, .newsbottom .newsb3, .newsbottom .newsb4 {background:#fff;}
			.newsboxcontent {display:block; background:#5a6ea5; border:0 solid #4a5b89; border-width:0 1px; font-size:11px; }
			.newsboxcontent * {margin:0; padding:0;}
			.newsboxcontent h2 {color:#fff; font-size:22px; padding:5px 15px 15px 15px;}
			.newsboxcontent .posts {background:#fff; padding:5px 15px 10px 15px; height:210px; overflow:hidden;}
			.newsboxcontent .posts strong { color:#4a5b89; font-size:12px;}
			.newsboxcontent .posts ul { list-style-type:none; margin:0; padding:0; }
			.newsboxcontent .posts ul li { margin:0; padding:4px 0; }
			.newsboxcontent .posts a,
			.newsboxcontent .posts a:hover,
			.newsboxcontent .posts a:visited { color:$news_link_color; font-size:12px; line-height:18px;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:645px; padding:0 30px 0 15px; margin:0; float:left; }
	
	#two_column #content_sub { width:265px; float:right; margin:15px 0 0 0; padding:141px 0 0 0; background:url(../images/nav-sub-top.jpg) no-repeat;} 
	
		#two_column #content_sub #its {background:transparent; margin:1em; margin:0; padding:0;}
		#two_column #content_sub #its img {margin:0 3px; padding:0;}
		.itstop, .itsbottom {display:block; background:transparent; font-size:1px;}
		.itsb1, .itsb2, .itsb3, .itsb4 {display:block; overflow:hidden;}
		.itsb1, .itsb2, .itsb3 {height:1px;}
		.itsb2, .itsb3, .itsb4 {background:#96a7d5; border-left:1px solid #4a5b89; border-right:1px solid #4a5b89;}
		.itsb1 {margin:0 5px; background:#4a5b89;}
		.itsb2 {margin:0 3px; border-width:0 2px;}
		.itsb3 {margin:0 2px;}
		.itsb4 {height:2px; margin:0 1px;}
		.itsbottom .itsb2, .itsbottom .itsb3, .itsbottom .itsb4 {background:#fff; }
			.itsboxcontent {display:block; background:#5a6ea5; border:0 solid #4a5b89; border-width:0 1px;}
			.itsboxcontent * {margin:0; padding:0;}
			.itsboxcontent h2.in-this-section {color:#fff; font-size:22px; padding:8px 18px;}
			
			.itsboxcontent ul {background:#ffffff; width:100%; list-style-type:none;}
			.itsboxcontent ul li { margin:0; padding:0; }
			.itsboxcontent ul li a,
			.itsboxcontent ul li a:visited {text-decoration:none; color:#373738; background:#fff; border-bottom:1px solid #7989b4; display:block; width:235px; margin:0; padding:4px 10px 4px 18px; overflow:hidden;}
			.itsboxcontent ul li a:hover {text-decoration:none; color:#373738; background:#cae6aa;}
			
			.itsboxcontent ul li li a,
			.itsboxcontent ul li li a:visited,
			.itsboxcontent ul li li a:hover { width:215px; padding:4px 10px 4px 38px; overflow:hidden; }
			
			.itsboxcontent .callout {background:#fff; width:253px; padding:40px 5px 22px 5px;}
			.itsboxcontent .callout h2 { padding:5px 0 0 7px; margin:0;}
			.itsboxcontent .callout p { padding:0 0 0 7px; margin:0; line-height:18px;}
			
	/* =About da Vinci Callouts
	-----------------------------------------------------------------------------*/
	
	#about_davinci_callouts {  width:644px;  height:37px; font-size:15px; font-weight:bold; text-align:center; }
	#about_davinci_callouts a,
	#about_davinci_callouts a:visited  { text-decoration:none; color:#373738;}
	#about_davinci_callouts a:hover { text-decoration:none; color:#707070; }
	
	#about_davinci_callouts img {width:206px; height:100px; margin:0 0 3px 0; padding:0;}
	
	#about_davinci_callouts .callout {width:206px; height:130px; margin:0; padding:0 7px 0 0; float:left;} 
			
			
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions {background:transparent; margin:1em; margin:0; padding:0 10px; width:250px; float:right;}
		.ddtop, .ddbottom {display:block; background:transparent; font-size:1px;}
		.ddb1, .ddb2, .ddb3, .ddb4 {display:block; overflow:hidden;}
		.ddb1, .ddb2, .ddb3 {height:1px;}
		.ddb2, .ddb3, .ddb4 {background:#cae6aa; border-left:1px solid #4a5b89; border-right:1px solid #4a5b89;}
		.ddb1 {margin:0 5px; background:#4a5b89;}
		.ddb2 {margin:0 3px; border-width:0 2px;}
		.ddb3 {margin:0 2px;}
		.ddb4 {height:2px; margin:0 1px;}
			.ddboxcontent {display:block; background:#cae6aa; border:0 solid #4a5b89; border-width:0 1px; padding:3px 25px;}
			.ddboxcontent * {margin:0; padding:0;}
			
			#driving_directions h2 {text-align:center; margin:5px 0; padding:0;}
			#driving_directions form {margin:0; padding:0; border:0;}
			#driving_directions p {margin:3px 0; padding:0;}
			#driving_directions input.text {margin:3px 0px; width:90%;}
			#driving_directions select {margin:5px 0; width:70%;}
			#driving_directions .submitButton {margin:5px 0 0 0; cursor:pointer;}
			

	/* =Vcard
	-----------------------------------------------------------------------------*/
	.itsboxcontent .vcard { margin:0; padding:8px 18px; background:#fff;}
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a, .vcard dl a:visited, .vcard dl a:hover {margin-left:25px; display:block;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding:2px 0 0 0; margin:0;  }
	#site_info a, 
	#site_info a:visited { color:#fff; text-decoration:none; }
	#site_info a:hover {  color:#fff; text-decoration:underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }

	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	
	/* =feedback button
	-----------------------------------------------------------------------------*/
	a.feedback-button,
	a:visited.feedback-button,
	a:hover.feedback-button { background:url(../images/btn-feedback.gif) no-repeat; margin:0 10px 10px 0; padding:10px 0 0 0; color:#000; text-decoration:none; display:block; height:27px; width:271px; text-align:center; overflow:hidden; font-size:13px; float:left;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0;}
	img.right { float:right; margin:0 0 10px 10px;}
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:cetner; }
	
	#resources-callout {background:#fff; text-align:center; padding:30px 0 0 0; margin:0;}
	
	/* =About da Vinci Callouts
	-----------------------------------------------------------------------------*/
	a.davinci-callout,
	a:visited.davinci-callout  { text-decoration:none; color:#373738; font-size:14px; font-weight:bold; text-align:center;}
	a:hover.davinci-callout { text-decoration:none; color:#707070; }
	
	#scnx_PHP {display:none;}
	
	
}