body  {
	color: #332B22;
	padding: 0;
	text-align: center;
	margin-top: 10px;
	background-image: url(images/bg.gif);
	background-repeat:repeat;
	margin-bottom: 25px;
	min-width: 200px;
	margin-right: 0;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#container  {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#header  {
	height: 85px;
	background-image: url(images/top_bar.gif);
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #C3CBD8;
	border-right-color: #C3CBD8;
	border-left-color: #C3CBD8;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-left-radius: 11px;
	border-radius-top-left: 11px;
	background-color: #FFFFFF;
	position: relative;
	
} 
#col2  {
	float: left;
	text-align: justify;
	padding-right: 20px;
	padding-left: 30px;
	width: 434px;
	padding-top: 30px;
	padding-bottom: 20px;
}
#col3  {
	text-align: justify;
	padding-left: 20px;
	padding-right: 25px;
	border-right-color: #C3CBD8;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-left: 495px;
	
}

#navbar ul{
	padding-left:18px;
	float: left;
	font-weight: bold;
	width: 958px;
	background:  white;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C3CBD8;
	border-right-color: #C3CBD8;
	border-bottom-color: #C3CBD8;
	border-left-color: #C3CBD8;
	margin: 0;
}
#navbar ul li{
display: inline;
}
#navbar ul li a{
	float: left;
	color: #939FB2;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	text-decoration: none;
	background: white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navbar ul li a:hover{
color: #46547F;
background-color: #F3F3F3;
border-bottom: 4px solid #46547F;
padding-bottom: 0;
}
* html #navbar ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
} 
#home #navbar .home a,
#consultancy #navbar .consultancy a ,
#projects #navbar .projects a,
#contact #navbar .contact a,  ul li{
color: #939FB2;
border-bottom: 4px solid #46547F;
padding-bottom: 0;
cursor: default;
}
#navbar2 ul{
	padding-left:18px;
	float: left;
	font-weight: bold;
	width: 958px;
	background:  white;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C3CBD8;
	border-right-color: #C3CBD8;
	border-bottom-color: #C3CBD8;
	border-left-color: #C3CBD8;
	margin: 0;
}
#navbar2 ul li{
display: inline;
}
#navbar2 ul li a{
	float: left;
	color: #939FB2;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	text-decoration: none;
	background: white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navbar2 ul li a:hover{
color: #46547F;
background-color: #F3F3F3;
border-bottom: 4px solid #46547F;
padding-bottom: 0;
}
* html #navbar2 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
} 
#navbar2 #intro .intro a,
#navbar2 #plot .plot a,
#navbar2 #architectural .architectural a,
#navbar2 #structural .structural a, 
#navbar2 #pricing .pricing a,  ul li{
color: #939FB2;
border-bottom: 4px solid #46547F;
padding-bottom: 0;
cursor: default;}
#footer  {
	clear:both;
	background-color: #FFFFFF;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C3CBD8;
	border-right-color: #C3CBD8;
	border-bottom-color: #C3CBD8;
	border-left-color: #C3CBD8;
	height: 25px;
	padding-top: 30px;
	color: #939FB2;
	text-align: right;
	padding-right: 10px;
} 

h1{
	font-size: 2.1em;
	font-style: normal;
	text-align: left;
	line-height: 1.1em;
	margin-bottom: -23px;
	color: #40372B;
	text-transform: uppercase;
	letter-spacing: -1px;
	word-spacing: 5px;
	font-weight: bold;
	margin-top: 20px;
}

.h1kato{
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: left;
	font-size: 1em;
	color: #F7FBEE;
	background-color: #40372B;
	line-height: 0.7em;
	margin-bottom: 20px;
	font-style: normal;
	text-indent: 5px;
	padding-bottom: 1px;
}
h2{
	text-transform: uppercase;
	font-size: 1.4em;
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #40372B;
	line-height: 0.8em;
}
a {
	color: #4F6091;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4F6091;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #4F6091;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #4F6091;
	background-color: #E0EFBA;
}
p,ol,ul{
	font-size: 1.2em;
	line-height:150%;
	margin-top: -6px;
}

.photos{
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}


.photos:hover{
	background-color: #D9EBA9;
}
.span1{
	background-image: url(images/ikona4-trans.png);
	height: 57px;
	width: 187px;
	background-repeat: no-repeat;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: #332B22;
	position: absolute;
	padding-top: 8px;
	padding-left: 9px;
	top: -7px;
	left: 220px;
}
.span2 {
	background-image: url(images/ikona4-trans.png);
	height: 57px;
	width: 187px;
	background-repeat: no-repeat;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: #332B22;
	position: absolute;
	padding-top: 8px;
	padding-left: 9px;
	top: -12px;
	left: 90px;
}

.flag1{
	position:absolute;
	left: 823px;
	top:8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.flag2{
	position:absolute;
	left: 866px;
	top:7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.flag1 img ,.flag2 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.tablet {
	/* width: 420px; */
	padding: 0;
	margin: 0;}
caption {
	padding: 0 0 5px 0;
	width: 400px;	 
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #CAE8EA;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;}
.specalte{border-left: 1px solid #C1DAD7;}
.specalte2{border-left: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;}
.specalte3{border-top: 1px solid #C1DAD7;}
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
td.alt {
	background: #F5FAFA;
	color: #797268;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;}
	
[icon="exlink1"] {
padding-right: 23px;
padding-top: 0px;	
background: transparent url(images/exlink.png);
background-repeat:no-repeat;
background-position: right center;
}
[icon="mail1"] {
padding-right: 20px;
padding-top: 0px;	
background: transparent url(images/mail.png);
background-repeat:no-repeat;
background-position: right center;
}
[icon="nextco"] {
padding-right: 25px;
padding-top: 0px;
background: transparent url(images/nextco.png) no-repeat center right;
zoom:1;
}
.giaphoto{
	position: relative;
	padding-bottom: 15px;
	padding-top: 5px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
#ola{
	background-color: #F7FBEE;
	background-image: url(images/col12.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C3CBD8;
	border-left-color: #C3CBD8;
	zoom:1;
	position: relative;
}
.giaphoto a{
	border-bottom-style: none;
}
.flag1:hover{
	border-bottom-style: none;
}
.flag2:hover{}
.giaphoto2 {
	position: relative;
	padding-bottom: 10px;
	float: left;}
.lista{
	list-style-image: none;
	list-style-type: square;
	list-style-position: inside;
	text-align: justify;
	color: #332B22;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #C1DAD7;
	border-right-color: #C1DAD7;
	border-bottom-color: #C1DAD7;
	border-left-color: #C1DAD7;
	margin: 0px;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}.lista2 {
	list-style-image: none;
	list-style-type: square;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #C1DAD7;
	border-left-color: #CCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#pinax{
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	border: 1px solid #C1DAD7;
}
#goomaps{
	height: 350px;
	width: 400px;
	border: 2px solid #C3CBD8;
}
#translate{
	position: absolute;
	height: 49px;
	width: 153px;
	right: 0px;
	bottom: 1px;
	font-size: 1.1em;
	color: #40372B;
	text-align: left;
}
#peel{
	position: absolute;
	height: 57px;
	width: 93px;
}