/*
*@&Copy janis janovskis
* janis.janovskis@gmail.com
* Page number one....
*/
/*
* main elements
*/


#eisnergreen { display:none; }

body {
	font-family:Arial, sans-serif;
	font-size:11px;
	background:#000000 no-repeat top left;
	margin:0px;
	padding:0px;
}
a:link {text-decoration:none; color:#000000;}
a:active {text-decoration:none;	color:#000000;}
a:hover {text-decoration:none;color:#000000;}
a:visited {text-decoration:none;color:#000000;}

/*MODIF FR
*a.external:link
*{
*	background: url('/static/images/external.png') no-repeat 100% 0;
*	padding: 0 20px 0 0;
*} 
* END */


ul {
	list-style:none
}
#main-wrapper {
	background:rgb(230,228,228) no-repeat top left;
	width:990px;
	height:501px;
	margin:5% auto auto auto;
	border-top:1px solid #000000;
}
/*
*elements inside main wrapper
*/
#menu-bar {
	background-color:#ffffff;
	height:500px;
	width:196px;
	float:left;
	clear:right;
	overflow:visible;
	z-index:99;	
}
#logo {
	height:29px;
	width:334px;
	border:none;
	margin:90px 0px 0px 33px; /* changed from 90 0 0 34 */
	position:absolute;	
    z-index:150;
}
#logo img {
	border:none;
	height:29px;
	width:334px;	
    z-index:150;
}

#extra_keywords{
	border:none;
     position:absolute;
    margin:130px 0px 0px 34px;

}

#extra_keywords img{
	border:none;
}

#menus {
	margin-top:160px;
	color:#000000;
	font-weight:bold;	
}
#page-menu, #site-menu {margin:25px 5px 10px 15px;} /*MOD FR  margin:25px 5px 10px 5px; */
#page-menu {
	width:170px;
	height:140px;
	text-align:right;
}
#site-menu{
	margin-right:40px;
	width:170px;
	height:140px;
	padding:0px;
}
#page-menu li {padding:6px 1px 6px 1px;}
#page-menu li {
	border-bottom:2px solid #b5a899; /*#a8ae21;*/
}

#page-menu a{
	color: #b5a899; /*#a8ae21;*/
}

#page-menu a:hover{
	color: #111111; /*#a8ae21;*/
}
#page-menu a.active {
	color:#111111;
}
#site-menu li a {
	width:170px;
	height:14px;
	float:left;
	padding:6px 0px 6px 0px;
	text-align:right;
}

#site-menu a{
	color: #b5a899; /*#a8ae21;*/
}

#site-menu li a:hover {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}
#site-menu li a.active {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}

body#about #site-menu li a#designapproach {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}

body#newsawards #site-menu li a#news {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}

body#newsawards #site-menu li a#awards {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}

body#contact #site-menu li a#contact {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}

body#projects #site-menu li a#projects {
	background:url('/static/images/bulet.jpg') no-repeat left center;
	color:#111111;
}


/*
*main inside wrapper
*/

/* Specific to gallery
.ad-gallery {
  width: 570px;
}
.ad-gallery .ad-image-wrapper {
  height: 370px;
 width: 570px;
}
*/

#inner-wraper {
	background:#E6E4E4 no-repeat top right; /* FR changed from DCDADA */
	height:456px;
	width:794px;
	margin-top:22px;
	float:right;
	}

#homeimagespan img {
    position:relative;
    top:-22px;
    /*height:501px;*/
    /*width:794px;*/
}

#inner {
	height:456px;
	width:442px;
	float:left;
	clear:right;	
}
#inner-wraper.projects {
	background: url(../images/superlayer.jpg) no-repeat top right;
	height:456px;
	width:794px;
	/*margin-top:22px;*/ /*MOD FR comment*/
	float:right;
	}

/* within project controls */
#proj_controls {
        position:relative;
        top: 7px;
        left:5px;
        /*
        position:absolute;
        bottom: 0;*/
}

#proj_controls .txt {
    /*position:relative;
    bottom: 6px;*/
    font-weight:bold;
    color:#999999;
}

#proj_controls img {
    border:none;
}

/* category level project controls */
.controls{
        position:absolute;
        margin-left:245px;
    /*bottom: 0;
    left:50%;*/
}

#inner.projects {
	height:456px;
	width:630px;
	float:left;
	clear:right;
	margin:0px auto 0px 70px; /*MOD FR 0px auto 0px 70px*/
	font-size:12px;
	font-weight:bold;
	padding-top:24px;
        /* overflow: hidden;  FR */

