@font-face {
    font-family: 'Eurostile-Reg';
    src: url('fonts/Eurostile.eot');
    src: url('fonts/Eurostile.eot?#iefix') format('eot'),
         url('fonts/Eurostile.woff') format('woff'),
		 url('fonts/Eurostile.svg#webfont') format('svg'),
         url('fonts/Eurostile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #B9CF50;
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	color: #000000;
	font-size: 16px;
	margin: 0px;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border: none;
}

h1 {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 28px;
}

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

hr {
	float: left;
	width: 100%;
	margin: 15px 0px 15px 0px;
}

input, textarea {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	padding:7px;
	width: 200px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #89AD28;
	border-radius:4px;
}

select {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	padding: 7px 7px 7px 3px;
	width: 216px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #89AD28;
	border-radius:4px;
	display: inline;
}

button {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	padding:7px;
	width: 100px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #89AD28;
	border-radius:4px;
	color: #616161;
	font-weight: bold;
}

button:hover {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	padding:7px;
	width: 100px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #89AD28;
	background-color: #89AD28;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border-radius:4px;
}

.Wrapper {
	background-image: url(grfx/bg.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 100%;
	text-align: center;
}

.Main {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	width: 924px;
	/*width: 100%;
	max-width: 924px;*/
	margin: auto;
}

.Logo {
	margin: 15px 0px 0px 0px;
	text-align: left;
}

.Support {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 19px;	
	min-width: 320px;
	padding: 15px 0px 0px 0px;
	color: #666666;
	text-align: right;
	height: 19px;
}

.Support a, .Support a:link, .Support a:visited {
	color: #666666;
	text-decoration: none;
}

.Support a:hover {
	text-decoration: none;
	color: #333333;
}

.bt1 { 
	float: left;
  	margin: 0px;
  	padding: 0px;
  	background: url(grfx/fr/bt_home1.png) no-repeat;
}

.bt1 a, .bt1 a:link, .bt1 a:visited {
  	display: block;
  	width: 96px;
  	height: 54px; 
}

.bt1 a:hover img {
  	visibility: hidden;
}

.bt2 { 
	float: left;
  	margin: 0px;
  	padding: 0px;
  	background: url(grfx/fr/bt_services1.png) no-repeat;
}

.bt2 a, .bt2 a:link, .bt2 a:visited {
  	display: block;
  	width: 117px;
  	height: 54px; 
}

.bt2 a:hover img {
  	visibility: hidden;
}

.bt3 { 
	float: left;
  	margin: 0px;
  	padding: 0px;
  	background: url(grfx/fr/bt_portfolio1.png) no-repeat;
}

.bt3 a, .bt3 a:link, .bt3 a:visited {
  	display: block;
  	width: 126px;
  	height: 54px; 
}

.bt3 a:hover img {
  	visibility: hidden;
}

.bt4 { 
	float: left;
  	margin: 0px;
  	padding: 0px;
  	background: url(grfx/fr/bt_contact1.png) no-repeat;
}

.bt4 a, .bt4 a:link, .bt4 a:visited {
  	display:block;
  	width: 142px;
  	height: 54px; 
}

.bt4 a:hover img {
  	visibility:hidden;
}

.bt5 { 
	float: left;
  	margin:0px;
  	padding:0px;
  	background:url(grfx/fr/bt_mouse.png) no-repeat;
}

.bt6 { 
	float: left;
  	margin:0px;
  	padding:0px;
  	background:url(grfx/fr/bt_login1.png) no-repeat;
}

.bt6 a, .bt6 a:link, .bt6 a:visited {
  	display:block;
  	width: 90px;
  	height: 54px; 
}

.bt6 a:hover img {
  	visibility:hidden;
}

.Slide {
	background-image: url(grfx/bg_slide.png);
	height: 252px;
	text-align: left;
	margin: 54px 0px 0px 0px;
}

.Boxes {
	/*background-image: url(grfx/bg_boxes.png);
	background-repeat: repeat-x;*/
	height: 236px;
	text-align: left;
}

.Boxes ul {
	list-style-image: url(grfx/bullet.png);
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 14px;
	line-height: 20px;
}

.bt_click { 
  	margin: 0px 0px 0px 39px;
  	padding: 0px;
  	background: url(grfx/fr/bt_click.png) no-repeat;
}

.bt_click a, .bt_click a:link, .bt_click a:visited {
  	display: block;
  	width: 208px;
  	height: 35px; 
}

.bt_click a:hover img {
  	visibility: hidden;
}

.bt_click_contact { 
  	margin: 15px 0px 0px 0px;
  	padding: 0px;
  	background: url(grfx/fr/bt_click_contact.png) no-repeat;
}

.bt_click_contact a, .bt_click_contact a:link, .bt_click_contact a:visited {
  	display: block;
  	width: 208px;
  	height: 35px; 
}

.bt_click_contact a:hover img {
  	visibility: hidden;
}

.Box {
	background-image: url(grfx/bg_boxes1.png);
	background-repeat: no-repeat;
	height: 236px;
	float: left;
	width: 294px;
	margin: 0px 0px 0px 0px;
}

.one {
	margin: 0px 0px 0px 4px;
}

.two {
	margin: 0px 0px 0px 17px;
}

.BoxsText {
	margin: 44px 0px 0px 5px;
}

.BoxImage {
	margin: 0px 0px 0px 21px;
}

.Box ul a, .Box ul a:link, .Box ul a:visited {
	text-decoration: none;
	color: #666666;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
}

.Box ul a:hover {
	background-color: #BED25E;
	color: #333333;
	text-decoration: none;
	border:none;
	border-radius:4px;
}

.BoxMain {
	height: auto;
}

.BoxTop {
	background-image: url(grfx/bg_boxtop.png);
	background-repeat: repeat-x;
	height: 34px;
}

.BoxContent {
	background-color: #FFFFFF;
	background-image: url(grfx/bg_boxcontent.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	margin: 0px 7px 0px 6px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	
}

.BoxText {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 14px;
	color: #333333;
	padding: 0px 15px 10px 12px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.BoxText h1 {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 32px;
	color: #333333;
	margin: 0px 0px 30px 0px;
	border-right: 1px solid #89AD28;
	border-bottom: 1px solid #89AD28;
}

.BoxText h2 {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 16px;
	color: #333333;
	margin: 0px 0px 10px 5px;
}

.BoxText p {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	margin: 0px 0px 20px 5px;
	font-size: 14px;
	line-height: 20px;
}

.BoxText ul {
	list-style-image: url(grfx/bullet.png);
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 14px;
	line-height: 20px;
}

.BoxText ul a, .BoxText ul a:link, .BoxText ul a:visited {
	text-decoration: none;
	color: #333333;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px -5px;
}

.BoxText ul a:hover {
	background-color: #BED25E;
	color: #333333;
	text-decoration: none;
	cursor: defualt;
	border:none;
	border-radius:4px;
}

.Services {
	float: right;
	margin: 4px 50px 0px 0px;
}

.BoxBottom {
	background-image: url(grfx/bg_boxbottom.png);
	background-repeat: repeat-x;
	height: 7px;
	text-align: left;
}

.Footer {
	background-image: url(grfx/bg_footer.png);
	background-repeat: repeat-x;
	height: 52px;
	margin: 50px 0px 0px 0px;
}

.FooterLink {
	width: 906px;
	text-align: right;
	padding: 20px 5px 0px 0px;
	margin: auto;
	color: #666666;
	font-size: 19px;
}

.FooterLink a, .FooterLink a:link, .FooterLink a:visited {
	text-decoration: none;
	color: #666666;
}

.FooterLink a:hover {
	text-decoration: none;
	color: #333333;
}

.Copy {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 14px;
	float: left;
	padding: 5px 0px 0px 0px;	
}

.Copy a, .Copy a:link, .Copy a:visited {
	text-decoration: none;
}

.Copy a:hover {
	text-decoration: none;
}

.Text 	{float: none;}

.DomainForm {
	width: 290px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.ContactForm {
	width: 290px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.ContactFormThanks {
	width: 450px;
	float: left;
	margin: 0px 0px 0px 0px;
	display:inline;
}

.ContactImage {
	float: left;
	margin: 60px 0px 0px 32px;
}

.ContactAdresse {
	width: 250px;
	float: right;
	margin: 0px 0px 0px 0px;
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	padding:7px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #89AD28;
	border-radius:4px;
	color: #616161;
	font-weight: bold;
}

/* Portfolio Gallery setup*/

#galwrap									{width:auto; height:200px; margin:0px; float: left;}
ul.gal										{width:800px; margin:20px 0px 0px 0px;float: left;}
ul.gal li									{width:auto; margin-left:10px; padding-bottom:13px; float:left; list-style:none;}
ul.gal li:first-child						{margin:10;}
ul.gal li:nth-child(6n)						{margin:10;}
ul.gal li a									{width:58px; float:left;}


/* Slider banner Text */
								  
#slider {
	background: white url(grfx/bg_slide.png);
	backgroun-repeat: no-repeat;
	height: 252px;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 0px 0px; 
}
								  
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */

#mover {
	width: 2880px;
	position: relative;
}

.slide {
	padding: 5px 0px 0px 20px;
	width: 900px;
	float: left;
	position: relative;
	line-height: 40px;
}

.slide h1 {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	font-size: 44px;
	/*font-weight: strong;*/
	color: #333333;
	font-smooth:auto;
}

.slide h1 span {
	font-size: 36px;
	font-weight: normal;
}

.slide p {
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	width: 300px;
	margin: -15px 0px 0px 0px;
}

.slide img {
	position: absolute;
	top: 60px;
	left: 350px;
}

.slide a, .slide a:link, .slide a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

.slide a:hover {
	color: #666666;
}

#slider-stopper	{
	font-family: Eurostile-Reg, Arial,Sans-Serif;
	position: absolute;
	top: 231px;
	right: 8px;
	background: #333333;
	color: #FFFFFF;
	padding: 3px 8px 3px 8px;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 1000;
	letter-spacing: 1px;
	text-decoration: none;
}

/* Whois Domain Name Search CSS */

#AjaxBox {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:#fff;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#loading{
	position: absolute;
	left: 45%;
	top: 45%;
}