@import "generic.css";
@import "fonts.css";
@import "colors.css";
@import "navigation.css";
@import "panels.css";

@import "custom.css";
@import "niftyCorners.css";

h1
{
	margin			: 0px 0px 0px 0px;
	padding			: 0px;
}

h2
{
	margin			: 0px;
	margin-left		: 10px;
	padding			: 0px 0px 0px 15px;
	background		: url('../img/icons/h2dots.png') left center no-repeat;
	font-weight		: normal;
}

h3
{
	margin			: 0px 0px 0px 0px;
	padding			: 0px;
	margin-bottom	: 5px;
}

.content p 
{
	margin			: 0px 0px 12px 0px;
	padding			: 0px;
}

.sitelogo
{
	width			: 791px;
	height			: 124px;
	
	background		: url('../img/logo/sitelogo.png') top left no-repeat;
	
	margin-bottom	: 10px;
	
	position		: relative;
}
	.sitelogo h1 { display : none; }


/* SITE CONTAINERS */
.c-wrapper
{
	width			: 794px;

	height			: auto !important;
	min-height		: 100%;

	margin			: 0px auto;
}

.c-footer
{
	margin			: 0px auto;
	clear			: both;
	
	position		: relative;
	
	width			: 794px;
	height			: 114px;
	margin-top 		: -114px;

	background		: url('../img/logo/footerlogo.png') left bottom no-repeat;
}

	.footerFix { height : 114px; }

	.c-footer p 
	{ 	
		position		: absolute;
		bottom			: 0px;

		width			: 100%;
		display			: block;
		
		padding-top		: 5px;

		border-style	: solid;
		border-width	: 1px 0px 0px 0px;
	}	

/* CONTENT WINDOW BOXES */

/* 2 COLUMN LAYOUT */
.windowl, .windowr
{
	width			: 565px;
	
	background		: url('../img/bg/lwindow_reflection.png') bottom left no-repeat;
	padding-bottom	: 33px;
	float			: left;
}
	
	.windowl .top, .windowr .top, .window .top
	{
		background		: url('../img/bg/lwindow_top.png') top left no-repeat;
		height			: 9px;
		overflow		: hidden;
	}
	
	.windowl .content, .windowr .content
	{
		background-color: #FFFFFF;
		padding			: 16px;
	}
	
	.window .content
	{
		background-color: #FFFFFF;	
		padding			: 4px 36px;
	}
	
	.windowl .bottom, .windowr .bottom, .window .bottom  
	{
		background		: url('../img/bg/lwindow_bottom.png') top left no-repeat;
		height			: 8px;
		overflow		: hidden;
	}

.windowr
{
	margin-left		: 28px;
	width			: 200px;
	background		: url('../img/bg/rwindow_reflection.png') bottom left no-repeat;
}

	.windowr .content { position : relative; z-index : 100;}

	.windowr .top { background	: url('../img/bg/rwindow_top.png') top left no-repeat; }	
	.windowr .bottom { background : url('../img/bg/rwindow_bottom.png') top left no-repeat; }
	
/* 1 COLUMN LAYOUT */
.wnd, .wndL, .wndR { margin-bottom : 20px; }
.wndL { float : left; width : 565px; }
.wndR { float : left; width : 200px; margin-left : 28px; }

