body {
	overflow-y: scroll;
	text-align: center;
	color: #848589;
	font-family: "Segoe UI", Arial, Sans-Serif;
	font-size: 14px;
	}
		
table {
	font-family: "Segoe UI", Arial, Sans-Serif;
	font-size: 14px;
	}

a {
	color: #ff6400;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

a img {
	border: none;
	}

p {
	margin: 0; margin-bottom: 10px;
	}					
	
/*** style for specific classes ***/

input, select, textarea {
	font-family: "Segoe UI", Arial, Sans-Serif;
	font-size: 14px;
	border: solid 1px #848589;
	background: #fff;
	}
	
.button {
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: 0;
	background: #ff6400;
	}

.clear {
	clear: both;
	}

/*** style for headers ***/

h1, h2 {
	font-weight: normal;
	}

h1 {
	margin: 0;
	}

h2 {
	color: #393738;
	}
	
/*** style for site layout ***/

#site {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}

#header {
	padding: 10px;
	text-align: right;
	}

	#logo {
		}

#content {
	margin: 0 auto; padding: 0;
	min-height: 400px;
	background: #fff;
	}						

/*** style for alert ***/

#alertbg {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 50;
	filter: alpha(opacity=75);
	opacity: 0.75;
	background: #666;	
	}

	#alerttext {
		position: absolute;
		left: 0; top: 0;
		width: 100%;
		text-align: center;
		z-index: 99;
		}

		#alerttext div {
			position: relative;
			overflow: auto;
			margin: 0 auto; margin-top: 36px; padding: 12px; padding-bottom: 24px;
			width: 523px!important; width: 547px; 
			text-align: left;
			border: solid 1px #5c402c; border-right: solid 2px #5c402c; border-bottom: solid 2px #5c402c;
			background: #fff;	
			}				

.close {
	position: absolute;
	right: 12px; bottom: 6px;
	}	

/*** style for freepage ***/																														

#imagehead {
	margin-top: 4px;
	}

	#pagetop {
		overflow: auto;
		margin: 20px 0;
		}

		#pagetop h1 {
			float: left;
			width: 480px;
			font-size: 35px;
			}

			#pagetop h1 span {
				display: block;
				color: #ff6400;
				}

		#pagetoptext {
			float: left;
			width: 480px;
			}

#pagetext {
	clear: both;
	overflow: auto;
	padding-top: 20px; margin-bottom: 20px;
	border-top: solid 1px #ff6400;
	}

	#pagetext h2 {
		margin-top: 0;
		}

.multicolumn {
	padding-top: 20px; margin-bottom: 20px;
	column-count: 3;
	column-gap: 10px;
	border-top: solid 1px #ff6400;
	}

	.multicolumn h2 {
		margin-top: 0;
		}
		
/*** style for portfolio ***/

#portfolio {
	float: left;
	margin: 0 20px 0 0; padding: 0;
	width: 233px;
	text-align: left;
	list-style: none;
	}

	#portfolio li {
		float: left;
		overflow: hidden;
		margin: 0 4px 4px 0; padding: 0;
		height: 75px; 
		}

		#portfolio li.last {
			margin-right: 0;
			}

		#portfolio li a {
			display: inline-block;
			margin: 0; padding: 0;
			width: 73px; height: 73px; 
			border: solid 1px #efefef;
			}

			#portfolio li a:hover, #portfolio li a.active {
				border: solid 1px #ff6400;
				}

			#portfolio li a span {
				display: none;
				}

/*** style for sitedescription ***/

#sitedescription {
	float: left;
	position: relative;
	width: 700px; height: 391px;
	}

	#sitedescription .textmodule {
		padding-left: 10px;
		width: 686px;
		color: #fff;
		font: 11px/normal "Segoe UI", Arial, Sans-Serif;
		text-transform: uppercase; overflow: hidden; font-size-adjust: none; font-stretch: normal;
		}

	.sitelink {
		position: absolute;
		right: 5px; bottom: 9px;
		display: block;
		padding: 2px 10px 0 8px;
		width: 100px; height: 23px;
		color: #fff;	
		background: url('../Webmasters/Images/arrows.png') right 5px no-repeat;
		}							

		.sitelink:hover {
			text-decoration: none;
			background: url('../Webmasters/Images/arrows.png') right -21px no-repeat;
			}

