body
{
	background-color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
}

a:link, a:visited { text-decoration:none; color:#F00; outline:none; }
a:hover { text-decoration:none; color:#fff; outline:none; }

.floatLeft{ float:left !important; }
.floatRight{ float:right !important; }

.clearBoth{ clear:both; }

.alignVerticalTop{ vertical-align:top; }
.alignVerticalMiddle{ vertical-align:middle; }
.alignVerticalBottom{ vertical-align:bottom; }

.textAlignLeft{ text-align:left; }
.textAlignCenter{ text-align:center; }
.textAlignRight{ text-align:right; }

.percentHolder{ width:100%; }

.displayNone { display:none; }
.displayBlock { display:block; }

/* widths */


/* paddings */
.topPadding0 { padding-top:0px !important; }
.rightPadding0 { padding-right:0px !important; }
.bottomPadding0 { padding-bottom:0px !important; }
.leftPadding0 { padding-left:0px !important; }

/* margins */
.topMargin0 { margin-top:0px !important; }
.rightMargin0 { margin-right:0px !important; }
.bottomMargin0 { margin-bottom:0px !important; }
.leftMargin0 { margin-left:0px !important; }


/* intro */
#intro 
{ 
	position:relative; 
	display:none;
	margin:0 auto; 
	max-width:800px; height:492px; 
	background: url(../images/intro.jpg) no-repeat center 0; 
}

	#intro div { position:absolute; width:100%; top:170px; text-align:center; display:none; }
		#intro div img { margin-left:-70px; width:18%; height:auto; }
		#intro div h3 { font-size:1.3em; color:#FFFFFF; text-transform:uppercase; font-weight:normal; letter-spacing:4px; }
	
	#intro p { position:absolute; width:40%; top:40%; text-align:center; color:#FFFFFF; display:none; font-size:1.2em; padding:10px 30%; }
		#intro p span { display:none; }
	
	#intro a { position:absolute; top:80%; font-size:0.7em; display:none; }
	
/* main container */
#mainContainer { position:relative; margin:50px auto 0; max-width:768px; height:100%; background-color:#000; }
	
		
	/* nav region */
	#mainContainer nav 
	{ 
		position:relative;
		z-index:1000;
		overflow:hidden;
		clear:both;
		width:100%;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
	}
		
		#mainContainer nav a { float:left; padding:3% 1.5% 5%; }
		
		#mainContainer nav a:link,
		#mainContainer nav a:visited { color:#FFFFFF; }
			
		#mainContainer nav a:hover { color:#F00; }
		
	#pageHolder { width:100%; font-size:0.750em; position:relative; color:#FFF; clear:both; }		
	#pageHolder h1 { font-size:1.6em; color:#FFF; font-weight:normal; }
	
	
	a.logo:link,
	a.logo:visited { background: url(../images/logo.png) 0 0 no-repeat; width:106px; height:87px; display:block; }
	a.logo:hover { background: url(../images/logoH.png) 0 0 no-repeat; }
	
	#pageHolder p { color:#FFF; letter-spacing:0.075em; }
	
	
	/* HOME */
	#home 
	{ 
		position:relative;
		overflow:hidden; clear:both;
		width:100%; height:504px;
		background: url(../images/bgs/home/big.jpg) no-repeat 0 0;
	}
		
		#home section { float:right; margin:6% 5% 0 0; width:50%; }
			#home section a.logo { margin:0 0 0 115px; }
			#home section h1 { font-size:1.72em; color:#FFF; font-weight:normal; margin: 1em 0 0.2em; line-height: 1.5; }
			#home section p { margin:0.4em 0; line-height: 20px;  }
			
			#home blockquote { position:absolute; bottom:20px; left:20px; font-size:1.38em; color:#FF0000; letter-spacing:0.04em; text-shadow: 0px 1px 1px #000; filter: dropshadow(color=#000, offx=0, offy=1); }
				#home blockquote span { display:block; text-align:right; }
	
	
	/* OVERVIEW */
	#overview 
	{ 
		position:relative;
		overflow:hidden; clear:both;
		width:768px; height:492px;
		background: url(../images/overview.jpg) no-repeat 0 0;
	}
	
		#overview section { float:left; width:552px; }
			/*#overview section p { font-size:0.872em; }
			#overview section ul { font-size:0.872em; }*/
			
		#overview a.logo { margin:10px 0 0 0; float:right; }	
			
	/* SEARCH */
	#search
	{
		position:relative;
		overflow:hidden; clear:both;
		width:768px; height:492px;
		background: url(../images/search.jpg) no-repeat 0 0;
	}
	
		#search section { float:left; width:636px; }
	
			#search div { display:block; width:100%; margin:185px 0 0 0; }
				#search div blockquote { /*font-size:0.874em;*/ width:90%; height:270px; position:relative; overflow:hidden; float:left; }
					#search div blockquote p { position:absolute; left:0px; top:0px; line-height:1.6em; }
						#search div blockquote p span { color:#FF0000; font-size:1.2em; }
				
				#search div a:link,
				#search div a:visited { background:url(../images/whiteArrow.png) 0 0 no-repeat; width:9px; height:17px; float:left; margin:120px 0 0 20px;  }
				#search div a:hover { background:url(../images/redArrow.png) 0 0 no-repeat; }
		
		#search a.logo { margin:10px 0 0 0; float:right; }			
				
	/* CLIENT */
	#client
	{
		position:relative;
		overflow:hidden; clear:both;
		width:768px; height:492px;
		background: url(../images/clients.jpg) no-repeat 0 0;
	}
		
		#client section { float:left; width:626px; padding:0 0 0 10px; }
			
			#client section ul { float:left; width:25%; margin:250px 0 0 0; list-style:none; font-size:0.874em; padding: 0 0 0 0; }
		
		#client a.logo { margin:10px 0 0 0; float:right; }				
			
			
	/* Why CW & Coaching */
	#whycw, 
	#coaching,
	#getmoreinfo
	{
		position:relative;
		overflow:hidden; clear:both;
		width:768px; height:492px;
		background: url(../images/whycw.jpg) no-repeat 0 0;
	}
	
		#whycw section,  
		#coaching section,
		#getmoreinfo section { width:636px; float:left; }
	
		#whycw p  { clear:both; width:60%; /*font-size:0.8em;*/ }
		#coaching p { clear:both; width:60%; }
		
		#coaching ul { margin:10px 0; padding:0 0 0 0; }
			#coaching ul li { background:url(../images/redDot.png) 0 3px no-repeat; padding:0 0 20px 12px; }
		
		
		#whycw a.logo,
		#coaching a.logo,
		#getmoreinfo a.logo { margin:10px 0 0 0; float:right; }				
		
		
		#getmoreinfo form { width:85%; margin:180px 0 0 0; }
			#getmoreinfo form span { font-size:0.8em; color:#F00; }
			#getmoreinfo form dl { width:90%; display:block; clear:both; padding:2% 5%; }
				#getmoreinfo form dl dt { float:left; width:25%; padding:2px 0 0 0; }
					#getmoreinfo form dl dt small { color:#F00; }
					#getmoreinfo form dl dt span { display:block; margin:30px 0 0 0; }

				#getmoreinfo form dl dd { float:left; width:75%; font-size:0.9em; }
					#getmoreinfo form dl dd input[type=text],
					#getmoreinfo form dl dd textarea { border:#fff 1px solid; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:0.5%; font-size:0.9em; width:150px; padding:1%; }
					#getmoreinfo form dl dd textarea { height:50px; float:left; }
					#getmoreinfo form dl dd span { float:left; width:150px; padding:0 0 0 10px; color:#FFFFFF; }
					#getmoreinfo form dl dd input[type=submit] { float:left; background-color:#F00; border:#F00 1px solid; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:0 5%; font-size:1.1em; cursor:pointer; color:#FFF; }
					#getmoreinfo form dl dd a { background-color:#F00; float:left; border:#F00 1px solid; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:0 5%; font-size:1.1em; cursor:pointer; color:#FFF; margin-left:24px; }
		
	/* ABOUT */
	#about
	{
		position:relative;
		overflow:hidden; clear:both;
		width:768px; /*height:492px;*/
	}			
	
		#about section { width:636px; float:left; }
		#about aside { float:left; width:96%; padding:2%; text-align:justify; padding-top:0; }
			#about aside h2 { font-size:1.450em; font-weight:normal; text-decoration:underline; display:block; clear:both; }
			#about aside img { float:left; margin:0 4% 0 0; width:12%; height:auto; }
		
		#about a.logo { margin:10px 0 0 0; float:right; }
		
	/* CONTACT */
	#contact 
	{ 
		position:relative;
		overflow:hidden; clear:both;
		width:768px; /*height:492px;*/ height:542px;
		background: url(../images/intro.jpg) no-repeat center 0; 
	}
		
		#contact section { width:636px; float:left; }
			#contact section h1 { padding-bottom:15px; }
			#contact section blockquote { font-size:0.875em; color:#bc3838; letter-spacing:0.075em; margin:5% 0 0 0; }
				#contact section blockquote span { display:block; text-align:right; }
				#contact section p.fp span { text-transform:uppercase; font-size:16px; }
			
			#contact section h2 { font-size:1.1em; font-weight:normal; text-decoration:underline; display:block; clear:both; margin:2% 0 0 0; }	
				#contact section p a:link,
				#contact section p a:visited { color:#bc3838; }
				#contact section p a:hover { color:#fff; }

		#contact a.logo { margin:10px 0 0 0; float:right; }





#about nav a
{
	padding:0;
}
#about nav
{
	overflow: unset !important;
}
#about nav a
{
	float:none !important;
}
.list
{
	width: 90px;
	display: inline-block;
	margin-left:10px;
	width: 45%;
}

.list a img
{
	width: 100% !important;
}
.list h2
{
	font-size:15px !important;
	text-align:center;
	text-decoration:none;
	padding-top:10px;
}



#list_sec
{
	display:block;
	text-align: center;
	width: 100%;
	margin-top:60px;
	box-sizing:border-box;
}
.list
{
	margin-left:5%;
	float: left;
}
#list_sec .list nav
{
	max-height: 357px;
	overflow: hidden !important;
	float: left !important;
	width: 100% !important;
}
.list h2
{
	width: 100%;
	float: left;
}
.list h2 span
{
	font-size:14px;
	font-weight: normal !important;
	padding-top: 10px;
}
.picture_sec
{
	width: 100%;
	float:left;
	text-align: center;
}
.picture_sec p
{
	width: 100%;
	float:left;
	text-align: center;
	font-weight: bold;
}
.desc
{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 1.8;
}
.lft_part
{
	float: left;
}
.rgt_part
{
	float:right;
}