/*  

*/

html, body {
	height: 100%;
		
}

body {
	color:#a09e9e;
	font-family:helvetica, Verdana, Arial;
	font-size:12px;
	position:relative;
	background: url(i/body-bg.jpg) repeat #9d9d9d;
	height:100%;
	width:100%;
	min-height:100%;
	
}

.leftcolumn {
	float:left;
}
.rightcolumn {
	float:right
}

.clear {
	clear:both;
	}

a {
	text-decoration:none;
	color:#ffd437;
	}
	
a:hover,
a:active {
	text-decoration:none;
	color:#c2c2c2;
	}

	
div.outer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*width:1000px;
	margin:0 auto;*/
	}
/*
body.index div.outer {
	background: url(i/vivian.png) no-repeat bottom right;
	}*/
	
div.inner {
	margin:0 auto;
	width:926px;
	position:relative;
	padding:0px;


	}





/* CONTENT */


.leftcolumn {
	float:left;
	width:287px;
	/*margin-left:20px;*/
	position:relative;
}

.rightcolumn {
	float:right;
	width:300px;
	/*margin-left:20px;*/
	position:relative;
}

.header {
	position:relative;
	display:block;
	height:128px;
	}

a.logo{
	
	cursor:pointer;
	display:block;
	height:34px;
	text-indent:-1000px;
	width:227px;
	background:url(i/logo.png) no-repeat;
	position:absolute;
	top:75px;
	left:5px;
}



.topmenu{
	position:absolute;
	top:8px;
	right:0px;
	z-index:6;
	zoom:1;
	}

.topmenu ul {
}

.topmenu ul li{
	height:15px;
	text-align:right;
	overflow:hidden;
	display:block;
}


.topmenu ul li a{
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:15px;
	width:74px;
	text-indent:10000px;
	background-image:url(i/top-menu.gif); 
}

.topmenu ul li.active a,
.topmenu ul li a:hover
{
	
	/*background-position:0px -23px;*/
}


.topmenu ul li.active.work a, .topmenu ul li.work a:hover{background-position:0px -100px;} 
.topmenu ul li.work a {background-position:0px 0px;}



.topmenu ul li.active.about a, .topmenu ul li.about a:hover {background-position:0px -115px;} 
.topmenu ul li.about a {background-position:0px -15px;}

.topmenu ul li.active.contact a, .topmenu ul li.contact a:hover {background-position:0px -130px;} 
.topmenu ul li.contact a {background-position:0px -30px;}

.topmenu ul li.active.services a, .topmenu ul li.services a:hover {background-position:0px -145px;} 
.topmenu ul li.services a {background-position:0px -45px;}




/************* TEXT COLUMN ************/


.maincolumn {
	/*float:left;*/
	position:relative;
	/*min-height:600px;
	height:auto !important;
	height:600px;
	/*background:url(i/maincolumn-bg.png) no-repeat bottom;*/
	width:926px;
		z-index:1;
}

body.index .maincolumn {
	background:url(i/content-bg.png) no-repeat bottom;
	width:918px;
	/*float:left;*/
	position:relative;
	min-height:470px;
	height:470px !important;
	
	/*background:url(i/maincolumn-bg.png) no-repeat bottom;*/
}

.main-container {
	width:100%;
min-height:710px;
	height:auto !important;
	height:577px;
	background:url(i/main-container.png) no-repeat bottom;
	/*background:#f44;*/
	height:auto !important;
	display:block;
	
}

.hello {
	position:absolute;
	top:26px;
	left:87px;
	}


a.learn-more {
	display:block;
	position:absolute;
	top:413px;
	left:86px;
	height:22px;
	width:139px;
	text-indent:-10000px;
	background-image:url(i/learn-more.gif); 
	overflow:hidden;
	background-position:0px 0px;
	z-index:100;
	zoom:1;
	}
	

a.learn-more:hover {
	background-position:0px -22px;
	}

	
	
