/* @group universal */

body {
	margin: 0px;
	font: 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	background: #f0f1f3 url(images/body_fill.png) repeat-x;
	color: #001929;
	width: 100%;
	padding: 0;
}

html {
	height: 100%;
}

a, a:visited { 
	cursor: pointer;
	color: #1c4071;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #2c65b3;
}

a:focus {
	outline: none;
}

p {
	margin-bottom: 0;
	margin-top: 10px;
}

img {
	border-style: none;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#container {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
}

.field#name {
	background-image: url(images/icon_name.png);
}

.field#email {
	background-image: url(images/icon_email.png);
}

.field {
	padding: 4px 4px 4px 22px;
	margin-top: 2px;
	border-width: 1px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 180px;
	background: white no-repeat 3px 3px;
}



/* @end */

/* @group head */

#head {
	width: 600px;
	height: 108px;
	float: left;
}

/* @group logo */

#logo {
	width: 430px;
	height: 30px;
	float: left;
	margin-top: 42px;
	background: url(images/logo_back.png) no-repeat 200px 0;
}

#logo a {
	height: 29px;
	width: 230px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
	margin-left: 200px;
}



/* @end */

/* @group nav */

#nav {
	width: 600px;
	height: 58px;
	float: left;
}

#nav a {
	cursor: pointer;
	height: 52px;
	width: 100px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

/* @group blog */

#nav #blog {
	height: 58px;
	width: 100px;
	background-image: url(images/nav_blog.png);
	float: left;
}

#nav #blog a:hover {
	background: url(images/nav_blog.png) 0 116px;
}

#nav #blog.current, #nav #blog.current a:hover  {
	background: url(images/nav_blog.png) 0 58px;
}



/* @end */

/* @group products */

#nav #products {
	height: 58px;
	width: 100px;
	float: left;
	background-image: url(images/nav_products.png);
}

#nav #products a:hover {
	background: url(images/nav_products.png) 0 116px;
}

#nav #products.current, #nav #products.current a:hover {
	background: url(images/nav_products.png) 0 58px;
}



/* @end */

/* @group services */

#nav #services {
	height: 58px;
	width: 100px;
	background-image: url(images/nav_services.png);
	float: left;
}

#nav #services a:hover {
	background: url(images/nav_services.png) 0 116px;
}

#nav #services.current, #nav #services.current a:hover {
	background: url(images/nav_services.png) 0 58px;
}



/* @end */

/* @group goodies */

#nav #goodies {
	height: 58px;
	width: 100px;
	background-image: url(images/nav_goodies.png);
	float: left;
}

#nav #goodies a:hover {
	background: url(images/nav_goodies.png) 0 116px;
}

#nav #goodies.current, #nav #goodies.current a:hover {
	background: url(images/nav_goodies.png) 0 58px;
}



/* @end */

/* @group portfolio */

#nav #portfolio {
	height: 58px;
	width: 100px;
	background-image: url(images/nav_portfolio.png);
	float: left;
}

#nav #portfolio a:hover {
	background: url(images/nav_portfolio.png) 0 116px;
}

#nav #portfolio.current, #nav #portfolio.current a:hover {
	background: url(images/nav_portfolio.png) 0 58px;
}



/* @end */

/* @group contact */

#nav #contact {
	height: 58px;
	width: 100px;
	background-image: url(images/nav_contact.png);
	float: left;
}

#nav #contact a:hover {
	background: url(images/nav_contact.png) 0 116px;
}

#nav #contact.current, #nav #contact.current a:hover {
	background: url(images/nav_contact.png) 0 58px;
}



/* @end */



/* @end */



/* @end */

/* @group page */

#page {
	width: 560px;
	float: left;
	padding: 24px 20px 0;
}

#page #description {
	float: left;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana;
	margin-top: 20px;
	margin-bottom: 0;
}

/* @group about */

#about {
	width: 576px;
	float: left;
	height: 134px;
	background: url(images/about_back.png) no-repeat;
	margin-bottom: 20px;
	margin-top: -10px;
	margin-left: -10px;
}

#about span {
	display: none;
}

/* @group learn_more */

#learn_more {
	width: 76px;
	height: 24px;
	float: left;
	background-image: url(images/button_learn_more.png);
	left: 472px;
	position: relative;
	top: 88px;
}

#learn_more a {
	height: 24px;
	width: 76px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#learn_more a:hover {
	background-image: url(images/button_learn_more_hover.png);
}



/* @end */



