* {
	padding: 0;
	margin: 0;
	border: 0;
}

html { 
  	background:url('../decor/bg_pattern.png') repeat;
}

body {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	line-height: 18px;
	color:#333333;
} 

/*************************************************************************
 ******* MAIN SECTIONS
 *************************************************************************/

	#container {
		margin: 0 auto;
		width: 980px;
	}
	
	#header {
		background: url('../decor/edge.png') top left no-repeat;
		height: 50px;
		width: 980px;
		background-color:#FFFFFF;
	}
	
	#messagecontainer {
		background-color:#F0F0F0;
		padding: 10px 25px 10px 25px;
		color: #858585;
		font-size: 20px;
		line-height: 26px;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-style: italic;
		letter-spacing: 0;
		text-shadow: 1px 1px 0 #ffffff;
	}
	
	#messagecontainer a 		 { color:#333; text-decoration: none; border-bottom:#ccc dashed 1px;} 
	#messagecontainer a:link 	 { color:#333; text-decoration: none;} 
	#messagecontainer a:visited  { color:#333; text-decoration: none;} 
	#messagecontainer a:active   { color:#333; text-decoration: none;}
	#messagecontainer a:hover    { color:#0099FF; text-decoration: none;}
	
	/* content = Left & Right content */
	#content {
		width:980px;
		background-color:#FFFFFF;
		padding-top:20px;
		padding-bottom:10px;
		float:left;
	} 
		
	#content p { 
		margin: 0;
		padding: 10px 25px 10px 25px;
	}
	
	.content_errormessage {
		width:980px;
		background-color:#FCC9D0;
		padding-top:20px;
		padding-bottom:10px;
	}
	.content_errormessage p { 
		margin: 0;
		padding: 10px 25px 10px 25px;
		color:#C00;
	}


	#leftcontent {
		width:650px;
		float:left;
	}
	
	#leftcontent {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 18px;
		color:#444444;
	} 
	
	#leftcontent h1 {
		font: bold 22px/18px "Times New Roman", Times, serif;
		padding: 35px 25px 5px 25px;
		margin: 0 0 3px 0;
		color:#58585A;
	} 
	
	#leftcontent h2 {
		background-image: url('../decor/h2_bg.png');
		background-repeat:no-repeat;
		/*background-color:#DABE64;*/
		background-color:#85FF99;
		font: bold 18px/40px "Times New Roman", Times, serif;
		height: 40px;
		padding-left: 10px;
		margin: 15px 25px 5px 25px;
		color:#FFFFFF;
	} 

	#leftcontent h3 {
		font: bold 16px/20px "Times New Roman", Times, serif;
		padding:0;
		margin: 25px 25px 5px 25px;
		color:#58585A;
	} 

	/* #leftcontent ul {
		margin:0;
		padding: 0px 25px 5px 50px;
		list-style:square;
	} */
	
	#leftcontent a 			{ color:#444444; text-decoration: none;} 
	#leftcontent a:link 	{ color:#444444; text-decoration: none;} 
	#leftcontent a:visited  { color:#444444; text-decoration: none;} 
	#leftcontent a:active   { color:#444444; text-decoration: none;}
	#leftcontent a:hover    { color:#0099FF; text-decoration: none;}
	
	#leftcontent a.dashed 		   { color:#444444; text-decoration: none; border-bottom:#CCCCCC dashed 1px;} 
	#leftcontent a.dashed:link 	   { color:#444444; text-decoration: none;} 
	#leftcontent a.dashed:visited  { color:#444444; text-decoration: none;} 
	#leftcontent a.dashed:active   { color:#444444; text-decoration: none;}
	#leftcontent a.dashed:hover    { color:#0099FF; text-decoration: none;}
	


