body {
	font-family:Calibri, Trebuchet MS;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding:0;
	background: url(css/pagebg.gif) top left repeat-x #F0F5FF;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #BCD902;
	text-decoration: underline;
}
.clear {
	border: 0px #FFF solid;
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	color:#3C5463;
	margin: 10px 0px 5px 0px;
}
h1 {
	font-size: 20px;
	color:#1E57A5;	
	font-family:Georgia;
}
h2 {
	font-size: 20px;
	color:#1E57A5;
	font-style:italic;
	font-family:Georgia;
	
}
h3 {
	font-size: 20px;
	color:#264B9D;
}
h3.profile {
	font-size: 22px;	
	color:#3C5463;
}

h6 {
font-size: 14px;
	color:#3C5463;
}
h4, h5{
	font-size: 14px;
	color:#606060;
}
img {
	border: none;
}
form {
	margin: 0;
}

table {
	border: 0px;
	border-collapse: collapse;
}
table td {
	padding: 0px;
	vertical-align: top;
	text-align: left;
}
.line {
	display: block;
	height: 21px;
	background: url(images/line.gif) repeat-x right center;
	margin:10px 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Layout Blocks~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container-bg {	
	background: url(css/container-bg.jpg) center top no-repeat;
	padding:40px 0px;
}
#container {	
width: 800px;
margin: 0px auto;
background:#FFF;	
}
#logo{
background: url(css/logo.gif) top left no-repeat;
width:786px;
margin:7px auto;
}
#header {
	background: url(css/header.jpg) top left no-repeat;
	width:786px;
	margin:0px auto;
	height:24px;
	padding-top:250px;
}
#nav {
color:#FFF;
}
#nav a{
font-size:14px;
color:#FFF;
text-decoration:none;
padding:0px 10px;
}
#nav a:hover{
color:#BCD902;
text-decoration:none;
}

#content {
	width:775px;
	margin:10px auto;
	text-align:justify;
	font-size:14px;
line-height:20px;
color:#494948;
padding-top:5px;
}
#page_text {
font-size:14px;
line-height:25px;
color:#494948;
}
#page_text p {margin-bottom:15px;}


#footer-cont {
background: url(images/footer.gif) top left repeat-x;
}
#footer {
width:786px;
margin:0px auto;
color:#000;
font-size:10px;
padding-bottom:5px;
}
#footer a {
color:#000;
font-size:12px;
}

#phones {
float:right;
text-align:right;
width:200px;
font-size:12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HOME~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
#right {
width:256px;
float:right;
margin-left:10px;
}
#left {
width:256px;
margin-right:10px;
}
.right-top {
background: url(css/right/top.gif) bottom center no-repeat;
height:6px;
}
.right-bg {
background: url(css/right/content.gif) top center repeat-y;
padding:5px 0px;
}
.right-bottom {
background: url(css/right/bottom.gif) top center no-repeat;
height:6px;
}
.right-text {
width:220px;
margin:0px auto;
}
.right-text2 {
margin:0px auto;
}
.right-text3 {
width:220px;
margin:0px auto;
font-size:14px;
line-height:20px;
color:#494948;
text-align:left;
}

.right-text3 ul {
margin:0px;
padding:0px;
list-style:none;
}

.right-text3 ul li {
margin:0px;
padding:0px;
list-style:none;
}

.right-text3 ul li a {color:#393939;
text-decoration:none;
padding:2px 3px;
font-size:15px;
border-bottom:1px dotted silver;
}


.right-text ul {
padding:5px 10px;
margin:5px 10px;
font-size:13px;
color:#494948;
text-align:left;
}
.right-text ul li a {
text-decoration:none;
}
.right-text ul li a:hover {
text-decoration:underline;
}

.right-text3 ul li a {
text-decoration:none;
color:#494948;
display:block;
padding:2px 0px;
text-align:left;
}
.right-text3 ul li a:hover {
text-decoration:underline;
color:#494948;
}

