/*
	Author: Osvaldas Valutis, www.osvaldas.info - freelancer web / logo / identity / print designer and web developer
	Website: usabilityhawk.com
	Date: October, 2009
*/


/*
	Reset and general settings
*/


html
{
	padding: 0;
	margin: 0;
}


body,
h1, h2, h3, h4, h5, h6,
p, span, em, pre, blockquote, abbr, acronym, a,
ul, ol, li,
dl, dt, dd,
table, tr, th, td, thead, tbody, tfoot, caption,
form, fieldset, legend, input, textarea, label
{
	border: 0;
	padding: 0;
	margin: 0;

}


body
{
	font: normal 15px/28px helvetica, tahoma, arial, sans-serif;
	color: #424242;
	background: #e1e1e1 url('/img/bg.gif') repeat-x 0 0;
	padding: 50px 0 80px;
}


ul { list-style-type: none; }


table
{
	border-collapse: separate;
	border-spacing: 0;
}


a 			{ text-decoration: underline; color: #f89200; outline: 0; }
a:hover 	{ text-decoration: none; color: #efca00; }
a img		{ border: none; }


small		{ font-size: 85%; }
big			{ font-size: 130%; }


h1, h2, h3, h4, h5, h6
{
	font: normal 25px/28px helvetica, arial, sans-serif;
	color: #000;
	margin: 0 0 10px;
}

h2
{
	font-size: 20px;
	font-weight: bold;
	color: #f89200;
}

h3
{
	width: 255px;
	font-size: 20px;
	text-align: right;
	border-right: 1px solid #ccc;
	float: left;
	padding: 10px 20px 15px 0;
	margin: 0 20px 20px 0;
}


p		{ margin: 0 0 20px; }


strong	{ color: #000; }


em.amp	
{
	font-family: baskerville, 'palatino linotype', 'times new roman', serif;
	font-weight: normal;
	line-height: 90%;
}


img.left	{ width: auto; height: auto; margin: 5px 15px 10px 0; }
img.right	{ width: auto; height: auto; margin: 5px 0 10px 30px; }


.cleaner 	{ height: 0; font-size: 0; line-height: 0; clear: both; }
.clear		{ clear: both; }


.container
{
	width: 100%;
	overflow: hidden;
}


.left	{ width: 46%; float: left; }
.right	{ width: 46%; float: right; }


.grey	{ color: #666; }
.black	{ color: #000; }
.white	{ color: #fff; }
.yellow { color: #efca00; }
.green	{ color: #97ca00; }
.red	{ color: #bc3600; }


.small-caps		{ font-variant: small-caps; }


.small			{ font-size: 85%; }


.hide			{ display: none; }


.numbers		{ font-size: 110%; font-family: georgia, garamond, times, "times new roman", serif; }


.align-left		{ text-align: left; }
.align-center	{ text-align: center; }
.align-right	{ text-align: right; }



/*
	------------------------------------------------------------------------------------------------
*/

/*
	Header
*/



#header
{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}

	#logo
	{
		width: 371px;
		height: 64px;
		float: left;
	}
		#logo a
		{
			height: 100%;
			text-indent: -9999px;
			background: transparent url('/img/logo.gif') no-repeat 0 0;
			display: block;
		}
			#logo a:hover
			{
				background-position: 0 bottom;
			}


	#nav
	{
		float: right;
	}
		#nav li
		{
			text-indent: -9999px;
			display: inline;
		}
			#nav li a
			{
				height: 34px;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				display: block;
				float: left;
				margin: 0 0 0 15px;
			}
				#nav li a:hover
				{
					background-position: 0 -34px;
				}

				#nav li a.selected
				{
					background-position: 0 bottom;
				}

				a#nav-home	{ width: 78px; background-image: url('/img/nav_home.gif'); }
				a#nav-tmsn	{ width: 175px; background-image: url('/img/nav_tmsn.gif'); }
				a#nav-about	{ width: 82px; background-image: url('/img/nav_about.gif'); }
				a#nav-faq	{ width: 61px; background-image: url('/img/nav_faq.gif'); }



/*
	Slideshow
*/



#slideshow
{
	width: 925px;
	height: 310px;
	font-size: 18px;
	color: #f4edda;
	background: transparent url('/img/slideshow.jpg') no-repeat 0 0;
	position: relative;
	margin: 15px auto 60px;
}
	#slideshow h2
	{
		font-size: 35px;
		color: #fff;
	}
	#slideshow img.icon
	{
		float: left;
		margin: -70px 60px 0 0;
	}

	ul#slideshow-slides
	{
		width: 880px;
		position: absolute;
		top: 0;
		left: 23px;
		z-index: 1;
	}
		ul#slideshow-slides li
		{
			display: none;
			padding: 60px 50px;
		}
			ul#slideshow-slides li img { position: relative; }

	ul#slideshow-nav
	{
		width: 880px;
		position: absolute;
		bottom: 8px;
		left: 23px;
		z-index: 2;
	}
		ul#slideshow-nav li
		{
			text-indent: -9999px;
			display: inline;
		}
			ul#slideshow-nav li a
			{
				height: 49px;
				background-color: transparent;
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				float: left;
			}

			li#slideshow-nav-request a 				{ width: 293px; background-image: url('/img/slideshow_request.png'); }
				li#slideshow-nav-request a:hover 	{ background-image: url('/img/slideshow_request_hover.png'); }
				li#slideshow-nav-request a.selected { background-image: url('/img/slideshow_request_selected.png'); }

			li#slideshow-nav-rest a 				{ width: 292px; background-image: url('/img/slideshow_rest.png'); margin: 0 1px; }
				li#slideshow-nav-rest a:hover 		{ background-image: url('/img/slideshow_rest_hover.png'); }
				li#slideshow-nav-rest a.selected 	{ background-image: url('/img/slideshow_rest_selected.png'); }

			li#slideshow-nav-review a 				{ width: 293px; background-image: url('/img/slideshow_review.png'); }
				li#slideshow-nav-review a:hover 	{ background-image: url('/img/slideshow_review_hover.png'); }
				li#slideshow-nav-review a.selected 	{ background-image: url('/img/slideshow_review_selected.png'); }




/*
	Separator (used when #slideshow isn't enabled)
*/



#separator
{
	width: 914px;
	height: 42px;
	background: transparent url('/img/separator.gif') no-repeat 0 0;
	margin: 3px auto 0;
}



/*
	Content
*/



.content
{
	width: 820px;
	background-color: #fff;
	padding: 20px 30px 0;
	margin: 30px auto 0;
}
	 .content-lower	{ margin-top: 80px; }


	.content .corners,
	.content .corners div
	{
		height: 7px;
		font-size: 0;
		line-height: 0;
		background: transparent url('/img/corners.gif') no-repeat 0 0;
		clear: both;
		position: relative;
		margin: 0 -15px 0 -30px;
	}

	.content .corners-top				{ top: -20px; }
		.content .corners-top div		{ background-position: right -7px; }
	.content .corners-bottom 			{ background-position: left -14px; }
		.content .corners-bottom div 	{ background-position: right -21px; }


	.content h1
	{
		position: relative;
		margin: -48px 0 20px;
	}


	.content blockquote
	{
		font-style: italic;
		line-height: 23px;
		color: #666;
		background: transparent url('/img/quotes.gif') no-repeat 0 0;
		padding: 10px 0 0 70px;
		margin: 0;
	}


	ol#progress
	{
		width: 100%;
		overflow: hidden;
		margin: 0 0 40px;
	}
		ol#progress li
		{
			height: 40px;
			font-size: 20px;
			font-weight: bold;
			color: #efca00;
			line-height: 40px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: left top;
			display: block;
			float: left;
			padding: 0 0 0 50px;
			margin: 0 15px 0 0;
		}
			li#progress-step-1 				{ width: 205px; background-image: url('/img/step_1.gif'); }
			li#progress-step-2 				{ width: 280px; background-image: url('/img/step_2.gif'); }
			ol#progress li#progress-step-3 	{ background-image: url('/img/step_3.gif'); margin: 0; }

			ol#progress li.selected
			{
				color: #000;
				background-position: 0 bottom;
			}

			ol#progress li div
			{
				background: transparent url('/img/progress_arrow.gif') no-repeat center right;
			}
				ol#progress li div span
				{
					background-color: #fff;
					padding: 0 20px 0 0;
				}


	ul#procedure-buttons
	{
		width: 100%;
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		bottom: -36px;
		margin: 0 0 0 0;
	}
		ul#procedure-buttons li
		{
			display: block;
			float: left;
		}
			ul#procedure-buttons li a
			{
				height: 100%;
				display: block;
			}
			ul#procedure-buttons li a:hover	{ background-position: 0 bottom; }

		li#or
		{
			width: 26px;
			height: 10px;
			background: transparent url('/img/or.gif') no-repeat 0 0;
			margin: 17px 0 0 35px;
		}

		li#read-our-faq,
		li#test-my-site-now
		{
			width: 362px;
			height: 56px;
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		ul#procedure-buttons li#test-my-site-now { float: right; }

			li#read-our-faq a		{ background-image: url('/img/read_our_faq.png'); }
			li#test-my-site-now a	{ background-image: url('/img/test_my_site_now.png'); }


	.content ul.faq
	{
	}
		.content ul.faq li
		{
			background: transparent url('/img/question.gif') no-repeat 0 0;
			padding: 0 0 5px 30px;
			margin: 0 0 30px;
		}
			.content ul.faq li a.faq-question
			{
				font-weight: bold;
				text-decoration: none;
			}
				.content ul.faq li a.selected
				{
					color: #000;
				}

			.content ul.faq li .faq-answer	{ display: none; }

			.content ul.faq li p
			{
				line-height: 25px;
				margin: 0 0 10px;
			}
			.content ul.faq li ul		{ margin: 0 0 10px; }
			.content ul.faq li ul li	{ line-height: 25px; margin: 0 0 5px; }


	.content ul.usual
	{
		list-style-type: none;
		margin: 0 0 20px;
	}
		.content ul.usual li
		{
			line-height: 25px;
			background: transparent url('/img/tick.gif') no-repeat 0 5px;
			border-bottom: 1px solid #dcdcdc;
			padding: 5px 0 15px 45px;
			margin: 0 0 20px;
		}
		.content ul.usual-small li
		{
			line-height: 23px;
			background-image: url('/img/tick_small.gif');
			padding: 5px 0 10px 25px;
			margin: 0 0 10px;
		}


	.content ol.spec
	{
		list-style-type: none;
	}
		.content ol.spec li
		{
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 0 17px;
			line-height: 25px;
			border-bottom: 1px solid #dcdcdc;
			padding: 20px 0 20px 45px;
		}
			.content ol.spec li.n1 	{ background-image: url('/img/number_1.gif'); }
			.content ol.spec li.n2 	{ background-image: url('/img/number_2.gif'); }
			.content ol.spec li.n3 	{ background-image: url('/img/number_3.gif'); }
			.content ol.spec li.n4 	{ background-image: url('/img/number_4.gif'); }
			.content ol.spec li.n5 	{ background-image: url('/img/number_5.gif'); }
			.content ol.spec li.n6 	{ background-image: url('/img/number_6.gif'); }
			.content ol.spec li.no-border { border-bottom: 0; }


	.content .extra-button
	{
		width: 238px;
		text-align: center;
		line-height: 20px;
		color: #666;
		background: transparent url('/img/extra_button_bg.png') no-repeat center bottom;
		float: right;
		overflow: hidden;
		padding: 0 5px 25px;
		margin: 0 0 20px 20px;
	}
		.content .extra-button a
		{
			text-decoration: none;
			color: #efca00;
		}
			.content .extra-button a:hover	{ color: #000; }


	.content form
	{
		background: transparent url('/img/form_line.gif') no-repeat 0 0;
		padding: 20px 0 0;
	}
		.content form.no-line { background: none; }

		.content form .response
		{
			padding: 0 0 20px 225px;
		}
			.content form .response p
			{
				line-height: 23px;
				background-color: transparent;
				background-position: 0 0;
				background-repeat: no-repeat;
				padding: 10px 0 10px 70px;
			}
				.content form .response p.success 	{ background-image: url('/img/response_success.gif'); }
				.content form .response p.fail		{ background-image: url('/img/response_fail.gif'); }

		.content form .item
		{
			width: 100%;
			overflow: hidden;
			margin: 0 0 20px;
		}
		.content form .item-spec
		{
			width: 398px;
			border: 1px solid #ddd;
			padding: 10px;
			margin: 0 0 35px 290px; 
		}
			.content form .item-spec p
			{
				line-height: 23px;
				margin: 0 0 10px;
			}

			.content form .item .holder
			{
				width: 420px;
				float: left;
			}

			.content form .item label
			{
				width: 270px;
				font-weight: bold;
				text-align: right;
				line-height: 20px;
				color: #000;
				display: block;
				float: left;
				margin: 10px 20px 0 0;
			}
				.content form .item label span
				{
					font-size: 12px;
					font-weight: normal;
					color: #666;
				}

			.content form .item input.text,
			.content form .item textarea
			{
				width: 400px;
				height: 25px;
				font: normal 15px/28px helvetica, tahoma, arial, sans-serif;
				color: #666;
				background-color: #f2f2f2;
				border-bottom: 1px solid #ccc;
				padding: 10px 10px 0;
				margin: 0 0 1px;
			}
				.content form .item input.text:focus,
				.content form .item textarea:focus
				{
					background-color: #fbf4e9;
					border-bottom: 2px solid #ff9600;
					color: #000;
					margin: 0;
				}
			.content form .item textarea
			{
				height: 200px;
				line-height: 23px;
			}

			.content form .item input.radio
			{
				margin: 0 5px 0 10px;
			}

			.content form .item select
			{
				font-size: 15px;
				color: #666;
			}
				.content form .item select:focus { color: #000; }

			.content form .item input.submit
			{
				height: 34px;
				font-size: 0;
				line-height: 0;
				text-indent: -9999px;
				background-color: transparent;
				background-position: 0 0;
				background-repeat: no-repeat;
				cursor: pointer;
			}
				.content form .item input.submit:hover	{ background-position: 0 bottom; }

			.content form .item input.f-send	{ width: 92px; background-image: url('/img/submit_send.gif'); }
			.content form .item input.f-next	{ width: 92px; background-image: url('/img/submit_next.gif'); }
			.content form .item input.f-finish	{ width: 97px; background-image: url('/img/submit_finish.gif'); }

			#uploadFile
			{
				width: 92px;
				height: 31px;
				text-indent: -9999px;
				background: transparent url('/img/submit_browse.gif') no-repeat 0 0;
				cursor: pointer;
				margin: 0 0 20px;
			}
				#uploadFile:hover { background-position: 0 bottom; }

			#filesStatus		{ display: none; }
				#filesStatus p	{ margin: 0 0 15px; }

			ul#filesUploaded 	{ display: none; }



/*
	Footer
*/



#footer
{
	width: 570px;
	font-size: 13px;
	background: transparent url('/img/hawk.gif') no-repeat 53% center;
	color: #999;
	margin: 60px auto 0;
}
	#footer a
	{
		text-decoration: none;
		color: #656565;
	}
		#footer a.masked
		{
			color: #999;
		}
		#footer a:hover,
		#footer a.masked:hover
		{
			color: #000;
		}

	#footer ul
	{
		width: 100%;
		overflow: hidden;
	}
		#footer ul li
		{
			line-height: 17px;
			display: inline;
			float: left;
			margin: 0 30px 20px;
		}
			#footer ul li.cleaner
			{
				margin: 0;
			}

			#footer ul li.right
			{
				width: auto; 
				float: right;
				display: inline;
			}

				#footer ul li.selected a
				{
					font-weight: bold;
					letter-spacing: -0.04em;
					color: #000;
				}



/*
	Javascript disable and IE6 notification
*/



noscript,
#ie6
{
	width: 100%;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: transparent url('/img/transparent_dot.png') repeat 0 0;
	position: absolute;
	top: 0;
	padding: 5px 0;
}
	noscript a,
	#ie6 a		{ color: #ff9600; }

#ie6			{ display: none; }
* html #ie6		{ display: block; }