/* Style reset  */
* {
	margin: 0px;
	padding: 0px;
}

	.tooltip {
		border: 1px solid #FF0A14;
		padding: 0px 12px 2px 12px;
		background: #FF0A14;
		font-family: verdana;
		color: #ffffff;
		font-size: 10px;
		width: 239px;
		text-align: left;
	}

	img {
		border: none;
	}

	ul {
		list-style: none;
	}

	/* Clear Fix */

		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.clearfix {
			display: inline-table;
		}

		/* Hides from IE-mac \*/
		* html .clearfix {
			height: 1%;
		}

		.clearfix {
			display: block;
		}
		/* End hide from IE-mac */

/* Style main */
html {
	height: 100%;
}

	body {
		height: 100%;
		text-align: center;
		background-color: black;
	}

	body, input, select, textarea, td, th {
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

		.lft {
			display: inline;
			float: left;
		}

		.rgt {
			display: inline;
			float: right;
		}

		.clear-lft {
			clear: left;
		}

		.clear-rgt {
			clear: right;
		}

		div.hr{
			border-bottom: 1px solid #e5e5e5;
			width: 545px;
		}

			div.hr hr {
				display: none;
			}

		#wrapper {
			position: relative;
			width: 976px;
			height: 100%;
			text-align: left;
			margin-left: auto;
			margin-right: auto;
		}

		* > #wrapper {
			min-height: 560px;
		}

			#tmp-spacer {
				width: 976px;
				height: 560px;
			}

			#container {
				position: absolute;
				top: 50%;
				margin-top: -280px;
				width: 976px;
				height: 558px;
				border: 1px solid #6E6E6E;
				voice-family: "\"}\"";
				voice-family: inherit;
				width: 974px;
			}

			html>body #container { width:974px }

				#navigation {
					position: relative;
					width: 358px;
					height: 558px;
					background: #000000 url(bg-stripes-dark.gif) repeat-x 0px 496px;
				}

					#navigation h1 {
						height: 98px;
						padding-top: 31px;
						padding-left: 50px;
					}

						#navigation h1 a {
							display: block;
							width: 234px;
							height: 67px;
							background: transparent url(logo.gif) no-repeat left top;
						}

						#navigation h1 span {
							display: none;
						}

					#navigation a {
						color: #ffffff;
						text-decoration: none;
					}

					#navigation a:hover {
						text-decoration: underline;
					}

					#menu-language {
						position: absolute;
						top: 133px;
						left: 75px;
					}

						#menu-language li {
							display: inline;
							float: left;
							margin-top: 2px;
							margin-bottom: 2px;
							margin-right: 4px;
							height: 14px;
							line-height: 13px;
						}

							#menu-language li a,
							#menu-language li a span {
								display: block;
							}

							#menu-language li a {
								text-transform: uppercase;
								padding-left: 8px;
								color: #ffffff;
							}

								#menu-language li a span {
									padding-right: 6px;
									padding-bottom: 1px;
								}

							#menu-language li a:hover,
							#menu-language li.active a {
								color: #000000;
								background: #e0e0e0 url(bg-menu-left.gif) no-repeat left center;
								text-decoration: none;
							}

								#menu-language li a:hover span,
								#menu-language li.active a span {
									background: #e0e0e0 url(bg-menu-right.gif) no-repeat right center;
								}

					#menu-navigation {
						position: absolute;
						top: 176px;
						left: 75px;
					}

						#menu-navigation li {
							display: inline;
							float: left;
							clear: left;
							margin-top: 2px;
							margin-bottom: 2px;
							height: 14px;
							line-height: 13px;
						}

							#menu-navigation li a,
							#menu-navigation li a span {
								display: block;
							}

							#menu-navigation li a {
								text-transform: uppercase;
								padding-left: 8px;
								color: #e0e0e0;
							}

								#menu-navigation li a span {
									padding-right: 6px;
									padding-bottom: 1px;
									white-space: nowrap;
								}

							#menu-navigation li a:hover,
							#menu-navigation li.active a {
								color: #000000;
								text-decoration: none;
								background: #e0e0e0 url(bg-menu-left.gif) no-repeat left center;
							}

								#menu-navigation li a:hover span,
								#menu-navigation li.active a span {
									background: #e0e0e0 url(bg-menu-right.gif) no-repeat right center;
								}


					#placeholder-flash {
						position: absolute;
						bottom: 0px;
						left: 0px;
					}

				#content {
					background-color: #ffffff;
					width: 616px;
					height: 496px;
				}

					#tmp-preloader {
						position: absolute;
						display: none;
						width: 616px;
						height: 263px;
						display: none;
						background-color: #ffffff;
						right: 0px;
						top: 0px;
						text-align: center;
						padding-top: 233px;
					}

					#content-top {
						height: 110px;
						padding-top: 27px;
						voice-family: "\"}\"";
						voice-family: inherit;
						height: 83px;
					}

					html>body #content-top { height: 83px }

						#content-top h1 {
							height: 65px;
							line-height: 62px;
							font-size: 18px;
							font-weight: normal;
							color: #ffffff;
							background: #ff0a14 url(bg-header-corder.gif) no-repeat right center;
							padding-left: 30px;
							padding-right: 35px;
						}

						#content-top p {
							height: 65px;
							line-height: 64px;
							padding-right: 40px;
						}

					#content-area {
						overflow: auto;
						margin-left: 30px;
						margin-right: 12px;
						height: 373px;
					}

						table.portfolio-new {
						}

							table.portfolio-new tbody tr.image td {
								padding-top: 30px;
								padding-left: 30px;
							}

							table.portfolio-new tbody tr.link td {
								padding-left: 30px;
								line-height: 30px;
							}

								table.portfolio-new tbody tr.link td a {
									font-weight: bold;
								}


						/* table.portfolio */

							table.portfolio tbody td.image,
							table.portfolio-first tbody td.image {
								padding-top: 10px;
								padding-left: 30px;
								padding-bottom: 10px;
								padding-right: 15px;
							}

							table.portfolio tbody td.description,
							table.portfolio-first tbody td.description {
								padding-top: 10px;
								vertical-align: top;
								width: 140px;
							}

							table.portfolio-first tbody td.image,
							table.portfolio-first tbody td.description {
								padding-top: 0px;
							}

								table.portfolio tbody td.description div.link a,
								table.portfolio-first tbody td.description div.link a {
									font-weight: bold;
								}

								table.portfolio tbody td.description div.text,
								table.portfolio-first tbody td.description div.text {
									margin-top: 15px;
								}

				#footer {
					clear: right;
					background: #ffffff url(bg-stripes-light.gif) repeat-x left top;
					width: 616px;
					height: 62px;
				}

					#footer p {
						color: #686868;
						margin-left: 30px;
						margin-right: 30px;
						margin-top: 20px;
					}

						#footer p span.delimiter {
							color: #cccccc;
						}

				#content a,
				#footer a {
					color: #ff0a14;
					text-decoration: none;
				}

				#content a:hover,
				#footer a:hover {
					text-decoration: underline;
				}

				#content a.link-print {
					background: transparent url(icon-link-print.gif) no-repeat right center;
					padding-right: 24px;
				}