.rndWindow { background-color : #fff; overflow:hidden; }
.rndWindow .content { padding : 18px; } 
.wnd .rndWindow .content { padding : 10px 36px; }

/* Client List box */
.client-mod { float : left; margin-right : 20px; width : 791px; }
.mod-client-s1 { background-color : #fff; margin-bottom : 10px; color : #5d6d7f; }
.mod-client-s1-c { height : 50px; padding : 10px; padding-bottom : 10px; position : relative;}
.mod-client-s1 li a { color : #5d6d7f; }
.mod-client-s1 li a:hover { color : #0054a6; }

.c-mod { float : left; margin-right : 20px; width : 251px; }
.mod-s1 { background-color : #fff; margin-bottom : 10px; color : #5d6d7f; }
.mod-s1-c { height : 345px; padding : 10px; padding-bottom : 10px; position : relative;}
.mod-s1 li a { color : #5d6d7f; }
.mod-s1 li a:hover { color : #0054a6; }

.no-rm { margin-right : 0px !important; }	

/* LIST STYLES */
.ticklist 
{
	list-style-type	: none;
	padding			: 0px;
	margin			: 0px;
}
	
	.ticklist li
	{
		padding-left	: 30px;
		background		: url('../img/icons/bluetick.png') left 2px no-repeat;
		
		border-width	: 0px 0px 1px 0px;
		border-style	: dotted;
		
		margin-bottom	: 10px;
	}
	
	.ticklistnoborder li, .ticklist .last { border : 0px !important; }
	
.bullet { margin : 0px; padding : 0px; margin-top : 20px; }	
.bullet dd { margin : 0px; padding : 0px; padding-left : 20px; background : url(../img/icons/list-style2.png) 0 4px no-repeat; }	
.bullet-dl dd { margin-top : 10px !important; }
	

/* CONTACT PAGE */	
.contact-form table
{
	margin-left		: 30px;
}

	.contact-form .label
	{
		text-align		: right;
		padding			: 10px 10px 10px 0px;
		margin-right	: 10px;
		
		font-weight		: bold;
		font-size		: 1.2em;
	}
	
	.contact-details h4
	{
		margin			: 0px;
		font-size 		: 0.8em; 
	}
	
	.contact-form input
	{
		border			: 0px;
		width			: 364px;
		height			: 24px;
		padding			: 4px 10px 0px 10px;
		
		background		: url('../img/bg/text-field.gif') top left no-repeat;
	}
	
	.contact-form textarea
	{
		border			: 0px;
		height			: 126px;
		width			: 370px;
		padding			: 4px 4px 10px 10px;
		background		: url('../img/bg/textarea.gif') top left no-repeat;
		
		overflow		: auto;
	}
	
	.contact-form input.sffocus, .contact-form input:focus { background : url('../img/bg/text-field_focus.gif') top left no-repeat; }
	textarea.sffocus, .contact-form textarea:focus { background : url('../img/bg/textarea_focus.gif') top left no-repeat; }
	
	
	.contact-form .submit-btn
	{
		font-weight		: bold;
		width			: 73px;
		height			: 26px;
		font-size		: 1.1em;
		background		: url('../img/b/contact-submit.gif') top left no-repeat;
	}
	
	.contact-form .submit-btn:hover { background : url('../img/b/contact-submit_active.gif') top left no-repeat; cursor : pointer; }
	.contact-form .submit-field { text-align : right; }
	.contact-form .msg { vertical-align : top; }
	
	.contact-info { width : 100%; font-size : 0.8em; position : relative; }
	.contact-info .block { float : left; width : 350px; height : 100px; margin : 10px 0px; border-right : 1px dotted #ccc; margin-right : 20px; }
	.contact-info .no-bg { margin-right : 0px !important; border-right : 0px;}
	.contact-info .b1 { float : left; width : 180px; }
	.contact-info .b2 { float : left; width : 165px; }	
	.contact-info h3 { font-size: 1.4em; }
	.contact-info h4 { margin-top : 0px; } 
	.contact-info p { margin-top : 0px; } 
	
	.errorbox
	{
		text-align		: center;
		color			: #ff0000;
	}
	
	
.demobanner
{
	height				: 180px;
	position			: relative;
}

	.demobanner h3
	{
		position			: absolute;
		bottom				: 20px;
		left				: 20px;
		z-index				: 2;
		
		width				: 250px;
	}
	
	.demobanner img
	{
		position			: absolute;
		top					: 0px;
		left				: 0px;
	}
		
.steps { border-top : 1px solid #dfe2e5; position : relative; height : 35px; padding : 20px 0px; }
.steps a { position : absolute; background : url('../img/b/step-btn.png') 0 0 no-repeat; height : 34px; width : 178px; padding-left : 40px; display : block; color : #fff; font-weight : bold; font-size : 1em; line-height : 35px; overflow : hidden; }

.steps a.active, .steps a:hover { background-position : 0 -34px; text-decoration : none; color : #fff;}

.step0 { z-index : 9; left : 0px; }
.step1 { z-index : 8; left : 178px; }
.step2 { z-index : 7; left : 354px; }
.step3 { z-index : 6; left : 530px; }