/*position:relative; FR*/

}
#inner.superprojects {
	height:456px;
	width:630px; /* 630 FR */
	float:left;
	clear:right;
	margin:0px auto 0px 50px;
	font-size:12px;
	font-weight:bold;
	padding-top:24px;	
}
#inner.titlep {
	height:456px;
	width:503px;
	float:left;
	clear:right;
}
#inner.superprojects p {
	text-align:center;
}
#inner-outer {
	float:left;
	clear:right;
	/*width:456px;*/
	width:710px;
}
#inner_outer_right {
	float:right;
	width:230px;
	margin:0px 0px 0px 6px;
}
.projects-left {
	width:284px;
	line-height:90%;
	float:left;
	clear:right;
	padding-right: 12px;
}
.projects-right {
	width:284px;
	line-height:90%;
	float:right;
}

.clearboth {
       clear:both;
}

.prev{
cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.next{
cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#inner-outer .projects-left, #inner-outer .projects-right, #inner_outer_right .projects-right {
	width:222px;
}
#inner.projects a:active.projects, #inner.projects a:hover, #inner.projects a:link, #inner.projects a:visited {
	text-decoration:none;
}
.projects-left a:hover, .projects-right a:hover {
	color:#111111; /*#a8ae21;*/
}
.projects-left img, .projects-right img {
	border:none;
}

.projects-left img {
	width:222px;
        height:167px;
}

#project-desc {
	height:91px;
	width:474px;
	padding-left:5px;
	float:left;	
	clear:right;		
}
/*
* right side thumbnail
*/	
#inner-right {
	width:197px;
	height:456px;
	margin:0px;		
	float:right;
	clear:right;
	white-space:normal;
	}
#inner-right.big {
	width:330px;
}
#inner-right.titlep {
	width:280px;
	height:456px;
	margin:0px 5px 0px 5px;	
	float:right;
	clear:right;
	white-space:normal;
}
#thumbnail-left {
	width:177px;	
	height:456px;
	margin:0px;
	float:left;
	clear:right;
	overflow:hidden;
}
#thumbnail-left.big {
	width:282px;	
}
#thumbnail {
	width:274px;
	height:446px;
	margin:0px 4px;
}
#thumbnail img {margin:0px 2px 2px 1px;}
#thumbnail input {margin:0px 2px 2px 1px;}
#eisner {
	height:91px;
	width:121px;
	float:left;
	clear:right;
	margin-bottom:10px;
}
#eisner_right {
	height:91px;
	width:161px;
	float:right;
	margin-bottom:10px;
}
#eisner_right .heading {
	color:#000;
	padding:30px 0px 10px 20px;
}
#scrolls {
	width:8px;
	height:51px;	
	float:right;
	white-space:normal;
	margin:22px 8px 0px 3px;
}
#scrolls.big {
	width:8px;
	height:51px;	
	float:right;
	white-space:normal;
	margin:22px 17px 0px 3px;
}
#scrolls.titlep {
	margin-top:22px;
}
#scrolls img {
	width:8px;
	height:14px;
	margin:4px 0px 2px 0px;
}
/*
* green color #a8ae21
*/
.heading {
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	}
#services {
	margin-top:30px;
	text-align:left; /*MODIF justify*/
}
#services-green {
	margin-top:30px;
	color:#111111; /*#a8ae21;*/
}
.links {
	margin:20px 0px 10px 0px;
	font-style:italic;
}
.links p {
	line-height:140%;
	text-align:left;
	margin-top:5px;
	font-style:normal; /*MODIF none*/ 
}
.links #services-green {
	color:#111111; /*#a8ae21;*/
	margin-top:5px;
	font-style:normal;
}
#links {
	/*text-align:justify; MODIF FR*/
	text-align:left;
}
#links p, #normal, #contacts {
	text-align:left; /*MODIF justify*/ 
	font-style:normal;
}
#normal {
	line-height:160%;
}
#contacts {
	height:91px;
	width:282px;
	margin-top:125px;
}
#contacts div {
	line-height:160%;
	padding:10px 40px 0px 40px;
}
.dark {color:#333333; font-style:normal;}
#thumbnail-left .dark {
	font-weight:bold;
	color:#000;
}
/*
* Bottom wrapper
*/
#foother {
	width:990px;	
	margin:0px auto 0px auto;
	color:#666666;
	font-size:9px;	
}
#foother a:active, #foother a:hover, #foother a:link, #foother a:visited  {color:#666666;} 
#foother-left {float:left;}
#foother-right {float:right;}

#eisnergreen {display:none; }


