@import url("reset.css");

html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	background-color: #d6d2e1;
	font-family: Georgia, serif;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -34px;
}
#footer, #push {
	height: 34px; clear: both;
}

#footer {
	color: #d6d2e1;
	text-align: center;
	font-size: 1.4em;
	line-height: 34px;
	background: url('../img/bg_footer.png') repeat-x top center;
}

#wideheader{
	width: 100%;
	height: 374px;
	background: url('../img/bg_header.png') repeat-x top center;
	position: relative;
}

#header {
	width: 960px;	height: 370px;
	margin: 0 auto;
	background: url('../img/bg_header960.jpg') no-repeat top center;
	position: relative;
}

div#mainmenu {
	width: 960px;	height: 80px;
	position: absolute;	top: 220px; left: 0;
}

div#mainmenu div.lidiv {
	width: 240px;	height: 80px;
	float: left;
	position: relative;
}

div#mainmenu div.lidiv div.bg {
	width: 240px;	height: 80px;
	flot: left;
	background: url('../img/bg_buton.png') no-repeat top center; /* deocamdata il voi pune cu javacsript din jquery */
	z-index: -1;
}

div#mainmenu div.lidiv:hover {
	/* il pun cel de sus cu NOSCRIPT */
}

div.bimg {
	width: 55px;	height: 60px;
	position: absolute;	top: 10px;	left: 10px;
}

#b1 div.bimg {	background: url('../img/menu_icos.png') no-repeat 0 0;	}
#b2 div.bimg {	background: url('../img/menu_icos.png') no-repeat -55px 0;	}
#b3 div.bimg {	background: url('../img/menu_icos.png') no-repeat -110px 0;	}
#b4 div.bimg {	background: url('../img/menu_icos.png') no-repeat -165px 0;	}

div#mainmenu div.lidiv h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;	color: black;	font-weight: normal;
	position: absolute;	top: 20px; left: 70px;
}

div#mainmenu div.lidiv h1 a { text-decoration: none; color: black; }

/*
div#mainmenu div.lidiv h1 a {
	text-decoration: none; color: black;
}
*/

div#mainmenu div.lidiv a {
	display: block;	width: 240px; height: 80px;
	position: absolute; top: 0px; left: 0px;	z-index: 100;
}

div#mainmenu div.lidiv p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em; color: #31314e;
	position: absolute; top: 44px; left: 70px;
}

div#mainmenu div.lidiv p a { text-decoration: none; color: #31314e; }

h2#motto {
	color: #5a586e;	font-weight: normal;
	font-size: 3.4em;
	text-align: center;
	padding-top: 87px;
	text-indent: -9999px;
}

div#widecontent {
	position: relative; top: -4px; /* nu face figuri footerul de la asta ????? */
}

div#content960 {
	width: 960px;
	margin: 0 auto;
}

div#miniheader {
	width: 960px;	height: 50px;
	margin: 0 auto;	clear: both;	position: relative;
}

#miniheader h1 {
	color: #b2a9cd; text-transform: uppercase;
	font-size: 2.4em; font-weight: normal; padding-left: 20px; padding-top: 10px;
}

ul#hometopmenu {
	height: 50px;
}

ul#hometopmenu li {
	display: block; float: left;
	width: 120px; height: 50px;
}

ul#hometopmenu a {
	display: block;	width: 120px; height: 34px; padding-top: 16px;
	text-align: center; text-decoration: none; color: #4f4a5b;
	font-family: 'Times New Roman', Times, serif; font-size: 1.4em;
	background-image: url("../img/1pxtrsp.png");
}

ul#hometopmenu a:hover {
	background: url("../img/home_top_hover.png") no-repeat top center;
	color: black;
}

div#content {
	width: 720px;
	float: left;
}

div#sidebar {
	width: 240px;	max-height: 530px;
	float: left;
	background: url("../img/bg_sidebar.jpg") no-repeat top center;
}

#sidebar h2 {
	color: #e4edf6; font-weight: normal;	font-size: 2.4em;	text-decoration: underline;
	text-align: center; 
}

img#twitter {
	position: absolute; top: -25px; right: 0;
}

a#twitt {
	display: block;	height: 42px;	width: 80px;
	position: absolute; top: 0; right: 75px;
	color: #b0a9c3;
	text-decoration: none;	font-size: 1.6em;
	text-align: center;	padding-top: 8px;
}

a#twitt:hover { color: #948BAF; }

ul#sidemenu, ul#sidemenu li {
	width: 240px;
}

ul#sidemenu li {
	height: 80px;
}

ul#sidemenu a {
	display: block;	width: 230px;	height: 66px;
	padding: 7px 0 7px 10px;
	text-decoration: none;	color: #d6e0f0;
	font-size: 1.6em;
	background-image: url("../img/1pxtrsp.png");
}

ul#sidemenu a:hover {
	background: url("../img/bg_sidebar_but.png") no-repeat top center;
	color: white;
}

ul#sidemenu img {
	vertical-align: middle; margin-right: 5px;
}

#sidebar a#seemore {
	color: #5983ba; display: block;	height: 1em; width: 100%;	text-align: center;
	padding: 5px 0 10px 0;	text-decoration: none;
	font-size: 1.8em;
}

#sidebar a#seemore:hover { color: white; }

#sidebar p {
	font-size: 1.2em; color: #c4dcee;
	margin-left: 10px; margin-top: 1em; margin-bottom: 1em;
	margin-right: 20px; line-height: 1.2em;
}

