@charset "utf-8";
/**
* @file
* @brief properties for alternate page
*/

/* GLOBAL RESET
============================================================*/
h1, h2, h3, h4, h5, h6 { 
margin: 0px;
padding: 0px;
font-size: 1em;
font-weight: normal;
line-height: 1;
}

ul, ol, li, dl, dt, dd  {
margin: 0px;
padding: 0px;
list-style: none;
}

form, fieldset, input, textarea, select, option, label {
margin: 0px;
padding: 0px;
}

fieldset, a img {
border: 0;
}

table{
border-collapse: collapse;
border-spacing: 0;
}

table, th, td, th {
margin: 0px;
padding: 0px;
font-weight: normal;
}

pre, address, blockquote, caption, cite, code {
margin: 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
}


/* COMMON
============================================================*/
html { overflow: auto;}

body {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 84%;
color: #666666;
background: #EEEEEE url(../images/bg_body.jpg) repeat-x top left;
}

hr {
border-top: 1px solid #EAEAEA;
}

.nodisp{ display: none;}
.clear { clear: both;}
.bdr { border: 1px solid #CCCCCC;}

a, a:link, a:active, a:visited {
color: #666666;
text-decoration: underline;
background-color: #FFFFFF;
}
a:hover{
color: #666666;
text-decoration: none;
background-color: #FFFFFF;
}



/* CONTAINERS
============================================================*/
#container {
width: 750px;
margin: 0px auto;
text-align: left;
background: url(../images/bg_container.gif) repeat-y top left;
}

/* HEADER
============================================================*/
#header {
display: block;
width: 680px;
margin-left: 35px;
padding-top: 30px;
}
#header h1 {
margin: 0px 0px 30px 0px;
float: left;
}

#header .linkEnglish {
margin: 0px;
float: right;
}


/* CONTENT
============================================================*/
#content {
line-height: 1.5;
margin: 0px 35px;
clear: both;
}

.externalLink {
margin: 0px;
font-size: 90%;
}
.externalLink a {
padding: 1px 3px 1px 15px;
}
.externalLink a:hover {
}


.pagetop {
width: 680px;
height: 29px;
border-bottom: 1px solid #EAEAEA;
clear: both;
}
.pagetop a {
display: block;
width: 142px;
height: 23px;
float: right;
overflow: hidden;
}
.pagetop a:hover {
}

#content h2 {
display: block;
width: 680px;
height: 25px;
text-decoration: none;
}


/* PLUGIN MESSAGE
============================================================*/
#pluginMessageArea {
width: 638px;
padding: 10px 20px;
border: 2px solid #CCCCCC;
text-align: center;
margin-bottom: 40px;
}


/* NEWS
============================================================*/
#newsArea {
margin-bottom: 40px;
}
#newsArea h2 {
margin-bottom: 10px;
}

#newsArea .newsBlock {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 10px;
padding-bottom: 10px;
}
#newsArea .newsBlock .leftBlock {
width: 120px;
float: left;
padding: 8px 0px;
}
#newsArea .newsBlock .rightBlock {
width: 535px;
margin-left: 120px;
padding: 8px 0px 8px 25px;
border-left: 1px solid #EAEAEA;
}
*+html #newsArea .newsBlock .rightBlock { margin-top: -2.15em;}
* html #newsArea .newsBlock .rightBlock { margin-top: -2.15em;}

#newsArea .newsBlock .title {
font-weight: bold;
margin-bottom: 10px;
}
#newsArea .newsBlock .body {
margin: 0px;
}
#newsArea .newsBlock .externalLink {
margin-top: 20px;
}

#newsArea .pagetop {
margin-top: -2px;
}



/* PORTFOLIO
============================================================*/
#portfolioArea {
margin-bottom: 40px;
clear: both;
}
#portfolioArea h2 {
margin-bottom: 18px;
}

#portfolioArea .portfolioBlock {
display: table;
width: 680px;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 18px;
padding-bottom: 18px;
}
#portfolioArea .portfolioBlock .leftBlock {
width: 269px;
float: left;
}

#portfolioArea .portfolioBlock .rightBlock {
width: 391px;
margin-left: 289px;
}
* html #portfolioArea .portfolioBlock .rightBlock { margin-top: -202px;}

#portfolioArea .portfolioBlock .image {
margin: 0px;
/*background-color: #000000;*/
border: 1px solid #EAEAEA;
}
/*
#portfolioArea .portfolioBlock .image img {
}
#portfolioArea .portfolioBlock .image a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
}
*/

