* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: baseline;
}

body, html {height: 100%}

body {
	text-align: center;
	background-color: #F7F7F7;
}

body, input, select, textarea {
	font: 12px Verdana, Arial, sans-serif;
	color: #666;
}

p {margin-bottom: 18px}

/*generic*/
.clear {clear: both}

.right {float: right}

.left {float: left}

.holder {
	width: 887px;
	text-align: left;
	margin: 0 auto;
}

#header {
	height: 105px;
	background: url(../images/bg-header.png) repeat-x top left;
}

#header h1 {
	position: relative;
	top: 24px;
	left: 8px
}

#header h1, #header h1 a {
	display: block;
	width: 267px;
	height: 53px;
	float: left;
	text-indent: -5000px;
	background: url(../images/logo-swatlabs.png) no-repeat top left;
}

#header h2 {
	position: relative;
	top: 40px;
	width: 227px;
	height: 27px;
	float: right;
	text-indent: -5000px;
	background: url(../images/tit-cutting.png) no-repeat top left;
}

#content {
	position: relative;
	top: -8px;
}

#content .holder {
	background: url(../images/bg-content.png) no-repeat top right;
	padding-top: 21px
}

#description {
	width: 225px;
	height: 180px;
	float: left;
	color: #FFF;
	background: url(../images/bg-description.png) no-repeat top left;
	padding: 38px 22px 0;
}

#description h3 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 6px
}

#featured {
	position: relative;
	top: 23px;
	left: 20px;
	display: inline;
	float: left;
	width: 595px;
	height: 195px
} * html #featured {
	position: static;
	margin: 23px 0 0 20px
}

.app-info {
	float: left;
	width: 178px;
	margin-left: 14px
}

#featured .app-info {width: 358px}

#featured p {margin-bottom: 0}

.application {
	float: left;
	width: 430px;
	height: 165px;
	margin-top: 30px
}

#featured img.left, .application img.left {border: 1px solid #CCC}

.app-info h4 a {
	text-decoration: none;
	display: inline;
	font-size: 12px;
	color: #E1B75B;
	margin-bottom: 2px;
	border-bottom: 1px dotted #E1B75B
}

.app-info h3 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 7px
}

#featured .app-info h3 {font-size: 35px}

ul.features {
	list-style: none;
	margin-top: 5px
}

.features li {
	background: url(../images/ico-features.png) no-repeat center left;
	margin-bottom: 2px;
	padding-left: 20px
}

a.more-info:link, a.more-info:hover, a.more-info:visited, a.more-info:active {
	display: block;
	width: 147px;
	height: 24px;
	background: url(../images/bt-information.png) no-repeat top left;
	text-indent: -5000px;
	margin-top: 25px;
}

#footer {
	height: 82px;
	background: url(../images/bg-footer.png) repeat-x top left;
	margin-top: 20px
}

#swat-links, #copyright {
	position: relative;
	top: 30px;
	float: left;
	list-style: none
}

#swat-links {top: 35px}

#swat-links li, #copyright li {
	float: left;
	margin-right: 10px
}

#swat-links li.tit-links {
	position: relative;
	top: -2px;
	width: 81px;
	height: 21px;
	text-indent: -5000px;
	background: url(../images/swat-links.png) no-repeat top left;
}

#swat-links li a:link, #swat-links li a:hover, #swat-links li a:visited, #swat-links li a:active {
	font-size: 11px;
	color: #2b93bf;
	font-weight: bold;
	text-decoration: none;
}

#swat-links li a:hover {text-decoration: underline}

#copyright {float: right}

#copyright .logo a:link, li.logo a:hover, li.logo a:visited, li.logo a:active {
	width: 53px;
	height: 23px;
	display: block;
	text-indent: -5000px;
	background: url(../images/logo-swat.png) no-repeat top left;
}

#copyright .logo a {
	width: 53px;
	height: 23px;
	text-indent: -5000px;
	background: url(../images/logo-swat.png) no-repeat top left;
}

.txt-copyright {
	position: relative;
	top: 5px
}

/*app page*/

h2.tit-app {
	font-size: 66px;
	font-weight: normal;
	margin-bottom: 11px;
}

#gallery {
	float: left;
	width: 505px;
	margin-right: 23px;
}

#gallery img {
	margin-bottom: 5px;
	border: 1px solid #CCC
}

#gallery img#highlight {
	border-width: 1px 8px
}

.thumbs {margin-top: 8px}

.thumbs div {
	float: left;
	width: 160px;
	margin-right: 12px
} * html .thumbs div {
	margin-right: 3px
}

.thumbs div.last-thumb {margin-right: 0}

.info {
	width: 350px;
	float: left;
}

.info h3 {margin-bottom: 18px}

a.bt-website:link, a.bt-website:hover, a.bt-website:visited, a.bt-website:active {
	display: block;
	width: 118px;
	height: 30px;
	text-indent: -5000px;
	background: url(../images/bt-website.png) no-repeat top left;
	margin-top: 20px;
}

a.bt-support:link, a.bt-support:hover, a.bt-support:visited, a.bt-support:active {
	margin-left: 5px;
	font-size: 11px;
	color: #2b93bf;
	font-weight: bold;
	text-decoration: none;
}

.thumbnail {cursor: pointer}

/*error*/
.error {height: 200px}