/* -- 	Welkam  [Primary Site CSS] ---------------------------------
		AQ Works, 2006
6D6F72
2C2D2E
		http://welkam.co.jp		
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

/* -- Header ---------------------------------
*/
#header {
	float: left;
	display: inline;
	width: 931px;
	margin: 0px;
	padding-top: 36px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #E5EDEF;
	}
	
#headContents {
	float: left;
	display: inline;
	padding-left: 40px;
	margin-bottom: 10px;
	}
	
h1 { 
	display:block; 
	float: left;
	color: #666666;
	font-size: 1.8em;
	line-height: 1;
	width: 700px;
	margin-bottom: 20px;
	}

a { color:#000;
	text-decoration: none;
	}

/* -- Menu ---------------------------------
*/
#menu {
	display: none;
	}
	
	
#languageWrap {
	float: left;
	display: inline;
	clear: both;
	width: 911px;
	}


/* -- Grey Body ---------------------------------
*/
#greyBody {
	width: 931px;
	float: left;
	}
	
#welkamDescription {
	width: 931px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#greyContentsHome {
	float: left;
	width: 931px;
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #E5EDEF;
	}
	
	#greyContentsHome #featuredProject {
		float: left;
		width: 410px;
		padding-left: 40px;
		}

	#greyContentsHome #featuredProject .featuredImage a:hover {
		background-color: transparent;
		}

	#greyContentsHome #featuredProject .featuredImage {
		padding-top: 7px;
		margin-bottom: 5px;
		}

		#greyContentsHome #featuredProject .featuredMoreButtons a:hover {
			background-color: transparent;
			}
		
	#greyContentsHome #featuredProject p {
		color: #6D6F72;
		margin-bottom: 10px;
		}
	
	#greyContentsHome #featuredProject .featuredHeader {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.2em;
		color: #AEB0B5;
		margin-bottom: 10px;
		}

	#greyContentsHome #featuredSecondaryDetails {
		float: right;
		width: 450px;
		}

		#greyContentsHome #featuredSecondaryDetails p {
			margin-bottom: 10px;
			color: #2C2D2E;
			}
			
		#greyContentsHome #featuredSecondaryDetails #topContainer {
			float: left;
			padding-bottom: 10px;
			margin-bottom: 20px;
			padding-right: 40px;
			}
		
		#greyContentsHome #featuredSecondaryDetails #bottomContainer {
			float: left;
			padding-right: 40px;
			}
			
			#greyContentsHome #featuredSecondaryDetails #bottomContainer a:hover {
				background-color: transparent;
				}

		#greyContentsHome #featuredSecondaryDetails .leftCol {
			float: left;
			display: inline;
			width: 190px;
			margin-right: 28px;
			}
			
		#greyContentsHome #featuredSecondaryDetails .rightCol {
			float: left;
			width: 190px;
			}
			
			
/* -- TOTAL COORDINATION ---------------------------------
*/

#totalCoordinationDescription {
	float: left;
	margin-left: 40px;
	width: 800px;
	background-repeat: no-repeat;
	}
	
	#totalCoordinationDescription p {
		}			

#totalCoordinationLeftCol {
	float: left;
	width: 410px;
	padding-left: 40px;
	}
	
#totalCoordinationRightCol {
	float: right;
	width: 410px;
	padding-right: 40px;
	margin-top: 5px;
	}

	#totalCoordinationRightCol .rightWrap {
		float: left;
		width: 410px;
		margin-top: 5px;
		margin-bottom: 30px;		
		}
	
	
	#totalCoordinationRightCol .leftCol {
		float: left;
		width: 190px;
		margin-right: 28px;
		}
	
	#totalCoordinationRightCol .rightCol {
		float: left;
		width: 190px;
		}
		

/* -- CONSULTING ---------------------------------
*/

#consultingDescription {
	float: left;
	margin-left: 40px;
	width: 800px;
	background-repeat: no-repeat;
	}
	
	#consultingDescription p {
		}			

#consultingLeftCol {
	float: left;
	width: 405px;
	padding-left: 40px;
	}
	
#consultingRightCol {
	float: right;
	width: 410px;
	padding-right: 40px;
	margin-top: 5px;
	}

	#consultingRightCol .rightWrap {
		float: left;
		width: 410px;
		margin-top: 5px;
		margin-bottom: 30px;
		}
	
	
	#consultingRightCol .leftCol {
		float: left;
		margin-right: 28px;
		width: 190px;
		}
	
	#consultingRightCol .rightCol {
		float: left;
		width: 190px;
		}

/* -- About Welkam & Sample Projects Footer ------------------
*/
#aboutWelkam {
	display:none;
	}


	
/* -- CONTACT PAGE ---------------------------------
*/
#contactLeft {
	float: left;
	width: 410px;
	}

	#contactLeft #welkamMapDesc p {
		font-size: 1.0em;
		}
	
#contactRight {
	float: right;
	padding-right: 0px;
	width: 450px;
	}
	
	#contactRight p {
		margin-bottom: 15px;
		color: #2C2D2E;
		}

	#contactRight #contactDetails {
		float: left;
		width: 450px;
		margin-top: 10px;
		padding-top: 15px;
		margin-bottom: 10px;
		padding-bottom: 10px;

		}
		
		#contactRight #contactDetails p {
			margin-bottom: 20px;
			}
		
		#contactRight #contactDetails .leftCol {
			float: left;
			width: 190px;
			}
			
		#contactRight #contactDetails .rightCol {
			float: left;
			width: 190px;
			margin-left: 28px;
			}
	
	#contactRight #contactBottom {
	display: none;
	}


