﻿* { font-size: 100.01%;}
html{
	height:100%;
	font-size: 62.5%;
}
body{
	margin:0;
	height:100%;
	font:1.4em Verdana, Arial, Tahoma, sans-serif;
	min-width:770px;
}
img{border:none;}
#main,
#container{
	width:100%;
	min-height:100%;
	min-width:770px;
	background:#522f91 url(../images/bg-main.gif) repeat-x;
}
#container{background:#efefef url(../images/bg-container.gif) repeat-x;}
* html #container {height:100%;}
* html #main{height:100%;}
#main .top-holder,
#container .content-area{
	width:770px;
	margin:0 auto;
	position:relative;
	padding-top:82px;
	overflow:hidden;
}
#container .content-area-privacy{
	width:770px;
	margin:0 auto;
	position:relative;
	padding-top:82px;
	overflow:hidden;
}

#container .content-area{padding:91px 0 212px;}
#main .top-holder .image-holder{float:left;}
#main .top-holder .image-holder img{display:block;}
#main .top-holder .text-holder{
	width:249px;
	float:right;
}
#main .top-holder .text-holder span{
	margin:39px 0 0;
	text-indent:-9999px;
	background:url(../images/our-team.gif) no-repeat;
	width:214px;
	display:block;
	height:73px;
}
#main .top-holder .text-holder strong{
	margin:23px 0 0;
	text-indent:-9999px;
	background:url(../images/anythnig-you-need.gif) no-repeat;
	height:74px;
	display:block;
	width:243px;
}
#container .holder,
#main .holder{
	width:100%;
	overflow:hidden;
}
.header-holder {
	width:100%;
	clear:both;
	position:absolute;
	top:0;
	left:0;
}
#header{
	height:74px;
	overflow:hidden;
	width:770px;
	margin:0 auto;
}
#header strong{
	background:url(../images/logo.gif) no-repeat;
	float:left;
	margin:10px 0 0;
	text-indent:-9999px;
	width:250px;
	height:64px;
}
#header strong a{
	height:100%;
	display:block;
	overflow:hidden;
}
#header span{
	float:right;
	background:url(../images/top-heading.gif) no-repeat;
	text-indent:-9999px;
	height:20px;
	width:261px;
	margin:12px 0 0;
}
#top-nav{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	background-color:#000;
	font-size:14px;
}
#top-nav li{
	padding-left:2px;
	float:left;
}
#top-nav li:first-child{padding-left:0;}
#top-nav li a{
	text-decoration:none;
	color:#522f91;
	background:url(../images/bg-top-nav.gif) repeat-x -10px 0;
	padding:16px 14px 10px;
	line-height:14px;
	height:17px;
	float:left;
	font-weight:bold;
}
#top-nav li a:hover,
#top-nav li.active a{background-position:-10px -43px;}
#top-nav li a.first{
	background-position:0 0;
	padding-left:20px;
}
#top-nav li a.first:hover,
#top-nav li.active a.first{background-position:0 -43px;}
#top-nav li a.last{
	background-position:100% 0;
	padding-right:20px;
}
#top-nav li a.last:hover,
#top-nav li.active a.last{background-position:100% -43px;}
#main .mid-area{
	background:url(../images/bg-mid.gif) no-repeat;
	width:100%;
	overflow:hidden;
	margin:5px 0 0;
	padding:0 0 18px;
}
#main .mid-area .items{
	width:450px;
	float:left;
	padding:0 0 0 10px;
}
#main .mid-area .items h1{
	margin:9px 0 4px;
	font-size:30px;
	line-height:30px;
	text-indent:-9999px;
	background:url(../images/items.gif) no-repeat;
}
#main .mid-area .items ul{
	margin:0;
	padding:0;
	list-style:none;
}
#main .mid-area .items ul li{
	float:left;
	margin:0 8px 8px 0;
}
#main .mid-area .items ul li a{
	color:#fff;
	border:1px solid #8d8aa4;
	text-decoration:none;
	background-color:#522f91;
	font-size:0.857em;
	padding:4px 6px;
	display:block;
	white-space:nowrap;
}
#main .mid-area .items ul li a:hover,
#main .mid-area .items ul li.active a{
	background-color:#000;
	border-color:#cbc6d9;
}
#main .mid-area .work{
	width:220px;
	float:right;
	padding:19px 21px 0 0;
}
#main .mid-area .work strong{
	font-size:24px;
	display:block;
	line-height:24px;
	text-indent:-9999px;
	background:url(../images/work.gif) no-repeat;
}
#main .mid-area .work ul{
	margin:0;
	width:100%;
	overflow:hidden;
	padding:3px 0 0;
	list-style:none;
}
#main .mid-area .work ul li{
	margin:0 0 2px;
	width:100%;
	float:left;
}
#main .mid-area .work ul li a{
	display:block;
	color:#fff;
	font-size:1.286em;
	text-decoration:none;
	padding:0 0 1px 10px;
	background:#3b2168 url(../images/bg-work-list.gif) repeat-x;
	height:1%;
}
#main .mid-area .work ul li a:hover,
#main .mid-area .work ul li.active a{
	background-image:none;
	background-color:#000;
}
#cont-block{background:#fff url(../images/bg-cont.gif) repeat-x;}
#cont-block .inner-cont{
	width:752px;
	margin:0 auto;
	background:url(../images/bg-inner-cont.gif) no-repeat;
	height:283px;
	overflow:hidden;
	padding:9px 9px 0;
}
#cont-block .flash-holder{float:right;}
#cont-block .flash-holder img{display:block;}
#cont-block .contact{
	float:left;
	width:230px;
	padding:12px 0 0 15px;
}
#cont-block .contact strong{
	text-indent:-9999px;
	height:48px;
	display:block;
	background:url(../images/cant-find.gif) no-repeat;
}
#cont-block .contact img{
	display:block;
	margin:0 auto;
}
#cont-block .contact em{
	display:block;
	text-align:center;
	color:#522f91;
	font-style:normal;
	font-size:1.286em;
	margin:7px 0;
}
#cont-block .contact span{
	display:block;
	text-align:center;
}
#cont-block .contact span a{color:#522f91;}
#cont-block .contact span a:hover{text-decoration:none;}
#main .content-wrapper{background-color:#fff;}
#content{
	width:770px;
	margin:0 auto;
	padding:0 0 212px;
	overflow:hidden;
}
#content .content-holder{
	width:900px;
	overflow:hidden;
	padding:0 0 14px;
}
#content .column{
	width:360px;
	float:left;
	padding:0 2px 0 20px;
}
#content .column h2{
	font-size:1.714em;
	color:#add06e;
	margin:5px 0 0;
}
#content .column p{
	color:#522f91;
	margin:15px 0;
	line-height:1.214em;
}
#content .column p a{color:#522f91;}
#content .column p a:hover{text-decoration:none;}
#container .content-area .heading{
	display:block;
	font:2.214em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#add06e;
}
#sidebar{
	float:left;
	width:180px;
	background:#100f2f url(../images/bg-sidebar-btm.gif) no-repeat 0 100%;
	padding:0 0 3px;
	margin:15px 0 0;
}
#sidebar strong{
	display:block;
	background:url(../images/bg-nav-head.png) no-repeat;
	width:100%;
	position:relative;
	z-index:10;
	text-align:center;
	font-weight:normal;
	color:#522f91;
	padding:5px 0 13px;
	margin:-3px 0 0;
	font-size:14px;
}
#sidebar ul{
	margin:-5px 0 0;
	padding:0 0 4px;
	list-style:none;
	background-color:#100f2f;
	width:100%;
	overflow:hidden;
	position:relative;
}
#sidebar ul li{
	width:100%;
	float:left;
	padding:0 0 4px;
}
#sidebar ul li a{
	display:block;
	background-color:#522f91;
	color:#fff;
	text-decoration:none;
	border:1px solid #04295d;
	font-size:12px;
	padding:4px 0 4px 7px;
}
#sidebar ul li a:hover{background-color:#100f2f;}
#sidebar ul li.active a{
	background-color:#add06e;
	color:#100f2f;
}
#content-box{
	width:560px;
	float:right;
	padding:11px 9px 20px 0;
}
#content-box-privacy{
	float:right;
	padding:11px 9px 20px 0;
}