/* #content-area.page-title */
	#content-area.page-title {
		margin-top: 0px;
	}

		#content-area.page-title ul {
			margin-right: 29px;
			border-bottom: 1px solid #e5e5e5;
		}

			#content-area.page-title ul li {
				float: left;
				display: inline;
				width: 117px;
				height: 145px;
				margin-top: 30px;
				margin-left: 25px;
				background: transparent no-repeat left top;
			}

			#content-area.page-title ul li.first {
				margin-left: 0px;
			}

				#content-area.page-title ul li a {
					font-weight: bold;
					display: block;
					height: 30px;
					line-height: 30px;
					padding-top: 115px;
				}






/* #content-area.page-about */
		#content-area.page-about h2 {
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 15px;
		}

			#content-area.page-about h2 span {
				font-weight: normal;
				text-transform: lowercase;
			}

		#content-area.page-about p {
			padding-bottom: 15px;
			width: 545px;
		}

		#content-area.page-about ul {
			list-style: circle;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}
			#content-area.page-about ul li {
				list-style-image: url(li-bullet.gif);
				margin-left: 15px;
				padding: 0px 0px 2px 0px;
			}
				#content-area.page-about ul > li {
					list-style-image: none;
				}

		#content-area.page-about div.hr {
			clear: both;
			margin-bottom: 15px;
		}
			#content-area.page-about > div.hr {
				margin-top: 0px;
			}





