/* Sadap.nl copyright 2010																		  */
/* LDB																							  */




/* Lay-out																						  */

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}

.headerBar {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;	
	overflow: hidden;
}

.header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 1000px;
	min-height: 75px;
	height: auto;	
}

.topBox {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;	
	overflow: hidden;
}

#logo {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 180px;
	height: auto;
	overflow: hidden;	
}

#navBox {
	margin: 0px;
	padding-top: 39px; 
	padding-right: 5px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	width: 815px;
	height: auto;
	text-align: right;
	overflow: hidden;		
}

.headerBox {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 450px;	
	overflow: hidden;
}

.topContent {
	margin: 25px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	width: auto;
	height: auto;
	text-align: left;
	overflow: hidden;	
}

.workBox1 {
	background-color: #ececec;
	margin: 5px 0px 25px 25px;
	padding: 0px;
	width: 125px;
	height: 125px;
	overflow: hidden;		
}

.workContainer {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: auto;	
	overflow: hidden;
}

.workBox2 {
	background-color: #ececec;
	margin: 5px 0px 40px 40px;
	padding: 0px;
	width: 200px;
	height: 200px;
	overflow: hidden;		
}

.mainBar {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;	
	overflow: hidden;
}

.mainBox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 1000px;
	min-height: 400px;
	height: auto;	
}

.textBox1 {
	margin: 10px 0px 0px 25px;
	padding: 0px 0px 0px 10px;
	width: 675px;
	height: auto;
	text-align: left;
	overflow: hidden;	
}

.textBox2 {
	margin: 10px 0px 0px 25px;
	padding: 0px 0px 0px 10px;
	width: 350px;
	height: auto;
	text-align: left;
	overflow: hidden;	
}

.rSideBox {
	margin: 10px 0px 0px 50px;
	padding: 0px 0px 0px 10px;
	width: 170px;
	height: auto;
	text-align: left;
	overflow: hidden;	
}

.screenshot {
	width: 900px;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
}

.footerBar {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-height: 50px;
	height: auto;
	overflow: hidden;	
}

#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
	height: 50px;
	clear: both;
	border-top: 1px dotted #000000;
	overflow: hidden;
}




/* Backgrounds																					  */

.stars {
	background-image: url(../assets/bgz/headerBarBg.png);
	background-position: bottom left;	
	background-repeat: repeat-x;
}

.kosmonauts {
	background-image: url(../assets/bgz/headerBg.png);
	background-position: bottom left;	
	background-repeat: no-repeat;
}

.invertStars {
	background-image: url(../assets/bgz/mainBarBg.png);
	background-position: center top;
	background-repeat: repeat-x;
}




/* Fonts																						  */

a:link {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border: none;
}

a:hover {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border: none;
}

a:visited {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border: none;
}

a:active {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border: none;
}

#navBox a {
	color: #ffffff !important;
	font-size: 18px !important;	
	margin-left: 50px !important;
	text-shadow: #ffffff 0px 0px 2px !important;
}

#navBox a:hover {
	color: #ffffff !important;
	text-shadow: #ffffff 0px 0px 5px !important;
}

.topText a {
	font-size: 16px !important;
	font-family: Chaparral Pro, Century Gothic, Helvetica, Verdana !important;
}

.mainBox a {
	font-family: Chaparral Pro, Century Gothic, Helvetica, Verdana !important;
}

p {
	font-family: Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #000000;
}

.topText p {
	color: #ffffff !important;
}

.mainBox p {
	color: #000000 !important;
}

h1 {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 18px;
	color: #ececec;
}

h2 {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 18px;
	color: #333333;
}

h3 {
	font-family: Bookman Old Style, Chaparral Pro, Century Gothic, Helvetica, Verdana;
	font-size: 16px;
	color: #ffffff;
}

.mainBox h1, h2 , h3{
	color: #333333 !important;	
}

.indexH2 {
	padding-left: 2px !important;
	border-left: 5px solid #000000 !important;
}

.iindexH2 {
	padding-right: 5px !important;
	border-right: 5px solid #000000 !important;
}


.smallF {
	font-size: 14px !important;
}

.mediumF {
	font-size: 20px !important;
}

.largeF {
	font-size: 24px !important;
}

.boldF {
	font-weight: bold !important;
}

.fSpacing1 {
	letter-spacing: -1px !important;
}

.fSpacing2 {
	letter-spacing: -2px !important;
}

	
	
	

/* Units & widths 																				  */

.unit-auto {
	width: auto !important;
}

.unit-full {
	width: 100% !important;
}

.unit-10 {
	width: 10px !important;
}

.unit-75 {
	width: 75px !important;
}

.unit-100 {
	width: 100px !important;
}

.unit-200 {
	width: 200px !important;
}

.unit-300 {
	width: 300px !important;
}

.unit-350 {
	width: 350px !important;
}

.unit-400 {
	width: 400px !important;
}

.unit-450 {
	width: 450px !important;
}

.unit-500 {
	width: 500px !important;
}

.unit-600 {
	width: 600px !important;
}

.unit-700 {
	width: 700px !important;
}

