/*--------- overview ---------*/
html{ 
	height: 				100%;
	}
body{
	margin: 				0px 0px 0px 0px;
	height: 				100%;
	padding: 				0px 0px 0px 0px;
	font: 					normal 10pt Times New Roman, Verdana,  Arial, Helvetica, sansSerif ;
	color: 					#000000;
	background: 				#000000;
	text-align:				center;
	}

/*--------- links ---------*/
a:link{						border-bottom:		none;  color : #b00a0d; text-decoration: none;}
a:visited{					border-bottom: 		none; color : #b00a0d; text-decoration :  none; }
a:hover{					border-bottom:          #b00a0d 1px dotted; color : #b00a0d;text-decoration :  none;}

#login a{
	font: 					normal 8pt Arial, Helvetica, sans-serif;
}
a.nonelink{
	color:					#188e13;
 	border-bottom: 			none;
}
#termsleft a:link, a:visited,a:hover {border-bottom: none; text-decoration: none;}

#text a:link{				border-bottom:#b00a0d 1px dotted;  color : #b00a0d; text-decoration: none;}
#text a:visited{			border-bottom:#b00a0d 1px dotted; color : #b00a0d; text-decoration :  none; }
#text a:hover{				border-bottom:#ffffff 1px dotted; color : #b00a0d;text-decoration :  none;}


/*--------- scroll content ---------*/
	#page {
		width: 535px;
	}

	/*-----SCROLLER MAIN-----*/
	#scroll_knob {
		position:relative;
		height: 15px;
		width: 12px;
		background-image:url(../images/slider_block.gif);
		background-repeat:no-repeat;
		cursor: pointer;
	}
	#scroll_up { 
		margin: -100px 0px 0px 0px;
		height:11px; 
		width:12px; 
	}
	#scroll_down { 
		height:11px; 
		width:12px; 
	}
	#scollbar_container { 
		padding:0px 0px 0 0; 
		height: 303px; 
		width: 12px; 
		float:left; 
	}
	#scroll_area { 
		height: 303px; 
		width: 12px; 
		background-color:#961619; 
	}
	#scroll_container { 
		margin:10px; 
		width: 440px; 
		height: 195px; 
		overflow:hidden;
		margin-right:10px; 
		float:left; 
		text-align:	justify;
	}
	#scroll_container_content { 
		padding: 70px 0px 0px 0px; 
		margin: 0px 0px 0px 10px; 
		width: 420px; 
	}


/*--------- text ---------*/

.bellared{
color:					#b00a0d;
}
.textstyle{
font-style: 			italic;
font:					15pt;
}

/*--------- images ---------*/
img { 
	border: 				none; 
	}

/*--------- layout ---------*/
#foundation{
	margin: 				0px 0px 0px 0px;
	width: 					100%;
	height:					100%;
	padding: 				0px 0px 0px 0px;
}
#architect {
} 
.genesis #architect {
margin: 					70px 0px 0px 0px;
} 
#premosaic{
	margin: 				auto;
	width: 					960px;	
	min-height:				430px;
	height:					auto !important;
  	height:					430px;
	padding: 				400px 0px 0px 0px;
	background:				#000000 url(../images/zuribelle.splash.jpg) no-repeat center top;
	clear: 					both;
	}
#gateway{
	float:					left;
	text-align:				right;
	margin: 				0px 0px 0px 0px;
	width: 					51%;
  	height:					30px;
	}
#mosaic{
	margin: 				auto;
	width: 					1002px;	
	min-height:				325px;
	height:					auto !important;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	background: 			#000000;
	clear: 					both;
}
#caption{
	width: 					1000px;
	height:					233px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
	background: 			url(../images/sunburst.jpg) no-repeat top;
}
#captionleft{
	float:					left;
	text-align:				left;
	width:					105px;
	height:					233px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#captionright{
	float:					left;
	text-align:				left;
	width:					755px;
	height:					20px;
	padding: 				0px 0px 0px 0px;
	margin: 				203px 0px 0px 0px;
}

