@CHARSET "UTF-8";
@import url("reset.css");

@font-face {
	font-family: 'myFont';
	src: url('../images/bfrg-webfont.eot');
	src: local('☺'), url('../images/bfrg-webfont.woff') format('woff'), url('../images/bfrg-webfont.ttf') format('truetype'), url('../images/bfrg-webfont.svg#webfontSTYOr4t4') format('svg');
	font-weight: normal;
	font-style: normal;
	
}

body {
	font-size:14px;
	font-weight:normal;
	/*font-family:"Helvetica Neue", Helvetica,Frutiger, "Frutiger Linotype",Arial,sans-serif;*/
	/*font-family:Verdana,Geneva,sans-serif;*/
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-align:center;
	color:#2c2c2c;
	background:#f5f5f5;
	line-height:23px;
}

p {
	font-size:90%;
	/*float:left;*/
}
	
	p.intro {
		float:left;
		font-size:13px;
		line-height:23px;
		margin:0 0 17px;
		width:744px !important;
	}

h1 {
	/*float:left;*/
	font-size:24px;/*26px;*/
	font-weight:normal;
	color:#339900;
	padding:5px 0 10px;	
	clear:both;
	display:inline;
	font-family:'myFont',sans-serif;/*@todo font*/
}

h3 {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;	
}

a:link,a:visited {
	color:#339900;
	text-decoration:none;
}

a:hover,a:focus {
	color:#656567;
	text-decoration:underline;
}

div.col-left ul {
	font-size:90%;
	line-height:23px;
	list-style:disc inside;
}	

div#content {
	margin:0 auto;
	padding:12px 0;
	text-align:left;
	width:998px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	/*overflow:hidden;*/
	background:#fff;
	font-size: 100%;
}

div#content b {
	font-weight:normal;	
}

.clear {
	clear:both;
	height:0;	
}

