/* -- 	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;
	background: #ffffff url("http://welkam.co.jp/en/images/bg_header.gif") center top repeat-y;
	border-bottom: 1px solid #E5EDEF;
	}
	
#headContents {
	float: left;
	display: inline;
	padding-left: 40px;
	margin-bottom: 10px;
	}
	
h1 { 
	display:block; 
	float: left;
	font: 2.4em/1 Georgia, "Times New Roman", Times, serif;
	text-indent: -3000px;
	width: 610px;
	height: 65px;
	margin-bottom: 20px;
	}


/* -- Menu ---------------------------------
*/
#menu {
	float: left;
	display: inline;
	width: 680px;
	color: #DEECED;
	}
	
	#menu span {
		font-size: .8em;
		margin-left: 10px;
		}
	
	#menu ul {
		margin: 0px;
		padding: 0px;
		margin-left: -5px;
		padding-top: 5px;
		display: inline;
		}
	
	#menu li {
		margin: 0px;
		padding-right: 0px;
		margin-left: 5px;
		display: inline;
		text-transform: none;
		font-size: 1.4em;
		font-weight: normal;
		}

	#menu #menuTC {margin-left: 1px; }
	
	#menu .selectedItem a {
		color: #999;
		}
		
		#menu .selectedItem a:hover {
			background-color: #ddd;
			}

#languageWrap {
	float: left;
	display: inline;
	clear: both;
	width: 911px;
	}


/* -- Grey Body ---------------------------------
*/
#greyBody {
	width: 931px;
	float: left;
	}
	
#welkamDescription {
	width: 931px;
	height: 110px;
	border-bottom: 3px double #E5EDEF;
	text-indent: -3000px;
	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;
			border-bottom: 3px double #E5EDEF;
			}
		
		#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;
			}

/* -- PROJECT ARCHIVE ---------------------------------
*/

#projectsArchiveMenu {
	float: left;
	width: 500px;
	padding-top: 5px;
	}

	#projectsArchiveMenu h5 {
		float: left;
		display: inline;
		text-transform: uppercase;
		font-size: 1.2em;
		color: #6b6d68;
		margin-right: 10px;
		}
	
	#projectsArchiveMenu ul {
		float: left;
		}
		
		#projectsArchiveMenu li {
			float: left;
			display: inline;
			font-size: 1.2em;
			color: #DEECED;
			}

			#projectsArchiveMenu li span {
				margin: 0 2px;
				}
			

#projectArchiveBody	{
	width: 931px;
	float: left;
	}
	
	#projectArchiveBody .section {
		float: left;
		display: inline;
		width: 891px;
		padding-left: 40px;
		border-bottom: 1px solid #E5EDEF;
		padding-bottom: 20px;
		margin-bottom: 20px;
		}

		#projectArchiveBody .section.last {
			border-bottom: 3px double #E5EDEF;
			}
		
	#projectArchiveBody li {
		margin: 0px;
		padding: 0px;
		font-size: 1.2em;
		color: #b8b9bd;
		margin-bottom: 2px;
		}
		
	#projectArchiveBody h4 {
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 10px;
		color: #6b6d68;
		}
	
	#projectArchiveBody .archiveCol {
		float: left;
		margin-right: 20px;
		width: 380px;
		}
	
	#projectArchiveBody .leftCol {
		float: left;
		width: 400px;
		margin-right: 20px;
		}

	#projectArchiveBody .rightCol {
		float: left;
		width: 400px;
		}
		
	#projectArchiveBody #button-projects_home {
		float: left;
		margin-left: 740px;
		display: inline;
		clear: both;
		}
		
		
			
/* -- TOTAL COORDINATION ---------------------------------
*/

#totalCoordinationDescription {
	float: left;
	width: 931px;
	height: 110px;
	border-bottom: 3px double #E5EDEF;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	#totalCoordinationDescription p {
		text-indent: -3000px;
		}			