/* #content-area.page-web-design */
		#content-area.page-web-design p {
			padding-bottom: 15px;
			width: 545px;
		}

		#content-area.page-web-design p.last {
			padding-bottom: 0px;
			width: 545px;
		}

		#content-area.page-web-design ul {
			list-style: circle;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}

			#content-area.page-web-design ul li {
				list-style-image: url(li-bullet.gif);
				margin-left: 15px;
				padding: 0px 0px 2px 0px;
			}

				#content-area.page-web-design ul > li {
					list-style-image: none;
				}

		#content-area.page-web-design div.hr {
			clear: both;
			margin-bottom: 15px;
		}

			#content-area.page-web-design > div.hr {
				margin-top: 0px;
			}




/* #content-area.page-cms */
		#content-area.page-cms p {
			padding-bottom: 15px;
			width: 545px;
		}

		#content-area.page-cms p.last {
			padding-bottom: 0px;
		}

		#content-area.page-cms ul {
			list-style: circle;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}

			#content-area.page-cms ul li {
				list-style-image: url(li-bullet.gif);
				margin-left: 15px;
				padding: 0px 0px 2px 0px;
			}

				#content-area.page-cms ul > li {
					list-style-image: none;
				}



/* #content-area.page-crm */
		#content-area.page-crm p {
			padding-bottom: 15px;
			width: 545px;
		}

		#content-area.page-crm p.last {
			padding-bottom: 0px;
			width: 545px;
		}

		#content-area.page-crm ul {
			list-style: circle;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}
			#content-area.page-crm ul li {
				list-style-image: url(li-bullet.gif);
				margin-left: 15px;
				padding: 0px 0px 2px 0px;
			}
				#content-area.page-crm ul > li {
					list-style-image: none;
				}

		#content-area.page-crm div.hr {
			clear: both;
			margin-bottom: 15px;
		}
			#content-area.page-crm > div.hr {
				margin-top: 0px;
			}



/* #content-area.page-hosting */
		#content-area.page-hosting p {
			width: 545px;
			padding-bottom: 15px;
		}

		#content-area.page-hosting p.last {
			padding-bottom: 0px;
		}


		#content-area.page-hosting ul {
			list-style: circle;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}

			#content-area.page-hosting ul li {
				list-style-image: url(li-bullet.gif);
				margin-left: 15px;
				padding: 0px 0px 2px 0px;
			}

				#content-area.page-hosting ul > li {
					list-style-image: none;
				}

		#content-area.page-hosting table.services {
			width: 545px;
			margin-bottom: 15px;
			background-color: #cccecd;
		}

			#content-area.page-hosting table.services td, th {
				padding: 2px 5px;
				background-color: #ffffff;
			}

			#content-area.page-hosting table.services th.cell-first {
				width: 85%;
				text-align: left;
			}

			#content-area.page-hosting table.services th.cell-last {
				width: 15%;
				text-align: center;
			}

			#content-area.page-hosting table.services td.vertical-center {
				text-align: center;
				vertical-align: center;
			}