/*************************************************************************
 ******* LOGO SECTIONS
 *************************************************************************/


	.logocontainer {
		margin:0;
		padding:0;
		height:100px;
		width:980px;
	}
	
	.isps_retail {
		background:url('../decor/isps_retail.png') no-repeat;
		position:relative;
		height:80px;
		width:326px;
		margin: 4px 0 10px 16px;
		float: left;
	} 
	
	.isps_logo {
		display:block;
		height:200px;
		width:136px;
		top:2px;
		right: 40px;
		border: none;
		padding: 0;
		margin:0;
		position:relative;
		background: transparent url('../decor/isps_logo.png') no-repeat top left;
		text-indent:-9999px;
		float: right;
	} 
	
/*************************************************************************
 ******* PANO IMAGE SECTIONS
 *************************************************************************/
	
	#panoimagecontainer {
		height: 420px;
		background-color:#FFFFFF;
		padding-top:5px;
		padding-bottom:20px;
	} 
	
	img.withborder {
		padding:4px;
		display:block;
		border:1px solid;
		border-color:#ccc;
		background: #fff;
	}
	
	#panoemptycontainer {
		height: 60px;
		background-color:#FFFFFF;
	} 
	
	
/*************************************************************************
 ******* FOOTER SECTIONS
 *************************************************************************/
	
	#foottopcontainer {
		background: transparent url('../decor/footer-top.png') no-repeat top left;
		height:90px;
		padding: 10px 25px 0px 25px;
		color: #757575;
		font-size: 15px;
		line-height: 22px;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-style: italic;
		letter-spacing: 0;
		text-shadow: 1px 1px 0 #ffffff;
	}
	
	#foottopcontainer a 		{ color:#757575; text-decoration: none;} 
	#foottopcontainer a:link 	{ color:#757575; text-decoration: none;} 
	#foottopcontainer a:visited { color:#757575; text-decoration: none;} 
	#foottopcontainer a:active  { color:#757575; text-decoration: none;}
	#foottopcontainer a:hover   { color:#000000; text-decoration: none;}
	
	#foottopcontainer .ftcleft
	{
		float:left;
		position:relative;
	}
	
	#foottopcontainer .ftcright
	{
		float:right;
		position:relative;
	}
	
	
	#footercontainer {
		background-color:#1F2123;
		padding: 0px 25px 25px 25px;
		color: #f8f8f8;
		font-size: 13px;
		line-height: 24px;
		height:30px;
		border-bottom: #333 1px solid;
		border-left: #333 1px solid;
		border-right: #333 1px solid;
	}
	
	#footercontainer a 			{ color:#f8f8f8; text-decoration: none;} 
	#footercontainer a:link 	{ color:#f8f8f8; text-decoration: none;} 
	#footercontainer a:visited 	{ color:#f8f8f8; text-decoration: none;} 
	#footercontainer a:active  	{ color:#f8f8f8; text-decoration: none;}
	#footercontainer a:hover   	{ color:#ffffff; text-decoration: none;}
	
	#footercontainer .fcleft
	{
		float:left;
		position:relative;
	}
	
	#footercontainer .fcright
	{
		float:right;
		position:relative;
	}
	
	.scrollTop {
		float:right;
		display: block;
		padding: 0px 10px;
		outline: none;
		background: transparent url('../decor/arrow_up.png') no-repeat center left;
	}
	


