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


/** Main contents 
------------------------------ **/

.mainContents h2
{
	background:url(mark_h2.gif) center left no-repeat;
	margin:0 0 10px 0;
    padding:1px 0 0 15px;
	font-size:18px;
	color:#333333;
}
.mainContents .article h3,
.mainContents div.gallery h3
{
	margin:1px 0 0 1px;
    padding:5px 5px 5px 15px;
    font-size:14px;
}

/** Pankuz **/
#pankuz
{
	margin:0 0 5px 0;
}
.pankuz p
{
	font-size:12px;
}

/** Articles **/
#mainArticles
{
	width:680px;
	margin:0 0 20px 0;
}
.mainArticles .article,
.mainArticles div.gallery
{
	width:680px;
	overflow:hidden;
	margin:0 0 30px 0;
}
.mainArticles .article .image
{
	display:block;
	text-align:center;
	padding:9px;
	max-width:660px;
}
.mainArticles .article_right .image
{
	float:right;
	max-width:300px;
}
.mainArticles .article_left .image
{
	float:left;
	max-width:300px;
}
.mainArticles .article .image img
{
	max-width:660px;
}
.mainArticles .article_right .image img
{
	max-width:300px;
}
.mainArticles .article_left .image img
{
	max-width:300px;
}

/** gallery **/
.mainArticles ul.galleryImages li.galleryImage
{
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
.mainArticles ul.galleryImages li.galleryImage .galleryImage_body
{
	overflow:hidden;
	width:140px;
	height:140px;
	padding:10px;
}

.mainArticles ul.galleryImages li.galleryImage .image
{
	margin-bottom:5px;
	text-align:center;
}
.mainArticles ul.galleryImages li.galleryImage .image img
{
	max-width:120px;
	max-height:120px;
}
.mainArticles ul.galleryImages li.galleryImage .title
{
	margin:0;
	padding:0;
	text-align:center;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	background:#efefef;
	height:20px;
}

/** Services **/
#mainServices
{
	width:680px;
	margin-bottom:20px;
}
.mainServices .service
{
    width:320px;
	margin:0;
}
.mainServices .service_body
{
    padding:0 0 10px 0;
}
.mainServices h2
{
	margin:1px 0 0 1px;
    font-size:14px;
    padding:1px 0 0 15px;
}
.mainServices .services li.odd
{
	padding:10px 0 10px 10px;
	float:left;
}
.mainServices .services li.even
{
	padding:10px 10px 10px 0;
	float:right;
}
.mainServices .service h3
{
	overflow:hidden;
	height:30px;
	margin-bottom:5px;
	line-height:30px;
	background:none;
	font-size:14px;
}
.mainServices .service h3 a
{
	text-decoration:none;
}
.mainServices .service .description
{
	overflow:hidden;
	height:40px;
	margin-bottom:5px;
}
.mainServices .service .more
{
	width:100px;
	height:20px;
	margin-left:auto;
	margin-right:0;
}
.mainServices .service .more a
{
	display:block;
	width:100px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
}

/** Topics **/
#mainTopics
{
	width:680px;
	margin-bottom:20px;
}
.mainTopics h2
{
	margin:1px 0 0 1px;
    font-size:14px;
    padding:1px 0 0 15px;
}
.mainTopics ul
{
	margin:10px 0 0 0;
}
.mainTopics ul li
{
    margin:0 10px 10px 10px;
    padding:0 0 0 10px;
    line-height:20px;
}
.mainTopics ul li h3
{
	float:left;
	width:110px;
	margin:0;
	padding:0;
	font-size:12px;
}
.mainTopics ul li p
{
	float:right;
	width:530px;
}

/** Table
------------------------------ **/

table.companyTable,
table.contactTable
{
	border-collapse:collapse;
}
table.companyTable th,
table.contactTable th,
table.companyTable td,
table.contactTable td
{
	padding:5px;
	text-align:left;
}
table.companyTable th,
table.contactTable th,
{
	background:none;
}

/** CompanyType
------------------------------ **/

#article_company .article_outer
{
	border:none;
}
table.companyTable
{
	margin-bottom:10px;
    border-collapse:none;
	width:680px;
}
table.companyTable tr
{
    border:none;
	width:680px;
}
table.companyTable th
{
    border:none;
	width:120px;
}
table.companyTable td
{
	background:none;
    border:none;
	width:550px;
}
table.companyTable #gmap {
    height: 300px;
    width: 100%;
}

/** Contact
------------------------------ **/

#article_contact .article_outer
{
	border:none;
}
table.contactTable
{
	width:670px;
}
table.contactTable th
{
	width:100px;
	padding-right:10px;
	text-align:right;
}
table.contactTable .textField
{
	width:470px;
}
table.contactTable input.button
{
	border:none;
	font-size:11px;
	width:100px;
	height:20px;
	margin:0;
	padding:0 10px;
}
table.contactTable input[type="text"],
table.contactTable input[type="password"],
table.contactTable textarea{
	padding:4px;
	border: solid 1px #777;
}
table.contactTable tr.must th {
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}
table.contactTable input.validator-invalid{
	border-style:solid;
}
table.contactTable input.validator-valid{
	border-style:solid;
}