#sidebar p.c_dfedf7 { color: #dfedf7; }

#content p {
	color: #747474; font-size: 1.6em; line-height: 1.2em; padding: 0px 20px 20px 20px;
}

#content p.blue {
	color: #1789ab;
}

/* services */

ul#services_list {
	width: 680px; padding: 0 20px;
}

ul#services_list li {
	display: block; width: 672px; padding: 4px;
	height: 66px; background: #c3bdd5;	margin: 10px 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

ul#services_list li > div {
	width: 100%;	height: 100%;
	background: #ccc4dc;
}

ul#services_list li > div:hover { background: #f0ebfd; }

ul#services_list img { margin-left: 10px; vertical-align: middle; float: left; }

ul#services_list h2 {
	display: block; float: left;	text-align: center;
	color: #1789ab; font-size: 1.8em; text-transform: uppercase; font-weight: normal;
	width: 300px; height: 38px; border-right: 2px solid #d6d2e1; border-left: 2px solid #d6d2e1;
	margin-top: 5px; margin-left: 10px; padding-top: 18px;
	letter-spacing: 1px;
}

ul#services_list h2 a {
	text-decoration: none; color: #1789ab;
	display: block; width: 100%; height: 100%;
}

ul#services_list p {
	float: right;
	width: 262px; max-height: 46px; padding: 10px;
	color: #555557; font-size: 1.2em;
}

a#moreinfo img {
	float: left;
}

a#moreinfo {
	text-decoration: none; color: #83A8D4; font-size: 1.6em;
	display: block; width: 158px; margin-left: 30px;
	height: 48px; margin-bottom: 10px;
}

a#moreinfo img + span { float: left; font-size: 1em; padding-top: 5px; color: #96B5DB; }

a#moreinfo span {
	float: right;
}

/* about us */

div#about_us {
	width: 682px; height: 260px; border: 3px solid #cbc7d8; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: url("../img/bg_about_us.jpg") no-repeat top center; margin-bottom: 20px;
}

div#about_us h2 {	font-weight: normal; color: #a5a5a5; font-size: 2em;	text-align: center;	}

div#about_us h3 {	font-weight: normal; color: #1789ab; font-size: 1.6em;	text-align: center;	}

div#about_us h2:first-child {	margin-top: 20px;	}

.floatleft	{ float: left;	}
.floatright	{ float: right;	}

div#about_us div.floatleft, div#about_us div.floatright { font-size: 0.7em; }
div#about_us div.floatleft h2, div#about_us div.floatright h2 { font-size: 2.4em; }
div#about_us div.floatleft { width: 250px; }
div#about_us div.floatright { width: 270px; }

/*div#about_us div.floatleft { padding-top: 30px; }*/

/* our projects */

/* services */
body#service #content div.floatleft {	width: 550px;	}
body#service #content div.floatright {	width: 165px;	}

body#service #content div.floatright img {	width: 100px; margin-left: 20px; }

body#service #content div.floatright ul {
	width: 100px; padding: 5px 10px 5px 25px; position: relative; top: 20px;
	border: 3px dashed #C5BBDB;
}

body#service #content div.floatright li {
	color: white; font-size: 1.4em;
	list-style-type: circle;
	padding: 0.4em 0;
}

/* contact */

form#contactform div#forminner {
	width: 600px;
	border-left: 22px solid #d0ccdc;
	border-right: 22px solid #d0ccdc;
	border-bottom: 22px solid #d0ccdc;
	position: relative;
}

form#contactform div#topleftcorner {
	width: 130px; height: 130px; background: #d0ccdc url("../img/ico_contact.jpg") no-repeat bottom left;
	float: left;
}

form#contactform label {
	color: #1789ab; font-size: 1.6em;
	display: block; float: left; width: 90px; text-align: right; margin-right: 10px;
	line-height: 1.4em;
}

div.clear { clear: both; }

form#contactform input {
	margin-bottom: 30px; width: 340px; border: 2px solid #d2cde0; height: 18px; padding: 2px; font-family: Georgia, serif;
}

form#contactform textarea {
	border: 2px solid #d2cde0; padding: 2px; margin-left: 40px; width: 530px; height: 150px; font-family: Georgia, serif; margin-bottom: 25px;
}

form#contactform label#messagelabel {
	margin-left: 50px; margin-top: -20px;
}

form#contactform button {
	height: 40px; width: 120px; cursor: pointer;
	background: #d5cee9; border: 3px solid #c6c1d3; position: absolute; bottom: -32px; right: 30px;
	font-family: Georgia, serif; color: #1789ab; font-size: 1.6em;
}

form#contactform button:hover {
	font-weight: bold;
}

body#contact div#sidebar h3 {
	color: #dceefb; font-weight: normal;
	font-size: 2.2em; text-align: center;
}

body#contact div#sidebar p {
	text-align: center; color: white;
	font-size: 1.2em;
}

body#contact div#sidebar p.mail {	unicode-bidi:bidi-override; direction: rtl; }

body#contact div#sidebar p.gmaps a {
	color: #7099ce; text-decoration: none; 
	font-size: 1.6em;
}

body#contact div#sidebar p.gmaps a:hover { color: #96B5DB; }

.serviceShortDescription{
    font-family: Verdana, Geneva, sans-serif;
    color: #555557; font-size: 1.2em;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px;
}