/*--- navigation ---*/
#navigation {
	position: 				relative;
  	height:					30px;
	width: 					740px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 5px 165px;
	overflow: 				hidden;
	float:					left;
	text-align:				left;
	}
#navigation ul{
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#navigation ul li {
	float: 					left;
	list-style: 			none;
	margin: 				0px 0px 0px 0px;
}

#navigation ul li a  {
	z-index: 				10;
	display: 				block;
	float: 					left;
	height: 				30px;
	position: 				relative;
	overflow: 				hidden;
	text-decoration : 		none; 
	border-bottom: 			none;
}

/*--- main nav ---*/

#menu_home a {
	width:					143px;	
}

#menu_about a {
	width: 					143px;	
}

#menu_services a {
	width: 					143px;	
}
#menu_principal a {
	width: 					143px;	
}
#menu_contact a {
	width: 					143px;	
}
#navigation li.background {
	z-index: 				8;
	position: 				absolute;
	visibility:				hidden;
}

#navigation .background .left {
	background: 			url('../images/bg.menu.png') no-repeat top left !important;
	background: 			url('../images/bg.menu.gif') no-repeat top left;
	height: 				30px;
	margin-right: 			15px; /* 7px is the width of the rounded shape */
}



/*--- slider ---*/

* {margin:0; padding:0}
.sm {list-style:none; width:527px; height:325px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}




#services ul {
	list-style: 				square;
	padding: 				0px 0px 0px 0px;
	margin: 				10px 0px 0px 0px;
	clear:					both;
}
#services ul li {
	float: 					left;
	margin: 				0px 0px 0px 0px;
	padding: 				10px 0px 0px 0px;
	clear:					both;
}






/*--- gallery ---*/
#text ul.gallery{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul.gallery li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 5px 0px;
}
#text ul.gallery li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
	border: 				1px solid #999999;
}
#text ul.gallery img{
	width: 					102px;
	height: 				70px;
}

#text ul.featured{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul.featured li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 5px 0px;
}
#text ul.featured li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
	border: 				1px solid #999999;
}
#text ul.featured img{
	width: 					129px;
	height: 				175px;
}


#text #gallerynav{
	width:					550px;
	height:					30px;
	font: 					normal 8pt Arial, Helvetica, sans-serif;
}
#text #gallerynav ul.gallerynav{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	list-style:				none;
}
#text #gallerynav ul.gallerynav li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 4px 0px 0px;
	padding: 				2px 2px 2px 5px;
	width:					10px;
	height:					14px;
	border: 				1px solid #313131;
}
#text #gallerynav ul.gallerynav li.shade a{
	color:					#ffffff;
}
#text #gallerynav ul.gallerynav li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
}
#text #gallerynav ul.gallerynav li a:hover{				border-bottom:	#d679b1 1px dotted; color : #d679b1;text-decoration :  none;}

#text ul.info{
	padding: 				0px 0px 0px 0px;
	margin: 				10px 0px 70px 20px;
	clear:					both;
}
#text ul.info li {
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 20px 0px;
}
#text ol.terms{
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 20px;
	clear:					both;
}
#text ol.terms li {
	float: 					left;
	margin: 				0px 6px 20px 0px;
}
#text ul.privacy{
	padding: 				0px 0px 0px 0px;
	margin: 				10px 0px 20px 40px;
	clear:					both;
}
#text ul.privacy li {
	float: 					left;
	list-style: 			square;
	margin: 				0px 6px 20px 0px;
}
#text ul.job {
	list-style: square;
	margin: 15px 25px 15px 30px;
	padding:0px 0px 0px 0px;
	}
