@import url( 'eraser.css' );
@import url( 'common.css' );

.free {
	padding-top: 1.6em;
	text-align: left;
}

#project p{
	text-align: left;
}

#kandy-pot #slogan,
    #kandy-pot #kandy-team {
    line-height: 2.2em;
}

#kandy-pot #slogan {
    font-size: 3.6em;
    text-align: center;
}

#kandy-pot #kandy-team {
    padding: 0 10%;
    font-size: 1.55em;
}

#mp-two-columns {
    width: 80%;
    position: relative;
    left: 50%;
    margin-left: -40%;
}

#main-page-pr td {
    padding: 0 1em 2em 0;
}

#mp-one-column {
    width: 30%;
    position: relative;
    left: 50%;
    margin-left: -15%;
}

#mp-try-us {
    margin-top: 1em;
    font-size: 2em;
    line-height: 4em;
    text-align: center;
}

#footer {
    font-size: 1em;
}

#footer #legal-information {
    line-height: 3em;
    text-align: center;
}

#kandy-pot #portfolio,
#project {
    margin: 1em 4% 2em 4%;
    text-align: justify;
}

#project {
	width: 800px;
	position: relative;
	margin: auto;

}

#project .full-scaled-preview  {
	display: block;
	padding: 1.1em 0;
}

#portfolio .category {
    margin-top: 2em;
}

.previews {
    width: 92%;
    position: relative;
    display: inline-block;
    clear: both;
    text-align: center;
    
}

.previews:after {
    content: '';
    display: block;
    clear: both;
}

.previews .preview-item {
    position: relative;
    float: left;
    display: inline;

    overflow: hidden;

    width: 24%;
    min-width: 200px;
}

.previews .preview-item .r {
    text-align: center;
    height: 200px;
    width: 100%;
}

.previews .preview-item .description {
    text-align: center;
}

/*
.floats .left .r {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
} */

.previews .preview-item .min {

    margin: 0 0 200px 0;

    height: 4em;

    width: 200px;
}

.preview-item table {
    width: 100%;
}

.preview-item td {
    text-align: center;
    width: 50%;
}

.portfolio-category {
    width: 100%;
}

.portfolio-category .selected-work,
.portfolio-category .additional-infromation,
.portfolio-category .some-other-works {
    padding: .5em 1em 0 0;
}

.portfolio-category .selected-work {
    padding: 0  2em 0 0;
}

.portfolio-category .selected-work {
    width: 40%;
}

.portfolio-category .additional-infromation,
.portfolio-category .some-other-works {
    width: 30%;
}

.portfolio-category .preview {
    margin: 1.5em 0;
    text-align: center;
}

.portfolio-category .description h3 {
    font-size: 1.2em;
    margin-bottom: .25em;
}

.some-other-works ul li {
    padding: .5em 0;
}

table.portfolio-category td{
    empty-cells: show;
}

#portfolio .work-description {
	width: 40em;
	position: relative;
	left: 50%;
	margin-left: -20em;
	
}

#portfolio #project .image-layout {
	margin: 1.5em 0;
	text-align: center;
}


#portfolio .prev-next-layout{
	width: 100%;
}

#portfolio .prev-next-layout .prev,
#portfolio .prev-next-layout .next{
	width: *;
	vertical-align: middle;
}

#portfolio .prev-next-layout .prev div{
	float: right;
}

#portfolio .prev-next-layout .next div {
	float: left;
}

#portfolio .prev-next-layout #project{
	width: 35em;
}

#portfolio .prev-next-layout td{
	vertical-align: middle;
	text-align: center;
}	

#portfolio .prev-next-box {
	width: 2em;
	text-align: center;
	font-size: 1.5em;
}

#error {
	width: 24em;
	position: relative;
	left: 50%;
	margin: 3em 0 3em -12em;
	font-size: 1.5em;
}

#contact-information p{
	text-align: center;
	font-size: 1.5em;
}