/*************************************************************************
 ******* MAIN NAVIGATION BAR
 *************************************************************************/
 
	.nav-menu {
		background:url('../decor/bg_nav.png') repeat-x;
		height:52px;
		position:relative;
		margin:-8px 5px 0 25px;
		float:left;
		z-index:111;
	} 
	
	.nav-menu li {
		margin: 0;
		padding: 0;
		list-style: none;
	} 
	
	.left_rig {
		background:url('../decor/rig_left.png') no-repeat;
		position:absolute;
		left:-13px;
		top:0;
		height:52px;
		width:13px;
	} 
	
	.right_rig {
		background:url('../decor/rig_right.png') no-repeat;
		position:absolute;
		right:-13px;
		top:0;
		height:52px;
		width:13px;
	} 
	

	
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		left: 0;
		width:			160px; /* left offset of submenus need to match (see below) */
		background:     #3c3e3e !important;
		-moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
		box-shadow:0 3px 3px rgba(0,0,0,0.5);
		-moz-border-radius:   0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		border-radius: 		  0 0 5px 5px;
		border-top:           1px solid #202121;
		border-left: 			  1px solid #454545;
		border-right: 			  1px solid #454545;
		z-index:9999;
	}
	
	.sf-menu ul li {
		border-top:   		1px solid #454747;
		border-bottom: 		1px solid #303232;
		line-height: 		30px;
		padding-left: 		20px;
		position:relative;
	}
	
	.sf-menu ul li:hover {
		background-position:0 -30px;
	} 
	
	.sf-menu ul li a:hover {
		font-weight:100;
		color:#fff;
		text-decoration:none;
	} 
	
	.sf-menu ul li ul  {
		position:absolute;
		width:150px;
		left:162px;
	} 
	
	.sf-menu ul li a {
		color:#c1c1c1;
		text-shadow:#2f3231 0 1px 0;	
		font-family: Arial, Verdana;
		text-decoration:none;
	}
	
	.sf-menu ul li a.sub_selected {
		color:#ffffff;
		font-weight:bold;
	}
	
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	
	.sf-menu li:hover ul {
		left:			-1px !important;
		top:			38px; /* match top ul list item height */
		z-index:		99999;
	}
	
	.sf-menu > li {
		float:			left;
		position:		relative;
	}
	
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	
	ul.sf-menu li li:hover ul {
		left:			164px !important; /* match ul width */
		top:			-2px;
		-moz-border-radius:    5px;
		-webkit-border-radius: 5px;
		border-radius: 		   5px;
		border-top:1px solid #303232;
	}
	
	
	/*** DEMO SKIN ***/
	ul.sf-menu {
		padding:0 10px 0 7px;
	} 
	
	ul.sf-menu > li > a  {	
		font-family: Arial, Verdana;
		color:#c8c7c7;
		display:block;
		text-shadow:#292a2a 0 -1px 0; 	
		line-height:27px;
		/*padding:0 15px;*/
		padding: 0 15px 15px 15px;
		font-size:15px;
		text-decoration:none;
	} 
	
	ul.sf-menu > li{
		float:left;
		margin:9px 1px 0 1px;
		border:1px solid transparent;
	} 
	
	.sf-menu > li.current-menu-item,
	.sf-menu > li.current-menu-parent {
		/*background:url(../images/current.png) repeat-x top center;*/
		margin-top:9px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px; 
		border:1px solid #454545;
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		height:28px;
	}
	
	.sf-menu li.current-menu-item > a {
		color:#fff;
		text-decoration:none;
	} 
	
	
	ul.sf-menu > li:hover > a {
		color:#fff;
	} 
	
	
/*************************************************************************
 ******* SIDEBAR
 *************************************************************************/

	.sidebar {
		background:url("../decor/bg_sidebar2.png") no-repeat scroll left top #ffffff;
		position: relative;
		float:left;
		padding:30px 0 50px 10px;
		font-size:12px; 
		line-height:1.7em; 
		width:280px;
		height:800px;
		margin:0 10px 0 0;
	}
 
	.sidebar h3 {

		font-family: "Times New Roman", Times, serif;
		font-size: 20px;
		line-height: 18px;
		font-weight:bold;
		padding: 5px 25px 5px 25px;
		color:#58585A;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		margin: 0 0 3px 0;
		border-color:#e5e5e5;
	}

	.sidebar p {
		display:block;
		line-height:22px;
		padding:3px 10px;
		color:#777;
	}
	
	
	.sidebar .sidebar_bottom {
		background:url("../decor/bg_sidebar_bottom.png") no-repeat scroll left bottom transparent;
	}

	.sidebar_top {
		background:url("../decor/bg_sidebar_top.png") no-repeat scroll left top transparent;
	}
	
	.sidebar_top, .sidebar_bottom {
		display:block;
		height:70px;
		left:0;
		position:absolute;
		top:0;
		width:280px;
		z-index:1;
	}
	
	.sidebar .sidebar_bottom {
		bottom:-1px;
		top:auto;
	}
	
