/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Microskin										-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			February 16th, 2009								-
-																				-
---------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */

	body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
		margin:										0px;	
		padding:									0px;
	}

/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */

	body {
		margin:										0; 
		padding:									0; 
		background: 								#59382d url(../images/innerbg.jpg) repeat-x top left;
		color: 										#b07761; 
		font-size: 									11px; 
		font-family:								Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		line-height: 								16pt; 
		font-weight: 								normal; 
		text-align:									center;
	}


	#indexPage {
		background: 								#59382d url(../images/topbg.jpg) repeat-x top left;
	}



/* --------------------------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
---------------------------------------------------------------------------------- */

	#wrapper {
		margin-left: 								auto; 
		margin-right: 								auto; 
		padding: 									0;
		width: 										900px; 
		text-align: 								left; 
	}


/* --------------------------------------------------------------------------------
		GLOBAL NAVIGATION
---------------------------------------------------------------------------------- */

	#globalHead {
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		height: 									125px; 
		width: 										900px;
		position:									relative;
	}
		

	#globalHead .logo {
		position:									absolute;
		top: 										0; 
		left:										0;
		z-index:									1;
	}


	#globalInfo {
		position:									absolute;
		top: 										0; 
		right:										0;
		z-index:									10;
		width:										600px;
		height:										45px;
		line-height:								42px;
		color:										#b07761;
		font-size: 									11px;
	}


	#globalInfo a {
		font-weight:								normal; 
		font-size: 									11px; 
		color: 										#dab4a3; 
		text-decoration: 							none;
	}
				
	#globalInfo a:hover {
		font-weight:								normal; 
		color:										#dab4a3; 
		text-decoration: 							underline;
	}


	#globalInfo span {
		font-weight:								normal; 
		font-size: 									11px; 
		color: 										#dab4a3; 
		padding:									0 0 0 20px;
	}



	#secondaryLinks {
		position:									absolute;
		bottom: 									0; 
		right:										180px;
		z-index:									50;
		width:										420px;
		height:										30px;
		text-align:									right;
	}


	.essence-logo {
		position:									absolute;
		top: 										57px; 
		right:										0px;
		z-index:									900;
	}
	
	.allure-logo {
		position:									absolute;
		top: 										57px; 
		right:										82px;
		z-index:									950;
	}


/* --------------------------------------------------------------------------------
		GLOBAL NAVIGATION
---------------------------------------------------------------------------------- */

	#globalNav {
		clear:										both;	
		margin: 									1px 0 0 0; 
		padding:									0; 
		height: 									45px; 
		width: 										900px;
	}


/* --------------------------------------------------------------------------------
		MAIN HOME FLASH
---------------------------------------------------------------------------------- */

	#frontSplash {
		clear: 										both; 
		margin: 									0; 
		padding:									0; 
		width: 										900px; 
		height: 									389px;
	}