/*** style for form ***/

#formtext {
	float: left;
	margin-right: 5px;
	width: 250px;
	}

#form {
	float: left;
	width: 500px;
	}

	#form th {
		text-align: left;
		font-weight: normal;
		}							

/*** style for home ***/

#sponsoring {
	float: right;
	}	

	#sponsoring img {
		border: none;
		}	

#highlight {
	}

	.highlightgridcolumn1 {
		float: left;
		display: inline;
		margin-right: 5px;
		}

	.highlightgridcolumn2 {
		float: left;
		display: inline;
		margin-right: 5px;
		}

	.highlightgridcolumn3 {
		float: left;
		display: inline;
		margin-right: 0;
		}

.highlightblock {
	position: relative;
	display: block;
	margin-top: 4px; 
	width: 173px; height: 173px; 
	overflow: hidden;
	background: #efefef;
	}

	.highlightblock img {
		width: 173px; height: 173px;
		}

	.textmodule, .slidetext {
		position: absolute;
		left: 0; bottom: 0;
		display: block;
		margin: 0; padding: 0 4px; 
		width: 185px; height: 44px;
		white-space: nowrap;
		filter: alpha(opacity=85); 
		opacity: 0.85;
		background-color: #000;
		}

		.slidetext {
			width: 604px;
			color: #fff;
			font: 11px/normal "Segoe UI", Arial, Sans-Serif;
			text-transform: uppercase; overflow: hidden; font-size-adjust: none; font-stretch: normal;
			}
		
		.highlightblocklarge .textmodule {
			width: 604px;
			}

		.highlightblock:hover .textmodule, .highlightblocklarge:hover .textmodule, .slidetext:hover {
			background-color: #ff5d20;
			}

		.textmodule h2, .slidetext h2 {
			font: bold 14px "Segoe UI", Arial, Sans-Serif;
			overflow: hidden;
			margin: 0; padding: 4px 0;
			height: 14px;
			color: #fff;
			text-transform: uppercase; 
			}

		.textmodule p, .slidetext p {
			overflow: hidden;
			margin: 0; height: 14px;
			color: #fff;
			font: 11px/normal "Segoe UI", Arial, Sans-Serif;
			font-size-adjust: none;
			font-stretch: normal;
			text-transform: uppercase; 
			}

/*** style for slide banner ***/

#highlightgridcolumn2 {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 5px;
	width: 604px;
	}

#slidecontrol {
	position: absolute;
	right: 10px; top: 10px;
	z-index: 999;
	margin: 0; padding: 0;
	list-style: none;
	}

	#slidecontrol li {
		display: inline-block;
		margin-right: 3px;
		}

		#slidecontrol li a {
			display: inline-block;
			width: 12px; height: 12px;
			background: url('../Webmasters/Images/slideindicator.png') no-repeat;
			}

			#slidecontrol li.active a {
				background: url('../Webmasters/Images/slideindicator_active.png') no-repeat;
				}

			#slidecontrol li a span {
				display: none;
				}

#slides {
	position: relative;
	margin: 0; margin-top: 4px; padding: 0;
	height: 350px;
	overflow: hidden;
	}
			
	#slides div.slide {
		position: absolute;
		z-index: 3;
		padding-bottom: 0;
		padding-left: 0;
		height: 350px;
		font-family: 'Segoe UI';
		font-size: 18px;
		background-position: left top;
		background-repeat: no-repeat;
		}

.highlightblocklarge {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 4px;
	width: 604px; height: 350px;
	}

/*** style for newsitems ***/

#newsitems {
	clear: both;
	overflow: hidden;
	padding-top: 4px;
	width: 100%; 
	}

.newscolumn {
	float: left;
	display: inline;
	margin-right: 5px;
	width: 236px;
	}

	.last {
		margin-left: 1px;
		margin-right: 0;
		}

	.image-placeholder {
		height: 100px; 
		z-index: 1;
		background-position: center top;
		background-repeat: no-repeat;
		}

	#newsitems p {
		margin-top: 20px; margin-bottom: 20px;
		font-size: 11px; 
		}

	#newsitems .newsitemtext {
		position: relative;
		margin-bottom: 20px; padding: 0 10px;
		}

	#newsitems a {
		color: #ffa100;
		font-size: 12px;
		font-weight: bold;
		}

		#newsitems a:hover {
			color: #ff6400;
			text-decoration: none;
			}

	#newsitems h3 {
		margin: 0; padding-top: 20px; 
		color: rgb(132, 133, 137); 
		font-family: "Segoe UI", Arial, Sans-Serif; 
		font-size: 20px;
		font-weight: normal;
		}

