@charset "UTF-8";
/* 

	CSS Created by : Alessio Atzeni - © Bluxart.com - 2009 
	
*/


* { border: 0px; }

body, html, table, h1 {margin: 0px; padding: 0px; }

ul li {
	list-style:none;
}
/* Global Tag Style */

body { 
color:#333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 65%;
background:url(../images_main/background_new_test.gif) no-repeat #333333;
}

a {
	color:#999999;
	text-decoration:none;
}

a:hover {
	color:#FF6600;
	text-decoration:underline;
}

/* MENU SEPARATOR */
#menu .separe {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 94px;
	top: 160px;
}

#menu .separe1 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 214px;
	top: 160px;
}


#menu .separe3 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 335px;
	top: 160px;
}

#menu .separe4 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 413px;
	top: 160px;
}

#menu .separe5 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 505px;
	top: 160px;
}

#menu .separe6 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 600px;
	top: 160px;
}

#menu .separe7 {
	width:10px;
	height:13px;
	background:url(../images_main/image_button/separator.png) no-repeat;
	left: 708px;
	top: 160px;
}
/* MENU LAYOUT */
:focus {outline: none;}

#menu a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}
	

#menu .home {
  width: 42px;
  height: 18px;
  background:url(../images_main/image_button/home_btn.png) no-repeat;
  left: 32px;
  top: 158px;
}

#menu .portfolio {
  width: 80px;
  height: 18px;
  background:url(../images_main/image_button/portfolio_btn.png) no-repeat;
  left: 120px;
  top: 158px;
}


#menu .making {
	width: 80px;
	height: 18px;
	background:url(../images_main/image_button/making_btn.png) no-repeat;
	left:240px;
	top:158px;
}

#menu .news {
	width: 40px;
	height: 18px;
	background:url(../images_main/image_button/news_btn.png) no-repeat;
	left:360px;
	top:158px;
}

#menu .store {
	width: 50px;
	height: 18px;
	background:url(../images_main/image_button/store_btn.png) no-repeat;
	left:440px;
	top:158px;
}

#menu .about {
	width: 50px;
	height: 18px;
	background:url(../images_main/image_button/about_btn.png) no-repeat;
	left:533px;
	top:158px;
}

#menu .service {
	width: 70px;
	height: 18px;
	background:url(../images_main/image_button/service_btn_active.png) no-repeat;
	left:625px;
	top:158px;
}

#menu .contact {
	width: 70px;
	height: 18px;
	background:url(../images_main/image_button/contact_btn.png) no-repeat;
	left:730px;
	top:158px;
}
/* END MENU LAYPUT */

.divider {
	width: 364px;
	height: 1px;
	margin: 10px 0px 10px; /* top - right - bottom - left */
	padding: 0px;
	border-bottom: 1px dotted #666;
}

.cleardivider {
	width: 769px;
	height: 1px;
	margin: 0px 0px 19px;
	padding: 0px;
}

h1 {
	padding: 0px 0px 20px 0px;
}

/*Layout Page */

#HeaderMenu {
	width: 830px;
	height:202px;
	background-color: #000000;
	border:1px solid #999;
	position:relative;
	margin: 10px auto;
}


#MenuNavigation {
	width: 769px;
	height: 120px;
	padding: 0px 0px 0px;
	margin: 0px 0px 0px 30px;
}

/* CONTACT FORM */

input.txt-field-active, textarea.textarea-active  {border:1px solid #ff6600;}

input.txt-field:focus, textarea.textarea:focus {border:1px solid #ff6600;}


textarea.textarea {
	width:200px;
	float:left;
	margin-top:30px;
	color:#000;
	background:#999;
}

fieldset {
	border:1px solid #666;
	margin:10px 0px 0px 0px;
	padding: 0px;
	color:#666;
}

legend {
	text-transform:uppercase;
	padding:5px;
	font-size:12px;
	color:#CCC;
}

label {
	color:#666;
	position:relative;
	clear:left;
	float:left;
	width:135px;
	margin-right:10px;
	text-align:right;
	line-height:2.8em;
}

input.txt-field {
	width:190px;
	padding:5px;
	font-size:14px;
	border: 1px solid #666;
	color:#000;
	background:#999;
}


.submit {
	width:170px;
	float:left;
	margin-left:175px;
	margin-top:30px;
	margin-bottom:30px;
}

.boxes {
	width:200px;
	float:left;
}

.box {
	line-height:2.8em;
	vertical-align:middle;
}

label span {
	position:absolute;
	left:-10000px;
	top:0px;
}

fieldset ol {
	position:relative;
	vertical-align:text-top;
	padding:10px 10px 0px 10px;
	list-style:none;
}

fieldset li {
	position:relative;
	width:20px;
	padding-bottom: 10px;
}


/* HOME PAGE ID SECTION WELCOME & NEWS */


.RightDescSection {
	float:left;
	width:364px;
	
}

.LeftContactForm {
	float:left;
	width:365px;
	margin: 0px 40px 0px 0px;
	
}


/* CLASS */

.featureTopMain {
	width: 828px;
	background:#000;
	border: 1px solid #999;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px;
}

.featureHolder {
	width: 769px;
	margin: 0px 0px 0px 30px;
	padding-top: 30px;
}

.feature {
	width: 830px;
	background-color: #333333;
	padding: 30px 0px 0px 0px;
	margin: 0px auto 10px;
}

#Header #MenuNavigation p strong {
	font-weight: normal;
	color: #000000;
}

.featureGallery p white, #Header #MenuNavigation p white {
	font-weight: normal;
	color: #666666;
}

.featureHolder p {
	font-weight: normal;
	color:#666666;
}

.featureHolder strong {
	font-weight: normal;
	color:#FF6600;
}

.footer {
	width: 830px;
	margin: 0px auto 10px;
}

.footer div strong {
	font-weight: normal;
	color:#FFFFFF;
}

/* ALIGNMENT */
.floatRight {float:right;}
.floatLeft {float:left}

.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }

/* HEADINGS */

.clear { clear:both; }

/* MARGINS AND PADDING */

.margin20 { margin: 0px 0px 30px; }

.margin10 { margin: 0px 0px 10px; }

.margin05 { margin: 0px 0px 30px; }

/* MAIL CONTACT */

/* HEADING */

h1 span { display:none }

/* Request a Quote */

.hrequest			{background:url(../image_service/services.png) no-repeat;		width:600px;	height:22px;}

.hsoftware			{background:url(../image_service/software.png) no-repeat;		width:300px;	height:22px;}

.hareaexp			{background:url(../image_service/area_expert.png) no-repeat;	width:300px;	height:22px;}

.hcompany			{background:url(../image_service/collaborations_300.png) no-repeat; 	width:300px;	height:22px;}

.hmagazine			{background:url(../image_service/magazine_pubblications.png) no-repeat; width:300px;	height:22px;}

.harticles			{background:url(../image_service/articles_interview.png) no-repeat;		width:300px;	height:22px;}