/* Start of CMSMS style sheet 'homepage.css' */
/* Start of CMSMS style sheet 'main.css' */
/*##### Begin:  TAG SELECTORS #####*/

/*{margin: 0; padding: 0; border: none;}*/

html, body
{
	font: 100%/1.6 Arial, Verdana, Helvetica, sans-serif;	
	background: url(/uploads/assets/css/template-images/background-gray-pattern.png);
}

a img
{
border: none;
}

a
{
	color: #4D7080;
}

h1
{
	font-size: 20px;
	margin: 0 0 10px 0;
}

h2
{
	font-size: 14px;
	margin: 0 0 10px 0;
}

h3
{
	font-size: 12px;
	margin: 0 0 10px 0;
}

h4
{
	font-size: 11px;
	margin: 0 0 10px 0;
}

h5, h6
{
	font-size: 10px;
	margin: 0 0 10px 0;
}


/*##### End:  TAG SELECTORS #####*/

/*##### Begin:  ID SELECTORS #####*/

div#shadow-left-right
{
	background: url(/uploads/assets/css/template-images/background-drop-shadow.png) repeat-y;
	margin: 0 auto;
	width: 988px;
	position: relative;
	z-index: 10;
}

div#shadow-top
{
	background: url(/uploads/assets/css/template-images/background-shadow-top.png) repeat-x;
	position: absolute;	
	margin: 0 auto;
	top: -21px;
	width: 947px;
	left: 21px;
	height: 21px;
	z-index: 10;
}

div#shadow-bottom
{
	background: url(/uploads/assets/css/template-images/background-shadow-bottom.png) repeat-x;
	position: absolute;	
	margin: 0 auto;	
	bottom: -21px;
	width: 947px;
	left: 21px;
	/*height: 21px;*/
	z-index: 10;
}