/* @end */

/* @group badge */

#badge_blog {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_blog_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_products {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_products_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_services {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_services_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_goodies {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_goodies_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_portfolio {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_portfolio_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_contact {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_contact_back.png);
	font-size: 1px;
	text-indent: -9000px;
}

#badge_file_not_found {
	width: 560px;
	height: 40px;
	float: left;
	background-image: url(images/badge_file_not_found_back.png);
	font-size: 1px;
	text-indent: -9000px;
}



/* @end */

/* @group blog */

/* @group post */

.post {
	width: 560px;
	margin-top: 20px;
	background: url(images/divider.png) no-repeat 0 bottom;
	float: left;
	padding-bottom: 28px;
}

.post .title {
	font: bold 18px "Trebuchet MS", Verdana;
	border-bottom-color: #dcdee0;
	margin-bottom: 2px;
}

.post blockquote {
	color: #606f7a;
	background: url(images/blockquote_back.png) no-repeat;
	padding: 6px 6px 6px 30px;
	margin: 20px 20px 0 0;
}

.post h4 {
	color: black;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: -10px;
	margin-top: 10px;
}

.post em {
	background-color: #e9f4da;
	font-weight: normal;
	font-style: normal;
}

.post .date {
	font-size: 11px;
	color: #606f7a;
	font-weight: bold;
	display: inline;
}

.image {
	width: 130px;
	height: 130px;
	background: url(images/image_back.png) no-repeat;
	margin-bottom: 10px;
	float: left;
	padding: 10px 12px 14px 10px;
	margin-right: 10px;
	margin-top: 10px;
}



/* @end */

/* @group show_older_posts */

#show_older_posts {
	width: 136px;
	height: 34px;
	float: right;
	background-image: url(images/button_show_older_posts.png);
	margin-top: 20px;
}

#show_older_posts a {
	height: 34px;
	width: 136px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#show_older_posts a:hover {
	background-image: url(images/button_show_older_posts_hover.png);
}



/* @end */

/* @group hide_older_posts */

#hide_older_posts {
	width: 136px;
	height: 34px;
	float: right;
	background-image: url(images/button_hide_older_posts.png);
	margin-top: 20px;
}

#hide_older_posts a {
	height: 34px;
	width: 136px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#hide_older_posts a:hover {
	background-image: url(images/button_hide_older_posts_hover.png);
}



/* @end */

/* @group older_posts */

#older_posts {
	width: 520px;
	background: #dcdee0 no-repeat;
	margin-top: 20px;
	padding: 10px 20px 20px;
	border-bottom: 1px solid #c7c8ca;
	border-top: 1px solid #c7c8ca;
	float: left;
}

#older_posts .title {
	font: bold 16px "Trebuchet MS", Verdana;
	border-bottom-color: #dcdee0;
	margin-bottom: 2px;
	margin-top: 10px;
}

#older_posts .date {
	font-size: 11px;
	color: #606f7a;
	font-weight: bold;
}



/* @end */



/* @end */

/* @group products */

/* @group product */

.product {
	width: 560px;
	float: left;
	height: 404px;
	background: url(images/product_back.png) no-repeat;
	margin-top: 20px;
}

.product .title {
	display: none;
}

.product .details {
	width: 294px;
	margin-top: 110px;
	color: white;
	margin-left: 30px;
	text-align: left;
	position: absolute;
	float: left;
	z-index: 2;
}

.product .link {
	width: 294px;
	margin-top: 260px;
	color: white;
	margin-left: 30px;
	text-align: left;
	position: absolute;
	float: left;
	z-index: 2;
	font-size: 16px;
}

.product .link a {
	color: white;
}

.product .link a:hover {
	border-bottom: 2px solid white;
}

.product .details p {
	margin-top: 0;
	margin-bottom: 0;
}

.product .preview {
	width: 536px;
	height: 380px;
	float: left;
	background: black no-repeat;
	margin: 10px;
	z-index: 1;
	position: absolute;
}

/* @group visit */

.visit {
	position: absolute;
	margin-left: 30px;
	float: left;
	padding: 2px;
	font-size: 14px;
	margin-top: 260px;
	z-index: 2;
}

.visit a {
	color: white;
	z-index: 3;
}



/* @end */



/* @end */



/* @end */

/* @group services */

/* @group icon_design */

#icon_design {
	width: 560px;
	background: url(images/divider.png) no-repeat 0 bottom;
	float: left;
	padding-bottom: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#icon_design p {
	margin-bottom: 20px;
	margin-top: 0;
	float: left;
	width: 560px;
}