/*** style for footer ***/

#footer {
	clear: both;
	margin: 0 auto; padding: 10px 0;
	width: 960px;
	list-style: none;
	font-size: 12px;
	border-top: solid 1px #bdbec1;
	}

	#footer li {
		display: inline;
		margin: 0; padding: 0 5px;
		}

		#footer li a {
			color: #bdbec1;
			}

/*** style for appinfo ***/

#appinfo {
	clear: both;
	overflow: auto;
	padding-top: 20px; margin-bottom: 20px;
	border-top: solid 1px #ff6400;
	}

	#appinfo h1 {
		margin-bottom: 10px;
		}
 
#appSummary {
	float: left;
	margin-right: 30px;
	width: 200px;
	font-size: 12px;
	}

	#appSummary img {    
		margin-bottom: 16px;
		background-color: #eee;
		}

	#appSummary .download {
		display: block;
		margin-bottom: 20px; padding: 9px 16px;
		min-width: 95px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		background-color: #e51400;
		}

		#appSummary .download:hover {	
			text-decoration: none;
			}

#appDetails {
	float: left;
	overflow: auto;
	width: 730px;
	}

	#apptext {
		float: left;
		margin-right: 30px;
		width: 350px;
		text-align: justify;
		text-align-last: left;
		}

#screenshots {
	float: left;
	margin: 0; padding: 0;
	width: 350px;
	list-style: none;
	}

	#screenshots li {
		float: left;
		margin: 0 10px 10px 0;
		width: 150px; height: 150px;
		text-align: center;
		background-color: #eee; 
		}

	#screenshots a {		
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 150px; height: 150px;
		background-position: center top;
		background-repeat: no-repeat;
		}

/*** style for shotviewer ***/

#shotViewer #shotNumber {
	color: #fff;
	font: 13px/18px "Segoe WPC","Segoe UI",Helvetica,Arial,"Arial Unicode MS",Sans-Serif;
	}

#shotViewer {
	display: none;
	position: fixed;
	left: 0; top: 0;    
	width: 100%; height: 100%;    
	z-index: 2000; 
	}
        
#shotViewer > .background {
	filter: alpha(opacity=50);
	opacity: .5;
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: -1;
	background-color: #000;
	}

#shotViewer #closeViewer {
	position: absolute;
	cursor: pointer;
	display: inline-block;
	width: 34px; height: 34px;
	background-image: url('../Webmasters/images/marketplace.png');
	background-position: -100px -202px;
	background-repeat: no-repeat;
	}

#shotViewer > .foreground {
	position: absolute;
	left: 50%; top: 50%;
	margin: -294px 0 0 -228px;
	overflow: hidden;
	width: 456px; height: 588px;
	}
        
#shotViewer #shotNumber {
	margin: 0 0 16px;
	text-align: center;
	}        
        
#shotViewer > .foreground > a,
#shotViewer > .foreground > .shot {
	float: left;
	}

#shotViewer .shot > img {
	background-color: #eee;
	width: 329px; height: 548px;
	}

#shotViewer #closeViewer {
	right: 24px; top: 0px;
	}
        
#shotViewer #previousShot,
#shotViewer #nextShot {
	cursor: pointer;
	display: inline-block;
	margin: 250px 16px 0;
	width: 31px; height: 47px;
   background-image: url('../Webmasters/images/marketplace.png');
	}
        
#shotViewer #previousShot { background-position: 0px -147px; }

#shotViewer #previousShot:hover,  
#shotViewer #previousShot:active,
#shotViewer #previousShot:focus { 
	background-position: -32px -147px; 
	}

#shotViewer #nextShot {
	background-position: -105px -147px;
	}

#shotViewer #nextShot:hover, 
#shotViewer #nextShot:active,
#shotViewer #nextShot:focus { 
	background-position: -72px -147px; 
	}