@charset "utf-8";
body {
	font-size: 75%;
	font-family: Verdana, Geneva, sans-serif;
	background: url(gfx/bkg.png) top repeat-x;
	/*background: url(gfx/bkg-alternative.jpg) top no-repeat;*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
img	{
	border: 0;
}
p, ul {
	margin: 0;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/***********************************************
* GLOBAL LINK DEFINITION
***********************************************/
a {
	font-size: 100%;
	color: #555;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/***********************************************
* CONTAINER
***********************************************/
#container {
	position: relative;
	width: 940px;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
	background: url(gfx/bkg-container.jpg) no-repeat;
}
	div.home#container  {
		background: url(gfx/bkg-container,home.jpg) no-repeat;
	}

	/***********************************************
	* LAYOUT - HEADER
	***********************************************/
	#header {
		padding: 40px 35px 0px 35px;
		height: 80px;
	}
		#header div.logo {
			position: absolute;
			top: 55px;
			left: 50px;
		}
		#header div.language {
			position: absolute;
			top: 20px;
			right: 30px;
		}
			#header div.language ul {
				padding: 0;
				list-style: none;
				margin: 0;
			}
			#header div.language li {
				padding-left: 5px;
				display: inline;
				background: url(gfx/divider.png) no-repeat;
				background-position: 0 4px;
			}
			#header div.language li.first {
				background: none;
			}
			#header div.language a {
				font-size: 71%;
				text-decoration: none;
			}
			#header div.language a.current {
				font-weight: bold;
				text-decoration: none;
			}
			#header div.language a:hover {
				text-decoration: underline;
			}
		#header div.top_menu {
			position: absolute;
			text-align: right;
			top: 68px;
			right: 50px;
			width: 600px;
		}
			#header div.top_menu ul {
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#header div.top_menu li {
				margin: -2px;
				display: inline;
			}
			#header div.top_menu li.first {
				background: none;
			}
			#header div.top_menu a {
				padding: 5px 20px;
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: 130%;
				text-decoration: none;
				border-left: solid 1px #b5b5b5;
			}
			#header div.top_menu a.last, #header div.top_menu a.last-current {
				border-right: solid 1px #b5b5b5;
			}
			#header div.top_menu a.current, #header div.top_menu a.last-current {
				background: #d20202;
				color: #ffffff;
			}

	/***********************************************
	* SIDE MENU
	***********************************************/
	#side_menu {
		width: 205px;
		margin-top: 30px;
		margin-left: 30px;
		float: left;
	}
		#side_menu div.title {
			border-bottom: dotted 1px #b5b5b5;
			padding-bottom: 2px;
			margin-bottom: 5px;
			background: url(gfx/bullet-down.png) no-repeat;
			background-position: 5px;
		}
			#side_menu div.title p {
				text-transform: capitalize;
				font-size: 120%;
				margin-left: 20px;
				color: #555;
			}
		#side_menu ul {
			padding-left: 10px;
			list-style: none;
			margin: 0;
		}
		#side_menu li {
			margin: 5px 0;
		}
		#side_menu li:hover, #side_menu li.current {
			background: url(gfx/bullet-right.png) no-repeat;
			background-position: 0px;
		}
		#side_menu a {
			margin-left: 10px;
			font-size: 100%;
			text-decoration: none;
		}

	/***********************************************
	* CONTENT
	***********************************************/
	#content {
		margin: 30px 50px 0 255px;
		min-height: 350px;
	}

	div#content.main_homepage {
		margin: 30px 10px 0 10px;
	}
	div#content #flash {
		margin-top: -25px;
	}
	div#content #non_flash {
		margin: -10px 0 20px -40px;
	}

	div#content.homepage {
		margin: 30px 50px 0 50px;
	}

	/* home offers */
	#content #ajax_offers {
		margin: 15px auto;
	}
	#content #home_offers {
		height: 100%;
		background: #FFFFF9;
		padding: 5px 25px;
		background: url(gfx/bkg.png) center repeat-x;
		border: solid 4px #f1f1f1;
	}
		#home_offers h1, #home_offers h2, #home_offers h3 {
			color: #0a6fa3!important;
		}
		#home_offers div h5 {
			font-size: 95%;
		}
		#home_offers div p {
			font-size: 95%;
			text-align: left;
		}
		#home_offers div ul {
			margin-bottom: 10px;
		}
		#home_offers div li {
			margin: -7px;
		}
		#home_offers div a {
			font-size: 85%;
			font-weight: bold;
		}


	/*  Heading */
	div#content #heading {
		/*margin: -25px -40px 5px -40px;*/
		margin-top: 0px;
		margin-bottom: 30px;
		width: 920px;
	}
		div#heading h1 {
			color: #666;
			font-size: 200%;
			margin-bottom: 4px;
		}
		div#heading p {
			color: #666;
			font-size: 85%;
			line-height: 50%;
		}

	/* four comumns */
	#content #home_col1, #content #home_col2, #content #home_col3, #content #home_col4,
	#content #gd_col1, #content #gd_col2, #content #gd_col3, #content #gd_col4,
	#content #gd_col5, #content #gd_col6, #content #gd_col7, #content #gd_col8,
	#content #ad_col1, #content #ad_col2, #content #ad_col3, #content #ad_col4,
	#content #of_col1, #content #of_col2, #content #of_col3, #content #of_col4,
	#content #sm_col1, #content #sm_col2, #content #sm_col3, #content #sm_col4 {
		width: 23%;
		margin-right: 20px;
		float: left;
	}
	#content #home_col4, #content #gd_col4, #content #gd_col8, #content #ad_col4, #content #of_col4, #content #sm_col4 {
		margin-right: 0px;
	}

	/* four comumns - advertising size exemption */
	#content #ad_col1, #content #ad_col2, #content #ad_col3, #content #ad_col4 {
		width: 21%;
	}

	/* content and side columns */
	#content #col_content {
		width: 64%;
		margin-right: 20px;
		float: left;
	}
	#content #col_side {
		width: 31%;
		float: left;
		margin-right: 0px;
	}
	#content #col_side img.paypal {
		float: right;
	}

	/* half colums */
	#content #col_half1 {
		width: 48%;
		margin-right: 20px;
		float: left;
	}
	#content #col_half2 {
		width: 48%;
		float: left;
		margin-right: 0px;
	}

		/* price style */
		#content p.price {
			font-size: 80%;
			text-align: right;
		}
		#content p.price a {
			font-weight: bold;
			padding-left: 10px;
			background: url(gfx/divider.png) no-repeat;
		}
		
		/* webdesign list */
		#content ul.webdesign {
			margin-top: 15px;
			margin-bottom: 10px;
			list-style-image: none;
			list-style: none;
		}
		#content ul.webdesign li {
			margin-top: 2px;
			border-bottom: dotted 1px #b5b5b5;
			float: none;
			clear: both;
		}
		#content ul.webdesign img {
			width: 40px;
			height: 45px;
			margin-top: 5px;
			margin-right: 10px;
			float: left;
		}
		#content ul.webdesign a.title {
			font-size: 105%;
			font-weight: bold;
		}
		#content ul.webdesign p.small {
			line-height: 115%;
		}
		
		/* licence list */
		#content ul.licence {
			margin: 0;
			padding: 0;
			margin-top: 25px;
			list-style: none;
		}
		#content ul.licence li {
			width: 21%;
			height: 135px;
			padding: 10px 5px;
			margin-bottom: 10px;
			text-align: center;
			float: left;
			border: solid 1px #f1f1f1;
		}
		#content ul.licence li:hover {
			border: solid 1px #d9d9d9;
		}
		#content ul.licence img {
			width: 100px;
			height: 75px;
			margin-bottom: 6px;
		}
		#content ul.licence p {
			text-align: center;
			margin: 4px;
		}
		#content ul.licence p.title {
			font-weight: bold;
		}

		/* homepage */
		#content #home_col1, #content #home_col2, #content #home_col3, #content #home_col4 {
			position: relative;
			height: 250px;
			padding: 0 15px;
			width: 183px;
			width: 185px!important;
			background: url(gfx/bkg-home_col.png) no-repeat;
		}
		#content ul.home_ul {
			position: absolute;
			bottom: 35px;	
		}
		#content ul.home_ul a {
			font-size: 90%;
			text-decoration: none;
		}
		#content ul.home_ul a:hover {
			text-decoration: underline;
		}
		#content p.more a {
			font-size: 80%;
			font-weight: bold;
			margin-right: 10px;
		}

		/* graphic design */
		#content #gd_col1, #content #gd_col2, #content #gd_col3, #content #gd_col4,
		#content #gd_col5, #content #gd_col6, #content #gd_col7, #content #gd_col8 {
			position: relative;
			height: 190px;
		}
		#content #home_col1 p.more, #content #home_col2 p.more, #content #home_col3 p.more, #content #home_col4 p.more,
		#content #of_col1 p.more, #content #of_col2 p.more, #content #of_col3 p.more, #content #of_col4 p.more,
		#content #gd_col1 p.price, #content #gd_col2 p.price, #content #gd_col3 p.price, #content #gd_col4 p.price,
		#content #gd_col5 p.price, #content #gd_col6 p.price, #content #gd_col7 p.price, #content #gd_col8 p.price {
			position: absolute;
			right: 10px;
			bottom: 0px;
		}

		/* advertising */
		#content #ad_col1, #content #ad_col2, #content #ad_col3, #content #ad_col4 {
			height: 160px;
			border: solid 1px #ffffff;
			padding: 3px;
		}
		#content #ad_col1:hover, #content #ad_col2:hover, #content #ad_col3:hover, #content #ad_col4:hover {
			border: solid 1px #d9d9d9;
		}
		#content #ad_col1 p, #content #ad_col2 p, #content #ad_col3 p, #content #ad_col4 p {
			text-align: center;
			font-size: 80%;
			line-height: 100%;
		}

		/* offers */
		#content #of_col1, #content #of_col2, #content #of_col3, #content #of_col4 {
			position: relative;
			height: 265px;
			margin-top: 5px;
		}

		/* Breadcrumb */
		#content div.breadcrumb ul {
			padding: 0;
			list-style: none;
			margin: 0;
		}
		#content div.breadcrumb li {
			margin: 0;
			display: inline;
		}
		#content div.breadcrumb a {
			font-size: 80%;
			padding-right: 10px;
			background: url(gfx/bullet-right.png) no-repeat;
			background-position: center right;
		}
		#content div.breadcrumb span {
			font-size: 80%;
			font-weight: bold;
		}

		/* Headers */
		#content h1, #content h2, #content h3, #content h4 {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color: #ff9900;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		#content h1 {
			font-size: 170%;
		}
		#content h2 {
			font-size: 155%;
		}
		#content h3 {
			font-size: 140%;
		}
		#content h4 {
			font-size: 125%;
			line-height: 85%;
		}
		#content h5 {
			font-size: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#content h4 span {
			font-size: 80%;
			color: #555;
		}

		/* Flags */
		#content h5.uk {
			background: url(gfx/flag-uk.png) no-repeat;
			height: 20px;
			padding-left: 25px;
		}
		#content h5.pl {
			background: url(gfx/flag-pl.png) no-repeat;
			height: 20px;
			padding-left: 25px;
		}

		/* Paragraph */
		#content p {
			font-size: 100%;
			line-height: 160%;
			margin-top: 5px;
			margin-bottom: 10px;
			color: #555;
			text-align: justify;
		}
		#content p.small {
			font-size: 80%;
			line-height: 140%;
			text-align: left;
		}
		#content p.bold,
		#content span.bold {
			font-weight: bold;
		}
		#content p.address {
			padding-left: 40px;
			margin-top: -5px;
			background: url(gfx/icon-address.png) no-repeat;
			background-position: 22px 6px;
		}
		#content p.telephone {
			padding-left: 40px;
			margin-top: -10px;
			font-size: 80%;
			padding-top: 4px;
			background: url(gfx/icon-tel.png) no-repeat;
			background-position: 22px 6px;
		}
		#content p.vcard {
			padding-left: 40px;
			margin-top: -10px;
			margin-bottom: 25px;
			font-size: 80%;
			padding-top: 4px;
			background: url(gfx/icon-vcard.png) no-repeat;
			background-position: 22px 7px;
		}

		/*  Pictures */
		#content div.pic_left, #content div.pic_right {
			border: solid 1px #d8d8d8;
			padding: 7px;
			margin: 2px 20px;
			display: inline;
		}
		#content div.pic_left {
			float: left;
			margin-left: 0;
		}
		#content div.pic_right {
			float: right;
			margin-right: 0;
		}
		#content div.pic_nb_left, div.content #pic_nb_right {
			margin: 2px 15px;
			display: inline;
		}
		#content div.pic_nb_left {
			float: left;
			margin-left: 0;
		}
		#content div.pic_nb_right {
			float: right;
			margin-right: 0;
		}
		#content div.pic_left p, #content div.pic_right p {
			font-size: 80%;
			margin-bottom: 0px;
			line-height: 120%;
			text-align: left;
		}

		/* Lists */
		#content ul {
			padding-left: 10px;
			list-style: none;
			list-style-image:url(gfx/bullet-right.png);
			margin: 0;
		}
		#content ul.counter {
			list-style: decimal;
			color: #555;
			font-size: 100%;
		}
		#content ul.lower-alpha {
			list-style: lower-alpha;
			color: #555;
			font-size: 100%;
		}
		#content ul li {
			margin-left: 10px;
		}
		#content ul li p {
			line-height: 115%;
		}

		/* Forms */
		#content fieldset {
			padding: 5px;
			border: solid 4px #d8d8d8;
			-moz-border-radius: 6px;
		}
		#content legend {
			font-size: 100%;
			color: #555;
			padding: 0 10px;
			margin: 0 10px;
		}
		#content form p {
			border-top: 1px dashed #d8d8d8;
			padding-top: 8px;
		}
		#content form p.last {
			text-align: center;
			border: 0;
			padding-top: 10px;
		}
		#content label {
			font-size: 85%;
			font-weight: bold;
			height: 25px;
			margin: 5px;
			text-align: left;
			white-space: nowrap;
			float: left;
		}
		#content #contact label {
			width: 110px;
		}
		#content #extranet label {
			width: 110px;
		}
		#content #payments label {
			width: 110px;
		}
		#content form input.txt,
		#content form input.pass,
		#content form textarea.txt,
		#content form select.txt {
			font-size: 13px;
			padding: 4px;
			font-weight: bold;
			color: #555;
			border: solid 2px #d8d8d8;
			-moz-border-radius: 6px;
		}
		#content #contact input.txt {
			width: 250px;
		}
		#content #extranet input.txt,
		#content #extranet input.pass {
			width: 250px;
		}
		#content #payments input.txt {
			width: 250px;
		}
		#content #payments input#amount.txt {
			width: 100px;
		}
		#content #contact textarea.txt {
			width: 355px;
			font-size: 12px;
			font-weight: normal;
		}
		#content input.button {
			cursor: pointer;
			font-size: 105%;
			padding: 4px 8px;
			*padding-bottom: 2px;
			font-weight: bold;
			color: #555;
			background: 0;
			background: url(gfx/bkg-button.png) repeat-x;
			border: solid 1px #555;
			-moz-border-radius: 6px;
		}
		#content input.button:hover {
			background-position: bottom;
		}

		/* tables */
		#content table {
			margin-bottom: 15px;
		}
		#content table tr.odd {
			background: #f1f1f1;
		}
		#content table tr.header {
			font-weight: bold;
			height: 40px;
		}
		#content table td.col_1 {
			width: 60%;
			text-align: left;
			padding-left: 10px;
		}

		#content table td {
			font-size: 85%;
			color: #555;
			height: 25px;
			text-align: center;
			border-bottom: dotted 1px #b5b5b5;		
		}
		#content table td.desc {
			text-align: left;
			padding-left: 10px;
		}

		/* ajax loading */
		#content p.ajax_loading	{
			font-size: 75%;
			text-align: center;
			height: 16px;
			color: #555;
		}
		#content p.ajax_loading img	{
			margin-right: 5px;
			vertical-align: middle;
		}

		/* offers table */
		#content table.home_offers {
			width: 100%;
			margin-top: -10px;
		}

		/* comparison table */
		#content table.compare {
			width: 100%;
		}
		#content table.compare td.col_1 {
			width: 49%;
		}
		#content table.compare td.col_2,
		#content table.compare td.col_3,
		#content table.compare td.col_4 {
			width: 17%;
		}
		#content table.compare tr.header {
			font-size: 120%;
			font-weight: bold;
			height: 40px;
		}
	
		/* domains table */
		#content table.domains,
		#content table.hosting {
			width: 100%;
			margin-top: 15px;
		}
		#content table.domains td.col_2,
		#content table.domains td.col_3,
		#content table.hosting td.col_2,
		#content table.hosting td.col_3 {
			width: 20%;
		}

		/* domain search */
		#content #domain_form p {
			border: 0;
		}
		#content #domain_form label {
			width: 30px;
		}
		#content #domain_form input.txt {
			width: 120px;
		}
	
		/* site map */
		#content .sitemap a {
			font-weight: bold;
			text-decoration: none;
			line-height: 130%;
		}
		#content ul.sitemap ul a {
			font-weight: normal;
		}
		#content ul.sitemap ul ul a {
			font-weight: normal;
			font-size: 90%;
		}
	
		/* advertising list (toggled elements) */
		#content ul.advertising div p {
			margin-top: -2px;
			font-size: 85%;
		}

	/***********************************************
	* FOOTER
	***********************************************/
	#footer {
		margin: 50px 20px 10px 20px;
		padding: 10px 0;
		border-top: dotted 1px #b5b5b5;
		border-bottom: dotted 1px #b5b5b5;
	}
	#footer div.tools {
		width: 205px;
		margin-left: 20px;
		float: left;
	}
		#footer div.tools ul {
			padding: 0;
			list-style: none;
			margin: 0;
		}
		#footer div.tools li {
			padding-left: 10px;
			margin-right: 5px;
			display: inline;
			background: url(gfx/divider.png) no-repeat;
			background-position: 0 4px;
		}
		#footer div.tools li.first {
			background: none;
		}
		#footer div.tools a {
			font-size: 75%;
			text-decoration: none;
		}
		#footer div.tools a:hover {
			text-decoration: underline;
		}
		#footer div.tools a.sitemap {
			padding-left: 15px;
			background: url(gfx/icon-sitemap.png) no-repeat;
		}

		#footer div.tools a.rss {
			padding-left: 15px;
			background: url(gfx/icon-rss.png) no-repeat;
		}
		#footer div.tools a.print {
			padding-left: 15px;
			background: url(gfx/icon-print.png) no-repeat;
		}
	#footer div.links {
		width: 350px;
		float: left;
	}
		#footer div.links ul {
			padding: 0;
			list-style: none;
			margin: 0;
		}
		#footer div.links li {
			padding-left: 5px;
			display: inline;
			background: url(gfx/bullet-fright.png) no-repeat;
			background-position: 4px 6px;
		}
		#footer div.links a {
			margin-left: 7px;
			font-size: 75%;
			font-weight: bold;
			text-decoration: none;
		}
		#footer div.links a:hover {
			text-decoration: underline;
		}
	#footer p {
		font-size: 85%;
		color: #555;
		text-align: right;
		margin-right: 20px;
		float: none;
	}


	/***********************************************
	* AWARDS
	***********************************************/
	#awards {
		text-align: right;
		margin-right: 40px;
	}
		#awards ul {
			padding: 0;
			list-style: none;
			margin: 0;
		}
		#awards li {
			padding-left: 5px;
			display: inline;
		}