#icon_design .title {
	margin-bottom: 8px;
	color: #7d8387;
	font: bold 16px "Trebuchet MS", Verdana;
}

/* @group banner */

#banner {
	width: 560px;
	float: left;
	height: 124px;
	background: url(images/banner_back.png) no-repeat;
}

#banner a {
	height: 124px;
	width: 560px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#banner span {
	display: none;
}



/* @end */

/* @group icon_process */

#icon_process {
	width: 560px;
	float: left;
	background-color: #dcdee0;
	border-top: 1px solid #c7c8ca;
	border-bottom: 1px solid #c7c8ca;
	margin-bottom: 20px;
	font-size: 11px;
}

#icon_process .step_title {
	font: bold 14px "Trebuchet MS", Verdana;
	color: #606f7a;
	float: left;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-top: 4px;
}

#icon_process .step_image {
	border: 1px solid #c7c8ca;
	float: left;
}

#icon_process .step_text {
	width: 338px;
	margin-bottom: 20px;
	float: left;
	margin-left: 20px;
}

#step_one {
	width: 520px;
	margin: 20px 20px 0;
	height: 161px;
}

#step_two {
	width: 520px;
	margin: 20px 20px 0;
	height: 161px;
}

#step_three {
	width: 520px;
	margin: 20px;
	height: 161px;
}



/* @end */

/* @group show_icon_process */

#show_icon_process {
	width: 141px;
	height: 34px;
	float: right;
	background-image: url(images/button_show_icon_process.png);
	margin-bottom: 20px;
}

#show_icon_process a {
	height: 34px;
	width: 141px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#show_icon_process a:hover {
	background-image: url(images/button_show_icon_process_hover.png);
}



/* @end */

/* @group hide_icon_process */

#hide_icon_process {
	width: 141px;
	height: 34px;
	float: right;
	background-image: url(images/button_hide_icon_process.png);
	margin-bottom: 20px;
}

#hide_icon_process a {
	height: 34px;
	width: 141px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#hide_icon_process a:hover {
	background-image: url(images/button_hide_icon_process_hover.png);
}



/* @end */



/* @end */

/* @group web_design */

#web_design {
	width: 560px;
	background: url(images/divider.png) no-repeat 0 bottom;
	float: left;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#web_design p {
	margin-bottom: 20px;
	margin-top: 0;
	float: left;
	width: 560px;
}

#web_design .title {
	margin-bottom: 8px;
	color: #7d8387;
	font: bold 16px "Trebuchet MS", Verdana;
}



/* @end */



/* @end */

/* @group portfolio */

/* @group show_client_list */

#show_client_list {
	width: 129px;
	height: 34px;
	float: right;
	background-image: url(images/button_show_client_list.png);
	margin-top: 20px;
}

#show_client_list a {
	height: 34px;
	width: 129px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#show_client_list a:hover {
	background: url(images/button_show_client_list.png) 0 34px;
}



/* @end */

/* @group hide_client_list */

#hide_client_list {
	width: 129px;
	height: 34px;
	float: right;
	background-image: url(images/button_hide_client_list.png);
	margin-top: 20px;
}

#hide_client_list a {
	height: 34px;
	width: 129px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

#hide_client_list a:hover {
	background: url(images/button_hide_client_list.png) 0 34px;
}



/* @end */

/* @group client_list */

#client_list {
	width: 560px;
	float: left;
	background: #dcdee0 no-repeat;
	margin-top: 20px;
	font-size: 11px;
	border-bottom: 1px solid #c7c8ca;
	border-top: 1px solid #c7c8ca;
	line-height: 24px;
}

#client_list li {
	list-style-type: square;
	list-style-position: inside;
	margin: 12px 0 12px 2px;
	line-height: 16px;
}

#client_list .left {
	width: 250px;
	border-right: 1px solid #c7c8ca;
	padding: 8px 9px 8px 20px;
	float: left;
}

#client_list .right {
	width: 250px;
	float: left;
	padding: 8px 10px 8px 20px;
}

/* @group view */

.view {
	width: 43px;
	height: 18px;
	position: absolute;
	margin-left: 2px;
	background: url(images/button_view.png) no-repeat;
	margin-top: -1px;
}

a.view {
	height: 18px;
	width: 43px;
	text-indent: -9000px;
	font-size: 1px;
}