div#header {
	float:left;
	width:998px;
	background:url(../images/bg-topFade.gif) bottom left repeat-x;
}
	
	div#header h1 {
		/*margin-left:10px;
		width:744px;*/
		margin-left:29px;
		width:722px;
		clear:both;
		letter-spacing:-0.02em;
		float:left;
	}
	
	div#header p#logo {
		width:310px;
		height:81px;
		background:url(../images/logo.gif) left top no-repeat;
		float:left;
		text-indent:-10000px;
		margin:0 0 0 10px;
		padding:0;
	}
	
	div#header ul#boxes {
		float:right;
		margin: 18px 0 0 10px;
		font-size:15px;
		width:545px;
		display:inline;
		line-height:15px;
	}
	
		div#header ul#boxes li {
			float:right;
			width:188px;
			border:1px solid #cdcdcd;
			margin: 0 0 0 15px;
			padding:4px 3px 4px 58px;
			font-size:13px; /* make em */
			display:inline;
			height:36px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
			div#header ul#boxes li strong {
				font-family:'myFont',sans-serif;/*@todo font*/
				font-size:18px;/* make em */
				width:100%;
				float:left;
				text-transform:uppercase;
				font-weight:500;
			}
			
			div#header ul#boxes li#b-red {
				background:url(../images/icon_box_contact.gif) 7px center no-repeat;
				font-size:10px;
			}
				div#header ul#boxes li#b-red a:link,div#header ul#boxes li#b-red:visited {
					color:#646464;
				}
				
				div#header ul#boxes li#b-red strong {
					color:#339900;
					margin:5px 0 0;
				}
			
			div#header ul#boxes li#b-blue {
				background:url(../images/icon_boxes_quotation.gif) 13px center no-repeat;
				background:url(../images/icon_boxes_quotation.gif) 13px center no-repeat,url(../images/icon-arrow-blue.gif) 218px center no-repeat;
			}
				
				div#header ul#boxes li#b-blue strong {
					color:#24a1d7;
					text-indent:15px;
					margin: 3px 0 0;
				}
				
					div#header ul#boxes li#b-blue strong a:link,div#header ul#boxes li#b-blue strong a:visited {
						color:#24a1d7;
						/*background:url(../images/icon-arrow-blue.gif) right bottom no-repeat;*/
					}
			
			div#header ul#boxes li#b-green {
				text-indent:15px;
				background:url(../images/icon_boxes_question.gif) 17px center no-repeat;
				background:url(../images/icon_boxes_question.gif) 17px center no-repeat,url(../images/icon-arrow-green.gif) 218px center no-repeat;
				margin-right:20px;
			}
				
				div#header ul#boxes li#b-green strong {
					text-indent:0;
					margin: 5px 0 0;
				}
				
					div#header ul#boxes li#b-green strong a:link,div#header ul#boxes li#b-green strong a:visited {
						color:#89CC85;
						/*background:url(../images/icon-arrow-green.gif) right bottom no-repeat;
						width:100%;
						float:left;*/
					}
	
	div#header ul#menu {
		float:left;
		clear:both;
		width:978px;
		height:36px;
		background:#4CA62B;
		margin:10px 0;
		padding:0 10px;
		border-bottom-right-radius:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-radius-bottomright: 10px;
		border-bottom-left-radius:10px;
		-moz-border-radius-bottomleft:10px;
		-webkit-border-radius-bottomleft:10px;
		font-family:'myFont',sans-serif;
		/*font-weight:bolder;*/
	}
	
		div#header ul#menu li {
			float:left;
			padding:4px 0 0 0;
			font-size:18px;/*16px*/
		}
		
			div#header ul#menu li a {
				padding:10px 19px 0;
				height:22px;
				line-height: 22px;
			}
	
				div#header ul#menu li a:link, div#header ul#menu li a:visited {
					float:left;
					color:#fff;
				}
				/*
				div#header ul#menu li a:hover,div#header ul#menu li a:focus {
					color:#000;
					text-decoration:none;
					background:#fff;
					border-top-right-radius:10px;
					-moz-border-radius-topright:10px;
					-webkit-border-radius-topright: 10px;
					border-top-left-radius:10px;
					-moz-border-radius-topleft:10px;
					-webkit-border-radius-topleft: 10px;
				}
				*/
				div#header ul#menu li a.menu-current,div#header ul#menu li a:hover,div#header ul#menu li a:focus {
					background:#fff;
					color:#000;
					text-decoration:none;
					border-top-right-radius:10px;
					-moz-border-radius-topright:10px;
					-webkit-border-radius-topright: 10px;
					border-top-left-radius:10px;
					-moz-border-radius-topleft:10px;
					-webkit-border-radius-topleft: 10px;
				}
	
	div#header form {
		float:left;
		padding:7px 0 10px 10px;
		width:232px;
	}
	
		div#header form fieldset {
			float:left;
		}
		
			div#header form fieldset label {
				display:none;
			}
			
			div#header form fieldset input {
				float:left;
				width:154px;
				border:1px solid #c1c1c1;
				height:19px;
				font-size:15px;
				padding:1px 3px;
				line-height:19px;
			}
			
			div#header form fieldset button {
				padding:1px 0;
				float:left;
				width:53px;
				/*height:22px;*/
				height:22px;
				border:1px solid #c1c1c1;
				margin:0 0 0 10px;
				background:#fff;
				color:#4e4e4e;
				font-size:13px;
				text-align:center;
				/*vertical-align:baseline;
				vertical-align:"1px";*/
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
			
				div#header form fieldset button:hover, div#header form fieldset button:focus {
					background:#4e4e4e;
					color:#fff;
				}