p.currently {
	display:block;
	position:absolute;
	bottom:75px;
	left:30px;
	width:140px;
	color:#ec008c;
	}

p.prevnext {
	display:block;
	position:absolute;
	bottom:25px;
	right:25px;
	}

p.prevnext a {		
	color:#c2c2c2;
	text-decoration:none;
	cursor:pointer;
	
	}

p.prevnext a:hover, 
p.prevnext a :active{
	color:#ffd437;
	text-decoration:none;}

	
	
a.contact-button {
	display:block;
	position:absolute;
	bottom:40px;
	left:30px;
	height:18px;
	width:90px;
	text-indent:-10000px;
	background-image:url(i/contact-button.gif); 
	overflow:hidden;
	background-position:0px 0px;
	z-index:100;
	zoom:1;
	}

a.contact-button:hover {
	background-position:0px -18px;
	}


.maincolumn .leftcolumn {
	float:left;
	width:140px;
	padding:27px 0 0 37px;
	}

.maincolumn .rightcolumn{
	width:740px;
	float:right;
}

ul.leftmenu {	
	float:left;
	width:150px;
	padding:5px 0 0 11px;
	margin-top: auto;
	}
	
ul.leftmenu li{	}

ul.leftmenu li a{
		color:#a09e9e;
		text-decoration:none;
		font-size:1.2em;}
		
ul.leftmenu li a:hover,
ul.leftmenu li a:active,
ul.leftmenu li.active a{
	color:#ffd437;
	text-decoration:none;
	}
	
p.work-info {
	display:block;
	left:30px;
	position:absolute;
	width:140px;
	height:100px;
	top: 480px;
}	
	
	
/** Article **/	

h1.work-intro {
	color:#EC008C;
	font-size:1.8em;
	margin:100px 0px 0 80px;
	}

.article {
	padding:50px 100px 0 0px;}

.article  p {
	font-size:1.3em;
	padding-bottom:1.5em;
	line-height:1.2em;
	}	
	
.article h1 {font-size:1.3em;}
.article h2 {font-size:1.2em;}
.article h3 {font-size:1.1em;}
.article h4 {font-size:1em;}
.article h5 {font-size:0.8em;}

.article  h1, h2, h3, h4, h5{
	font-weight:bold;
	color:#EC008C;
	}

.article strong,
.article b {
	/*color:#660011;*/
	font-weight:bold;}	

.article blockquote {
	margin: 1em 0 1em 2em;
	padding: 7px 15px;
	border-left: 3px solid #c9dbed;
	font-size: 12px;
	line-height: 1.5em;
	background:#F3F5F9 none repeat scroll 0 0;
	color:#000000;
}

.article ul, .article ol {
	margin: 1em 0 1em 2em;
	
}
.article ul {
	list-style: disc;
}
.article ol {
	list-style: decimal;
}
.article li {
	margin: 0 0 0.5em;
}

.article table,
.article tr,
.article td
 {
	padding:0.5em 1.5em;
	border:#eee 2px solid;
	font-family:arial;
	font-size:1em;
}

.article table{
	width:100%;
	background:#fff;
}

.pink {color:#EC008C;}


/* TABS */
#tabs {margin-bottom:200px;}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.one-fragment {
	display:block;
	width:700px;
	padding:0 40px 0 0;
	/*padding-left:250px;*/
	float:right;}



	
/** FOOTER **/

.footer {
	background:transparent url(i/vivian.png) no-repeat scroll right bottom;
	bottom:0;
	clear:both;
	/*color:#BBBBBB;*/
	height:742px;
	/*margin-top:-742px;*/
	overflow:visible;
	position:absolute;
	right:0;
	width:533px;
	z-index:5;
	display:block;
		
	}

	
/* ������� ������� ����� � �������, �� �� ����� ������������ */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

img.alignleft {
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	}

/* End Images */