/*
	mariusroosendaal.com Light theme CSS
	=========================================================
	(c)2007 Marius Roosendaal
	=========================================================
*/
@import url("default.css");	

body {
	color:					#666666;
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: url(../images/light/menubg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

a {
	color:					#0084ff;
	/*border-bottom:			1px dotted #77bdff;*/
}

* html a { 
	/*border-bottom:			1px solid #77bdff;*/ 
}

a:hover {
	color:					#309bff;
}

h1, h2, h3, h4 {
	color:					#666666;	
	background:				url(../images/light/header_line.gif) bottom repeat-x;
}
h6 {
	color:					#4A4A4A;
	
	
}
h7 {
	color:					#666666;
}

h5 {

}

.subheader {
	width:100%;
	background:				url(../images/light/header_line.gif) bottom repeat-x;
	font-weight: bold;
}
div.wrapper_bg {
	
	/*background: 			url(../images/light/bg.gif) top center repeat-x; */
}

/** header **/
div.header {
	background-image: url(../images/light/mainpic2.png);
	background-repeat: no-repeat;
	clear:left;
	margin-top: 0px;
}
div.header2 {
	height: 235px;
	clear:left;
	margin-top: 0px;
}
div.headerbigpic {
	height: 350px;
	clear:left;
	margin-top: 0px;

}
div.header h1 {
	background: 			url(../images/light/logo.gif) no-repeat;
}


/** content **/
div.content {
	/*background:				url(http://www.mariusroosendaal.com/images/light/dotline_vert.gif) 600px 0 repeat-y;*/
}

/** webnav **/
ul#webprojects li ul.webnav {
	background:				url(../images/light/webnav_header.gif) no-repeat;
}
	
	ul#webprojects li ul.webnav li.left {
		color:					#c08f5f;
	}
	
	ul#webprojects li ul.webnav li.name h4 {
		color:					#996633;
	}
	
	ul#webprojects li ul.webnav li.date {
		color:					#c9ae91;
	}
	
/** webnav active **/
ul#webprojects li ul.webnav_active {
	color:					#fff;
	background:				url(../images/light/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li ul.webnav_active li.name h4 {
		color:					#fff;
	}
	
	ul#webprojects li ul.webnav_active li.left {
		color:					#d5e88d;
	}
	
	ul#webprojects li ul.webnav_active li.date {
		color:					#dde9ab;
	}


div.web_content {
	position:				relative;
}

	p.web_header {
		background:				url(../images/light/web_header.gif);
		color:					#998373;
	}
		
	p.web_header a {
		color:					#fff;
		border:					none;
	}
	
	p.web_header a:hover {
		color:					#fff;
		border-bottom:			1px solid #9bb934;
	}
	
	p.web_comment {
		background:				#71901e url(../images/light/web_comment.gif) repeat-x top;
		color:					#fff;
		border-top:				1px solid #71901e;
	}
	
	p.web_comment span {
		color:					#9bb934;
	}
	
	div.web_imgs ul li.nav_nr {
		background:				url(../images/light/spacer_webheader.gif) right no-repeat;
	}
	
	div.web_imgs ul li.last {
		background:				none;
	}
	
	div.web_imgs ul li a {
		color:					#fff;
		border-bottom:			1px solid #d0f15f;
	}
	
	div.web_imgs ul li a:hover {
	}
	
	div.web_imgs ul li a.active {
		color:					#a5cb5c;
	}
			
div.web_footer {
	background:				url(../images/light/web_footer.gif) no-repeat;
}
	
/** right bar **/
	div.themeselector p {
		color:					#c2a27f;
	}
	
	div.themeselector p strong {
		color:					#774819;
	}
	
	div.themeselector ul {
		background:				url(../images/light/bg_themeselector.gif) no-repeat;
		color:					#b1885d;
	}
	
	div.themeselector ul li.time {
		background:				url(../images/light/spacer_themeselect.gif) right no-repeat;
	}
	
	div.themeselector a.style_light {
		background:				url(../images/light/btn_light.gif) no-repeat;
	}
	
	div.themeselector a.style_dark {
		background:				url(../images/light/btn_dark.gif) no-repeat;
	}

	ul.contact_form input.txt, textarea {
		color:					#6f573f;
		background:				#faf8f0;
		border:					1px solid #decfb1;
	}
	
	ul.contact_form input.focus, textarea.focus {
		background:				#fdfcf9;
		border:					1px solid #decfb1;
	}
	
	ul.contact_form span {
		color:					#b7a48b;
	}


