/* === color === 
		#9c3	green
		#666	gray
        #942    brick
*/


body { 
	color: black; 
	font-size: 14px; 
	font-family: Verdana, Arial, sans-serif;
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 5px 0 15px 20px;
}

li {
	margin: 0;
	padding: 0 0 5px 0;
}

.clear {
	clear: both;
}

p.top {
	font-size: 5px;
	margin: 0;
	padding: 0;
}

.nutshell, .shine, .look {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.call{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
	padding: 0 0 20 0;
}


#header {
	background-color: #9c3;
	height: 90px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header p.lmd {
	font-size: 1.1em;
	letter-spacing: .2em;
	font-weight: bold;
	margin: 0px;
	padding: 30px 0 0 40px;
	float: left;
}

#header p.lmd a:link, #header p.lmd a:visited {
	color: #000;
	text-decoration: none;
}

#header p.lmd a:hover, #header p.lmd a:active {
	color: #fff;
}

#header p.menu {
	font-size: .9em;
	letter-spacing: .1em;
	margin: 0;
	padding: 30px 0 0 340px;
}

#header p.menu a:link, #header p.menu a:visited {
	color: #000;
	text-decoration: none;
}

#header p.menu a:hover, #header p.menu a:active{
	color: #fff;
}

#grayBar {
	clear: both;
	background-color: #666;
	height: 20px;
	width: 100%;
}



/* === about === */

#about {
	padding: 0 20px 20px 40px;
	width: 600px;
	float: left;
}

/* === clients === */
#clients {
	padding: 0 20px 20px 40px;
	float: left;
}
#clients img {
	padding: 0 20px 0 0;
}

/* === portfolio === */
#portfolioIndex {
	padding: 0 20px 20px 40px;
	float: left;
}

#portfolioIndex p.samples{
	padding: 0 0 0 275px;
	margin: 0;
	line-height:20px;
}

#portfolioIndex p.subhed { 
	font-weight: bold; 
	font-size: 16px; 
	padding: 0 0 0 275px;
	margin:0;
}

#portfolioIndex p.subhed a:link, #portfolioIndex p.subhed a:visited {
	color: #000;
	text-decoration: none;
}

#portfolioIndex p.subhed a:hover, #portfolioIndex p.subhed a:active {
	color: #666;
}

#portfolioIndexCommunicating, #portfolioIndexTraining, #portfolioIndexNetworking {
	height: 140px;
}

#portfolioIndexCommunicatingImg {
	float: left;
	padding: 0;
	margin: 0 -4px 0 0;
	background-image:url(images2018/communicating.jpg);
	width: 246px; 
	height: 120px;
}


#portfolioIndexTrainingImg {
	float: left;
	padding: 0;
	margin: 0 -4px 0 0;
	background-image:url(images2018/training.jpg);
	width: 246px; 
	height: 120px;
}

#portfolioIndexNetworkingImg {
	float: left;
	padding: 0;
	margin: 0 -4px 0 0;
	background-image:url(images2018/networking.jpg);
	width: 246px; 
	height: 120px;
}

#sample img.drop {
	margin: 0 0 30px 20px;
	border: 0;
}

#sample img.dropup {
	margin: 0 0 30px 25px;
	border: 0;
}

#sample img {
	margin: 0 0 30px 40px;
	border: 0;
}

#sample img.right {
	margin: 0 0 30px 40px;
}

#sample img.floatleft {
	float: left;
	border: 5px;
	border-color: #000;
	margin: 0;
	padding: 0;
}

#sample p.category {
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	margin: 0;
	padding: 18px 0 30px 40px;
}

#sample p.smallbody {
	font-size: 10px; 
	line-height: 12px; 
	margin: 0;
	padding: 0 0 15px 40px;
}

#sample p.smallsub {
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0 0 3px 40px;
}

#sample p.backNext {
	position: absolute;
	left: 340px;
	top: 90px;
}

#sample p.backNext a:link, #sample p.backNext a:visited {
	font-size: .8em;
	color: #9c3;
	text-decoration: none;
}

#sample p.backNext a:hover, #sample p.backNext a:active {
	color: #942;
}


/* === contact ===*/
#contact {
	padding: 0 0 0 40px;
	float: left;
}

#address {
	float: left;
	padding: 90px 0 0 0;
}