#totalCoordinationLeftCol { float: left; width: 410px; padding-left: 40px; }
	
#totalCoordinationRightCol { float: right; width: 410px; padding-right: 40px; margin-top: 5px; }
	
	#totalCoordinationRightCol ul { margin: 0px; padding: 0px; }
	#totalCoordinationRightCol li { font-size: 1.2em; line-height: 1.6em; color: #2C2D2E; padding: 0px; }
	#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; }
	
/* -- Services ---------------------------------
*/
#additionalServicesDescription {
	float: left;
	width: 931px;
	height: 110px;
	border-bottom: 3px double #E5EDEF;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	#additionalServicesDescription p {
		text-indent: -3000px;
		}		

#servicesLeftCol { float: left; width: 410px; padding-left: 40px; }
	
#servicesRightCol { float: right; width: 410px; padding-right: 40px; }
	
	#servicesRightCol ul { margin: 0px; padding: 0px; }
	#servicesRightCol li { font-size: 1.2em; line-height: 1.6em; color: #2C2D2E; padding: 0px; }

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

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

#consultingDescription {
	float: left;
	width: 931px;
	height: 110px;
	border-bottom: 3px double #E5EDEF;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	#consultingDescription p {
		text-indent: -3000px;
		}			

#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 {
	float: left; 
	width: 931px;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ffffff url("http://welkam.co.jp/images/bg_white.gif") center top repeat-y;
	}
	
	#aboutWelkam #aboutWelkamLeft{
		float: left;
		width: 410px;
		padding-left: 40px;
		margin-top: 8px;
		}
		
		#aboutWelkam #aboutWelkamLeft .foundersImage {
			margin-top: 9px;
			margin-bottom: 10px;
			background: none;
			}		
		
	#aboutWelkam #aboutWelkamRight {
		float: right;
		width: 450px;
		padding-right: 0px;
		}

		#aboutWelkam #aboutWelkamRight li {
			font-weight: bold;
			}

	#aboutWelkam p {
		color: #2C2D2E; /*5B5C5D*/
		margin-bottom: 7px;
		}

	#aboutWelkam .redText {
		color: #F56672;
		}
		
	#aboutWelkam #kojichu-tips_discoveries, #aboutWelkam #kojichu-tipps {
		margin-top: 15px;
		padding-bottom: 16px;
		padding-right: 40px;
		font-size: 1.2em;
		line-height: 1.6em;
		border-bottom: 3px double #E5EDEF;
		}

	#aboutWelkam #kojichu-news {
		margin-top: 16px;
		font-size: 1.2em;
		line-height: 1.6em;
		padding-right: 40px;
		}

	#aboutWelkam li {
		font-size: .8em;
		}
		
	#aboutWelkam #sampleProjectLeft {
		float: left;
		width: 370px;
		padding-left: 40px;
		margin-top: 8px;
		}
		
			#aboutWelkam #sampleProjectLeft .imageLink {
				padding-top: 9px;
				}
		
		#aboutWelkam #sampleProjectLeft .sampleProjectHeader {
			margin-top: 10px;
			color: #A9ABB0;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: bold;
			}
			
	#aboutWelkam #subNav {
		float: right;
		width: 450px;
		margin-top: 36px;
		padding-right: 0px;
		color: #A9ABB0;
		border-top: 3px double #DFECED;
		}
		
		#aboutWelkam #subNav span {
			text-transform: none;
			font-size: 1.2em;
			}
			
		#aboutWelkam #subNav li {			
			background: url(http://welkam.co.jp/images/ul_arrow.gif) 0 5px no-repeat;
			font-size: 1.0em;
			font-weight: normal;
			line-height: 1.9em;
			}

	#aboutWelkam #subNav .leftNav {
		float: left;
		width: 190px;
		margin-right: 28px;
		}

	#aboutWelkam #subNav .rightNav {
		float: left;
		width: 190px;
		}
	