.right-text h3 {
font-size:15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~PROJECTS PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.project-front {
float:left;
width:256px; 
}
.project-name {
background: url(css/project-name.jpg) top left repeat-x;
width:226px;
margin:5px auto;
}
.project-name span {
display:block;
padding:3px 0px;
text-align:center;
color:#000;
font-size:18px;
}
.project-img {
text-align:center;
}
.project-text {
font-family:Arial;
font-size:12px;
color:#494948;
width:226px;
margin:5px auto;
text-align:justify;
line-height:17px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FORMS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.field_title {
	text-align: right;
	padding: 2px;
}
.field_input {
	text-align: left;
	padding: 2px;
}
.field_input input, .field_input textarea {
	width: 300px;
	background: none;
	border: 1px solid #7D7D7D;
	color: #FFF;
}
.field_submit {
	border: 1px solid #7D7D7D;
	color: #000;
	background: none;
	margin: 2px;
}
#field_input_captcha input {
	width: 50px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~TOOLTIP~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.navtext {
width:250px;
border:1px solid silver;
layer-background-color:#FFF;
background-color:#FFF;
color:black;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~PEOPLES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#people-img {
float:left;
margin:0px 10px 10px 0px;
}
.other-people-head {
font-size:19px;
color:#264B9D;
}
.other-people-head a {
cursor: hand;
cursor: pointer;
font-size:19px !important;
color:#264B9D !important;
border:none !important;
}
.other-people-head-active {
text-decoration:underline;
}

.other-people-block {
font-size: 16px;
color:#264B9D;
height: 250px;
overflow:-moz-scrollbars-vertical;
overflow-y:auto;
}

#other_people a {
width:150px;
display:block;
margin-right:10px;
color:#1E57A5;
text-decoration:none;
padding:2px 3px;
font-size:17px;
}
#other_people a:hover {
text-decoration:underline;
color:#1E57A5;
}
#other_people a.active {
text-decoration:none;
color:#000;
}

#other_people span {
color:#8C8A8B;
font-size:12px;
text-decoration:none;
display:block;
margin-bottom:5px;
padding:0px 3px;
}
#other_people2 a {
display:block;
margin-right:10px;
color:#393939;
text-decoration:none;
padding:2px 3px;
font-size:15px;
border-bottom:1px dotted silver;
}
#other_people2 a:hover {
text-decoration:none;
color:#393939;
background:#f8f8f8;
}
#other_people2 a.active {
text-decoration:none;
color:#393939;
font-weight:bold;
background:#EDF2FF;
}
#other_people2 h3 {
font-size:19px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~PROJECTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.projects {
display:block;
padding:2px;
float:left;
}

.projects img {
width:50px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CONTACT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contact_adress {
font-size:17px;
color:#434343;
}

.contact_adress h1 {
font-style:italic;
}
.contact_adress h4 {
font-size:17px;
color:#434343;
}
.contact_emails {
font-size:15px;

}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~PROFILE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.service_more {
text-align:right;
}

#profile_preambule {
background:#EFEFEF;
padding:10px;
margin:20px 0px;
text-align:justify;
font-size:14px;

}
.service_full {
background:#EFEFEF;
border:1px solid #000;
padding:10px;
margin:10px 0px;
text-align:justify;
}
.service-head { /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding:10px;
margin:0px;
line-height:17px;
}
.service-head span {
color:#494948;
text-decoration:underline;
}
.service-head-active {
color:#264B9D;
}
.service-head-active span {
color:#264B9D;
text-decoration:underline;
} 

.company-profile-pdf {
display:block;
font-size:22px;
margin-top:20px;
padding:5px 0px 5px 35px;
background:url(css/company-profile-pdf.gif) no-repeat left center;
}

#tooltip

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.pro_desc p {
margin-bottom:3px;
}
p {
margin:0px;
}