/*************************************************************************
 ******* FORMS
 *************************************************************************/

	.std_textbox {
		color: #555;
		background:#F2F8FF;
		border: 1px solid #777;
		width: 245px;
		height:20px;
		padding-left:4px;
	}

	
	.error_textbox {
		color: #FF0000;
		background:#FFDFDF;
		border: 1px solid #777;
		width: 245px;
		height:20px;
		padding-left:4px;
	}
	
	.commentbox { 
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color: #555;
			background:#F2F8FF;
			border: 1px solid #777;
			width: 245px;
			padding-left:4px;
	}
	
	.error_commentbox { 
			font:normal 12px Verdana, Arial, Helvetica, sans-serif;
			color: #555;
			background:#FFDFDF;
			border: 1px solid #777;
			width: 245px;
			padding-left:4px;
	}
	
	
	.submitbutton input {
		float:right;
		color: #fff;
		background:#333333;
		padding:4px 6px;
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px; 
		border:1px solid #454545;
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
	}
	
	.returnbutton {
		color: #fff;
		background:#333333;
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor:pointer;
		padding:6px 10px;
		text-decoration:none;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px; 
		border:1px solid #454545;
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
	}
	
	#validEmail {
		margin-top: 2px;
		margin-left: 5px;
		position: absolute;
		width: 16px;
		height: 16px;
	}

	.errorcode {
		font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
		color:#CC0000;
		padding-left:25px;
	}
	
	.successcode 
	{
		font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
	}
	
	.verificationsubmit input
	{
		color: #fff;
		background:#333333;
		padding:4px 20px;
		font: bold 12px Arial, Helvetica, sans-serif;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px; 
		border:1px solid #454545;
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 1) inset, 0 0 1px rgba(0, 0, 0, 1) inset;
	}
	

/*************************************************************************
 ******* Colon
 *************************************************************************/
 
	#colon {
		margin: 0 auto;
		width: 980px;	
	}

	#colon .positionleft {
		float:left;
	}
	
	#colon .positionright {
		float:right;
	}
	
	#colon a 		 { font-size: 11px; color:#999999; font-style:italic;  text-decoration: none;} 
	#colon a:link 	 { font-size: 11px; color:#999999; font-style:italic;  text-decoration: none;} 
	#colon a:visited { font-size: 11px; color:#999999; font-style:italic;  text-decoration: none;} 
	#colon a:active  { font-size: 11px; color:#999999; font-style:italic;  text-decoration: none;}
	#colon a:hover   { font-size: 11px; color:#ffffff; font-style:italic;  text-decoration: none;}




/*************************************************************************
 ******* Toeters & Bellen
 *************************************************************************/

	.icon_16
	{
		margin:0 4px 2px 0;
		border:0;
		padding:0px;
		cursor: pointer; 
		width:16px;
		height:16px;
		vertical-align:middle;
	}
	
	
/*************************************************************************
 ******* GALLERY
 *************************************************************************/
	
	#gallery {
		margin:0;
		padding: 15px 0px 25px 20px;
		width: 640px;
	}
	
	#gallery ul    { 
		list-style: none; 
		margin:0;
		padding:0;
	}
	
	#gallery ul li { 
		display: inline; 
		margin:0;
		padding: 0 5px 0 5px;
	}

	#realisations {
		margin:0;
		padding: 0px 20px 25px 20px;
	}
	
	#realisations img { 
		border: #ececec 1px solid;
		padding: 4px;
		background-color:#FFFFFF;
		margin: 10px 4px 0 4px;
		align:left;
	}

	/************************/
	/****    FORMS      *****/
	/************************/
	
	.from-group {
		position:absolute;width:0;height:0;margin:0;padding:0;display:none;border:none;font-size:0;visibility:hidden;line-height:0;
	}