@charset "utf-8";
/**
 * StyleName : _base
 * -Main contents styles
 */

/** Main contents 
------------------------------ **/
.mainContents h2{
	clear:both;
	margin:10px 0;
	padding:15px 0;
	font-size:24px;
	font-weight:bold;
}
.mainContents .article h3,
.mainContents .gallery h3{
	margin-bottom:15px;
	font-size:14px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 10px;
}
/** Pankuz **/
#pankuz #pankuz_outer #pankuz_body{
	width:630px;
	margin-bottom:10px;
	line-height:18px;
	color:#fff;
}
.pankuz p{
	font-size:10px;
}
.pankuz p a{
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
.pankuz p a:hover{
	text-decoration:underline;
}
/** Articles **/
#mainArticles #mainArticles_outer #mainArticles_body,
#mainServices #mainServices_outer #mainServices_body,
#mainTopics #mainTopics_outer #mainTopics_body,
#listTopics #listTopics_outer #listTopics_body{
	width:630px;
	padding:8px 15px 13px;
	margin-bottom:10px;
}
.mainArticles .article{
	overflow:hidden;
	width:630px;
	margin-bottom: 20px;
}
.mainArticles .gallery{
	overflow:hidden;
	width:630px;
}
.mainArticles .article,
.mainArticles .gallery
{
	overflow:hidden;
	margin-bottom:30px;
}
.mainArticles .article .image
{
	overflow:hidden;
	max-width:660px;
	margin-bottom:10px;
	text-align:center;
}
.mainArticles .article_right .image
{
	float:right;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0;
	max-width:330px;
}
.mainArticles .article_left .image
{
	float:left;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0;
	max-width:330px;
}
.mainArticles .article .image img{
	max-width:628px;
}
.mainArticles .article_right .image img,
.mainArticles .article_left .image img{
	max-width:298px;
}
.mainArticles ul.galleryImages li.galleryImage{
	float:left;
	overflow:hidden;
	width:198px;
	height:198px;
	margin-right:10px;
	margin-bottom: 10px;
}
.mainArticles ul.galleryImages li.galleryImage .image{
	width:198px;
    height:198px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    layout-grid-line:198px;
}
.mainArticles ul.galleryImages li.galleryImage .image img{
	max-width:198px;
	max-height:198px;
	vertical-align:middle;
}
.mainArticles ul.galleryImages li.galleryImage .title{
	margin:0;
	padding:5px;
	text-align:center;
	line-height:15px;
	font-size:10px;
	font-weight:bold;
	background:#eee;
}
/** Services **/
.mainServices .services
{
	width:630px;
	margin-bottom: 20px;
}
.mainServices .services li{
	float:left;
	width:178px;
	height:178px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #eccb5c;
}
.mainServices .service h3{
	overflow:hidden;
	height:20px;
	margin-bottom:10px;
	line-height:22px;
	padding:5px 0;
	font-size:12px;
}
.mainServices .service h3 a{
	font-size:14px;
	text-decoration:none;
}
.mainServices .service h3 a:hover{
	text-decoration:underline;
}
.mainServices .service .description{
	overflow:hidden;
	height:70px;
	margin-bottom:10px;
}
.mainServices .service .more{
	width:178px;
	height:60px;
	line-height:50px;
	margin-left:auto;
	margin-right:0;
}
.mainServices .service .more a{
	display:block;
	width:178px;
	height:60px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
/** Topics **/
#listTopics .topics,
#listTopics #paging{
	margin-bottom:15px;
}
.mainTopics .topics li
{
	clear:both;
	padding:26px 10px;
	border-bottom:dotted 1px #bbb;
	font-size:12px;
}
.mainTopics .topics li .thumb
{
	width:auto;
	max-width:150px;
	height:auto;
	max-height:150px;
	float:left;
	overflow:hidden;
	margin-right:15px;
}
.mainTopics .topics li h3
{
	font-weight:normal;
	font-size:14px;
}
.mainTopics .topics li h3 a:hover,
.mainTopics .topics li .more a:hover
{
	text-decoration:none;
}
.mainTopics .topics li .description
{
	margin-top:12px;
}
.mainTopics .topics li .more
{
	margin-top:10px;
	text-align:right;
}
.mainTopics .topics li .more a
{
	padding-left:20px;
}
.mainTopics .topics li .date
{
	margin-bottom:12px;
	line-height:1;
	font-size:11px;
	color:#999;
}
.mainTopics .topics li.photo_gallery .category
{
	padding:3px 7px 2px;
	margin-right:8px;
	font-size:10px;
	color:#fff;
	border-radius:2px;
}

