/* @group Structure */

html {
	font-size: 100%;
	}

body {
	background: #637a8d url(../i/bg.gif) center top no-repeat;
	margin: 0;
	padding: 0;
	line-height: 17px;
	}

#box {
	margin: 0 auto;
	background-color: #fff;
	width: 866px;
	background: url(../i/boxBg.png) center repeat-y;
	min-height: 100px;
	}

#main {
	padding: 20px 33px;
	}

#clear {
	clear: both;
	height: 0px;
	}

/* @end */

/* @group Text */

body {
	font-family: Trebuchet MS, Arial, verdana, sans-serif;
	font-size: 62.5%;
	}

#main {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #666;
	}

a {
	color: #f63;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #fff;
	background: #f63;
	text-decoration: none;
	}

h2 {
	margin: 0;
	}

h4 {
	margin: 0;
	font-size: 1.2em;
	}

.smalltext {
	font-size: 0.8em;
	}

.sitefacts {
	font-weight: bold;
	padding-left: 20px;
	}
	
.launch {
	background: url(../i/icon_launch.gif) no-repeat left center;

	}
	
.status {
	background: url(../i/icon_status.gif) no-repeat left center;
	}
	
.viewsite {
	background: url(../i/icon_link.gif) no-repeat left center;
	}
	
.screens {
	background: url(../i/icon_screens.gif) no-repeat left center;
	}

.danskinner {
	word-spacing: -0.2em;
	font-weight: bold;
	}

.com {
	font-style: italic;
	}

/* @end */

/* @group Nav bar */

#navbar {
	margin: 0 auto;
	width: 866px;
	height: 35px;
	background: url(../i/navBg.png);
	}

#topnav {
	position: relative;
	top: 30px;
	margin: 0 auto;
	width: 840px;
	padding: 0;
	font-weight: bold;
	}

#topnav ul {
	margin: 0;
	text-align: right;
	padding-right: 20px;
	}

#topnav li {
	list-style: none;
	display: inline;
	font-size: 1.2em;
	margin-left: 10px;
	}

#topnav a {
	color: #999;
	text-decoration: none;
	background: none;
	padding: 0;
	}

#topnav li a:hover {
	color: #f63;
	text-decoration: none;
	}

#topnav #selected a {
	color: #000;
	}

/* @end */

/* @group Header */

h1 {
	background: url(../i/header.jpg) no-repeat;
	margin: 0 0 0 13px;
	}

h1 a {
	height: 118px;
	width: 840px;
	display: block;
	text-indent: -1000em;
	font-size: 0;
	}

h1 a:hover {
	background: none;
	}

/* @end */

/* @group Main content */

.welcome {
	display: block;
	color: #dbdbdb;
	font-size: 2em;
	margin-bottom: 7px;
	font-family: arial, helvetica, sans-serif;
	}

#navIcons {
	width: 480px;
	height: 110px;
	margin-top: 50px;
	text-align: center;
	font-size: 1.2em;
	}

#navIcons span {
	float: left;
	margin: 0 33px;
	}

#navIcons img {
	margin-bottom: 6px;
	border: 0;
	}

#navIcons a {
	color: #999;
	}

#navIcons a:hover {
	color: #f63;
	text-decoration: none;
	background: none;
	}

.bluebar {
	background: url(../i/bluebar.gif);
	width: 800px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 0 0 9px 0;
	font-size: 0.9em;
	}

.col {
	width: 260px;
	float: left;
	}

.col div {
	clear: both;
	margin-bottom: 3em;
	height: 80px;
	font-size: 1em;
	line-height: 1.3em;
	}

.col img {
	float: left;
	margin-right: 5px;
	border: none;
	}

.col h3 {
	font-size: 0.95em;
	margin-bottom: 0.5em;
	}

.col#midcol {
	margin: 0 10px;
	}

#colSiteL {
	width: 280px;
	float: left;
	}
	
#sitefacts {
	margin: 0;
	padding: 10px 0;
	}

#colSiteL img {
	border: 0;
	}

#colSiteR {
	width: 520px;
	float: right;
	font-size: 1.1em;
	line-height: 1.5em;
	}

#testimonials {
	font-size: 0.8em;
	border-top: 1px solid #999;
	margin-top: 3em;
	}

#testimonials p {
	margin-top: 0.5em;
	}

.rightLink {
	float: right;
	margin: 0 0 20px 0;
	}

/* @group RHS box */

#rhsBox {
	float: right;
	width: 300px;
	background: #f0f0f0 url(../i/rhsBoxBot.gif) no-repeat  bottom;
	margin-bottom: 20px;
	}

#rhsBox #title {
	background: #dbdbdb;
	display: block;
	padding: 3px 8px;
	font-size: 1.3em;
	margin-bottom: 10px;
	}

#rhsBox #screenshot {
	text-align: center;
	display: block;
	}

#rhsBox img {
	border: 0;
	}

#rhsBox p {
	padding: 10px 20px 0px 20px;
	margin: 0;
	}

#rhsBox p.rightLink {
	text-align: right;
	padding: 0 20px 15px 20px;
	}

/* @end */

/* @end */

/* @group Footer */

#footer {
	margin: 0 auto;
	width: 866px;
	height: 44px;
	background: url(../i/footerBg.png);
	}

#bottomnav {
	position: relative;
	bottom: 42px;
	margin: 0 auto;
	width: 840px;
	}

#bottomnav ul {
	text-align: right;
	padding-right: 20px;
	margin: 0;
	}

#bottomnav li {
	list-style: none;
	display: inline;
	font-size: 0.9em;
	margin-left: 10px;
	}

#bottomnav li a {
	color: #666;
	text-decoration: none;
	padding: 0;
	}

#bottomnav li a:hover {
	color: #f63;
	text-decoration: none;
	background: none;
	}

/* @end */

/* @group Forms */

#contactForm {
	margin: 3em auto 0 auto;
	width: 30em;
	height: 20em;
	font-weight: bold;
	}

.formLine {
	clear: both;
	}

.formElement {
	background-color: #fff;
	float: right;
	width: 270px;
	display: block;
	margin-bottom: 1em;
	border: 1px solid black;
	padding: 2px;
	}

.formElement:focus {
	background-color: #f9f1d5;
	}

label {
	float: left;
	display: block;
	text-align: right;
	width: 8em;
	}

.button {
	float: right;
	}

/* @end */



/* @group Photos */

#dspLink
 {
	text-align: center;
}

#dspLink img {
	border: 0;
}


/* @end */