a:hover.view {
	background: url(images/button_view.png) 0 18px;
}



/* @end */



/* @end */

/* @group job */

.job {
	width: 560px;
	height: 404px;
	background: url(images/job_back.png) no-repeat;
	margin-top: 20px;
	float: left;
}

.job .title {
	display: none;
}

.job .details {
	width: 180px;
	margin-top: 90px;
	color: white;
	margin-left: 348px;
	font-size: 12px;
	text-align: left;
	position: absolute;
	margin-right: 32px;
	float: left;
	z-index: 2;
}

.job .details p {
	margin-top: 0;
	margin-bottom: 0;
	z-index: 2;
}

.job .preview {
	width: 536px;
	height: 380px;
	float: left;
	background: black no-repeat;
	margin: 10px;
	z-index: 1;
	position: absolute;
}



/* @end */



/* @end */

/* @group goodies */

/* @group item */

.item {
	width: 560px;
	float: left;
	height: 304px;
	background: url(images/item_back.png) no-repeat;
	margin-top: 20px;
}

.item .title {
	display: none;
}

.item .preview {
	width: 536px;
	height: 280px;
	float: left;
	background: black no-repeat;
	margin: 10px;
	z-index: 1;
	position: absolute;
}

/* @group download_mac */

.download_mac {
	width: 192px;
	height: 34px;
	background-image: url(images/button_download_mac.png);
	float: left;
	position: absolute;
	margin-left: 343px;
	margin-top: 130px;
	z-index: 2;
}

.download_mac a:hover {
	background: url(images/button_download_mac.png) 0 34px;
}

.download_mac a {
	height: 34px;
	width: 192px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}



/* @end */

/* @group download_win */

.download_win {
	width: 192px;
	height: 34px;
	background-image: url(images/button_download_win.png);
	float: left;
	position: absolute;
	margin-left: 343px;
	margin-top: 174px;
	z-index: 2;
}

.download_win a:hover {
	background: url(images/button_download_win.png) 0 34px;
}

.download_win a {
	height: 34px;
	width: 192px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}



/* @end */



/* @end */



/* @end */

/* @group contact */

/* @group con */

#con {
	margin-top: 20px;
	float: left;
	width: 560px;
}

#con .left {
	float: left;
	width: 220px;
	margin-right: 20px;
}

#con .left p {
	margin-top: 0;
	margin-bottom: 0;
}

#con .left .address {
	margin-top: 0;
	margin-bottom: 0;
}

#con .left .telephone {
	margin-top: 10px;
	margin-bottom: 0;
}

#con .left .email {
	margin-top: 10px;
	margin-bottom: 0;
}

#con .left .vat {
	margin-top: 10px;
	margin-bottom: 0;
}

#con .right {
	float: left;
	width: 256px;
	padding: 30px 34px 34px 30px;
	font-size: 11px;
	color: white;
	height: 336px;
	background: black url(images/form_back.png) no-repeat;
	font-weight: bold;
	margin-bottom: 0;
}

#con .right .field {
	width: 160px;
}

#con .right p {
	margin-bottom: 0;
	margin-top: 6px;
}

.textarea {
	height: 100px;
	margin-top: 2px;
	border-width: 1px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px;
	width: 246px;
}

.select {
	margin-top: 2px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	border-width: 1px;
	padding: 2px;
}

#required {
	width: 130px;
	float: left;
}

#form {
	float: left;
	width: 256px;
	margin-top: -6px;
}

/* @group send_message */

#send_message {
	cursor: pointer;
	height: 34px;
	width: 120px;
	background-image: url(images/button_send_message.png);
	margin-top: 20px;
	border-style: none;
	float: right;
	background-color: black;
	font-size: 1px;
	text-indent: -9000px;
	letter-spacing: 1px;
}

#send_message:hover {
	background: url(images/button_send_message.png) 0 34px;
}



/* @end */

#thank_you {
	text-align: center;
	width: 256px;
	float: left;
	margin-top: 40px;
}

#thank_you img {
	margin-bottom: 20px;
	width: 90px;
	height: 90px;
	margin-top: 40px;
}



/* @end */



/* @end */



/* @end */

/* @group foot */

#foot {
	width: 600px;
	float: left;
	height: 70px;
	margin-top: 60px;
	padding-bottom: 20px;
	background: url(images/foot_back.png) no-repeat;
}

#foot #copyright {
	margin-top: 20px;
	color: white;
	font-size: 11px;
	text-align: center;
}



/* @end */