@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label {background:transparent;margin:0;padding:0;outline:0;font-family:Arial, Helvetica, sans-serif;text-align:left;border:0}

body {background:url(bg.png);font-size:13px}
ol, ul {list-style:none}
:focus {outline:0}
table {border-collapse:collapse;border-spacing:0}
	table td {vertical-align:top}
img {border:0;vertical-align:top}

a {text-decoration:none;color:#5181db}
	a:hover {text-decoration:underline}

/* clear fix */
.clear:after, .clear-li li:after {content:".";display:block;font-size:1px;height:0;clear:both;visibility:hidden}
	.clear, .clear-li li {display:inline-block}
	.clear, .clear-li li {display:block}
.cfix {clear:both;float:none !important;height:0 !important;font-size:1px !important;border:none;margin:0 !important;padding:0 !important;background:transparent !important;visibility:hidden !important}

/* left & right & hide */
.width {width:940px;margin:0 auto}
.left {float:left !important}
.right {float:right !important}
.hide {display:none}
.required {color:#ff0000 !important}

/* Set fonts class */
.tahoma {font-family:Tahoma, Geneva, sans-serif !important}
.arial {font-family:Arial, Helvetica, sans-serif !important}
.verdana {font-family:Verdana, Geneva, sans-serif !important}

/* Line */
.line {background:url(top-line.png) repeat-x;width:inherit;height:8px}

/* Input style */
input.form,
textarea,
select {background:#ffffff;width:350px;height:21px;margin:4px 0;padding:2px 10px;box-shadow:inset 0 2px 2px #858585;border-radius:15px;border-width:1px 0 0 0;border-color:#858585}
textarea {height:100px;resize:none;overflow:hidden}
select {width:370px;height:27px}
select.inputComboMultiple {height:108px}


/* Container */
#container {background:url(shapes-top.png) no-repeat right top;padding-top:26px}
	/*.langBar {line-height:14px;padding:0 70px 0 0;text-align:right}
        .langBar a {font-weight:bold;color:#286fb8}*/

/* Header */
#header {background:url(header.png) no-repeat;width:916px;height:375px;margin:0 auto;position:relative}
	#header > .request {background-repeat:no-repeat;display:block;width:60px;height:212px;position:absolute;top:145px;left:-70px;text-indent:-9999em}
	#header > .langs {position:absolute;top:10px;right:40px;z-index:9}
		#header > .langs > a {background:url(lang-arrow.png) right 5px no-repeat;display:block;padding-right:16px;font:bold 12px/14px Arial;text-align:right;color:#ffffff}
		#header > .langs > div {display:none;padding:6px 4px 0 0;position:absolute;top:16px;right:4px;z-index:10;border-right:1px solid #ffffff}
			#header > .langs ul {background:url(langs-bg.png);padding-bottom:2px}
				#header > .langs ul > li {padding:2px}
					#header > .langs ul > li > a {display:block;width:85px;height:19px;font:bold 12px/19px Arial;text-align:left;color:#ffffff}
						#header > .langs ul > li > a:hover {background:url(lang-hover.png) no-repeat;text-decoration:none}

	#header .left {padding:/*205px*/25px 0 0 20px}
		#header .left h3 {width:110px;height:135px;margin-left:13px;position:relative}
			#header .left h3 a {display:block;width:inherit;height:inherit;font-size:1px;text-indent:-999em}
		#header .menu {margin-top:45px;position:relative;z-index:8}
			#header .menu > li {}
				#header .menu a {display:block;width:105px;padding:5px 5px 5px 15px;font-weight:bold;color:#c3dffc}
					#header .menu a span {background:url(menu-icons.png);line-height:16px;padding:0 6px;font-size:13px}
						#header .menu .contact {background-position:0 0}
							#header .menu li:hover .contact {background-position:0 -18px}
						#header .menu .about {background-position:-18px 0}
							#header .menu li:hover .about {background-position:-18px -18px}
						#header .menu .info {background-position:-36px 0}
							#header .menu li:hover .info {background-position:-36px -18px}
						#header .menu .services {background-position:-54px 0}
							#header .menu li:hover .services {background-position:-54px -18px}
					#header .menu li:hover a {background:#f2f2f2;text-decoration:none;color:#1b5997;border-radius:5px}
				#header .menu ul {background:#f2f2f2;display:none;width:140px;padding:5px 15px;position:absolute;left:115px;top:0;border-radius:5px;z-index:9}
					#header .menu ul li {padding:5px 0}
						#header .menu ul a {display:inline;padding:0;color:#1b5997}
							#header .menu ul a:hover {text-decoration:underline}
				#header .menu li:hover ul {display:block}
	#header .right {background:url(background.png) 0 27px no-repeat;width:738px;height:333px;padding:41px 0 0 14px;position:relative;z-index:7}
		#header .right > div {width:720px;height:315px}
			#header .right .info {background:url(info-bg.png) no-repeat;width:378px;height:80px;padding:10px 20px;position:absolute;right:18px;top:220px;}
				#header .right .info h1 {color:#7bb8f5}
				#header .right .info p {color:#94B4D4}


/* Content */
body.home #content {width:inherit !important}
#content {background:url(shapes-bottom.png) no-repeat right bottom;width:900px;margin:0 auto;padding:20px 0 30px}
	#content > ul.info {padding-bottom:15px}
		#content > ul.info li {width:405px;padding:0 30px;text-align:justify}
	#content > div.info {margin:0 20px 15px;padding:0 0 15px;text-align:center;border-bottom:1px solid #ffffff}
	#content > .blocks {width:936px;margin:0 auto;padding:0}
		#content > .blocks li {width:300px;padding:0 6px 20px;float:left;list-style:none}
			#content > .blocks .title {background:url(title-bg.png) no-repeat;width:232px;height:28px;margin:0 auto;padding:7px 0 0 35px}
				#content > .blocks .title a {font-size:13px;font-weight:normal;color:#1b5997}
			#content > .blocks .clear {padding:8px 0}
				#content > .blocks li .left {width:85px}
				#content > .blocks li .right {width:205px;height:110px;overflow:hidden;font-size:11px;text-align:justify;text-overflow:ellipsis}
                    #content > .blocks li .right a {color:#1b5997}
	
	/* Left && Right */
	#content > .paddingtopbottom > .clear > div.left {width:48%}
	#content > .paddingtopbottom > .clear > div.right {width:48%}
	/* Set li style */
	#content > .paddingtopbottom > .clear > .left > ul,
	#content > .paddingtopbottom > ul	{padding-left:30px;list-style:circle}


/* Table form */
#content table {}
	#content table .main_txt {width:300px;line-height:34px;text-align:right}
    #content table .main_menu_txt {width:500px;text-align:left}
		#content table .main_menu_txt input,
		#content table .main_menu_txt textarea,
		#content table .main_menu_txt select {}
		#content table .main_menu_txt textarea {}
		#content table .main_menu_txt select {}
	#content .submit {background:url(buton-action.png) no-repeat;width:271px;height:33px;margin:0 auto;box-shadow:none;cursor:pointer;font-weight:bold;color:#ffffff;border-radius:0;border:0}


/* Portfolio */
#portfolio {margin:20px 0 0;padding:10px;border:6px #089da4 double;border-radius:8px}
	#portfolio .overflow {overflow:hidden}
		#portfolio .overflow > ul {width:999999em}
			#portfolio .overflow > ul > li {width:868px;float:left}
				#portfolio .overflow > ul > li .left {width:330px}
					#portfolio .overflow > ul > li h2 a {font-family:'Lucida Casual', 'Comic Sans MS';font-size:22px;color:#141430}
					#portfolio .overflow > ul > li .left ul {padding:10px 0 0}
						#portfolio .overflow > ul > li .left li {padding:10px 0}
							#portfolio .overflow > ul > li .left li strong {color:#1b5997}
				#portfolio .overflow > ul > li .right,
				#portfolio .overflow > ul > li .right img {width:520px;height:320px}
#portfolio-control {padding:8px 20px 0}
	#portfolio-control a {font-weight:bold;color:#1b5997}



/* Form Fields */
.formfields {background:url(formfields-bg.png);width:535px;margin:15px auto;padding:15px;box-shadow:rgba(255, 255, 255, 1) 1px 1px 0, rgba(0, 0, 0, .32) 1px 1px 2px inset;border-radius:10px}
	.formfields > .items {background:#ffffff;box-shadow:rgba(0, 0, 0, .37) 1px 1px 1px;border-radius:9px}
		.formfields .formitem {background:url(formitem-bg.png) 0 0 repeat-x #efefef;padding:7px 10px 7px 15px;border-bottom:1px solid #e0e0e0}
			.formfields .formitem .formlabel {width:150px;float:left}
				.formfields .formitem .formlabel > label {font:normal 13px/39px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#565555}
			.formfields .formitem .formlabel.double {padding-top:5px}
				.formfields .formitem .formlabel.double > label {line-height:16px}
			.formfields .formitem .formfield {width:340px;float:right}
				.formfields .formitem .formfield .item-style {width:318px;margin:3px 0;padding:5px 10px;box-shadow:rgba(255, 255, 255, 1) 1px 1px 0, rgba(0, 0, 0, .19) 1px 1px 3px inset;border-radius:5px;font:normal 14px/27px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#565555;border:1px solid #bfbfbf}
				.formfields .formitem .formfield .input-text {height:27px}
				.formfields .formitem .formfield .input-combo {width:340px;height:39px;line-height:39px}
				.formfields .formitem .formfield .input-textarea {height:150px}
				.formfields .formitem .formfield .more {font:normal 13px/15px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#567ea6}
				.formfields .formitem .formfield .input-file {}
				.formfields .formitem .formbutton {background:url(formfields-button.png) 0 0 no-repeat;display:block;height:47px;margin:20px 10px 0 0;position:relative}
					.formfields .formitem .formbutton > i {background:url(formfields-button.png) right 0 no-repeat;display:block;width:10px;height:47px;position:absolute;top:0;right:-10px;z-index:18}
					.formfields .formitem .formbutton > input {background:transparent !important;display:block;width:485px;height:100%;position:absolute;top:0;left:0;z-index:19;cursor:pointer;font:normal 16px/47px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#565555;border:0}
			.formfields .formitem .formfield.captcha {}
				.formfields .formitem .formfield.captcha > img {margin-top:10px}
				.formfields .formitem .formfield.captcha > .input-text{width:250px;float:right}
		.formfields .formitem.first {border-top-left-radius:9px;border-top-right-radius:9px}
		.formfields .formitem.last {border-bottom-left-radius:9px;border-bottom-right-radius:9px;border-bottom:0 !important}
.formfields .select-box {}
	.formfields .select-box .item-style {width:338px !important;padding:0 !important;position:relative}
	.formfields .select-box .selected {width:272px;height:27px;padding:5px 10px;font:normal 14px/27px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px}
	.formfields .select-arrow {}
		.formfields .select-box .selected,
		.formfields .select-arrow {display:block;position:relative;float:left;z-index:1;cursor:pointer}
		.formfields .select-arrow {background:url(formfields-select-arrow.png) center center no-repeat;width:46px;height:37px}
	.formfields .select-options {background:url(estimate-select-bg.png);display:none;width:332px;margin-top:5px;padding:5px 3px;left:0;box-shadow:rgba(0, 0, 0, .4) 0 3px 21px, rgba(255, 255, 255, .25) 0 1px 0 inset;border-radius:5px;border:1px solid #8de8fa}
		.formfields .select-options .overflow {width:303px;height:341px;float:left;overflow:hidden}
			.formfields .select-options .options {}
				.formfields .select-option {background:url(estimate-select-border.png) 0 bottom repeat-x;display:block;height:38px;padding:5px 15px 6px;cursor:pointer;font:normal 19px/38px 'Myriad Pro', Arial;color:#ffffff;text-shadow:rgba(0, 0, 0, .24) 1px 1px}
				.formfields .select-option:last-child {background:none}
				.formfields .select-option:hover,
				.formfields .select-option.selected {text-shadow:rgba(255, 255, 255, .46) 1px 1px;color:#194857}
        .formfields .select-options > .scroll-space {background:#aad4dc;padding:35px 1px 1px 2px;float:right;box-shadow:rgba(255, 255, 255, .4) 1px 1px 0;border-radius:10px}
            .formfields .select-options .scroll {width:19px;height:304px}
                .formfields .select-options .scroll .ui-slider-handle {background:url(estimate-select-handle.png) 0 0 no-repeat;width:19px;height:34px}

/* Request a quote form */
.right-quote {}
	.right-quote .left {width:580px}
	.right-quote .right {width:340px;padding-top:28px}
.formfields-small {background:#ffffff;width:330px;margin:15px auto;box-shadow:rgba(255, 255, 255, 1) 1px 1px 0, rgba(0, 0, 0, .32) 1px 1px 2px inset;border-radius:5px}
	.formfields-small h3 {padding:8px 10px 0;font-size:18px;color:#888888}
	.formfields-small .formitem {padding:5px 10px;border-bottom:1px solid #e0e0e0}
		.formfields-small .formitem .formfield {width:305px;float:right}
			.formfields-small .formitem .formfield .item-style {width:290px;margin:3px 0;padding:2px 4px;box-shadow:rgba(255, 255, 255, 1) 1px 1px 0, rgba(0, 0, 0, .19) 1px 1px 3px inset;border-radius:2px;font:normal 12px/22px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#565555;border:1px solid #bfbfbf}
			.formfields-small .formitem .formfield .input-text {height:20px}
			.formfields-small .formitem .formfield .input-textarea {height:65px}
			.formfields-small .formitem .formfield .input-file {}
			.formfields-small .formitem .formbutton {padding:5px 0}
				.formfields-small .formitem .formbutton > input {background:#e4dceb;display:block;width:310px;height:27px;cursor:pointer;font:normal 16px/27px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#565555;border-radius:3px;border:0}
		.formfields-small .formitem .formfield.captcha {}
			.formfields-small .formitem .formfield.captcha > img {margin-top:6px}
			.formfields-small .formitem .formfield.captcha > .input-text{width:185px;float:right}
		.formfields-small .more {margin-top:2px;font:normal 13px/15px 'Myriad Pro', Arial;text-shadow:rgba(255, 255, 255, 1) 1px 1px;color:#567ea6}
		.formfields-small .formitem.last {border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:0 !important}

.right-contact {}
	.right-contact .left {width:580px}
	.right-contact .right {width:300px}
	.right-contact .formfields {width:460px}
		.right-contact .formfields .formlabel {width:140px}
			.right-contact .formfields .formlabel > label {}
		.right-contact .formfields .formfield {width:280px}
				.formfields .formitem .formfield .item-style {width:258px}
				.formfields .formitem .formfield.captcha > .input-text{width:190px}
        .right-contact .formfields .formbutton {margin-right:14px}
	        .right-contact-quote .formfields .formbutton > input {width:380px}


/* Footer */
#footer {background:url(footer-bg.png) repeat-x;width:inherit}
	#footer .links {width:906px;height:133px}
		#footer .links .top {padding:10px 0;border-bottom:1px solid #dcdcdc}
		#footer .links .bottom {padding-top:8px}
			#footer .links dl {width:151px;float:left}
				#footer .links dt,
					#footer .links dt a {padding-bottom:5px;font-size:12px;font-weight:bold;color:#1b5997}
				#footer .links dd,
					#footer .links dd a {line-height:14px;font-size:11px;color:#272727}
	#footer .copyright {background:url(shapes-top.png) no-repeat right top;padding:15px 0}
		#footer .copyright > .left {padding:15px 0}
		#footer .copyright > .right {padding-top:5px}
			#footer .copyright > .right > a {margin:0 7px}



/* Messages */
.msg {background-repeat:no-repeat;background-position:right center;background-color:#ffffff;line-height:22px;margin:1em .4em;padding:8px 50px 8px 8px;font-size:14px;font-family:Arial;font-weight:bold;border-radius:3px;border:1px solid}
	.msg.info {background-image:url(msg-info.png);color:#4b8f13;border-color:#538617}
		.msg.info > iframe {display:none}
	.msg.warning {background-image:url(msg-warning.png);color:#d5991a;border-color:#fcb41d}
	.msg.error {background-image:url(msg-error.png);color:#ff1800;border-color:#ff0000}
	.msg > ul {line-height:18px;padding-left:15px}
		.msg > ul > li {font-size:11px}
			.msg > ul > li h3 {margin-left:-15px;padding:10px 0 0;font-size:14px}


			
.promo_block {float:right;border:0;margin:0 10px 10px 10px;padding:7px 5px 2px 15px ;background:url(poli.jpg);;color:#fff;font-size:16px;}