.job li { 
	margin: 2px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
/*--- content area ---*/
#imzadi{
	width: 					1002px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#content{
	width: 					1002px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#contentleft{
	float:					left;
	width: 					527px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentcenter{
	float:					left;
	width: 					458px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background:				url(../images/gradient.jpg) repeat-x left top;
}
#contentright{
	float:					left;
	width: 					13px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#endcontent{
	background:				url(../images/endcontent.gif) no-repeat;
	height:					24px;
	width: 					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
}
#textcaption{
  	height:					100px;
	float:					left;
	width:					440px;
	text-align:				right;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#text{
	text-align:				justify;
	font:					normal 10pt Arial, Helvetica, sans-serif;			
	width:					550px;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
	clear: 					both;
}
#text2{
	text-align:				center;
	font:					normal 10pt Arial, Helvetica, sans-serif;			
	width:					550px;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
	clear: 					both;
}
#logo{
	width:					100px;
	padding: 				40px 0px 0px 0px;
	margin: 				auto;
}
#copyright{
	height:					250px;
	width:					100%;
	padding: 				5px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
	background: 			url(../images/sunburst2.jpg) no-repeat top;
}
#terms{
  	height:					15px;
	width:					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
	color: 					#ffffff;
}
#terms a:hover{				border-bottom:	none; color : #d679b1;text-decoration :  none;}
#termsleft{
	float:					left;
	text-align:				left;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#termsright{
	float:					right;
	text-align:				right;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}




/*--------------------- forms ---------------------*/
* {
	margin: 			0px 0px 0px 0px;
  	padding: 			0px 0px 0px 0px
}
/*---general---*/
form {
 	 margin: 			0px 0px 0px 0px;
 	 padding: 			0px 0px 0px 0px
}
form div.input {
	margin: 			0px 0px 0px 0px;
}
form div.submit {
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
form div.submit div {
  	width: 				auto;
	float: 				left;
  	text-align: 		left;
  	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}
form div input, form div select, form div textarea {
 	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}

form div input.inputFile {
  	width: 				211px;
}

form div select.selectOne, form div select.selectMultiple {
  	width: 				211px;
  	padding: 			1px 3px 0px 0px;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: 	#cccccc;
  color: 				#000000;
  padding: 				0px 0px 0px 0px;
  margin: 				0px 0px 0px 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: 				right;
}

/*---inputs---*/
input.submit{
	width: 				24px;
	height: 			24px;
	padding:  			2px 0px 0px 0px;
}
input.required, input.required:focus, input.optional, input.optional:focus, input.error, input.error:focus{
	width:				420px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
}
select.required, select.required:focus{
	width:				432px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}
input.mailrequired{
	width:				200px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			6.5pt;
	color: 				#666666;
	margin: 			1px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
}


textarea.required {
	width:				420px;
  	height: 			150px;
	border: 			solid 1px #aeadb1;
	font: 				8pt arial;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

/*---backgrounds---*/
input.required, input.mailrequired,input.optional, input.listrequired, input.listoptional, input.listerror, input.cart, textarea.required, textarea.optional,select.required, select.required:focus, select.product, select.product:focus,select.optional, select.optional:focus{
	background-color: 	#ebebeb;
}

/*---border---*/
input.required,input.mailrequired,input.required:focus, input.error:focus, textarea.required, textarea.required:focus ,select.required, select.required:focus{
	border-right: 		5px solid #f13b2b;
}


/*---focus---*/
input.required:focus,input.mailrequired:focus,input.optional:focus, input.listrequired:focus, input.listoptional:focus, textarea.required:focus, textarea.optional:focus{
	background-color: 	#b2b2b2;
}

/*---errors---*/
input.error, textarea.error, select.error, input.listerror{
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	width:				420px;
  	height: 			16px;
	margin: 			0px 0px 10px 0px;
}
select.error{
	width:				432px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}

input.mailrequirederror{
	width:				220px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
}

textarea.error{
	width:				420px;
  	height: 			150px;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	border-left: 		solid 1px #aeadb1;
	border-top: 		solid 1px #aeadb1;
	border-bottom: 		solid 1px #aeadb1;
	font: 				9pt arial;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

input.error:focus, textarea.error:focus,select.error:focus, input.listerror:focus{
  	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
}