body {
	font-family: sans-serif, Arial, Verdana, 'Trebuchet MS', Tahoma, 'Gill Sans MT', Sans-serif;
	/*
	font-size: 110%;
	line-height: 1.1em;
	color: #000000;
	*/
	background-color: #DDDDDD;
	font-size: 95%;
	line-height: 135%;
	color: #444444;
}

#global {
	width: 1000px;
	margin: auto;
	border: 1px solid grey;
	background-color: white;
}

#header {
	color: #FFFFFF;
	background: url('images/sky.png') #696f73;
	background-repeat: no-repeat;
	height: 118px;
	border-bottom: 1px solid grey;
}

#page-title {
	width: 1000px;
	height: 55px;
}

.hidden {
	visibility: hidden;
}

p {
	text-align: justify;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 3px;
}

h1, h2, h3 {
	font-family: Arial, Verdana, 'Trebuchet MS', Tahoma, 'Gill Sans MT', Sans-serif;
	color: #555555;
	background: inherit;
}

img {
	border: 0;
}

#page-title h1 {
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-top: 0.5em;
	color: #FFFFFF;
	background: inherit;
}

#logo-menu-wrap {
	height: 63px;
}

#logo {
	float: left;
	/*clear: left;*/
	text-align:left;
	border-top: 1px solid black; 
	border-right: 1px solid black;
}

#menu {
	margin-bottom: 0px;
	font-size: 0.9em;
	padding-top: 40px;
	padding-left: 300px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
}

#menu a {
	color: #FFFFFF;
	background-color: inherit;
}


#menu a:hover {
	color: #3A65A2;
	background-color: #FEFEFE;
}

#languages {
	float: right;
	margin-top: 40px;
	margin-right: 8px;
}

#body-content {
	/*font-size: 0.85em;*/
	margin-left: 2em;
	margin-right: 2em;
	padding-top: 2em;
	margin-bottom: 1em;
}



#left-content {
	width: 58%;
	float: left;
	min-height: 250px;
	padding-top: 2em;
	margin-right: 2em;
	margin-left: 2em;
	margin-bottom: 1em;
}

#body-content {
}

#right-content {
	width: 30%;
	padding-top: 5px;
	padding: 7px;
	margin-top: 25px;
	overflow: auto;
	/*border: 1px solid black;*/
	/*background-color: #dfdfdf;*/
	margin-left: 65%;
}

#right-content p {
	margin-left: 0px;
	vertical-align: center;
}

#left-content a, #body-content a, #right-content a {
	color: #3A65A2;
	background-color: inherit;
}

#left-content a:hover {
	color: #FEFEFE;
	background-color: #3A65A2;
}

#right-content a:hover
{
}

p a:hover {
	color: #FEFEFE;
	background-color: #3A65A2;
}

#left-content>p, #body-content>p, #right-content>p, 
#left-content>h2, #body-content>h2, #right-content>h2,
#left-content>h3, #body-content>h3, #right-content>h3 {
	margin-top: 0;
}

#left-content ul li, #body-content ul li {
	padding-bottom: 0.5em;
}

#right-content ul {
	list-style-position: inside;
}

table.projects {
	border: 0;
}

table.project-list, table.demo-list {
	border: 0;
	margin-top: 1em;
}

table.project-list a, table.demo-list a, table.projects a {
	font-weight: bold;
}

table.project-list th, table.projects th {
	padding-right: 20px;
	vertical-align: top;
}

table.project-list td, table.projects td {
	vertical-align: top;
}

table.project-list p, table.demo-list p, table.projects p {
	margin-top: 0em;
	margin-bottom: 0em;
}

table.project-list + h2, table.demo-list + h2 {
	padding-top: 2.5em;
}

table.projects td h3 {
	margin-top: 0em;
	margin-bottom: 0em;
}

table.projects td h2 {
	padding-top: 0.3em;
	padding-bottom: 0.25em;
	border-bottom: 1px #555 dotted;
	color: #555;
	margin-bottom: 1px;
}

#footer {
	min-width: 1000px;
	max-width: 1150px;
	font-size: 0.6em;
	color: #555555;
	background: inherit;
	clear: both;
	border-top: 1px #555555 dotted;
	margin-top: 60px;
}

p.address {
	font-size: 0.95em;
	line-height: 1em;
}

p + h2 {
	padding-top: 0.5em;
}

p + h3, ul + h3, ol + h3 {
	padding-top: 1em;
}

#services_top_left {
	float: left;
	margin-left: 12%;
	width: 370px;
	height: 260px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

#services_top_left:hover {
	background-color: white;
}

#services_top_right {
	float: right;
	margin-right: 12%;
	width: 370px;
	height: 260px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

#services_top_right:hover {
	background-color: white;
}

#services_bottom_left {
	clear: both;
	float: left;
	margin-left: 12%;
	width: 370px;
	height: 260px;
	margin-top: 60px;
	margin-bottom: 25px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

#services_bottom_left:hover {
	background-color: white;
}

#services_bottom_right {
	float: right;
	margin-right: 12%;
	width: 370px;
	height: 260px;
	margin-top: 60px;
	margin-bottom: 25px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

#services_bottom_right:hover {
	background-color: white;
}

#services_top_left h3
{
	text-align: center;
	background-color: #CCCCCC;
	margin: 0px;
	margin-bottom: 0px;
	padding: 10px;
	border-bottom: 2px solid white;
}

#services_top_right h3
{
	text-align: center;
	background-color: #CCCCCC;
	margin: 0px;
	margin-bottom: 0px;
	padding: 10px;
	border-bottom: 2px solid white;
}

#services_bottom_left h3
{
	text-align: center;
	background-color: #CCCCCC;
	margin: 0px;
	margin-bottom: 0px;
	padding: 10px;
	border-bottom: 2px solid white;
}

#services_bottom_right h3
{
	text-align: center;
	background-color: #CCCCCC;
	margin: 0px;
	margin-bottom: 0px;
	padding: 10px;
	border-bottom: 2px solid white;
}

#services_bottom_right .service_content
{
	margin-top: 0px;
	padding: 8px;
}

.service_content p
{
	margin-top: 0px;
	padding: 8px;
}

dt {
	font-weight: bold;
	color: black;
}

#left-contact {
	width: 65%;
	float: left;
}

#left-contact form {
	width: 95%;
	margin: auto;
	margin-left: 1em;
}

#right-contact {
	margin-top: 45px;
	float: right;
	width: 35%;
}


fieldset {
	margin-left: 0px;
	padding-left: 02px;
}

/*******************************************************
					JQUERY FOR MODAL BOX
*******************************************************/


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-widget-content a { color: #444444; }
.ui-widget-header { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; color: #444444; font-weight: bold; }
.ui-widget-header a { color: #444444; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0073ea; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; }
.ui-widget :active { outline: none; }



/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ff0084_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_ff0084_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_0073ea_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_0073ea_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ff0084_256x240.png); }

/* positioning */
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/*

 

/*
 * jQuery UI Dialog @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }