/* CSS Document */

* {
	margin:												0;
	padding:											0;
}

img {
	border:none;
}

body {
	width:												968px;
	font-family:										Verdana, Arial, Helvetica, sans-serif;
	font-size:											0.7em;
	padding:											10px 0 0 15px;
}

embed {
	margin:												0;
	padding:											0;
}

/* 1. Header Styling */
#header {
	text-align:											right;
	padding:											15px 39px 0 0;
	height:												41px;
	margin-left:										10px;
	background:											url(images/header.jpg) top left no-repeat;
}

/* 2. Content Styling */
#content {
	width:												947px;
	margin:												27px 0 0 0;
	clear:												both;
}

#content:after {
	content:											".";
	clear:												both;
	height:												0;
	visibility:											hidden;
	display:											block;
	font-size:											0;
}

* html #content {
	height:												1%;
}

/* 3. Sub Content Styling (Generic)*/
#left_content {
	background:											url(images/img_left_bg.jpg) top left no-repeat;
	float:												left;
	width:												514px;
	margin: 											0 0 0 3px;
	overflow:											visible;
	padding-bottom:										15px;
}

.btn_home {
	display:											block;
	margin-left:										5px;
	padding-top:										15px;
}

h1 {
	margin-bottom:										10px;
}

h1 img{
	position:											relative;
	top:												-10px;
	margin:												0 0 0 8px;
	clear:												both;
	display:											block;
	overflow:											visible;
	z-index:											1;
	
}

ul {
	list-style:											none;
}

.errors {
	color:												#FF0000;
	font-weight:										bold;
	padding:											0 0 15px 22px;
}

#nav {
	float:												right;
	width:												409px;
	padding:											8px 0 0 8px;
	background:											url(images/img_right_bg.jpg) top left no-repeat;
}

#nav:after {
	content:											".";
	clear:												both;
	height:												0;
	visibility:											hidden;
	display:											block;
	font-size:											0;
}

#nav li {
	float:												left;
}

#nav li.banner{
	clear:												both;
	margin-bottom:										6px;
}

#nav a, #nav a img {
	display:											block;
}

/* 3a. Sub Content Styling (Page Specific)*/

.home h1 {
	margin-bottom:										11px;
}

.home img{
	margin-left:										25px;

}

.home h1 img {
	margin-left:										8px;
}

.home p{
	float:												right;
	width:												280px;
	margin-top:											-1px;
	margin-right:										30px;
	display:inline;
}

form {
	margin:												0 10px;
}

.demonstration {
	font-size:											0.9em;
}

.demonstration h1 {
	margin-bottom:										0;
}

.demonstration p {
	font-size:											1.1em;
	padding:											10px 80px 10px 20px;
}
	
.demonstration table{
	width:												470px;
	margin:												0 0 0 10px;
}

.demonstration td {
	padding-bottom:										5px;
}


.demonstration label {
	display:											block;
	text-align:											right;
	padding-right:										8px;
}

.demonstration .actions {
	text-align:											right;
}

.press table{
	width:												485px;
	margin:												0 0 0 21px;
}

.press td {
	padding-bottom:										8px;
}

.press .download {
	width:												84px;
}

.press .filesize {
	font-size:											0.9em;
	padding-left:										2px;
	width:												80px;
	text-align:											right;
}

.press .icon {
	width:												30px;
	padding-left:										7px;
}

.press p {
	padding:											0 15px 0 23px;
	font-size:											0.8em;
}

div.gallery {
	width:												285px;
}

div.gallery table{
	margin-left:										20px;
}

div.gallery ul {
	list-style:											none;
}

div.gallery ul li {
	display:											inline;
}

div.gallery ul li img{
	margin:												0 5px 0 5px;
}

/* 4. Footer Styling */
#footer {
	border-top:											2px solid #d40058;
	background:											url(images/img_footer_bg.png) top left repeat-x;
	clear:												both;
	padding:											15px 0 0 15px;
	width:												940px;
	margin-top:											32px;
	font-size:											0.9em;
}

#footer .gs {
	float:												right;
	padding-right:										15px;
}

#footer .gs a {
	color:												#333;
}

/* 5. Misc Styling */
span {
	color:												#d40058;
}

.hide {
	display:											none;
	}
	
.first {
	margin-left:										10px;
}

.center {
	text-align:											center;
}

#slideprev {
	position:											relative;
	display:											block;
	width:												27px;
	height:												26px;
	background:											url(images/btn_prev_pink.jpg) top left no-repeat;
}

#slideprev span {
	display:											none;
}

#slideprev.disable {
	width:												27px;
	height:												26px;
	background:											url(images/btn_prev_grey.jpg) top left no-repeat;
}

#slidenext {
	position:											relative;
	display:											block;
	width:												27px;
	height:												26px;
	background:											url(images/btn_next_pink.jpg) top left no-repeat;
}

#slidenext span {
	display:											none;
}

#slidenext.disable {
	width:												27px;
	height:												26px;
	background:											url(images/btn_next_grey.jpg) top left no-repeat;
}