#content-box .text-wrapper{padding:12px 0 0 10px;}
#content-box h1{
	color:#522f91;
	font:bold 2.57em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#content-box .text-wrapper p{
	color:#100f2f;
	margin:4px 0 10px;
	line-height:1.214em;
}
#content-box .gallery{
	margin:17px 0 0;
	width:100%;
	overflow:hidden;
}
#content-box .gallery span{
	display:block;
	background:url(../images/bg-click.gif) no-repeat;
	text-align:center;
	color:#522f91;
	padding:5px 0 4px;
}
#content-box .gallery ul{
	margin:10px 0 0;
	padding:0;
	list-style:none;
	width:570px;
	overflow:hidden;
}
#content-box .gallery ul li{
	float:left;
	padding:0 10px 10px 0;
}
#content-box .gallery ul img{
	display:block;
	border:3px solid #b1d276;
}
#footer{
	width:100%;
	background-color:#14143e;
	height:196px;
	margin:-196px 0 0;
}
#footer .foo-area{
	width:770px;
	margin:0 auto;
}
#footer .foo-area:after {
	content:"";
	display:block;
	clear:both;
}
* html #footer .foo-area {overflow:hidden;}
#footer .foo-area .box-holder{
	width:800px;
	margin: -16px 0 0 0;
	position:relative;
	float:left;
}
#footer .foo-area .box-holder .inner-box{
	background:url(../images/foo-box-right.gif) no-repeat 100% 0;
	min-height:108px;
	font-size:0.857em;
	line-height:14px;
	padding:8px 0 0 11px;
	color:#fff;
}
* html #footer .foo-area .box-holder .inner-box{height:108px;}
#footer .foo-area .box-holder .inner-box span{display:block;}
#footer .foo-area .box-holder .inner-box a{
	color:#fff;
	text-decoration:none;
}
#footer .foo-area .box-holder .inner-box a:hover{text-decoration:underline;}
#footer .foo-area .box-holder .address,
#footer .foo-area .box-holder .contacts,
#footer .foo-area .box-holder .manager{
	background:url(../images/foo-box-left.gif) no-repeat;
	float:left;
	width:260px;
	margin:0 10px 0 0;
}
#footer .foo-area .box-holder .contacts{width:240px;}
#footer .foo-area .box-holder .manager{width:250px;}
#footer .foo-area .box-holder address{font-style:normal;}
#footer .foo-area .foo-nav{
	margin:0;
	padding:15px 0 10px;
	list-style:none;
	background:url(../images/bg-foo-nav.gif) no-repeat 0 7px;
	text-align:center;
	width:100%;
	clear:both;
	position:relative;
}
#footer .foo-area .foo-nav li{
	display:inline;
	background:url(../images/foo-sep.gif) no-repeat 0 60%;
	padding:0 4px 0 9px;
}
#footer .foo-area .foo-nav li:first-child{background:none;}
#footer .foo-area .foo-nav li a{
	text-decoration:none;
	color:#fff;
}
#footer .foo-area .foo-nav li a:hover,
#footer .foo-area .foo-nav li.active a{color:#add06e;}

/* --- contact form ---*/

.contactForm ol{
		list-style: none;
		margin:0;
		padding:0;
	}

	.contactForm li{
		/*padding-top:4px;*/
		padding-bottom:10px;
	}
	
		.contactForm label{
		display: block;
		width:50%;
		text-align: left;
	}
	
 .contactForm input{
	width:50%;
}

#subm1 {
	width:25%;
}
	.contactForm textarea{
		width:80%;
		height:8em;
	}
	
	.contentA{
		clear:both;
		margin-bottom:20px;
	}
	
	.floatLeft{
		float:left;
		margin-right:20px;
	}
	
	hr{
		clear:left;
		margin-top:20px;
		margin-bottom:20px;
		visibility: hidden;
	}