.unit-1000 {
	width: 1000px !important;
}

.high-50 {
	height: 50px !important;
}

.high-75 {
	height: 75px !important;
}

.high-100 {
	height: 100px !important;
}

.high-150 {
	height: 150px !important;
}

.high-200 {
	height: 200px !important;
}

.high-225 {
	height: 225px !important;
}

.high-250 {
	height: 250px !important;
}

.high-300 {
	height: 300px !important;
}

.high-350 {
	height: 350px !important;
}

.high-400 {
	height: 400px !important;
}

.high-500 {
	height: 500px !important;
}

.high-600 {
	height: 600px !important;
}

.high-650 {
	height: 650px !important;
}

.high-800 {
	height: 800px !important;
}

.high-1000 {
	height: 1050px !important;
}

.high-1050 {
	height: 1050px !important;
}

.high-1200 {
	height: 1200px !important;
}

.high-1300 {
	height: 1300px !important;
}

.high-1500 {
	height: 1500px !important;
}

.high-full {
	height: 100% !important;
}

.high-auto {
	height: auto !important;
}




/* Positioning & Formats																		  */

.textC {
	text-align: center !important;
}

.textR {
	text-align: right !important;
}

.textL {
	text-align: left !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.center {
	margin-left: auto !important;
	margin-right: auto !important;	
}

.topMrg1 {
	margin-top: 50px !important;
}

.textBpadR {
	padding-right: 10px !important;
}

.textBpadL {
	padding-left: 10px !important;
}

.mrgL {
	margin-left: 10px !important;
}

.mrgR1 {
	margin-right: 25px !important;
}



/* Borders																						  */

img {
	border: none !important;
}

.noBorder {
	border: none !important;
}

.fullBorderD {
	border: 1px dashed #666666 !important;
}

.tBorderD {
	border-top: 1px dotted #000000;
}

.textFB {
	border: 5px solid #666666 !important;
}

.textTB {
	border-top: 5px solid #666666 !important;
}

.textRB {
	border-right: 5px solid #666666 !important;
}

.textBB {
	border-bottom: 5px solid #666666 !important;
}

.textLB {
	border-left: 5px solid #666666;
}



/* Colors																						  */

.lGrey {
	color: #cdcdcd !important;
}

.red {
	background-color: red;
}

.blue {
	background-color: blue;
}

.whiteT {
	color: #ffffff !important;
}

.greyT {
	color: #e5e5e5 !important;
}

.blackT {
	color: #000000 !important;
}

.orangeT {
	color: #f36d00 !important;
}




/* Misc																							  */

.shadow1 {
	-moz-box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	box-shadow: 0px 0px 5px #333333;
}

table {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	border: 0px solid #333333;
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

.clear {
	clear: both !important; 
}




/* Work Bgz																						  */

.gw1 {
	background-image: url(../assets/work/work1_gw.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.gw1:hover {
	background-image: url(../assets/work/work1H_gw.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.eb1 {
	background-image: url(../assets/work/work1_eb.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.eb1:hover {
	background-image: url(../assets/work/work1H_eb.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ug1 {
	background-image: url(../assets/work/work1_ug.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ug1:hover {
	background-image: url(../assets/work/work1H_ug.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.dbo1 {
	background-image: url(../assets/work/work1_dbo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.dbo1:hover {
	background-image: url(../assets/work/work1H_dbo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.onden1 {
	background-image: url(../assets/work/work1_3601.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.onden1:hover {
	background-image: url(../assets/work/work1H_3601.png);
	background-position: center top;
	background-repeat: no-repeat;
}



.dbo2 {
	background-image: url(../assets/work/work2_dbo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.dbo2:hover {
	background-image: url(../assets/work/work2H_dbo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ug2 {
	background-image: url(../assets/work/work2_ug.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ug2:hover {
	background-image: url(../assets/work/work2H_ug.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.gw2 {
	background-image: url(../assets/work/work2_gw.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.gw2:hover {
	background-image: url(../assets/work/work2H_gw.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.eb2 {
	background-image: url(../assets/work/work2_eb.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.eb2:hover {
	background-image: url(../assets/work/work2H_eb.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ou2 {
	background-image: url(../assets/work/work2_ou.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.ou2:hover {
	background-image: url(../assets/work/work2H_ou.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.vn2 {
	background-image: url(../assets/work/work2_vn.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.vn2:hover {
	background-image: url(../assets/work/work2H_vn.png);
	background-position: center top;
	background-repeat: no-repeat;
}


.dr2 {
	background-image: url(../assets/work/work2_dr.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.dr2:hover {
	background-image: url(../assets/work/work2H_dr.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.tg2 {
	background-image: url(../assets/work/work2_tg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.tg2:hover {
	background-image: url(../assets/work/work2H_tg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.at2 {
	background-image: url(../assets/work/work2_at.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.at2:hover {
	background-image: url(../assets/work/work2H_at.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.bs2 {
	background-image: url(../assets/work/work2_bs.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.bs2:hover {
	background-image: url(../assets/work/work2H_bs.png);
	background-position: center top;
	background-repeat: no-repeat;
}