/* -- CONTACT PAGE ---------------------------------
*/
#contactLeft {
	float: left;
	padding-left: 40px;
	width: 410px;
	}

	#contactLeft #welkamMap {
		margin-left: -40px;
		}
		
	#contactLeft #welkamMapDesc p {
		margin-left: -20px;
		font-size: 1.0em;
		color: #7B9EA0;
		}
	
#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;
		border-top: 3px double #DFECED;
		border-bottom: 3px double #DFECED;
		}
		
		#contactRight #contactDetails p {
			color: #2C2D2E;
			margin-bottom: 20px;
			}
		
		#contactRight #contactDetails .leftCol {
			float: left;
			width: 190px;
			}
			
		#contactRight #contactDetails .rightCol {
			float: left;
			width: 190px;
			margin-left: 28px;
			}
	
	#contactRight #contactBottom {
		float: left;
		width: 410px;
		margin-top: 10px;
		}

	#contactRight #contactBottom a:hover {
		background-color: transparent;
		}

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

#aboutUsDescription {
	float: left;
	width: 931px;
	height: 135px;
	border-bottom: 3px double #E5EDEF;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	#aboutUsDescription p {
		text-indent: -3000px;
		}
		
#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;
		text-indent: -3000px;
		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;
		border-bottom: 3px double #DFECED;
		}

		#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;
	border-bottom: 3px double #E5EDEF;
	}
	
	#projectsHeaderHead {
		float:left;
		width: 200px;
		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;
		}
		
	/* 	- - - - - - - - - - - - - - 
		Legacy styles + new Featured Projects Styles START*/
		
	#featuredProjects {
		width: 900px;
		float: left;
		margin-left: 40px;
		border-bottom: 3px double #E5EDEF;
		margin-bottom: 20px;
		}
		
		#featuredProjects .featured_row {
			width: 900px;
			float: left;
			margin-bottom: 10px;
			}
			
		#featuredProjects .featured_project {
			float: left;
			margin-right: 30px;
			width: 190px;
			text-align: left;
			}
	
	#otherProjects .projDetails, #featuredProjects .projDetails {
		color: #A9ABB0;
		line-height: 1.4em;
		font-weight: bold;
		}

	#otherProjects p, #featuredProjects p {
		color: #6D6F72;
		line-height: 1.4em;
		margin-bottom: 7px;
		}
		
	#otherProjects .otherProjThumb, #featuredProjects .featuredProjsThumb {
		margin-bottom: 7px;
		}
		
		#otherProjects .otherProjThumb a:hover, #featuredProjects .featuredProjsThumb a:hover {
			background-color: transparent;
			}

	#otherProjects #projectIndexSubnav {
		float: left;
		width: 450px;
		border-top: 3px double #E5EDEF;	
		padding-top: 15px;
		margin-top: 5px;
		}
		
	.viewAllProjects {
		float: right;
		margin-right: 40px;
		}

#greyContentsHome #singleProject {
	float: left;
	width: 410px;
	display: inline;
	padding-left: 40px;
	}
	
	#greyContentsHome #singleProject #mainImage {
		float: left;
		display: inline;
		margin-left: -39px;
		}

	#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 .projThumb {
			float: left;
			width: 70px;
			padding: 0px;
			}

		#greyContentsHome #singleProject #thumbnails a {
			border: 0px;
			}

		#greyContentsHome #singleProject #thumbnails a:hover {
			background-color: transparent;
			}
		
		#greyContentsHome #singleProject #thumbnails a:hover img {
			background: transparent;
			border: 1px solid #222;
			}

		#greyContentsHome #singleProject #thumbnails img {
			border: 1px solid #999;
			}
	
		#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;
				color: #7B9EA0;
				}
			
		
