/* Custom stylesheet for www.scsc.no, (c) 2007 Daniel Stoedle. */
/* colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. */

html, body { height: 100%; }

body { margin-left: auto; margin-right: auto; max-width:800px; color: white; background: #333333; }


body {
	font-size: 12px;
	font-family: geneva, verdana, helvetica, sans-serif;
	color: white;
}

h1,h2,h3,h4 {
	text-shadow: #333333 4px 4px 4px;
	color: white;
}

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

.hidden { display: none; }

.gradient { 
	background: #ffcc00;
	background: -moz-linear-gradient(left, rgb(255,204,0), white);
	background: -webkit-gradient(linear, left top, right top, from(#ffcc00), to(#ffffff));
	height: auto;
}

.software {
	float: left;
	width: 780px;
	height: 640px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #666666;
	background: -moz-linear-gradient(top, rgb(102,102,102), rgb(51,51,51));
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	border-radius: 11px;
	-moz-border-radius: 11px;
}


.mainContent {
	float: left;
	width: 780px;
	height: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #666666;
	background: -moz-linear-gradient(top, rgb(102,102,102), rgb(51,51,51));
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	border-radius: 11px;
	-moz-border-radius: 11px;
}


.icon {
	float: left;
	margin-right: 20px;
	z-index: 10;
	position:relative;
}


.reviewSource {
	float: left;
	margin-right: 20px;
	z-index: 10;
	position:relative;
	width: 20%;
	height: 70px;
	
}

.feature {
	margin-bottom:30px;
}

.screenshot {
	float: left;
	z-index: 10;
	position:relative;
	margin-bottom:30px;
	width: 50%;
	border-radius: 11px;
	-moz-border-radius: 11px;
	text-align: center;
}


.feature-image {
	float: left;
	margin-right: 20px;
	z-index: 10;
	position:relative;
	width: 250px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	text-align: center;
}


.feature-text {
	margin-left: 270px;
	position: relative;
	width: 65%;
	z-index: 9;
}


.feature-text-left {
	float: left;
	position: relative;
	width: 65%;
	z-index: 9;
}


.feature-image-right {
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	z-index: 10;
	position:relative;
	width: 250px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	text-align: center;
}


.rounded-image {
	z-index: 10;
	position:relative;
	border-radius: 11px;
	-moz-border-radius: 11px;
	text-align: center;
}


.review {
	float: left;
	margin-right: 20px;
	z-index: 10;
	position:relative;
	width: 200px;
	text-align: right;
}


.review-text {
	margin-left: 220px;
	position: relative;
	width: auto;
	z-index: 9;
}

.section {
	position: relative;
	width: 100%;
	z-index: 9;
	margin-bottom:20px;
}


.blurb {
	position: relative;
	width: 100%;
	z-index: 9;
}

.software hr {
	background-color: #999999;
	border: 0px;
	height: 1px;
	width: 100%;
	margin-top:30px;
	margin-bottom:30px;
}


.inner-detail {
	clear:left;
}


.inner-detail p {
	width:450px;
	font-size: 13px;
}




.badge {
	float: left;
	width: 230px;
	height: 200px;
	margin-left: 10px;
	margin-right: 10px;
}


.sw-badge {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}


.dots {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 40px;
//	margin-top: 0px;
//	margin-bottom: 0px;
}


.footer {
	clear:left;
	height:100px;
	width:800px;
}


.nav {
	float:left;
	height:100px;
}

.nav:hover {
	background: #444444;
}


.btn {
	border-radius: 11px;
	-moz-border-radius: 11px;
}

.btn:hover {
	background: #777777;
}


.nav-header {
	position:relative;
	float:left;
	background: #444444;
	margin-top: 13px;
	margin-bottom:3px;
	margin-left:13px;
	margin-right:13px;
	width: 240px;
	height:40px;
	border-radius: 11px;
	text-align:center;
	-moz-border-radius: 11px;
}

.nav-header:hover {
	background: #777777;
	color: #ffcc00;
}



.nav-sw {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	background: #444444;
	width: 200px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	cursor: pointer;
}


.round-border {
	border-radius: 6px;
	-moz-border-radius: 6px;	
}

.nav-sw:hover {
	background: #777777;
	color: #ffcc00;
}



img {
	border-style: none;
}


.divborder {
	border-style: solid;
	border-width: 1px;
}


.overlap {
	position:absolute;
	left:0px;
	top:0px;
	margin-left:128px;
	margin-top:18px;
}


.spacerbox {
	width=100%;
	height=250px;
}


.bubble {
	border-radius: 195px / 160px;
	width: 170px;
	height: 140px;
	text-align:center;
	padding:10px;
	position:relative;
	margin:5px 0 5px;
}

.bubble p {
	width: auto;
	height: auto;
	font-size:12px;
	color: #333;
}