/****
* Website design and CSS style by Artis . design studio (www.goartis.com)
****/
body {
	font: 100% "Myriad Pro", "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	background-position: left;
	background-repeat: repeat-x;
	background-attachment: fixed;
}
#header {
	width: 930px;
	height: 110px;
	text-align: right;
	background: url(img/header_artis.png) no-repeat left bottom;
	margin-top: 0;
	margin-left: 100px;
	margin-right: auto;
	position: relative;
}

#container {
	width: 930px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background: no-repeat left bottom;
	margin-top: 0;
	margin-left: 100px;
	margin-right: auto;
	height: 522px;
	position: relative;
}

.maincontent {
	width: 870px;
	text-align: left;
	margin-left: 30px;
	height: 445px;
	position: absolute;
	top: 80px;
}

.navi {
	color: white;
	font: 18px/20px "Myriad Pro", "Lucida Grande", sans-serif;
	position: absolute;
	top: 68px;
	right: 30px;
	width: 630px;
}

.navi2 {
	color: #8ea9b4;
	font: 14px/20px "Myriad Pro", "Lucida Grande", sans-serif;
	position: absolute;
	top: 5px;
	left: 30px;
	width: 650px;
}

#footer {
	color: white;
	font: 11px/13px "Myriad Pro", "Lucida Grande", sans-serif;	width: 930px;
	height: 30px;
	letter-spacing: 1px;
	position: absolute;
	top: 522px;
	bottom: 0;
	margin-top: 10px;
}

h1 { color: #4d729a; font: 30px/32px "Myriad Pro", "Lucida Grande", sans-serif;
}

h2 { color: #879098; font: 24px/24px "Myriad Pro", "Lucida Grande", sans-serif;
}

h3 { color: #9c9e9e; font: 16px/14px "Myriad Pro", "Lucida Grande", sans-serif;
}

.text {
	color: #9c9e9e;
	font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: left;
	list-style-image: url(img/bullet.png);
}

.text a:link, .text a:active, .text a:visited {
	color: #9c9e9e;
	text-decoration: underline;
}

.bigtext { color: #879098; font: 20px/24px "Myriad Pro", "Lucida Grande", sans-serif;
}

.lang {
	color: #c0c9c9;
	font: 12px/14px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: right;
	padding-right: 50px;
	padding-bottom: 0;
	padding-top: 7px;
}

.hilites {
	color: #c0c9c9;
	font: 14px/14px "Myriad Pro", "Lucida Grande", sans-serif; text-transform: uppercase;
	border-top: 1px dotted #c0c9c9;
	border-left: 1px dotted #c0c9c9;
	left: 130px; top: 570px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 30px;
	position: absolute;
	height: 20px;
}

.mainsecbtn {
	color: #c0c9c9;
	font: 12px/14px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: left;
	border-left: 1px dotted #c0c9c9;
	border-top: 1px dotted #c0c9c9;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 3px;
}
.navi a:link, .navi a:visited, #footer a:link, #footer a:visited  {
	color: white;
	text-decoration: none;
}
.navi a:hover, #footer a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.navi2 a:link, .navi2 a:visited, .lang a:link, .lang a:visited, .mainsecbtn a:link, .mainsecbtn a:visited, .hilites a:link, .hilites a:visited {
	color: #8ea9b4;
	text-decoration: none;
}

.text a:hover, .navi2 a:hover, .lang a:hover, .mainsecbtn a:hover, .hilites a:hover {
	text-decoration: none;
	color: #2b76eb;
}

.forms {
	color: black;
	font: 11px/16px "Myriad Pro", "Lucida Grande", sans-serif;
	margin-top: 15px;
}

.ecolist {
	color: #9d895d;
	font: 12px/16px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: left;
	list-style-image: url(img/greenbullet.png);
}

.dotdivider {
	border-top: 1px dotted #c0c9c9;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* carrousel viewer */
#galleryA{overflow: hidden;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 800px;
height: 30px; /*Height should enough to fit largest content's height*/
color: #c0c9c9;
font: 13px/16px "Myriad Pro", "Lucida Grande", sans-serif;
padding-left: 10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*margin around each panel*/
width: 120px; /*Width of each panel */
height: 30px;
border-right: 1px dotted #b9c0bd;
padding-right: 8px;
padding-left: 8px;
}

.stepcarousel a:link, .stepcarousel a:active, .stepcarousel a:visited {
	color: #c0c9c9;
	text-decoration: none;
}

.stepcarousel a:hover {
	text-decoration: none;
	color: #4797ea;
}

.thumb {
	float: left;
	border-width: 0;
	padding-right: 8px;
}

/* form styles */
.formstyle {
	font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: left;
	color: #9f947e; 
	width:400px;
	margin-left:20px; 
	margin-top:30px
}

input, textarea, select{color: #9f947e; 
 border: 1px solid #beb096; 
font: 11px/16px "Myriad Pro", "Lucida Grande", sans-serif;
	background-image: url(img/formfields_bk.jpg);
}
.button {color:#9f947e;
text-align:center;
border: 1px solid #9f947e;
font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
background-color: #dbcfb3;
	margin-top: 5px;
}
/* news */
.featured {
	color: #9c9e9e;
	font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
	text-align: left;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	margin-top: 30px;
	list-style-image: url(img/bullet_artis.gif);
}
.featured a {
	color: #19b4da;
	text-decoration: none;
}
.featured a:hover {
	text-decoration: underline;
}
.featured h2 {
	color: #19b4da;
	font-size: 16px;
	line-height: 16px;
}