#greyContentsHome #singleProjectRight {
	float: right;
	width: 450px;
	}

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

    	#greyContentsHome #singleProjectRight #singleProjHeader h2 {
    	   font-size: 1.8em;
    	   margin-bottom: .2em;
    	   }

    	#greyContentsHome #singleProjectRight #singleProjHeader h3 {
           font-size: 1.8em;
    	   color: #bbbfc2;
    	   margin-bottom: .8em;
    	   }

        #greyContentsHome #singleProjectRight #singleProjHeader p {
            color: #6e7275;
            font-weight: bold;
            }

	#greyContentsHome #singleProjectRight #singleProjHeader .projHeadWrap {
		margin-bottom: 10px;
		}
	
  	#greyContentsHome #singleProjectRight #nextPrev {
  	 padding-bottom: 5px;
  	 margin-bottom: 15px;
  	 border-bottom: 3px double #E5EDEF;
  	 float: left; 
  	 width: 450px;
  	 }
  	 
  	 #nextPrev ul { list-style: none; float: left; }
    	 #nextPrev li { display: inline; margin: 0px; float: left; height: 15px; }
        #nextPrev li.next a { display: block; width: 21px; height: 15px; text-indent: -9999px; background: transparent url(/images/blue_round_backnext.png) -61px -90px no-repeat; }
          #nextPrev li.next a:hover { background: transparent url(/images/blue_round_backnext.png) -20px -90px no-repeat; }
        #nextPrev li.previous a { display: block; width: 21px; height: 15px; text-indent: -9999px; background: transparent url(/images/blue_round_backnext.png) -41px -90px no-repeat; }
          #nextPrev li.previous a:hover { background: transparent url(/images/blue_round_backnext.png) -0px -90px no-repeat; }

        /* ENGLISH */
        #nextPrev.en li.all a { display: block; height: 15px; width: 88px; text-indent: -9999px; background: transparent url(/images/blue_round_backnext.png) 0px -15px no-repeat; }
          #nextPrev.en li.all a:hover { background: transparent url(/images/blue_round_backnext.png) 0px 0px no-repeat; }

        /* GERMAN */
        #nextPrev.de li.all a { display: block; height: 15px; width: 91px; text-indent: -9999px; background: transparent url(/images/blue_round_backnext.png) 0px -45px no-repeat; }
          #nextPrev.de li.all a:hover { background: transparent url(/images/blue_round_backnext.png) 0px -30px no-repeat; }

        /* JAPANESE */
        #nextPrev.ja li.all a { display: block; height: 15px; width: 81px; text-indent: -9999px; background: transparent url(/images/blue_round_backnext.png) 0px -75px no-repeat; }
          #nextPrev.ja li.all a:hover { background: transparent url(/images/blue_round_backnext.png) 0px -60px no-repeat; }


/*
  	 #nextPrev a { background-color: #4e92c8; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; color: #fff; text-transform: uppercase; font-size: .7em; letter-spacing: 1px; text-shadow: 0.1em 0.1em 0.1em #333; }
	     #nextPrev a:hover { background-color: #62a3d0; color: #fff; }
	     #nextPrev li.previous a { 
  	    -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-right: 1px solid #95c0dc;
	      }

	     #nextPrev li.next a { 
  	    -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: 1px solid #95c0dc;
	      }
*/
	
	#greyContentsHome #singleProjectRight #bodyText {
		float: left;
		width: 450px;
		border-bottom: 3px double #E5EDEF;
		border-top: 3px double #E5EDEF;	
		
		padding-top: 15px;
		margin-top: 5px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}
		
			#greyContentsHome #singleProjectRight #bodyText .leftCol {
				float: left;
				width: 190px;
				}

			
			#greyContentsHome #singleProjectRight #bodyText .rightCol {
				float: right;
				width: 190px;
				padding-right: 40px;
				}
				                    
				#greyContentsHome #singleProjectRight #bodyText .rightCol p {
				    margin-bottom: 1.6em; 
				    }
				    
				#greyContentsHome #singleProjectRight #bodyText .rightCol strong {
				    color: #5b5c5e;
				    }

	#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;
	}