/* -------------------------------------------------------------- 
  
   noprint.com / simpleviewer / - style sheet & layout
   
   Author: Kristian Mohl
   October 2008., CSS 4.1
   
-------------------------------------------------------------- */

/* START BASE ------------------------------------------------ */

html {height: 100%;}

/* END BASE -------------------------------------------------- */

/* START GENERAL LAYOUT -------------------------------------- */

body {
    height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #000 url(../site-img/homebg.jpg) top left no-repeat;
}

#wrap {
	width: 100%;
	height: 100%;
	margin: 20px 0 0 20px;
	text-align: left;
	float: left;
}

#wrapleft {
	width: 20%;
	height: 100%;
	margin: 20px 0 0 20px;
	text-align: left;
	float: left;
}

#wrapright {
	width: 70%;
	height: 100%;
	padding-right: 10px;
	text-align: left;
	float: left;
}

.wrap1 {
	width: 100%;
	height: 100%;
	text-align: left;
}

.wrap2 {
	width: 100%;
	height: 100%;
	text-align: left;
	/*border-left: #00ccff 10px solid;
	border-right: #00ccff 10px solid;
	overflow: hidden;
	background-color: #000;*/
}

#header {margin-bottom: 30px; margin-top: 20px;}

#content {margin-bottom: 40px;}

#contenthome {width: 320px; margin-bottom: 40px;}

#links {margin-bottom: 30px;}

#links a:hover {background-color: #00ccff;}

.footer {
	padding-top: 30px;
	margin-right: 20px;
	float: left;
}

.footer a:hover {
	border-bottom: #00ccff 3px solid;
	background: none;
}

.mohldesign {
	padding-top: 50px;
	margin-right: 20px;
	float: left;
}

.mohldesign a:hover {
	border-bottom: #00ccff 3px solid;
	background: none;
}

/* jQuery lightBox plugin - Gallery style */

#gallery {
	width: 70%;
	margin-top: 60px;
	margin-left: 50px;
	list-style: none;
	float: left;
}

#gallery ul {list-style: none;}

#gallery ul img {
	width: 65px;
	height: 65px;
	border: 5px solid #000;
	margin: 5px 0;
	padding: 5px;
	background-color: #000;
	
}

#gallery ul a:hover img {
	border: 5px solid #00ccff;
	padding: 5px;
}

#twitter {
	margin-right: 20px;
	float: left;
}

#twitter a:hover {
	border-bottom: #00ccff 3px solid;
	background: none;
}

#linkedin {
	margin-top: 45px;
	margin-right: 20px;
	float: left;
}

#linkedin a:hover {
	border-bottom: #00ccff 3px solid;
	background: none;
}

#downloadbox {
	width: 510px;
	height: 250px;
}

#downloadbox .textbox {
	width: 230px;
	float: left;
}

#downloadbox img {
	margin-right: 30px;
	float: right;
}

#downloadbox p {margin-top: 20px;}


/* END GENERAL LAYOUT ---------------------------------------- */