@import "base.css";
@import "fonts.css";
@import "colors.css";
@import "styles.css";

@import "niftyCorners.css";

div#c-wrapper
{
	width			: 880px;
	margin			: 0px auto;
	text-align		: left;	
}

div#sitelogo
{
	height			: 94px;
	background		: url('../i/logos/sitelogo.png') top left no-repeat;
}

	div#sitelogo h1 { display : none; }


/* MAIN CONTAINER --------------------------------------------------------------- */
#c-left
{
	width			: 182px;
	
	clear			: left;
	float			: left;
	margin-left		: 4px;
}

#c-mainwindow
{
	/*overflow		: hidden;*/
	
	width			: 507px;
	float			: left;
	
	border-width	: 0px 1px 0px 1px;
	border-style	: solid;
}
	.c-mainwindow-l { width : 690px !important; border-right : 0px !important;}
	#c-mainwindow #content { padding : 0px 10px; }

#c-right
{
	width			: 172px;
	float			: left;
	margin-left		: 10px;
}
	#c-right h3 
	{
		background		: url('../i/bg/h3.png') left center no-repeat;	
		height			: 21px;
		margin			: 0px;
		padding			: 0px;
		
		text-indent		: 10px;
		
		margin			: 20px 0px;
	}
	
	#c-right img
	{
		float			: left;
		margin-right	: 5px;
		padding			: 1px;
		
		border			: 0px;
	}
	
	#c-right hr { margin : 12px 0px; clear : both; }
	#c-right p, #c-right h4 { padding : 0px; margin	 : 0px; }
	#c-right .right-block { margin-left	: 4px; width : 160px; }
	#c-right .right-block a { text-decoration : none; }
	#c-right .right-block a:hover { text-decoration : underline; }	

	
#c-footer
{
	clear			: both;
	
	height			: 36px;
	line-height		: 36px;
	text-align		: center;
	
	position		: relative;
	top				: 10px;
}
	#c-footer div
	{
		display			: block;
		text-align		: left;
		width			: 880px;
		margin			: 0px auto;
	}
	


/* MAIN NAVIGATION --------------------------------------------------------------- */
#c-mainnav
{
	list-style-type	: none;

	margin			: 0px;
	padding			: 0px;
		
	height			: 36px;
	background		: url('../i/bg/main-navigation.png') top left no-repeat;
	
	margin-bottom	: 20px;
}
	#c-mainnav li
	{
		padding				: 0px;
		margin				: 0px;
		
		width				: 100px;
		text-align			: center;
		
		float				: left;
		
		height				: 36px;
		line-height			: 36px;
		
		margin-left			: 30px;
		font-weight			: bold;
	}
	
	html>body #c-mainnav li { margin-left : 40px; }
	
	#c-mainnav li a, #c-mainnav li a span
	{
		cursor				: pointer;
		display				: block;
		height				: 36px;
		text-decoration		: none;
	}
	
	#c-mainnav li a span { padding : 0px 8px; }
	#c-mainnav li.active a span, #c-mainnav li a:hover span { background : url('../i/bg/main-navigation-button-end.png') right center no-repeat; }
	#c-mainnav li.active a, #c-mainnav li a:hover { background : url('../i/bg/main-navigation-button.png') left center no-repeat; text-decoration : none; }


/* SUB NAVIGATION ------------------------------------------------------------------------ */
.sub-nav,
.page-nav
{
	list-style-type	: none;
	margin			: 0px;
	padding			: 0px;
}

	.active { display : block !important;}	
	.sub-nav { display : none; }
	
	.sub-nav li 
	{
		margin-top			: 10px;
		margin-left			: 15px;
	}
	
	.sub-nav li a 
	{ 
		display				: block;
		padding-left		: 14px;
		
		background-image	: url('../i/bg/subnav-grey-box.png');
		background-position	: left center !important;
		background-repeat	: no-repeat;
		
		text-decoration 	: none;	
	}
	
	.sub-nav li a:hover, .sub-nav li.active a { text-decoration : none; background : url('../i/bg/subnav-orange-box.png') left center no-repeat; }
	
.page-nav
{
}