/* -- ABOUT US ---------------------------------
*/

#aboutUsDescription {
	float: left;
	margin-left: 40px;
	width: 800px;
	height: 110px;
	background-repeat: no-repeat;
	}
	
	
#aboutUsLeftCol {
	width: 410px;
	float: left;
	padding-left: 40px;
	}
	
	#aboutUsLeftCol #foundersIntroTop {
		float: left;
		margin-top: 5px;
		height: 158px;
		width: 410px;
		}
		
		#aboutUsLeftCol #foundersIntroTop img {
			margin: 0px;
			padding: 0px;
			}
		
	#aboutUsLeftCol #foundersIntroBottom {
		float: left;
		width: 410px;
		height: 253px;
		background-repeat: no-repeat;
		background-position: center top;
		}
	
#aboutUsRightCol {
	width: 410px;
	float: right;
	padding-right: 40px;
	}
	
	#aboutUsRightCol #foundersInformation {
		width: 450px;
		float: left;
		padding-bottom: 10px;
		margin-bottom: 15px;
		}

		#aboutUsRightCol #foundersInformation p {
			width: 410px;
			}
		
	#aboutUsRightCol #companyStats {
		width: 410px;
		float: left;
		}

	#aboutUsRightCol #companyStats .leftCol {
		float: left; 
		margin-right: 28px;
		width: 190px;
		}
		
	#aboutUsRightCol #companyStats .rightCol {
		float: left;
		width: 190px;
		}
		
/* -- Projects Page ---------------------------------
*/

#projectsHeader {
	float: left;
	width: 931px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	
	#projectsHeaderHead {
		float:left;
		width: 400px;
		padding-left: 40px;
		}
	
#otherProjects {
	float: right;
	width: 410px;
	padding-right: 40px;
	}
	
	#otherProjects .splitContainer {
		width: 410px;
		float: left;
		margin-bottom: 15px;
		padding-top: 7px;
		}
	
	#otherProjects .leftCol {
		width: 190px;
		float: left;
		}
		
	#otherProjects .rightCol {
		width: 190px;
		float: right;
		}
		
	#otherProjects .projDetails {
		color: #A9ABB0;
		line-height: 1.4em;
		font-weight: bold;
		}

	#otherProjects p {
		color: #6D6F72;
		line-height: 1.4em;
		margin-bottom: 7px;
		}
		
	#otherProjects .otherProjThumb {
		margin-bottom: 7px;
		}
		
		#otherProjects .otherProjThumb a:hover {
			background-color: transparent;
			}
			
#greyContentsHome #singleProject {
	float: left;
	width: 410px;
	display: inline;
	}
	
	#greyContentsHome #singleProject #mainImage {
		float: left;
		display: inline;
		}

	#greyContentsHome #singleProject #thumbnails {
		float: left;
		display: inline;
		width: 430px;
		margin-top: 10px;
		margin-left: 20px;
		text-align: right;
		border: 0px solid #000;
		}

		#greyContentsHome #singleProject #thumbnails #thumbsWrap {
			float: right;
			}
		
		#greyContentsHome #singleProject #thumbnails img {
display: none;
			}
	
		#greyContentsHome #singleProject #thumbnails #smallDesc {
			display: inline;
			float: left;
			width: 200px;
			text-align: left;
			}
			
			#greyContentsHome #singleProject #thumbnails #smallDesc p {
				font-size: 1.0em;
				line-height: 1.2em;
				}
			
		
#greyContentsHome #singleProjectRight {
	float: right;
	width: 450px;
	}

	#greyContentsHome #singleProjectRight #singleProjHeader {
		float: left;
		width: 420px;

		}

	#greyContentsHome #singleProjectRight #singleProjHeader .projHeadWrap {
		margin-bottom: 10px;
		}


	#greyContentsHome #singleProjectRight #singleProjHeader p {
	font-style: italic;
	font-size: 1.4em;
		}
	#greyContentsHome #singleProjectRight #bodyText {
		float: left;
		width: 450px;
		border-top: 1px solid #E5EDEF;	
		
		padding-top: 15px;
		margin-top: 5px;
		padding-bottom: 15px;
		}
		
			#greyContentsHome #singleProjectRight #bodyText .leftCol {
				float: left;
				width: 190px;
				}

			
			#greyContentsHome #singleProjectRight #bodyText .rightCol {
				float: right;
				width: 190px;
				padding-right: 40px;
				}

	#greyContentsHome #singleProjectRight li {
		font-size: 1.2em;
		list-style-type: square;
		list-style-position: inside;
		margin-left: 0px;
		padding-left: 0; 
		color: #2C2D2E;
		margin-bottom: 8px;
		}

	#greyContentsHome #singleProjectRight #viewAllFooter {
		float: right;
		width: 450px;
		text-align: right;
		}
		
		#greyContentsHome #singleProjectRight #viewAllFooter img {
			padding: 0px;
			margin: 0px;
			padding-right: 40px;
			}

/* -- Projects Rotator --------------6D6F72------------------
*/

.folio_img_m {
	width: 370px;
	height: 148px;
	}