#portfolioArea .portfolioBlock .title {
font-weight: bold;
margin-bottom: 5px;
}
#portfolioArea .portfolioBlock .client {
margin-bottom: 20px;
}
#portfolioArea .portfolioBlock .body {
margin: 0px 0px 5px 0px;
}
#portfolioArea .portfolioBlock .externalLink {
margin-bottom: 5px;
}
#portfolioArea .portfolioBlock .staff {
font-size: 90%;
margin: 0px 0px 20px 0px;
}
#portfolioArea .portfolioBlock .date {
text-align: right;
font-size: 90%;
margin: 0px;
}

#portfolioArea .pagetop {
margin-top: -12px;
}


/* profileArea
============================================================*/
#profileArea {
margin-bottom: 40px;
clear: both;
}
#profileArea h2 {
margin-bottom: 18px;
}

#profileArea .intro {
margin: 0px 0px 25px 0px;
}
#profileArea dl {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 10px;
padding-bottom: 10px;
}
#profileArea dl dt {
width: 200px;
float: left;
}
#profileArea dl dd {
width: 455px;
margin-left: 200px;
padding: 0px 0px 0px 25px;
border-left: 1px solid #EAEAEA;
}
*+html #profileArea .profileBlock dd { margin-top: -1.55em;}
* html #profileArea .profileBlock dd { margin-top: -1.55em;}

#profileArea .pagetop {
margin-top: -2px;
}


/* ACCESS MAP
============================================================*/
#accessMapArea {
clear: both;
}
#accessMapArea h2 {
margin-bottom: 18px;
}
#accessMapArea .text {
margin: 0px 0px 20px 0px;
}
#accessMapArea .text span  {
display: block;
margin-bottom: 10px;
}
#accessMapArea .map {
margin: 0px 0px 10px 0px;
}
#accessMapArea .map img {
border: 1px solid #EAEAEA;
}
#accessMapArea .btnPdf {
float: left;
margin: 0px;
}
#accessMapArea .qrCode {
width: 74px;
margin: 0px 0px 0px 497px;
}

#accessMapArea .pagetop {
height: 39px;
margin-top: 40px;
border-top: 1px solid #EAEAEA;
border-bottom: none;
}
#accessMapArea .pagetop a {
margin: 8px 0px 0px 0px;
}

/* CONTACT
============================================================*/

#contactArea {
clear: both;
}

#contactArea h2 {
margin-bottom: 18px;
}

/* content - colLeft
------------------------------------------------------------*/

#content .colLeft{
	float:left;
	width:370px;
	display:inline;
	}

#content .colLeft table th{
	vertical-align:top;
	text-align:left;
	}

#content .colLeft table th img{
margin:0 10px 0 0;
	}

#content .colLeft table td{
	padding:0 0 6px;
	}

#content .sectionLeft{
float:left;
}


#content .sectionRight{
float:left;
margin:0 0 0 5px;
}

.inputA{
	display:block;
	width:230px;
	height:13px;
	padding:5px;
	border: 1px solid #EAEAEA;
	}

.textareaA{
	display:block;
	width:230px;
	height:120px;
	margin:0 0 5px;
	padding:5px;
	border:1px solid #EAEAEA;
	font-size:100%;
	}

#content .colLeft td.formBtn{
	padding:30px 0 0;
	}

#content .colLeft td.formBtn img{
	margin:0 10px 0 0;
	}

#content .colLeft td.formBtn input{
	margin:0 10px 0 0;
	}

#content .formError{
	clear:both;
	display:block;
	font-size:80%;
	font-weight:normal;
	color:#FF0000;
	line-height:1.5;
	}

#content p{
	margin:0 0 30px;
	line-height:1.2;
	}

#content table p{
	margin:0 0 5px;
	line-height:1.2;
	}

/* content - colRight
------------------------------------------------------------*/

#content .colRight{
	float:left;
	width:205px;
	margin:0 0 0 35px;
	}

#content .colRight dt{
	margin:0 0 30px;
	}

#content .colRight dd{
	margin:0 0 10px;
	}

/* FOOTER
============================================================*/
#footer {
height: 100px;
margin: 0px 35px;
border-top: 1px solid #EAEAEA;
}
#footer address {
display: block;
margin-top: 10px;
float: right;
}
#footer img {
margin-top: 10px;
}