/** footer **/
div.footer {

	background:				url(../images/light/bg_footer_150.jpg) repeat-x;
	/*background:				url(../images/dark/web_footer.gif) no-repeat;*/
}

	.contentbg ul li {
	background-image: url(../images/light/listarrow.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 6px 0 6px 15px;
	margin-left: 15px;
	}	
	.featurecontainer ul li {
	background-image: url(../images/light/listarrow.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 6px 0 6px 15px;
	}	
		
	div.footer div.inner ul li {
	background-image: url(../images/light/listarrow.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	}
	
	div.footer div.inner ul li a {
		border-bottom:			none;
	}
	
	div.footer div.inner ul li a:hover {
		border-bottom:			1px dotted #c7a667;
		color:					#0084ff;
	}
	
	* html div.footer div.inner ul li a:hover {
		border-bottom:			1px solid #c7a667; 
		color:					#0084ff;
	}
	
	div.footnotes {
		color:					#b7a48b;
	}
	
	div.footnotes a.copyright {
		color:					#b7a48b;
		border:					none;
	}

	div.footnotes a.copyright:hover {
		color:					#0084ff;
	}
	
	
/*featured dropdown */
div.feat_dd {

}
	div#feat_select {
		background:				url(../images/light/dd_select.gif) top no-repeat;
		color:					#996633;
	}
	
	#feat_options {
		background:				url(http://www.mariusroosendaal.com/images/light/dd_option_bg.gif);
	}
	
	#feat_options ul {
		background:				url(../images/light/dd_option_first.gif) no-repeat;
	}
	
	#feat_options ul li a {
		border-bottom:			1px solid #eee6d6;
		border-top:				1px solid #fcfaf5;
	}
	#feat_options ul li a:hover {
		background:				url(../images/light/dd_option_over.gif) no-repeat;
	}
	
	#feat_options ul li.first a:hover { 
		background:				url(../images/light/dd_option_over.gif) 0 3px no-repeat;
	}
	
/* tooltips */
.tt_night-tip {
	background:				url(../images/light/tt_night.gif) no-repeat;
}

.tt_day-tip {
	background:				url(../images/light/tt_day.gif) no-repeat;
}

.tt_desc-tip {
	background:				url(../images/light/tt_desc.gif) no-repeat;
}


/* slimbox */
#lbCenter {
	background: 			#fff;
}

#lbBottomContainer {	
	background: 			#f6edd8;
}

.lbLoading {
	background: 			#fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 				10px solid #f6edd8;
}

#lbPrevLink:hover {
	background: 			transparent url(http://www.mariusroosendaal.com/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink:hover {
	background: 			transparent url(http://www.mariusroosendaal.com/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	color: 					#666;
	border: 				10px solid #f6edd8;
}

#lbCloseLink {
	background:				transparent url(../images/light/sb_btn_close.gif) no-repeat center;
}
.menu {
	clear:both;
	background-color:#000000;
	margin-top:0px;
	width: 100%;
	height: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	z-index: 99999;
	left: 0px;
}
.button{
	float:left;
	padding-right:20px;
	height: 40px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.buttonright{
	float:right;
	padding-right:20px;
	height: 30px;
	font-family: Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding-top: 5px;
	text-align: right;
}
.button a {
text-decoration:none;
color:#FFFFFF;
border-bottom:	1px dotted #77bdff;;
}

.button a:hover{
	text-decoration:none;
	color:#FFCC00;
	border-bottom:	1px dotted #77bdff;;
	1px dotted #000000;
}
.logo {
}
.feature-prod2 {
	float: left;
	width: 190px;
	margin-bottom: 15px;
	height: 370px;

}
.feature-prod {
	float: left;
	height: 250px;
	width: 190px;
	margin-bottom: 15px;

}
.feature-prodright {
	float: right;
	height: 250px;
	width: 190px;
	margin-bottom: 15px;

}

.feature-prod .one{
	float: left;
	height: 250px;
	width: 200px;
}
.feature-prod .two{
	float: right;
	height: 250px;
	width: 200px;
}
.featureimage {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:290px;
	z-index:2;
	background-image: url(../images/prods/ss_shot.png);
	background-repeat: no-repeat;
	background-position: center top;

}
.featureimage2 {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:290px;
	z-index:2;
	background-repeat: no-repeat;
	background-position: center top;

}
.featureimage3 {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:270px;
	z-index:2;
	background-repeat: no-repeat;
	background-position: center top;

}
.feature-prod .bigger{
	float: left;
	height: 250px;
	width: 190px;
	margin-bottom: 15px;
}
.featureimage .one{

	background-image: url(../images/prods/front_soft.png);


}
.featureimage .two{

	background-image: url(../images/front_soft.jpg);

}
.featuretext {
	position:relative;
	left:0px;
	top:-135px;
	width:180px;
	z-index:2;
	line-height: 15px;
	margin-left: auto;

}
.featurelink{
	position:relative;
	left:0px;
	top:-135px;
	width:180px;
	z-index:2;
	line-height: 15px;
	margin-left: auto;

}
.featurelink img{
border:0px;

}
.featuretext2 {
	position:relative;
	left:0px;
	top:-165px;
	width:180px;
	z-index:2;
	line-height: 15px;
	margin-left: auto;

}
.featuretitle {
	position:relative;
	left:0px;
	top:-140px;
	width:180px;
	z-index:2;
	font-size: 14px;
	font-weight:bold;
	margin-left: auto;
}
.featuretitle2 {
	position:relative;
	left:0px;
	top:-180px;
	width:180px;
	z-index:2;
	font-size: 14px;
	font-weight:bold;
	margin-left: auto;
}
.featuretext .title{
	font-size:14px;
	color:#666666;
}
.sidenav {

	width: 205px;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #F0F0F0;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sidenav {

	width: 205px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #F0F0F0;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sidenavadd {
	width: 180;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #DFE3E6;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sidenav .headline {
font-weight:bold;
margin-bottom:5px;
}
.sidenavheader {
	height: 22px;
	width: 205px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #000000;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
	background-image: url(../images/light/sidenavheader.png);
	background-repeat: no-repeat;
	background-position: top;
}
.ns{
	height: 22px;
	width: 205px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/light/sidenavheader_ns.png);

}