/* --------------------------------------------------------------------------------
		GLOBAL CONTAINER
---------------------------------------------------------------------------------- */


	#globalHolder {
		margin: 									0; 
		padding:									0; 
		width: 										900px; 
		float: 										left; 
		clear:										both;
		background: 								#FFFFFF url(../images/container_bg.jpg) repeat top left;
	}


	#mainHolder {
		margin: 									0; 
		padding:									0; 
		width: 										900px; 
		float: 										left; 
		clear:										both;
		background: 								transparent url(../images/container_bottom.jpg) no-repeat bottom left;
	}


	#globalContainer {
		margin: 									0; 
		padding:									0 0 20px 0; 
		width: 										633px;  
		float: 										left; 
	}



	#globalContainer div.title {
		margin: 									15px 0 0 0; 
		padding:									13px 0 0 0; 
		width: 										635px; 
		height: 									60px; 
		background: 								transparent url(../images/heading_bg.jpg) no-repeat top left;
	}


	#globalContainer p {
		line-height:								16px; 
		color: 										#818181; 
		font-size: 									12px;  
		margin:										0 35px 0 35px; 
		padding:									9px 0 9px 0;
		letter-spacing: 							0; 
		font-weight: 								normal; 
	}
	
	#globalContainer p.small-print {
		color:#818181;
		font-size:9px;
		font-weight:normal;
		letter-spacing:0;
		line-height:16px;
		margin:0 35px;
		padding:9px 0;
		width:300px;
	}

	#globalContainer span {
		line-height:								16px; 
		color: 										#000000; 
		font-size: 									12px;  
		font-weight:								bold;
		letter-spacing: 							0; 
	}


	#globalContainer a {
		font-size: 									12px; 	
		color: 										#8bacbd; 
		text-decoration: 							none;
		border-bottom:								1px dotted #8bacbd;
		}
	
	#globalContainer a:hover {
		color:										#7199ae; 
		text-decoration: 							none;
		border-bottom:								1px dotted #7199ae;		
		}	


	#globalContainer a.pdflinks {
		color: 										#8bacbd; 
		text-decoration: 							none;
		border-bottom:								1px dotted #8bacbd;
		background:									transparent url(../images/pdf.gif) no-repeat scroll 0 0;
		padding:									0 0 0 22px;
		}
	
	#globalContainer a.pdflinks:hover {
		color:										#7199ae; 
		text-decoration: 							none;
		border-bottom:								1px dotted #7199ae;		
		}	



	#globalContainer  ul {
		list-style:									none; 
		margin:										0 35px 0 35px; 
		padding:									0; 
		}

	#globalContainer  li {
		padding: 									0 0 0 1.3em;
		background: 								url(../images/arrow_bullet.gif) no-repeat 0px 6px;
		line-height:								16px; 
		color: 										#818181; 
		font-size: 									12px;  		
		}
	

	dl.Contact-Info {
		color: 										#818181; 
		font-size: 									12px; 
		line-height:  								14px; 
		font-weight:  								normal;
		margin:  									10px 0 0 35px; 
		padding:  									0;
		clear:  									both; 
		float:  									left; 
		display: 									inline;
		width: 										565px; 
		border-top:									1px solid #dfeef7;			
		}
	
	dl.Contact-Info dt {
		float:  									left; 
		width:  									195px;
		padding:  									0; 
		margin:  									0;
		font-weight:  								bold;		
		background-color:							#FFFFFF;
		color:										#46251e;
		border-top:									1px solid #FFFFFF;
		border-bottom:								1px solid #dfeef7;		
		background:									transparent url(../images/fieldset_bg.jpg) no-repeat -20px -95px;
		line-height:								20px;
		}
	
	dl.Contact-Info dd {
		float:  									left; 
		clear: 										right; 
		width:  									370px;
		padding:  									0; 
		margin:  									0;		
		background-color:							#FFFFFF;
		border-top:									1px solid #FFFFFF;	
		border-bottom:								1px solid #dfeef7;		
		background:									transparent url(../images/fieldset_bg.jpg) no-repeat -20px -95px;
		line-height:								20px;		
		}


	dl.Contact-Info dt.alt {
		background:									transparent url(../images/fieldset_bg.jpg) no-repeat -20px -60px;		
		}
		
	dl.Contact-Info dd.alt {
		background:									transparent url(../images/fieldset_bg.jpg) no-repeat -20px -60px;	
		}


/* --------------------------------------------------------------------------------
		CASE STUDIES THUMBNAILS
---------------------------------------------------------------------------------- */

	#caseProfile{
		padding:									0px 10px 20px 35px; 
		list-style-type:							none;
	}
	
	
	#caseProfile h3 {
		border-bottom:								none;
		margin: 									5px 0 0 20px;
		width: 										120px; 
		float: 										left;
		display:									inline;
	}
	
	
	#caseProfile li{
		border-top:									1px solid #dfeef7;
		padding: 									10px 0;
		min-height: 								80px;	
		width: 										565px;
		background:									none;
	}
	
		
	#caseProfile li div.img {
		float: 										left; 
		height: 									100%;	
	}
	
	#caseProfile li img{
		float: 										left; 								
		border: 									none;		
	}
	
	#caseProfile li div.text{
		margin: 									0 0 0 240px;
	}
	
	#caseProfile li p {
		margin: 									0 0 5px 0; 
		padding:									0;
	}



/* --------------------------------------------------------------------------------
		CASE STUDIES DETAIL PAGE
---------------------------------------------------------------------------------- */


	.caseDetail .pageHead {
		margin:										80px 0 0 0;
		padding:									0px;
		float:										left;
		width: 										218px;
		display: 									inline;
	}
	
	.caseDetail .pageHead h2{
		width: 										180px;
	}
	
	.caseDetail .contain{
		float:										left;
		width:										400px;
		display: 									inline;
	}

	.caseDetail .pageHead .intro{
		line-height: 								14px!important;
		margin:										0 0 0 35px!important;
		padding: 									0 15px 0 0!important;
		color: 										#8bacbd!important;
	}

/*	
	.caseDetail p {
		margin: 									0 20px 0 0!important; 
		padding:									9px 0 9px 0!important;
	}
*/	

	.multimedia{
		overflow:									auto;
		width: 										400px;	
		padding:									0 0 25px 0;
	}
	
	.multimedia img,{
		float:										left;
	}




