/*-----------------------------------------------------------------------------
CNY Diagnostic Imaging Associates Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#373737;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 900px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#fff url(../images/bg.jpg) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#7b5b00;}
	h1 { font-size: 18px; }
	h2 { font-size: 16px; color:#007c5a;}
	h3 { font-size: 13px; color:#666666;}
	h4 { /* different color */ }
	h5 { /* different color */ }
		
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#007c5a; text-decoration:none; }
	a:hover { color:#007c5a; text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 900px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  border-left:1px solid #9fa6a9;
      border-right:1px solid #289174;
	  border-bottom:1px solid #9fa6a9;
	}
	
	#content {}
	
	#footer { background:#fff url(../images/footer-top.jpg) no-repeat; text-align:center; padding:25px 0 15px 0;}
	* html #footer { margin-top:-15px;}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	ul#nav_main { height:40px; width:705px; margin:0; padding:0; list-style-type:none; background:#97740e; float:left;}
	ul#nav_main li { height:40px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.about-us { width:128px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.jpg) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.jpg) no-repeat 0 -40px; }
	
	ul#nav_main li.locations { width:136px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.jpg) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.jpg) no-repeat 0 -40px; }
	
	ul#nav_main li.services { width:120px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn-services.jpg) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn-services.jpg) no-repeat 0 -40px; }
	
	ul#nav_main li.for-patients { width:154px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat 0 -40px; }
	
	ul#nav_main li.for-physicians { width:166px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat 0 -40px; }
	
	
	#nav_sub { font-size:11px; background:#007c5a; height:15px; border-bottom:5px solid #fff; text-align:right; padding:4px 25px 4px 0;}
	#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 {color: #007c5a;}
	
	
	/* =Branding
	-----------------------------------------------------------------------------*/
	#branding { width:900px; height:330px; margin:0; padding:0; overflow:hidden;}
	
	#branding h1 { width:195px; height:198px; margin:0; padding:0; position:relative;}
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#branding #appointments {margin:10px 0 0 0; padding:0; text-align:center; color:#007c5a; font-size:20px;}
	
	#three_column #branding {background:#fff;}
	
	#three_column #branding .right .welcome { width:400px; margin:0; padding:0; margin:-225px 0 0 25px;}
	#three_column #branding .right .welcome * { margin:0; padding:0; border:0; position:absolute; z-index:2;}
	#three_column #branding .right .welcome .welcome-to {font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#565758;}
	#three_column #branding .right .welcome .practice-name {font-size:34px; font-family:Arial, sans-serif; color:#007c5a; margin-top:27px;}
	#three_column #branding .right .welcome .p { width:340px; font-size:12px; font-family:Arial, sans-serif; color:#373737; margin-top:75px;}
	
	#two_column #branding .left {background:#fff;}
	#two_column #branding .right {float:left; width:700px; }
	
	#two_column #branding h2 {width:705px; height:158px; position:relative; margin:0; padding:0; float:left;}
	#two_column #branding h2 span {background: url(../images/banners/banner-about-us.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	
	#two_column.about-us #branding h2 span {background: url(../images/banners/banner-about-us.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.locations #branding h2 span {background: url(../images/banners/banner-locations.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.services #branding h2 span {background: url(../images/banners/banner-services.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.for-patients #branding h2 span {background: url(../images/banners/banner-for-patients.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.for-physicians #branding h2 span {background: url(../images/banners/banner-for-physicians.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.news #branding h2 span {background: url(../images/banners/banner-news.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.privacy-policy #branding h2 span {background: url(../images/banners/banner-privacy-policy.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.contact-us #branding h2 span {background: url(../images/banners/banner-contact-us.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	#two_column.thank-you #branding h2 span {background: url(../images/banners/banner-thank-you.jpg) no-repeat; width:100%; height:100%; position:absolute;}
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content {clear:both; height:188px; background:#fff;}
	#three_column #content * {margin:0; padding:0; border:0;}
	
	#three_column #content_main { float:left; height:188px; width:194px; border-right:1px solid #9fa6a9;}
	#three_column #content_main h1 { width:194px; height:33px; position:relative; margin-bottom:13px;}
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background:url(../images/quick-access.jpg) no-repeat; }
	#three_column #content_main h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#007c5a; margin-bottom:5px;}
	#three_column #content_main ul {list-style-type:square; color:#715502;}
	#three_column #content_main ul li {margin:0 0 3px 12px; color:#beae7f;}
	#three_column #content_main ul li a, #three_column #content_main ul li a:visited, #three_column #content_main ul li a:hover{ color:#7d5d00;}
	
	#three_column #content_main .for-physicians {border-bottom:1px solid #828a8f; padding:0 0 5px 18px;}
	#three_column #content_main .for-patients { padding:10px 0 0 18px;}
	
	#three_column #content_sub { float:left; width:236px;}
	#three_column #content_sub h1 { width:236px; height:33px; position:relative; margin-bottom:13px;}
	#three_column #content_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/whats-new.jpg) no-repeat; }
	#three_column #content_sub p {padding:0 5px 8px 18px;}
	#three_column #content_sub strong {color:#007c5a;}
	
	#three_column #content_supp{ float:left; width:469px; background:#eaeaea; }
	#three_column #content_supp h1 { width:469px; height:33px; position:relative;}
	#three_column #content_supp h1 span { width:100%; height:100%; position:absolute; background:url(../images/featured-services.jpg) no-repeat; }
	
	#three_column #content_supp .online-exam-center {width:202px; border-right:1px solid #ffffff; padding:0 15px; float:left;}
	#three_column #content_supp .online-exam-center h2 {color:#007c5a; font-size:15px; margin-top:13px;}
	#three_column #content_supp .online-exam-center ul {padding:10px 20px 0 0;  list-style-type:none; font-size:11px;}
	
	#three_column #content_supp .new-technology { float:left; width:209px; height:155px; background:url(../images/new-technology-bg.jpg) no-repeat; padding:0 13px;}
	#three_column #content_supp .new-technology h2 { color:#007c5a; font-size:15px; margin-top:13px;}
	#three_column #content_supp .new-technology p {margin-top:10px;}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/	
	#two_column #content_main { width:660px; float:right; border-left:1px solid #9fa6a9; padding:0 22px 0 22px; margin:-104px 0 0 0; background:#fff; min-height:300px; height:auto !important; height:300px; position:relative;}
	
	#two_column #content_main ul {list-style-type:square;}
	
	
	#two_column #content_sub { width:195px; float:left; border-right:1px solid #9fa6a9; margin-right:-1px;} 
	#two_column #content_sub h2 {width:195px; height:33px; position:relative;}
	#two_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/in-this-section.jpg) no-repeat; }
	
	#two_column #content_sub h2.procedure-instructions span {width:100%; height:100%; position:absolute; background:url(../images/procedure-instructions.jpg) no-repeat; }
	#two_column #content_sub h2.web-resources span {width:100%; height:100%; position:absolute; background:url(../images/web-resources.jpg) no-repeat; }
	
	#two_column #content_sub .vcard {padding:13px 0 0 20px; margin:0; color:#3e3e3e;}
	#two_column #content_sub ul { color:#beae7f; list-style-type:square; margin:13px 2px 20px 32px; padding:0;}
	#two_column #content_sub ul li { padding:0; margin:3px 0; }
	#two_column #content_sub ul li * { color:#3e3e3e; }
	#two_column #content_sub ul li a, #two_column #content_sub ul li a:visited {color:#3e3e3e; text-decoration:none;}
	#two_column #content_sub ul li a:hover {color:#3e3e3e; text-decoration:underline;}
	
	#two_column #content_sub ul li ul { margin:0 0 0 10px; padding:0; color:#beae7f; }
	#two_column #content_sub ul li ul li { color:#beae7f; }
	#two_column #content_sub ul li ul li a, #two_column #content_sub ul li ul li a:visited {color:#3e3e3e; text-decoration:none;}
	#two_column #content_sub ul li ul li a:hover {color:#3e3e3e; text-decoration:underline;}
	
	#two_column #content_sub ul#contact-nav li {padding:0 0 5px 0;}
	#two_column #content_sub ul#contact-nav li ul {list-style-type:none;}
	#two_column #content_sub ul#contact-nav li ul li {color:#3e3e3e; margin:0 0 0 -10px; padding:2px 0 0 0;}
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right; border:1px solid #9fa6a9;}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background:#fff; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background:#fff; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color: #007c5a; }
	
	
	/* =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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; margin:0; padding:0;}
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/	
	.left {float:left;}
	.right {float:right;}
}