/* #content-area.page-contacts */
	#content-area.page-contacts {
		overflow: hidden;
	}

		#content-area.page-contacts div.information {
			margin-left: 30px;
		}

		#content-area.page-contacts h2 {
			font-size: 11px;
			font-weight: bold;
		}

		#content-area.page-contacts p,
		#content-area.page-contacts ul {
			padding-bottom: 15px;
		}





/* #content-area.page-portfolio */
		#content-area.page-portfolio div.work {
			float: left;
			display: inline;
			width: 265px;
			margin-right: 10px;
		}

			#content-area.page-portfolio div.hr {
				clear: both;
				padding-top: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			#content-area.page-portfolio > div.hr {
				margin-top: 0px;
			}

			#content-area.page-portfolio div.work h2 {
				font-size: 11px;
				font-weight: bold;
				margin-left: 110px;
			}

			#content-area.page-portfolio div.work p.thumbnail {
				float: left;
				margin-top: -13px;
				padding-right: 15px;
			}

			#content-area.page-portfolio div.work p.description {
				float: left;
				padding-top: 15px;
			}

	/* #content-area.page-case-studies */

		#content-area.page-case-studies div.work {
			width: 545px;
		}

			#content-area.page-case-studies div.hr {
				padding-top: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			#content-area.page-case-studies > div.hr {
				margin-top: 0px;
			}

			#content-area.page-case-studies div.work h2 {
				font-size: 11px;
				font-weight: bold;
				margin-left: 110px;
			}

			#content-area.page-case-studies div.work p.thumbnail {
				float: left;
				margin-top: -13px;
				padding-right: 15px;
			}

			#content-area.page-case-studies div.work p.description {
				float: left;
				padding-top: 15px;
				width: 435px;
			}

	/* #content-area.page-domains */

		#content-area.page-domains h2 {
			font-size: 11px;
			padding-top: 20px;
			padding-bottom: 15px;
		}

		/* #content-area.page-domains form */

			#content-area.page-domains form div {
				width: 265px;
			}

			#content-area.page-domains form div.first {
				margin-right: 15px;
			}

			#content-area.page-domains form div {
				margin-right: 0px;
			}


			#content-area.page-domains form label {
				padding-top: 2px;
			}

			#content-area.page-domains form label.first {
				padding-top: 0px;
			}

				#content-area.page-domains form label span {
					float: left;
					display: inline;
				}

				#content-area.page-domains form label span.button {
					height:4px;
				}

			#content-area.page-domains form input.f-input {
				float: left;
				clear: left;
				display: inline;
				width: 261px;
				border-top: 1px solid #000000;
				border-left: 1px solid #000000;
				border-right: 1px solid #cccecd;
				border-bottom: 1px solid #cccecd;
				height: 15px;
				padding-left: 2px;
			}

			* > input.f-input {
				width: 263px;
			}

			#content-area.page-domains form input.f-button {
				color: #ffffff;
				font-weight: bold;
				background-color: #ff0a14;
				border: 1px solid #000000;
				height: 17px;
				width: 75px;
				padding-bottom: 1px;
			}

		#content-area.page-domains table.services {
			width: 545px;
			margin-top: 15px;
			margin-bottom: 10px;
			background-color: #cccecd;
		}

			#content-area.page-domains table.services td, th {
				padding: 3px 5px;
				background-color: #ffffff;
			}

			#content-area.page-domains table.services th.cell-first {
				width: 70%;
				text-align: left;
			}

			#content-area.page-domains table.services th.cell-last {
				width: 30%;
				text-align: center;
			}

			#content-area.page-domains table.services td.vertical-center {
				text-align: center;
				vertical-align: center;
			}

		#content-area.page-domains p {
			margin: 0px;
		}

	/* #content-area.page-clients */

		#content-area.page-clients div.client-container {
			width: 540px;
		}

			#content-area.page-clients div.client {
				float: left;
			}