div#main {
	float:left;
	clear:both;
	width:998px;
	margin:12px 0 0;
}

	div#main div.col-left {
		width:744px;
		float:left;
		padding:0 0 0 10px;
		/*margin:0 0 0 10px;*/
		display:inline;
	}
	
		div#main div.col-left iframe {
			width:744px;
			height:350px;
		}
	
		div#main div.col-left #flash {
			width:742px;
			/*background:url(../images/top-holder.jpg) left top no-repeat;*/
			height:170px;
			float:left;
			margin:0 0 10px;
		}
		
		div#main div.col-left div#carousel {
			width:742px;
			height:170px;
			position:relative;
			float:left;
			margin:0 0 10px;
			overflow:hidden;
		}
			div#tooltip {
				display:none;
				width:173px;
				height:100px;
				background:url(../images/bg_tooltip.png);
				position:absolute;
				font-family:Arial,Helvetica,Geneva,sans-serif;
				font-size:15px;
				padding:7px 0 0;
			}
				
				div#tooltip strong {
					color:#339900;
					width:170px;
					font-weight:normal;
					float:left;
				}
			
			div#main div.col-left img#fade-image {
				top:0;
				left:0;
				position:absolute;
			}
		
			div#main div.col-left div#carousel a.prev {
				left:0;
				bottom:0;
				position:absolute;
				width:42px;
				height:42px;
				text-indent:-10000px;
				background:url(../images/btn_prev.png);
				margin:8px;
			}
			
			div#main div.col-left div#carousel a.next {
				right:0;
				bottom:0;
				position:absolute;
				width:42px;
				height:42px;
				text-indent:-10000px;
				margin:8px;
			}
		
		div#main div.col-left div#extra {
			float:left;
			clear:both;
			width:744px;
			background:#fff;
		}
		
		div#main div.col-left form {
			float:left;
			width:744px;
		}
		
		div#main div.col-left div#map {
			float:left;
			width:344px;
		}
		
			div#main div.col-left div#map img {
				width:290px;
				height:290px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border:1px solid #C1C1C1;
			}
			
			div#main div.col-left div#map span.type {
				display:none;
			}
		
		div#main div.col-left p {
			font-size:90%;
			/*float:left;*/
			line-height:23px;
			margin:0 0 17px;
			/*width:100%;*/
		}
		
		form div.captcha {
			clear:both;
			float:left;
			
		}
		
		div#main div.col-left fieldset {
			float:left;
			margin:0;
			padding:0;
		}
		
			div#main div.col-left  fieldset.pad {
				margin:0 30px 0 0;
				/*width:380px;*/
			}
		
			div#main div.col-left fieldset#half {
				width:400px;
			}
			
			div#main div.col-left form#search fieldset {
				width:744px;
			}
				
				
		
		
		div#main div.col-left label {
			float:left;
			clear:both;
			font-size:1em;
			font-weight:bolder;
			margin:5px 0;
		}
		
			div#main div.col-left form#search fieldset label.radio {
				float:left;
				clear:none;
				margin: 5px 10px 25px 5px;
			}
		
		div#main div.col-left input {
			float:left;
			clear:both;
			margin:5px 5px 5px 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border:1px solid #C1C1C1;
			padding:3px 0;
			font-size:0.9em;
		}
		
			div#main div.col-left form#search fieldset input {
				width:50%;
			} 
			
				div#main div.col-left form#search fieldset input.radio {
					width:auto;
					float:left;
					clear:none;
					border:none;
				}
		
		div#main div.col-left textarea {
			float:left;
			clear:both;
			margin:5px 5px 5px 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border:1px solid #C1C1C1;
			padding:3px 0;
			font-size:0.9em;
		}
		
		div#main div.col-left select {
			float:left;
			clear:both;
			margin:5px 5px 5px 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border:1px solid #C1C1C1;
			padding:3px 0;
			font-size:0.9em;
		}
		
		div#main div.col-left span.required {
			float:left;
		}
		
		div#main div.col-left div.captcha {
			float:left;
			clear:both;
			width:340px;	
		}
		
			div#main div.col-left div.captcha iframe {
				width:175px;
				height:45px;
			}
			
			div#main div.col-left div.captcha  .captcha_expl{
				vertical-align:middle;
				line-height:55px;
			}
		
		div#main div.col-left button {
			float:left;
			clear:both;
			margin:5px 0;
		}
			
			div#main div.col-left form#search fieldset button {
				float:left;
				clear:none;
			}
		
		div#main div.col-left h2 {
			float:left;
			background:url(../images/icon-h2.gif) left top no-repeat;
			font-size:18px;
			width:700px;
			padding:1px 0 0 28px;
			color:#9DCB3B;
			margin:0 0 4px;
			line-height:19px;
			height:23px;
		}
			
			div#main div.p4 h2 {
				background:url(../images/c_header.gif) left top no-repeat;
			}
			
			div#main div.p5 h2 {
				background:url(../images/s_header.gif) left top no-repeat;
			}
			
			div#main div.p6 h2 {
				background:url(../images/p_header.gif) left top no-repeat;
			}
			
			div#main div.p7 h2,div#main div.p18 h2 {
				background:url(../images/t_header.gif) left top no-repeat;
			}
		
			div#main div.col-left h2 span {
				float:left;
				clear:both;
				width:700px;
				font-size:12px;
				color:#339900;
			}
			
		div#main div.col-left div#chris {
			background:url(../images/chris-sig.jpg) 485px bottom no-repeat;
			margin:0 0 15px;
			float:left;
		}
		
		div#main div.col-left div.box {
			float:left;
			width:178px;
			padding:103px 0 0 0;
			margin:0 10px 0 0;
			display:inline;
			overflow:hidden;
		}
		
			div#main div.col-left div.box h3 {
				height:27px;
				font-size:18px;
				color:#fff;
				font-weight:lighter;
				background:#1b65a4;
				line-height:27px;
				padding:0 7px;
			}
			
			div#main div.col-left div.box h4 {
				font-size:14px;
				color:#454545;
				font-weight:bold;
				line-height:19px;
				padding:7px;
				font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
			}
			
			div#main div.col-left div.box p {
				font-size:13px;
				line-height:18px;
				padding:0 7px;
				width:164px;
				margin:0;
				display:inline;
				float:left;
			}
			
				div#main div.col-left div.box p a {
					clear:both;
					float:left;
					width:178px;
				}
		
		div#main div.col-left div#box1 {
			background:url(../images/bg-create.jpg) left top no-repeat;
		}
		
		div#main div.col-left div#box2 {
			background:url(../images/bg-sell.jpg) left top no-repeat;
		}
			div#main div.col-left div#box2 h3 {
				background:#78ab1e;
			}
			
		div#main div.col-left div#box3 {
			background:url(../images/bg-promote.jpg) left top no-repeat;
		}
		
			div#main div.col-left div#box3 h3 {
				background:#ef8112;
			}
		
		div#main div.col-left div#box4 {
			background:url(../images/bg-talk.jpg) left top no-repeat;
			margin:0;
		}
		
			div#main div.col-left div#box4 h3 {
				background:#991686;
			}
		
		div#main div.col-left div.sitemap {
			margin:0 0 0 12px;		
		}
		
			div.sitemap div {
				margin:0 0 0 24px !important;		
			} 
		
		div#main div.col-left div.portfolio-item {
			float:left;
			width:744px;
			clear:both;
			margin:12px 0 0 0;
			border-top:1px solid #c5c5c5;
			background:#f9f9f9;
		}
			
			div.portfolio-item img {
				float:left;
				border:1px solid #c5c5c5; 
				margin:9px 10px 9px 10px;
			}
			
			div.portfolio-item div.details {
				float:left;
				width:245px;
				margin:9px 0;
				font-family:Arial,Helvetica,Geneva,sans-serif;
				
				position:relative;
			}
			.indexR_1 {
				height:160px;
			}
			.indexR_2 {
				height:145px;
			}
			
				div#main div.col-left  div.portfolio-item div.details h3 {
					font-size:17px;
					font-family:Arial,Helvetica,Geneva,sans-serif;
					color:#339900;	
					font-weight:bold;
					margin:0 0 5px;
				}
				
				div#main div.col-left div.portfolio-item div.details p {
					font-size:13px;
					line-height:15px;
					width:265px;
				}
				
				div#main div.col-left div.portfolio-item div.details img.logo {
					bottom:0;
					left:0;
					border:none;
					position:absolute;
					margin:0 0 5px -195px;
				}
				
				div#main div.col-left div.portfolio-item div.details a.more {
					position:absolute;
					bottom:0;
					padding:0 5px 0 0;
					float:left;
					right:0;
					text-transform:uppercase;
					font-size:12px;
					height:24px;
					line-height:24px;
				}
				
			div#main div.col-left div.portfolio-item ul {
				list-style:none;
				float:left;
				width:194px;
				margin:9px 0;
				font-size:15px;
			}
			
				div#main div.col-left div.portfolio-item ul li {
					background:url(../images/check-orange.gif) left center no-repeat;
					padding:0 0 0 25px;
					color:#339900;
				}
			
	div#main div.col-right {
		float:left;
		width:220px;
		padding:0 10px;
		display:inline;
	}
		
		div#main div.col-right ul#right-nav {
			float:left;
			width:220px;
			clear:both;
			font-family:'myFont',sans-serif;/*@todo font*/
		}
		
			div#main div.col-right ul#right-nav li {
				float:left;
				clear:both;
				width:220px;
				padding:0 0 11px;
				text-align:center;
				font-size:18px;
			}
			
				div#main div.col-right ul#right-nav li a {
					border:1px solid #c1c1c1;
					width:220px;
					float:left;
					padding:7px 0;
					background:url(../images/bg-left-menu.gif) center left repeat-x;
					background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.4, rgb(241,241,242)),color-stop(1, rgb(255,255,255)));
					background-image:-moz-linear-gradient( center bottom,rgb(241,241,242) 40%,rgb(255,255,255) 100%);
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					text-decoration:none;
				}
		
		div#main div.col-right div#news {
			float:left;
			clear:both;
			border:1px solid #c1c1c1;
			width:220px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		
			div#main div.col-right div#news h3 {
				font-family:'myFont',sans-serif;/*@todo font*/
				background:#C7E36D;
				color:#627136;
				font-size:19px;
				text-align:center;
				height:30px;
				line-height:30px;
				font-weight:lighter;
				border-top-right-radius:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-radius-topright: 5px;
				border-top-left-radius:5px;
				-moz-border-radius-topleft:5px;
				-webkit-border-radius-topleft: 5px;
			}
			
			div#main div.col-right div#news dl {
				float:left;
				clear:both;
				padding:0 10px;
			}
			
				div#main div.col-right div#news dl dt {
					clear:both;
					float:left;
					font-size:13px;
					width:200px;
					padding:7px 0;
				}
				
				div#main div.col-right div#news dl dd {
					float:left;
					clear:both;
					border-bottom:1px dashed #2c2c2c;
					padding:0 0 15px;
					line-height:15px;
					width:200px;
					font-size:10px;
				}
				
					div#main div.col-right div#news dl dd a:link, div#main div.col-right div#news dl dd a:visited {
						color:#2c2c2c;
					}
					
				div#main div.col-right div#news dl dd.last {
					border:none;
				}
				
		div#main div.col-right div#right-box {
			float:left;
			border:1px solid #c1c1c1;
			clear:both;
			margin:10px 0 0;
			/*height:177px;*/
			text-align:center;
			width:220px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		
			div#main div.col-right div#right-box h3 {
				font-family:'myFont',sans-serif;/*@todo font*/
				font-size:21px;
				line-hieght:26px;
				width:100%;
				float:left;
				margin:15px 0 0;
				line-height:22px;
				height:44px;
				font-weight:normal;
			}
			
				div#main div.col-right div#right-box h3 span {
					font-size:17px;
					clear:both;
					width:100%;
					float:left;
					color:#339900;
				}
				
			div#main div.col-right div#right-box img {
				position:relative;
				bottom:-9px;
			}
			