div#wrapper
{
	width: 913px;
	border: 1px solid #000;
	background: #FFF url(/uploads/assets/css/template-images/logo.png) no-repeat 16px 6px;
	margin: 15px auto;
	padding: 0 16px;
	position: relative;
	font-size: 12px;	
	z-index: 20;
}
	
	div#corner-tl
	{
		background: url(/uploads/assets/css/template-images/background-corner-tl.png) no-repeat;
		/*background: red;*/
		height: 19px;
		width: 19px;
		position: absolute;
		left: 9px;
		top: -15px;
	}
	
	div#corner-tr
	{
		background: url(/uploads/assets/css/template-images/background-corner-tr.png) no-repeat;
		/*background: red;*/
		height: 19px;
		width: 19px;
		position: absolute;
		right: 10px;
		top: -15px;
	}
	
	div#corner-bl
	{
		background: url(/uploads/assets/css/template-images/background-corner-bl.png) no-repeat;
		/*background: red;*/
		height: 19px;
		width: 19px;
		position: absolute;
		left: 13px;
		bottom: -17px;
	}
	
	div#corner-br
	{
		background: url(/uploads/assets/css/template-images/background-corner-br.png) no-repeat;
		/*background: red;*/
		height: 19px;
		width: 19px;
		position: absolute;
		right: 6px;
		bottom: -17px;
	}
	
	

	div#pattern-left
	{
		background: url(/uploads/assets/css/template-images/pattern-green.png) repeat-y;
		width: 15px;
		position: absolute;
		top: 176px;
		left: 0;
	}

	div#center-stage
	{
		border-top: 1px solid #000;
		margin-top: 78px;
		width: 917px;		
	}

	div#main
	{
		width: 600px;
	}

		div#nav
		{
			background: url(/uploads/assets/css/template-images/glass-silver.png) repeat-x;
			height: 27px;
			font-size: 12px;
			width: 585px;			
			margin-top: 28px;
		}
			
			div#nav ul
			{
				padding: 0;
				margin: 0;
			}
			
			div#nav li
			{
				display: inline;				
			}					
			
				div#nav li a
				{
					display: block;	
					text-decoration: none;
					float: left;
					color: #000;
					height: 27px;
					padding: 0 9px;					
					border-left: 1px solid #B5B6B5;
					border-right: 1px solid #D1D3D1;
					line-height: 27px;
					
				}
				
					div#nav li a.last
					{
						border-right: 1px solid #B5B6B5;
					}
			
				div#nav li a:hover, div#nav li a:active
				{
					background: url(/uploads/assets/css/template-images/glass-blue-violet.png) repeat-x;
					border-left: 1px solid #7185AA;
					border-right: 1px solid #7185AA;
					color: #FFF;
				}

		div#bread-crumbs
		{			
			position: relative;
			top: 10px;
			font-size: 11px;
		}

		div#main-content
		{
			padding: 0 7px;
			margin-top: 15px;
		}
		
			div#main-content div#homepage-specialists
			{
				background: url(/uploads/assets/css/template-images/callout-specialists.png) no-repeat;
				height: 214px;
				width: 456px;
				margin: 0 auto 20px;
				padding: 5px 20px;
			}
			
				div#main-content div#homepage-specialists ul.check
				{
					margin: 0;
					padding: 0 0 0 10px;
				}

				div#main-content div#homepage-specialists ul.check li
				{
					background: url(/uploads/assets/css/template-images/icon-check.png) no-repeat;
					list-style: none;
					padding-left: 28px;
					margin: 10px 0;								
					height: 20px;
				}

		
			div#main-content div.comment
			{
				background: url(/uploads/assets/css/template-images/blog-balloon.png) no-repeat;
				padding-left: 43px;
				margin: 20px 0 5px 25px;
			}

	div#panel
	{
		width: 283px;
		border: 1px solid #000;
		background: #FFF url(/uploads/assets/css/template-images/pattern-silver.png) repeat-y 279px 0;
		margin-left: 17px;
		position: absolute;
		top: 34px;
		right: 28px;
	}

		div#search
		{
			width: 283px;
			height: 78px;
			background: url(/uploads/assets/css/template-images/search-background-field.png) no-repeat;
			position: relative;
		}
			div#search h2
			{
				color: white;
				position: absolute;
				left: 10px;
				top: 5px;		
				margin: 0;
				font-weight: normal;
				font-size: 18px;
			}
			
			div#search span#search-input input
			{
				position: absolute;
				top: 40px;
				left: 15px;
				width: 180px;
				height: 18px;
				border: 0;				
			}
			
			div#search input#search-submit
			{
				position: absolute;
				background: url(/uploads/assets/css/template-images/glass-silver.png);
				top: 37px;
				right: 25px;
				font-weight: bold;
				width: 48px;
				border: 1px solid #000;
				height: 25px;
			}
			
			div#search input#search-submit:hover, div#search input#search-submit:active
			{				
				background: url(/uploads/assets/css/template-images/glass-blue-violet.png);
				color: #FFF;
				cursor: pointer;
			}

		div#panel-content
		{
			padding: 12px;
		}
		
			div#panel-content h2
			{
				margin: 10px 0 0;				
			}
			
			div#panel-content h2.lightbulb
			{
				background: url(/uploads/assets/css/template-images/icon-lightbulb.png) no-repeat 0 3px;
				height: 20px;
				padding-left: 17px;
			}
		
			div#panel-content div.profile img
			{
				float: left;
				margin:0 3px 3px 0;
			}
			
			div#panel-content ul
			{							
				padding: 0 15px;
				margin: 0 0 10px;				
			}
		
		div#panel div.panel-red
		{
			height: 44px;
			width: 279px;
			border-top: 1px solid #000;
			background: url(/uploads/assets/css/template-images/panel-red.png) repeat-x;
		}
		
		
		.phone
		{
			background: url(/uploads/assets/css/template-images/icon-phone.png) no-repeat 12px 5px;
			height: 44px;			
			padding-left: 60px;
			color: #FFF;
			display: block;
			line-height: 44px;		
			font-size: 18px;
			font-weight: normal;
		}
		
		.email
		{
			background: url(/uploads/assets/css/template-images/icon-email.png) no-repeat 12px 5px;
			height: 44px;
			padding-left: 60px;
			color: #FFF;
			display: block;
			line-height: 44px;		
			font-size: 18px;
			font-weight: normal;
		}
		
		div#panel div.panel-brown
		{
			height: 44px;
			width: 279px;
			border-top: 1px solid #000;
			background: url(/uploads/assets/css/template-images/panel-brown.png) repeat-x;
		}

	div#footer
	{
		height: 27px;
		margin-left: 7px;
		width: 910px;
		border-top: 1px solid #000;
	}
		div#footer p#footer-copyright
		{
			line-height: 27px;
			margin: 0 0 0 160px;
		}


/*##### End:  ID SELECTORS #####*/

/*##### Begin: Alsett Clear #####*/
.clear:after {/*The peroid is the last thing before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the period is not visible*/
	}
.clear {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clear {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clear {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}
/*##### End: Alsett Clear #####*/

/* End of 'main.css' */


/* End of 'homepage.css' */

