/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */



.links{
	position: absolute;
	margin-top:2px;
	left:77%;
	color: #ec9300;
	
}

.borderwit{
	margin: 2px;
	border: 1px gray solid;
	padding: 10px;
	max-height: 80px;
	
}

.lang{
	position: absolute;
	right: 10px;
	top: 5px;
	padding: 8px;
	
	
}

.lang a{
	margin-left: 2px;
	padding: 4px;
	background-color: white;
	color: gray;
	border: 1px solid gray; 
}

.lang a:hover{
	background-color: gray;
	color: white;
}

h2{
	line-height: 40px;
}

hr{
	border-color:#800000 !important;
}

::selection {
	background: #e79d00; /* Safari */
	}
::-moz-selection {
	background: #e79d00; /* Firefox */
}

#slider img{
	width: 442px;
	max-height: 419px;

	
}

#slider{
	
	cursor: hand; cursor: pointer;
}

.demobtn{
	margin-top: 3%;
	width: 100%;
	height:50px;
	line-height: 25px;
	font-size: 1.6em;
}



#myModal{
	background-color: black;
    width: 780px;
    height:524px;
}

.placehold{
	cursor: hand; cursor: pointer;

	max-width: 294px;
	height: 248px;
	background-image: url(../images/dns.jpg);
}

.placehold:hover{
	max-width: 294px;
	height: 248px;
	background-image: url(../images/dns_over.jpg);
}

.placehold2{
	cursor: hand; cursor: pointer;
    margin-left: 10px;
   	max-width: 294px;
	height: 248px;
	background-image: url(../images/web.jpg);
}

.placehold2:hover{
   	max-width: 294px;
	height: 248px;
	background-image: url(../images/web_over.jpg);
}

.placehold3{
	cursor: hand; cursor: pointer;
   	max-width: 294px;
	height: 248px;
	background-image: url(../images/co.jpg);
}

.placehold3:hover{
   	max-width: 294px;
	height: 248px;
	background-image: url(../images/co_over.jpg);
}


.orange{
	 	
	 	background-color: rgba(250,171,0,0.76);
	 	border: 2px solid white;
	 	margin-bottom: 0;
	 	padding: 2px 0px;
	 		
}

#aff1{
	background-color: #fabe3c;	
	padding: 10px;
}

#aff2{
	background-color: #f6ab00;
	padding: 10px;
}

#aff3{
	background-color: #e79d00;
	padding: 10px;
}

#links1{
	background-color: #ec9400;
	padding: 10px;
}

#btn1{
	background-color: #e79d00;
	max-height: 80px;
	overflow: hidden;
	
}

#btn2{
	background-color: #ec9400;
	max-height: 80px;
	overflow: hidden;
}
.button3 { width: auto; height: 100px; background: #e79d00; border: 1px solid #FFFFFF; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button3:hover { color: white; background-color: #b47a00; }

.orange2{
	 	
	 	background-color: #e79d00;
	 	border: 2px solid white;
	 	height: 80px;
	 	padding: 2px 0px;
	 	margin: 0;
}

.orange a{
	color: #4D4D4D;
	line-height: 25px;
	letter-spacing:1px;
	font-size: 1.2em;	
	text-decoration: underline;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.orange a:hover{
	color: white;
	font-size: 1.2em;	
	
}

.dark{
	background-color:  #ec9300 !important;
	
}
.gradient{
	width: 910px;
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzlkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.34) 50%, rgba(231,157,0,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.34)), color-stop(100%,rgba(231,157,0,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 50%,rgba(231,157,0,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 50%,rgba(231,157,0,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 50%,rgba(231,157,0,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 50%,rgba(231,157,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e79d00',GradientType=1 );
	
}

.graygradient{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIwLjQ4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(206,206,206,0.48) 47%, rgba(206,206,206,1) 98%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(47%,rgba(206,206,206,0.48)), color-stop(98%,rgba(206,206,206,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(206,206,206,0.48) 47%,rgba(206,206,206,1) 98%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(206,206,206,0.48) 47%,rgba(206,206,206,1) 98%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(206,206,206,0.48) 47%,rgba(206,206,206,1) 98%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(206,206,206,0.48) 47%,rgba(206,206,206,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cecece',GradientType=1 );
	
}
/* Panels ---------------------- */
.paneltxt { background-image: url(../images/debut_light2.png); border: solid 1px #e6e6e6; margin: 0 0 10px 0; padding: 20px; height: 419px;}
.paneltxt > :first-child { margin-top: 0; }
.paneltxt > :last-child { margin-bottom: 0; }
.paneltxt.callout { background: #e79d00; color: #fff; border-color: #b47a00; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.paneltxt.callout a { color: #fff; }
.paneltxt.callout .button { background: white; border: none; color: #e79d00; text-shadow: none; }
.paneltxt.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.paneltxt.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.paneltxt2 { background-image: url(../images/debut_light2.png); border: solid 1px #e6e6e6; margin: 0 0 10px 0; padding: 20px;}
.paneltxt2 > :first-child { margin-top: 0; }
.paneltxt2 > :last-child { margin-bottom: 0; }
.paneltxt2.callout { background: #e79d00; color: #fff; border-color: #b47a00; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.paneltxt2.callout a { color: #fff; }
.paneltxt2.callout .button { background: white; border: none; color: #e79d00; text-shadow: none; }
.paneltxt2.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.paneltxt2.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.button0 { color: black; width: auto; height: 29px; background:#e6e6e6;  border: 1px solid #e6e6e6; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: black; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button0:hover { color: black !important; background-color:  #FFFFFF; border: 1px solid #4D4D4D;}
.button0:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button0:focus { -webkit-box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: black; }
.button0.large { font-size: 17px; padding: 15px 30px 16px; }
.button0.medium { font-size: 14px; }
.button0.small { font-size: 12px; padding: 7px 14px 8px; }

.button2 { color: white; width: auto; height: 29px; background:#4D4D4D;  border: 1px solid #4D4D4D; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button2:hover { color: black !important; background-color:  #FFFFFF;}
.button2:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button2:focus { -webkit-box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #e79d00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: black; }
.button2.large { font-size: 17px; padding: 15px 30px 16px; }
.button2.medium { font-size: 14px; }
.button2.small { font-size: 12px; padding: 7px 14px 8px; }