/* --------------------------------------------------------------------------------
		FORMS LAYOUT
---------------------------------------------------------------------------------- */

	dl.Form-Fields
	{
		width:										635px;
		margin:										20px 0 20px 0;
		background:									transparent url(../images/fieldset_bg.jpg) no-repeat top left;		
	}
	
	dl.Form-Fields dt
	{
		color:										#46251e;
		font-weight:								bold;
		padding:									9px 26px;
		margin:										0 16px 0 9px;
		font-size:									12px;
		text-transform:								uppercase;
		border-bottom:								1px solid #e5e5e5;
	}
	
	dl.Form-Fields dd
	{
		padding:									15px;
		border-top:									1px solid #f1f8fc;
		margin:										0 16px 0 9px;
	}


	table.NVP th
	{
		padding:									2px 60px 2px 11px;
		color:										#46251e;
		font-weight:								bold;
		font-size:									12px;
		text-align:									left;
	}
	
	table.NVP td
	{
		padding:									2px 20px 2px 0;
		color:										#797979;
		font-weight:								normal;
		font-size:									12px;
	}	
	
	table.NVP th
	{
		font-weight:								bold;
	}
	

	.Input-Text
	{
		width:										350px;
		border:										solid 1px #CCCCCC;
		color:										#797979;
		padding:									4px 6px;
		font-size:									12px;
		letter-spacing:								0;
		font-family:								Tahoma, Arial, Helvetica, sans-serif;		
	}
	
	.Input-Select-Small
	{
		width:										200px;
		border:										solid 1px #CCCCCC;
		color:										#797979;
		padding:									4px 6px;
		font-size:									12px;
		font-family:								Tahoma, Arial, Helvetica, sans-serif;		
	}
		
	
	.Input-Text.Input-Small
	{
		width:										100px;
		font-size:									12px;		
		font-family:								Tahoma, Arial, Helvetica, sans-serif;		
	}
	
	
	.Input-Text.Input-Textarea
	{
		width:										350px;
		height:										100px;
		font-size:									12px;	
		font-family:								Tahoma, Arial, Helvetica, sans-serif;			
	}
	
	.Input-Submit
	{
		margin-top:									10px;
	}
	
	
	label.Input-Checkbox
	{
		display:									block;
		cursor:										pointer;
	}
	
	label.Input-Checkbox input
	{
		margin:										2px 10px 0 0;
		line-height:								200%;
		float:										left;
	}




/* --------------------------------------------------------------------------------
		SIDE COLUMN
---------------------------------------------------------------------------------- */

	#sideColumn {
		float: 										left; 
		clear:										none;
		width: 										265px;
		display:									block;
	}



/* --------------------------------------------------------------------------------
		SUBNAVIGATION
---------------------------------------------------------------------------------- */

	#globalSubnav {
		float: 										left; 
		margin: 									0; 
		padding:									0; 
		width: 										265px; 
		background: 								url(../images/quicklinks_bg.jpg) no-repeat top left;
	}


	#globalSubnav  ul {
		font-size: 									11px;
		line-height:								18px;
		font-weight: 								normal;
		list-style:									none; 
		margin: 									58px 40px 0 40px; 
		padding:									0; 
		}

	#globalSubnav  li {
		padding: 									0 0 0 1.0em;
		background: 								url(../images/arrow_bullet.gif) no-repeat 2px 8px;
		}
	
	#globalSubnav  li a {
		font-weight:								normal;	
		color: 										#b07761; 
		text-decoration: 							none;
		border-bottom: 								1px dotted #b07761;
		}		
	
	#globalSubnav  li a:hover {
		color:										#46251e; 
		text-decoration: 							none;
		border-bottom: 								1px dotted #46251e;
		}	

	html>body #globalSubnav  li a {
		width: 										auto;
		}


/* --------------------------------------------------------------------------------
		FOOTER & COPYRIGHT
---------------------------------------------------------------------------------- */


	#footer {
		margin:										0; 
		padding:									10px 0 0 0; 
		float:										left; 
		clear:										both; 
		width: 										900px; 
		height: 									40px;
		line-height:								18px;
		color: 										#9d6955;	
		font-size: 									11px; 
		font-weight: 								normal;
		position:									relative;
	}


	#footer a {
		font-weight:								normal; 
		font-size: 									11px; 
		color: 										#9d6955; 
		text-decoration: 							none;
	}
				
	#footer a:hover {
		font-weight:								normal; 
		color:										#9d6955; 
		text-decoration: 							underline;
	}


.wbLink {
	width:13px;
	height:18px;
	background:url(../images/wb2.gif) no-repeat;
	display:block;
	position: absolute; top: 10px; right: 10px;
	text-indent:-9999px;
}

	a.wbLink:hover {
		background-position:0 -18px;
	}
	
	/*.wbLink span {
		
	}*/