.page-nav a.mainbutton
{
	display			: block;
	background		: url('../i/button/nav2sml.png') left top no-repeat;
	height			: 23px;
	line-height		: 23px;
	width			: 175px;

	padding			: 0px 5px;
	
	margin			: 10px 0px;
}
	.page-nav a.doubleline { padding : 2px 5px !important; height : 32px !important; line-height : 16px !important; background : url('../i/button/nav2.png') left top no-repeat; }
	
	.page-nav li.mactive a { background-position : left bottom; text-decoration : none; }
	.page-nav a.mainbutton:hover { background-position : left bottom; text-decoration : none; }


/* BLOCK STYLES */
.block-s1-center {
	margin-left	: 10px;
}

.block-s1
{
	text-align	: left;
	width		: 150px;

	float		: left;

	margin		: 20px 18px 20px 0px;
	
}
	.block-s1 h3
	{
		margin				: 0px;
	}
	
	.block-s1 p
	{
		border-width		: 0px 1px 0px 0px;
		border-style		: dotted;
		margin				: 0px;
		
		padding-right		: 20px;
	}
	
.block-s2
{
	display			: block;
	
	margin			: 20px 0px;
	
	background		: url('../i/bg/block-s2.png') top left no-repeat;
	
	height			: 182px;
	width			: 157px;
	
	float			: left;
	
	margin-right	: 8px;
}

	.block-s2:hover 
	{
		background-position	: left bottom;
		text-decoration		: none;		
	}
	
	.block-s2 h3
	{
		padding		: 10px;
		margin		: 0px;
	}
	
	.block-s2 img
	{
		margin-left	: 8px;
		border		: 0px;
	}

	.block-s2 span
	{
		display		: block;
		margin		: 0px 10px;
		margin-top	: 8px;
	}	
	




.block-b2
{
	display			: block;
	
	margin			: 20px 0px;
	
	background		: url('../i/bg/block-s2.png') top left no-repeat;
	
	height			: 182px;
	width			: 157px;
	
	float			: right;
	
	margin-right	: 50px;
}

	.block-b2:hover 
	{
		background-position	: left bottom;
		text-decoration		: none;		
	}
	
	.block-b2 h3
	{
		padding		: 10px;
		margin		: 0px;
	}
	
	.block-b2 img
	{
		margin-left	: 8px;
		border		: 0px;
	}

	.block-b2 span
	{
		display		: block;
		margin		: 0px 10px;
		margin-top	: 8px;
	}	
	




.column2layout
{
	float			: left;
	width			: 452px;

	margin			: 20px 0px 20px 0px;

	padding-right	: 15px;

	border-width	: 0px 1px 0px 0px;
	border-style	: dotted;	
}
	.column2fix
	{
		padding		: 0px !important;

		margin-right: 0px !important;

		margin-left	: 15px;

		border		: 0px;

		width		: 452px !important;
	}
	
	.column2layout h3
	{
		margin			: 0px;

		padding			: 0px;

		text-indent		: 8px;

		background		: url('../i/bg/heading-s2.png') left top no-repeat;

		height			: 21px;
		
		font-weight		: bold;
	}
	
	.column2layout p
	{
		font-style		: italic;
	}
	
	.column2layout p.name
	{
		text-align		: right;
	}
	

.testimonial 
{
	padding			: 10px;
	position		: relative;
	
	margin-bottom	: 24px;
}

	.testimonial .text
	{
		width		: 500px;
		padding		: 0px;
		margin		: 0px;
		float		: left;
		
		font-style	: italic;
	}
	
	.testimonial .picture
	{
		float			: right;
		width			: 80px;
		height			: 110px;
		margin-bottom	: 10px;
		
		background		: url('../i/portraits/nophoto.gif') top left no-repeat;
	}
	
	.testimonial .top 
	{
		background-image : url('../i/icons/dark-circle-arrow.gif');
	}
	
	
	.testimonial .top
	{
		position		: absolute;
		
		bottom			: 5px;
		left			: 10px;
	}
	
	.testimonial .title
	{
		clear		: both;
		text-align	: right;
		padding		: 0px;
		margin		: 0px;
		
		border-top	: 1px dotted black;
		padding-top	: 8px;
		font-weight	: bold;
	}