@charset "utf-8";


body {

	background-color:#ffffff;
	
}


ul {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
    text-decoration: none; 
	margin: 0;
	padding: 0;
		
}


ul li {
	
	margin-bottom: 4px;
	line-height: 15px;
	list-style: none;
	
}


img {

	border: 0;

}


a img {

	border: 0;

}


#container {

	top: 0px;
	left: 0px;
	width: 1025px;
	height: auto;
	position: absolute;
	visibility: visible;
	
}


/* NAV BEGINS */


#left-column {

	top: 38px;
	left: 42px;
	width: 190px;
	height: auto;
	position: fixed;
	visibility: visible;
	text-align: left;
	
}


#logo {
	
	left: 0px;
	width: 180px;
	position: relative;
	clear: both;
	
}


#nav {

	left: 0px;
	width: 145px;
	position: relative;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	list-style: none;
	padding: 0 5px 5px 5px;
	clear: both;
	background-color:#fff;
	
}


#nav li {

	position: relative;
	display: block;
	margin-left: 0px;
	color: #333333;
	line-height: 12px;
	width: 145px;
	margin-bottom: 0;
			
}


#nav li a:link, #nav li a:visited {

	color: #333333;
	text-align: left;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	line-height: 12px;
	margin-left: 0px;
	width: 145px;
	display: block;
	
}


#nav li:hover a, #nav li a:active {

	color: #ffffff;
	text-align: left;
	text-decoration: none;
	margin-left: 0px;
	line-height: 12px;		
	padding: 3px 0px 3px 0px;
	background-color:#2ec6ff;
	width: 145px;
	display: block;
	
}


.active {
	padding: 3px 0px 3px 0px;

}


/* NAV ENDS */


/* RIGHT COLUMN BEGINS */


#text-column {

	top: 38px;
	left: 270px;
	width: 600px;
	height: auto;
	position: relative;
	visibility: visible;
		
}


#text-column ul {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
    text-decoration: none; 
	margin: 0;
	padding-left: 15px;
	
}


#text-column ul li {
	
	margin-bottom: 4px;
	line-height: 15px;
	background-image: url(http://www.peterverkuilen.com/images/bullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 15px;
	
}


.text-header {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 0;

}


.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
	text-decoration: none;
	padding: 0;

}


.text a:link, .text a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-decoration: underline;
	margin-top: 5px;
	padding: 0;

}


.text a:hover, .text a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	margin-top: 5px;
	padding: 0;

}


.copyright	{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bbbbbb;
	line-height: 15px;

}

/* RIGHT COLUMN BEGINS */


/* DESIGN PAGE BEGINS */


#design-column {

	top: 0px;
	left: 270px;
	width: 745px;
	height: auto;
	position: relative;
	visibility: visible;
	
	
}



#design-column ul { 

	list-style:none; 
	padding: 0; 
	margin: 0; 
	
}

#design-column ul li { 

	height: 625px;
	margin-bottom: 60px;
	
}


#design-column ul img { 

	float:left; 
	clear:both; 
	
}

#flash {
	
	height: auto;
	position: relative;
	visibility: visible;
 	border:1px; 
 	border-style:solid; 
 	border-color:#666666; 
 	padding:5px; 
 	padding-color:#ffffff;	
	width: 735px; 
	height: 409px;

}

.caption-left {

	float:left; 
	width: 172px; 
	font-style: normal;
	
}

.caption-right {

	float:right; 
	width: 572px; 
	text-align: right;
	font-style: italic;
	
	
}


.caption-left, .caption-right {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
	text-decoration: none;
	margin-top: 5px;
	padding: 0;

}
 

.caption-left a:link, .caption-left a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-decoration: underline;
	margin-top: 5px;
	padding: 0;

}

.caption-left a:hover, .caption-left a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	margin-top: 5px;
	padding: 0;

}


/* DESIGN PAGE ENDS */