div#footer {
	margin:10px 0 0;
	float:left;
	clear:both;
	width:998px;
}

	div#footer div#grey-bar {
		background: #eeeeee;
		border-top:1px solid #c1c1c1;
		border-bottom:1px solid #c1c1c1;
		float:left;
		padding:30px 10px;
		width:978px;
	}
	
		div#footer div#grey-bar p {
			float:left;
			font-size:10px;
			width:151px;
			padding:0 0 0 46px;
			margin: 0 20px;
			display:inline;
			height:40px;
			line-height:15px;
		}
			div#footer div#grey-bar p strong { 
				font-size:13px;
				width:100%;
				float:left;
			}
			
		div#footer div#grey-bar p#newsletter {
			background:url(../images/icon-newsletter.gif) left center no-repeat;
		}
		
		div#footer div#grey-bar p#brochure {
			background:url(../images/icon-request.gif) left center no-repeat;
		}
		
		div#footer div#grey-bar p#call {
			background:url(../images/icon-call.gif) left center no-repeat;
		}
		
		div#footer div#grey-bar p#icons {
			float:left;
			width:201px;
			padding:0;
			margin:-5px 0 0 66px;
		}
				
		div#footer div#grey-bar p#icons a {
			display:block;
			float:left;
			margin:0;
			padding:0;
			text-indent:-100000px;
			overflow:hidden;
			display:inline;
		}
		
			div#footer div#grey-bar p#icons a#mirco {
				background:url(../images/logo-microsoft.gif) left center no-repeat;
				width:84px;
				height:15px;
				margin:3px 0 7px 40px;
			}
		
			div#footer div#grey-bar p#icons a#w3c {
				background:url(../images/logo-w3c.gif) left center no-repeat;
				width:54px;
				height:19px;
				float:right;
				margin:0 5px 7px 0;
			}
			
			div#footer div#grey-bar p#icons a#google {
				background:url(../images/logo-google.gif) left center no-repeat;
				width:67px;
				height:25px;
				clear:both;
			}
			
			div#footer div#grey-bar p#icons a#secureHost {
				background:url(../images/logo-secure-hosting.gif) left center no-repeat;
				width:127px;
				height:25px;
				float:right;
			}
	
	div#footer div.col-footer {
		float:left;
		width:209px;
		padding:13px 20px;
		display:inline;
		overflow: hidden;
		background:url(../images/bg-footer-col.gif) right top no-repeat;
	}
	
		div#footer div.last {
			background:none !important;
		}
		
		div#footer div.col-footer p {
			float:left;
			clear:both;
			padding:0 0 10px 0;
			font-size:11px;
			line-height:15px;
			width:100%;
		}
		
			div#footer div.col-footer p strong {
				float:left;
				width:100%;
				font-weight:normal;
				font-size:13px;
			}
		
	div#footer ul#credits {
		clear:both;
		float:left;
		width:958px;
		margin:0 20px;
		padding:15px 0;
		border-top:1px dotted #c1c1c1;
		font-size:11px;
		display:inline;
		line-height:15px;
	}
		
		div#footer ul#credits li {
			margin:0 0 7px;
		}
		

/** CALLBACK **/
div#callback {
	width:350px;
	height:250px;
	background:#fff;
	display:none;
}

	div#popupForm {
		padding:15px;
		width:360px;
		display:block;
		background:#fff;
	}
	
		div#popupForm p {
			text-align:left;
		}
		
		div#popupForm form {
			clear:both;
			width:360px;
		}
		
			div#popupForm form fieldset {
				width:360px;
			}
			
			div#popupForm form label {
				clear:both;
				float:left;
				font-weight:bolder;
			}
			
			div#popupForm form input {
				clear:both;
				float:left;
				font-weight:bolder;
				height:20px;
				margin:3px 0;
				width:358px;
				border:1px solid #C1C1C1;
			}
			
			div#popupForm form select {
				clear:both;
				float:left;
				font-weight:bolder;
				height:20px;
				margin:3px 0;
				width:358px;
				border:1px solid #C1C1C1;
			}
			
			div#popupForm form button {
				clear:both;
				float:right;
				margin:5px 0;
			}
					
/*v card */
span.vcard .type,span.vcard .email  {
	display:none;	
}

span.vcard a {
	text-decoration:none;
	color:#2c2c2c;	
}

div#extra {
	bottom:-15000px;
	position:absolute;	
}