/** mainTopics **/
#mainTopics .listview
{
	margin:-1px 0 25px 0;
	font-size:12px;
	text-decoration:none;
	text-align:right;
}
#mainTopics .listview a
{
	display:block;
	padding:10px;
	text-decoration:none;
	letter-spacing:0.1em;
}
#mainTopics .listview a:hover
{
	text-decoration:underline;
}
#mainTopics .topics li
{
	padding:11px 10px 12px;
	position:relative;
}
#mainTopics .topics li .thumb
{
	max-width:80px;
	max-height:60px;
	margin-right:15px;
}
#mainTopics .topics li .thumb img
{
	max-width:80px;
	max-height:60px;
}
#mainTopics .topics h3,
#mainTopics .topics .description{
	padding-right:100px;
}
#mainTopics .topics h3
{
	font-size:13px;
}
#mainTopics .topics .description{
	font-size:11px;
	color:#aaa;
	margin-top:2px;
}
#mainTopics .topics li .date
{
	font-size:10px;
	margin:2px 0 5px;
}
#mainTopics .topics li.photo_gallery .category
{
	padding:2px 8px 1px;
	font-size:9px;
}
#mainTopics .topics li .more
{
	position:absolute;
	right:10px;
	bottom:16px;
	font-size:11px;
}

/** listTopics **/
#listTopics .topics li .thumb img
{
	max-width:150px;
	max-height:150px;
}
#listTopics #paging{
	margin-top:15px;
}
/*.mainTopics ul li{
	padding:5px 0 5px 5px;
	line-height:30px;
	font-weight:bold;
}
.mainTopics ul li a{
	text-decoration:none;
}
.mainTopics ul li a:hover{
	text-decoration:underline;
}
.mainTopics ul li h3{
	float:left;
	width:120px;
	padding-left:20px;
	color:#999;
	font-size:12px;
}
.mainTopics ul li p{
	float:right;
	width:475px;
	padding-left:10px;
}*/

/** Table
------------------------------ **/
table.contactTable,
table.companyTable{
	width:630px;
	border-collapse:collapse;
}
table.contactTable th,
table.companyTable th,
table.contactTable td,
table.companyTable td{
	padding:5px 10px;
	text-align:left;
	border-bottom:dotted 1px #ccc;
}
table.contactTable th, 
table.companyTable th{
	width:140px;
}
table.contactTable .textField, 
table.companyTable td{
	width:400px;
}
/** Company
------------------------------ **/
table.companyTable #gmap{
	width:100%;
	height:300px;
}
/** Contact
------------------------------ **/
table.contactTable input.button{
	float:right;
	width:178px;
	height:60px;
	padding:0 0 10px;
	border:none;
	font-weight:bold;
	font-size:14px;
}
table.contactTable tr th {
	text-align:right;
	background-color:transparent;
}
table.contactTable tr.must th {
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}
table.contactTable tr td {
	background-color:#fff;
}
table.contactTable input[type="text"],
table.contactTable input[type="password"],
table.contactTable textarea{
	padding:4px;
	border: solid 1px #777;
	font-size:14px;
}
table.contactTable .textField {
    width: 385px;
}
table.contactTable input.validator-invalid{
	border-style:solid;
}
table.contactTable input.validator-valid{
	border-style:solid;
}