/* Start of CMSMS style sheet 'Smart Dental Global' */
/*

[ CSS Document ]

	Style Sheet Name: SmartDental_style.css
	Style Sheet URL: www.SmartDental.com.au
	Author: Ken Davis - Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 30/04/09

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content
	6- Main Content Elements
	7- Extras
	8- Forms
	9- Footer

[ Colour Reference Guide ]

	Black: #000000
	White: #ffffff - (Used for...)
	Etc...

*/ 
 

/* =0 Reset 
�������������������������������������������������������������������*/

	/* Universal - reset browser default styles */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
		dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
		body 	{ line-height: 1; }
		ol, ul 	{ list-style: none; }
		blockquote, q { quotes: none; font-style:italic;}
		
	/* Define focus styles! */
		:focus 	{ outline: 0; }
		
	/* Highlight inserts somehow! */
		ins 	{ text-decoration: none; }
		del 	{ text-decoration: line-through; }
		
	/* Tables still need 'cellspacing="0"' in the markup */
		table 	{ border-collapse: collapse; border-spacing: 0; }


/* =1 Global 
�������������������������������������������������������������������*/
	
	/* General style applied to HTML */
		html 	{ text-align: left; padding: 0; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; 
			background: #F8F7F5 url(/images/bg-main.jpg) top center repeat-x; width: 100%; }
		
	/* Body style */
		body 	{ clear: both; line-height: 1; vertical-align: top; color: #000;
			padding: 0; margin: 0 auto; text-align: left; }		
		
	/* Preset global styles */
		.right 	{ float: right; } 
		.left 	{ float: left; } 
		.align-left { text-align: left; } 
		.align-right { text-align: right; } 
		.align-center { text-align:center; } 
		.justify { text-align:justify; } 
		
		.hide 	{ display: none; } 
		.clear 	{ clear: both; } 
		.bold 	{ font-weight:bold; } 
		.italic { font-style:italic; } 
		 
		img.centered { display: block; margin-left: auto; margin-right: auto; } 
		img.alignleft { float:left; margin:4px 20px 4px 0; border: 1px solid #b6aaa1;} 
		img.alignright { float:right; margin:4px 0 4px 20px; border: 1px solid #b6aaa1;} 
		
		.spacer { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
			
	


/* =2 Headings
�������������������������������������������������������������������*/  

	/* General headings */
	#urlHeading		{ font-size: 0.1em; color: #fff; position: absolute; top: 264px; left: 50px;
			font-family: Georgia, Arial, Helvetica, sans-serif; margin: 0px auto 0px auto; padding: 0px 0 0 0; font-weight: 500;}
		#urlHeading a:link, #urlHeading a:visited, #urlHeading a:hover {width: 435px; display: block; 
		padding: 40px 0 0 0; background:url(/images/logo.jpg) top no-repeat; text-decoration: none; color: #5fbee2;}	
		
		h1 	{ font-weight: 500; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; clear: both; color: #3398be; font-size: 1.7em; margin: 0 0 1em 0; text-transform: lowercase;}
		
	h2, h3, h4, h5, h6 { color: #000; font-weight: 500; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; clear: both; text-transform: lowercase;}
		h2 	{ color: #3398be; font-size: 1.7em; margin: 0 0 1em 0; }
		h3 	{ color: #3398be; font-size: 1.3em; margin: 0 0 0.1em 0; }
		h4 	{ color: #3398be; font-size: 1.1em; margin: 0 0 0.4em 0; }
		h5 	{ color: #3398be; font-size: 0.9em; margin: 0 0 0 0; }
		h6 	{ color: #3398be; font-size: 0.8em; margin: 0 0 0 0; }
		
		h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { color:#0078a6; text-decoration: none;}
		h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#765411; text-decoration: underline; }
		
		
	/* Specific headings - defined within specific divs*/





/* =3 Header
�������������������������������������������������������������������*/ 

	/* Header section style */
	#header {padding: 0; margin: 0 0 -2px 0;}
		


/* =4 Navigation
�������������������������������������������������������������������*/ 

	/* Navigation - top tab style */
	#mainNav { width: 920px; text-align: center; padding: 0 0 0 40px;margin: 0 0px 40px 13px;height: 27px; background: url(/images/bg-nav.jpg) top center repeat-x;font-size: 0.7em;}
		#mainNav li 			{ display: inline; float: left; height: 27px;margin: 0;font-weight:900; z-index: 2; }						
		#mainNav li.first 		{ border-left: 1px solid #fff;}	
		#mainNav li a 			{ border-right: 1px solid #fff;}					
		#mainNav li a:link, #mainNav li a:visited { text-decoration: none;color:#0078a6; width: 109px;height:19px;display: block;padding-top: 8px;margin-top: 0px;}					
		#mainNav li a:hover 	{ text-decoration: none;color:#927741; width: 109px;height:19px;display: block; padding-top: 8px;margin-top: 0px; background-color: #efede9; }	
		#mainNav li li 			{ text-align: left;}
		#mainNav li li a 		{ border-right: none; padding-left: 10px; }				
		#mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover { text-decoration: none;color:#927741;
		background-color: #f6f4f1; width: 109px;height:19px;display: block;padding-top: 8px;margin-top: 0px;cursor:default;}	
		#mainNav li.current li a:link ,#mainNav li.current li a:visited
		{ background: #BDD2FF; color: #0078a6; cursor: pointer;} 
		#mainNav li.current li a:hover { background: #efede9; color:#927741;cursor: pointer;}
	
	/* Side Navigation - secondary menu - side list style */
	#sideContent ul#sideNav { list-style: none; margin: 0 0 15px;border-top: 1px solid #afcfda;}
		#sideNav li {border-bottom: 1px solid #afcfda;}
		#sideNav li a {display: block;background: #fff url(/images/bg-nav.jpg) bottom center repeat-x; padding: 8px 0 8px 10px; font-weight: 900;line-height: 1em;}
		#sideNav li a .details{color:#666666; font-size: 0.8em; font-weight: 500;}
		#sideNav li a:link, #sideNav li a:visited {text-decoration: none;}
		#sideNav li a:hover {text-decoration: none; background-color: #fff;background-image: none;}


/* =5 Main Content 
�������������������������������������������������������������������*/ 

/* Div styles - layout specific */
	
	/* Content wrapper */
	#contentWrap {text-align:left; margin: 0px auto 0; width: 988px; position: relative;}
	#content {background: url(/images/bg-body.jpg) top center repeat-y; overflow:auto;padding:0px 0 0px 0;} 

	/* Main content area - main column */
	#mainContent { float: left; width: 580px; padding-left: 50px;}				
		/* Home features - general */					
		.homeFeature { float: left; width: 275px; height: 124px; overflow: none; padding-top: 230px; border: 1px solid #b6aaa1;margin: 10px 10px 0px 0;
		position: relative; }
		.homeFeatureInfo { background: url(/images/bg-blue.png) top center repeat; padding: 10px; 
		background-color: transparent; display: block;overflow: auto; }
		.homeFeatureInfo h3 {color: #fff; margin: 0 0 5px; padding: 0;}
		.homeFeatureInfo h3 a{ }
		#content .homeFeatureInfo h3 a:link, #content .homeFeatureInfo h3 a:visited{ color: #e2edf1; text-decoration: none;}
		#content .homeFeatureInfo h3 a:hover{ color: #fff; text-decoration: none;}
		.homeFeatureInfo p {color: #fff; margin: 0; padding: 0; font-size: 0.7em;}
		#content p.infoLink {  width: 150px; position: absolute; z-index: 1000; bottom: 35px; right: 10px;}
		#content p.infoLink a{ padding: 3px 8px; font-weight: 900; font-size: 0.8em;}
		#content p.infoLink a:link, #content p.infoLink a:visited{ background-color: #fff; color: #a78d5a; text-decoration: none; 
		border-right: 2px solid #84b8cc;border-bottom: 2px solid #84b8cc;border-left: 2px solid #84b8cc;}
		#content p.infoLink a:hover{ background-color: #a48f66; color: #fff; text-decoration: none;
		border-right: 2px solid #a78d5a;border-bottom: 2px solid #a78d5a;border-left: 2px solid #a78d5a;}
		
		/* Specific home features */
		#fader1 { float: left; width: 275px; margin: 10px 20px 0px 0;}
		#fader2 { float: left; width: 275px; margin: 10px 0px 0px 0;}		
		#feature1 { background: url(/images/dentist-couple.jpg) top center no-repeat;}
		#feature2 { background: url(/images/dentist-gilr.jpg) top center no-repeat;}
		#feature3 { background: url(/images/dentist-girl1.jpg) top center no-repeat;}
		#feature4 { background: url(/images/dentist-guy.jpg) top center no-repeat;}
			
		/* Specials and Promos - Specials Page */
		#mainContent .promo 	{ clear:both; width: 540px; padding: 10px 20px 14px 20px; margin-bottom: 20px;}
		#mainContent .promo p	{ color: #000;}
		#mainContent .promo h3	{ padding-bottom: 26px; }
		#mainContent .blue 		{ background: #61b4d3 url(/images/bg-blue.jpg) top center repeat-x; overflow: auto; }
		#mainContent .grey 		{ background: #999790 url(/images/bg-grey.jpg) top center repeat-x; overflow: auto; }	
		#mainContent .pale 		{ background: #e8e7e4 url(/images/bg-pale.jpg) top center repeat-x; overflow: auto; }	
		#mainContent .blue h3	{ color: #fff; }
		#mainContent .grey h3	{ color: #fff; }
		#mainContent .pale h3	{  }
		#mainContent .blue img, #mainContent .grey img	{ border: 1px solid #fff;}
		
				
				
				
					
					
								
	/* Side content - side column */
	#sideContent 		{ width: 260px; float: right; margin-right: 50px;background-color: #f8f4f1;padding: 10px 10px 0; border: 1px solid #b6aaa1;} 
	#sideContent h4 	{ font-weight: 900;}
	#sideContent img 	{ border: 1px solid #b6aaa1;padding: 4px; background-color: #d3c8bf;margin-bottom: 15px; }
	
	
	#directions { border-top: 1px solid #b6aaa1; padding: 10px 0 30px;}
       #directions label { font-size: 0.7em; }
#directions input { width: 200px; margin-top: 5px;}
#directions select { width: 200px; margin-top: 5px;}







/* =6 Main Content Elements
�������������������������������������������������������������������*/ 

	/* Main content - specific element styles */
		
		/* General paragraph style */
			p { padding: 0em 0 1.1em; margin: 0; font-size: 0.8em; color: #42403a; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif;
			font-weight: 500; }
			blockquote p { quotes: none; font-style:italic; margin-left: 70px; margin-right: 70px; font-size: 0.9em;}	
				
				
		/* List styles  */
			#mainContent ul, #sideContent ul { list-style-type: disc; }
			#mainContent ol, #sideContent ol { list-style-type: decimal; }
				#mainContent ul, #mainContent ol, #sideContent ul, #sideContent ol { margin: 0 1.5em 1.5em 3em; font-size: 0.8em; color: #42403a; 
				line-height: 1.5em; font-family: Helvetica, Arial, sans-serif;font-weight: 500; }
				#sideContent ul, #sideContent ol { margin: 0 1.5em 1.5em 2em; }
				
		/* Link styles  */
			#content a:link, #content a:visited { color:#0078a6; text-decoration: none;}
			#content a:hover { color:#765411; text-decoration: underline; }
		
		
		
		
		
		
		
		
		


/* =7 Extras
�������������������������������������������������������������������*/ 

	/* Image styles  */
		
	/* Fader style - used for jQuery Innerfade  */
		#fader{}
		
	/* Other jQuery style */
	
	/* Google Map style */
		#map { border: 1px solid #989084;}
		#pano { border: 1px solid #989084; background: #000 url(/images/map1.jpg) top center no-repeat;}
	/* Video style */
	


/* =8 Forms
�������������������������������������������������������������������*/ 

	/* Form elements  */
		form { position: relative;}
		input { }
		
		.contactform { border: 1px solid #d3dee4; border-bottom: 3px double #d3dee4; padding: 20px; background-color: #f5f8fa;}
		.contactform legend{ color: #3398be; font-size: 1.3em; margin: 0 0 1.1em 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
		.contactform label { font-size: 0.8em; width: 230px; display: block; float: left; padding-top: 4px; padding-bottom: 4px; color: #42403a; border-bottom: 1px solid #e6edf1;}
			.contactform label .label { width: auto; display: inline; float: right;}
		.contactform input { margin-bottom: 10px; border: 1px solid #d3dee4; border-bottom: 1px solid #3398be; padding: 2px; width: 300px; font-family: Arial, Helvetica, sans-serif; }
		.contactform textarea { margin-bottom: 10px; border: 1px solid #d3dee4; border-bottom: 1px solid #3398be; padding: 2px; width: 530px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
		
		
		
		.contactform .fbsubmit{ width: 110px; margin-left: 230px; background-color: #3398be; color: #fff; border-bottom: 1px solid #277c9c; cursor: pointer;}


/* =9 Footer
�������������������������������������������������������������������*/  

	/* Footer style  */
		#footer {clear:both; text-align:left; margin: 0px 0 0px 0px; padding:50px 50px 16px 48px; width: 890px;
		background: url(/images/bg-footer.jpg) bottom center no-repeat;}
			#footerInner {border-top: 3px double #b9ac98; border-bottom: 1px solid #b9ac98; overflow: auto;padding: 20px 0 5px 0;}
			#footer p { color:; font-size: 0.7em; line-height: 1.5em;}
				#footer p a:link, #footer p a:visited { color:#0078a6; text-decoration: none;}
				#footer p a:hover { color:#765411; text-decoration: underline; }
	
			#footerAddress1 { float: left; width: 270px;}
			#footerAddress2 { float: left; width: 230px;}
			#footerInfo { float: right; width: 390px;}
				#footerInfo .right{ float: right;padding:0;margin:0;}
			#footerAddress1 h5, #footerAddress2 h5, #footerInfo h5{ font-weight: 900;margin-bottom: 4px;}
			
			#jimmyweb {clear:both;margin-top: 5px;}












/* End of 'Smart Dental Global' */