.sidenavfooter {
	height: 13px;
	width: 225px;
	background-image: url(../images/light/sideheaderbottom.png);
	background-repeat: no-repeat;
	background-position: top;
}


.contentbg {
	width: 600px;
	background-image: url(../images/light/contentbg.png);
	background-position: bottom;
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;

}
.contentbg2 {
	width: 600px;
	background-image: url(../images/light/contentbg.png);
	background-position: bottom;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	border: 1px solid #999999;	

}
.contentblank {
	width: 600px;

	background-position: bottom;
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;

}
.contentnav {
	width: 400px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 36px;
	padding-top: 0px;
	background-image: url(../images/light/horiznavbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.featurecontainer {
	padding-left:0px;
}
.titlereflect {
clear:both;
}
.spacerdiv {
	float: left;
	width: 50%;
	height: 35px;
}
.spacer {
	clear:both;
	height:20px;

	*height:0px;
	_height:20px;
	
	
	
}
.sidenavimg {
	font-family: Arial, Helvetica, sans-serif;
	margin-right:5px;
	display:block;
	margin-right: 15px;
	float: left;
	margin-bottom: 5px;
	clear: both;
	
	
}
.contentcontainer_blank{
	width: 600px;
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: 10px;
}.package {
	height: 270px;
	width: 45%;
	float: left;
	padding-left: 0px;
	padding-right: 20px;
}


.button{
	float:left;
	padding-right:20px;
	height: 40px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.buttoninternalnav{
	float:left;
	padding-right:10px;
	height: 24px;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-top: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left: 10px;
	text-align: center;
}
.buttoninternalnav a{
	text-decoration:none;
}
.contentlist {
	width: 250px;
	margin-left: 30px;
	float: left;
	display: block;
	clear: none;
}
.contactform {
	width: 200px;
	float: left;
	margin-left: 10px;
	height: 25px;
	font-size: 14px;
}

.internalnavlogo{
	float:left;
	padding-right:10px;
	height: 40px;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-top: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left: 0px;
	text-align: center;
}
.contentcolumnleft {
	width: 48%;
	float:left;
}
.contentcolumnright {
	width: 48%;
	float:right;
}
.contentimg {
	font-family: Arial, Helvetica, sans-serif;
	margin-right:5px;
	display:block;
	margin-right: 15px;
	float: left;
	margin-bottom: 5px;
	clear: both;
	
	
}
.compheader {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 25px;

}
.compdetails {
font-family: Helvetica, sans-serif;
color:#333333;
font-size:11px;

}

.compdetailstitle {
	font-family: Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.flashfeaturebox {
	float: left;
	width: 200px;
	padding-right: 20px;
}
.additional {
	width: 200px;
	float: right;
	margin-left: 15px;
	background-color: #DFE3E6;
}
.additionalheader {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C3C3C3;
	width: 180px;
	margin-bottom: 15px;
	padding: 10px;
}
.wrapper_bg .wrapperwhite .main .content .contentbg .additional img {
	display: inline;
	margin-right: 10px;
}
.productwrapper {
	width: 100%;
	margin-bottom: 15px;
}
.formwrapper {
	width: 100%;
height:30px;
}
.formleft {
	float:left;
	width:200px;
	height:30px;
}
.formright {
	float:left;
	width:400px;
	height:30px;
}

.productimage {
	float:left;
	width:200px;
	height:120px;
}
.productdesc {
	float:left;
	width:400px;
	height:120px;
}
.productfooter {
	float:left;
	width:580px;
	height:25px;
	text-align: right;
	margin-right: 20px;
}
.quote {
	width: 200px;
	float: right;
	margin-left: 15px;
	
}
.quoteTop{
	width:200px;
	height:13px;
	background-image: url(../images/quoteTop.png);
	background-repeat: no-repeat;
	background-position: top;
}
.quoteMid{
	background-color: #f0f0f0;
	padding-left: 10px;
}
.quoteBot{
	width:200px;
	height:13px;
	background-image: url(../images/quoteBottom.png);
	background-repeat: no-repeat;
	background-position: top;
}
.accordTitle {
	background-color:#F0F0F0;
	width:580px;
}
.accordRating {
	background-color:#ff9900;
	width:400px;
	float: left;
}
.tablePos {
	width:600px;
	margin-left:0px;
}
.invoicesep {
	border-top: 1px solid #999999;
}
invoicesep2 {
}.imagespacer {
	margin-left: 20px;
}
.prodbuttons1 {

width:240px;
float:left;
}
.regcolumn2 {
	float: left;
	width: 98%;
	margin-right: 10px;
	height: 50px;
}
.regcolumn {
	float: left;
	width: 48%;
	margin-right: 10px;
	height: 50px;
}
.regcolumntitletx{
	font-weight: bold;
	margin-bottom:5px;

}
.smallfeature {
	float: left;
	height: 200px;
	width: 183px;
	margin-right: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	margin-left: 5px;
	padding-right: 5px;
}

.nuformTop {
	height: 30px;
	width: 600px;
}
.nuformBody {
	width: 600px;
	background-image: url(../images/nuFormBody.png);
	background-repeat: repeat-y;
}
.nuformBody content{
	width: 600px;
	background-image: url(../images/nuFormBody.png);
	background-repeat: repeat-y;
}
.nuformFooter {
	height: 25px;
	width: 600px;
	background-image: url(../images/nuFormFooter.png);
	background-repeat: no-repeat;
}
.nuformHeader {
	height: 20px;
	width: 600px;
	background-image: url(../images/nuFormTop.png);
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 5px;
	margin-top: 20px;
}
.nuformBodyContent {
	padding:10px;
}
.Popupheader {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	text-indent: 10px;
	margin-top:3px;
}
.formTableHeader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../images/formHeaderBg.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.nuformBodyColumnLeft {
	width: 270px;
	float: left;
}
.nuformBodyColumnRight{
	margin-left:20px;
	width: 270px;
	float: left;
}
.formError {
	height: 20px;
	border: 1px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
}
.dlbox {
	width: 80%;
	background-color: #F8F8F8;
	border: 1px solid #999999;
}
.dlbox2 {
	width: 100%;
	background-color: #F8F8F8;
	border: 1px solid #999999;
	height: 100px;
}
.dlbox3 {
	width: 100%;
	
	
	height: 100px;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
}
.title-contact-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.left-column {
	clear: none;
	float: left;
	height: auto;
	width: 45%;
}

.right-column {
	clear: none;
	float: right;
	height: auto;
	width: 55%;
}

.titles-contact-form {
	clear: both;
	float: none;
	height: auto;
	width: auto;
	margin-left: 10px;
	margin-top: 15px;
}

.titles-contact-form-box {
	clear: both;
	float: none;
	height: auto;
	width: auto;
	margin-left: 10px;
	margin-top: 5px;
}

.titles-contact-form-box-inner {
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.formentryLeft {
	margin-left: 20px;

	width: 270px;
	float:left;
	
}
.formentryRight {
	margin-right: 20px;
	width: 270px;
	float:right;
	
}
.titlenounder {
	font-size: 22px;
	font-family: Helvetica, sans-serif;
}