* { 

	margin:0;
	padding:0;
}

p {
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 0;
	margin-right: 0;
}

.cool {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 0;
	margin-right: 0;
}

img {
	border: 0;
}


script{

	height:0;
	font-size:0;
}

/* NO Link underline */

a{
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

html { 


	background-position: 0px 0px;

	background-color: rgb(60%,60%,60%);
	background-repeat: repeat-x;
	background-image: url('images/background.jpg');

}

body{ 

	color: #656565; 

	font-size: 13px; 

	font-family: "Helvetica Neue", Verdana, Arial, sans-serif; 

	margin-left: auto; 

	margin-bottom: 0; 

	margin-right: auto; 

	margin-top: 50px; 

	width:986px;
	
}



.headerbox{

	margin-left: auto;

	margin-bottom: 8px;

	margin-right: auto;

	margin-top: 0px;

	background-repeat: no-repeat;

	background-image: url('images/celmaroLogo.png');

	width: 880px;

	position: relative;
	height: 170px;
		
}

.logotitle{
	
	width: 300px;
	
	color: #4c4c4c;
	font-size: 24px;
	font-family: Baskerville;
	left: 176px;	
	top: 0px;
	
	position: absolute;
	height: 20px;

	
}



               

.free{
	
	
	color: #4c4c4c;
	font-size: 10px;
	

	
}



/* MAIN MENU */

.mainmenu{
	
	right: 0px;
	
	top: 40px;
	
	position: absolute;
	
	height: 40px;
	width: 360px;

	
}

--#mainmenu {
	background: transparent;
	width: 903px;
	height: 32px;
	margin: auto;
}


#mainmenu li {
	list-style: none;
	height: 32px;
	float: left;
}

#mainmenu li span {
	display: none;
}

#mainmenuProducts {
	display: block;
	background: transparent url('images/products.png') top left no-repeat;
	width: 103px;
	height: 32px;
}

#mainmenuProducts:hover {
	background-position: left -31px;
}

#mainmenuProducts.active {
	background-position: left -64px;
}

#mainmenuCompany {
	display: block;
	background: transparent url('images/company.png') top left no-repeat;
	width: 103px;
	height: 32px;
}

#mainmenuCompany:hover {
	background-position: left -31px;
}

#mainmenuCompany.active {
	background-position: left -64px;
}

#mainmenuBlog {
	display: block;
	background: transparent url('images/blog.png') top left no-repeat;
	width: 103px;
	height: 32px;
}

#mainmenuBlog:hover {
	background-position: left -31px;
}

#mainmenuBlog.active {
	background-position: left -64px;
}

.titlebox{

	text-align: center;

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-size: 18px;

	width: 100%;
	position: absolute;
	bottom: 0px;
	margin: 0px auto;


		
}

/* Body */




/* TOP MENU */


.topmenu {
	
	padding-top: 3px;
	
	padding-left: 3px;
	
	margin: auto;
}


.topmenu li {
	list-style: none;
	float: left;
}

.topmenu li span {
/*	display: none; */
}

.topenuitem {
	color: #7f7f7f;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;

	border-bottom-width: 1px;
	padding-top: 6px;
	height: 21px;

	width: 120px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: block;
	background: transparent;
}

.topenuitem:hover {
	color: #4d4d4d;
	background-position: left -31px;
}


.topenuitem.active {
			
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-right-color: #bfbfbf;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #bfbfbf;
	border-left-style: solid;
	border-left-width: 1px;
	
}

/* Left --- */

.topenuitemleft {
	color: #7f7f7f;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;

	border-bottom-width: 1px;
	padding-top: 6px;
	height: 21px;

	width: 120px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: block;
	background: transparent;
}

.topenuitemleft:hover {
	color: #4d4d4d;
	background-position: left -31px;
}


.topenuitemleft.active {
			
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-right-color: #bfbfbf;
	border-right-style: solid;
	border-right-width: 1px;
	
}

/* Right ---*/

.topenuitemright {
	color: #7f7f7f;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;

	border-bottom-width: 1px;
	padding-top: 6px;
	height: 21px;

	width: 120px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: block;
	background: transparent;
}

.topenuitemright:hover {
	color: #4d4d4d;
	background-position: left -31px;
}


.topenuitemright.active {
			
	border-bottom-style: none;
	border-bottom-width: 0px;

	border-left-color: #bfbfbf;
	border-left-style: solid;
	border-left-width: 1px;
	
}


/* ------ */

.backtopgrad{

	height: 30px;
	width: 986px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url('images/backtopgrad.png');
	margin: 0px auto;
	
}



.backmidgrad{
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 30px;

	max-height: 800px;
	min-height: 100px;

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmidgrad.png');
	


	margin: 0px auto;
}


.backmidgrad{
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 30px;

	max-height: 800px;
	min-height: 100px;

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmidgrad.png');
	


	margin: 0px auto;
}

.gradline{
	
	min-height: 3px;

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmidgrad.png');
	


	margin: 0px auto;
}



.backdowngrad{

	padding-left: 40px; 
	padding-right: 40px;
	padding-top: 5px;

	max-height: 200px;
	min-height: 10px;

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmidgrad.png');
	


	margin: 0px auto;
}






.backmid{

	/*height: 400px; */
	padding-left: 40px; 
	padding-right: 40px;
	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmid.png');
	


	margin: 0px auto;
}



.backbotton{

	height: 12px;

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backbotton2.png');
	
	margin: 0px auto;
}

.backbottongrad2{

	height: 12px; /*23*/

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backbottongrad22.png');
	
	margin: 0px auto;
}


.bodyboxbottom{

	padding: 8px;
	margin: 0px auto;
	
	text-align: center;

	color: #4c4c4c;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	
	height: 60px;
	width: 986px;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url('images/bottom.png');
	

}

h1{
	text-shadow: 1px 1px 2px white;
	font-weight: lighter;
	color: #4d4d4d;
	text-align: left;
	font-size: 48px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 24px;
	margin: 0 0 5px;
	color: #191919;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 500;
	clear: left;
	padding-bottom:10px;

}




/* Company */

/* with a 2 column layout the overall width is 780px, each column being 380px after padding. */
.column {
	margin-top: 30px;
	width: 430px;
	position: relative;
	z-index: 10;
}

.column2 {

	width: 830px;
	position: relative;
	z-index: 10;
}

.column50 {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 48%;
	position: relative;
	z-index: 10;
}

.column70 {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 65%;
	position: relative;
	z-index: 10;
}

.column80{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 70%;
	position: relative;
	z-index: 10;


}
.column20{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 29%;
	position: relative;
	z-index: 10;


}

.column30 {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 35%;
	position: relative;
	z-index: 10;
}

.columnsmall{

	margin-top: 30px;
	margin-left: 80px;
	margin-right: 80px;
	width: 250px;
	position: relative;
	z-index: 10;

}
 
.left {
 
/*width: 400px; 
	padding-right: 0px; */
	float: left;
}
 
.right {

	float: right;
}



.image-right {
	float: right;
	/* margin: 5px 0 5px 15px; */
}

.image-left {
	float: left;
	/* margin: 5px 0 5px 15px; */
}

div{

/*	border-color: #bfbfbf; 

	border-style: solid;

	border-width: 1px;
*/
}

#imageanique {
	
	margin-left: 28px;
	margin-right: 25px;
	/* margin: 5px 0 5px 15px; */
}

#imagemarc {
	
	margin-left: 25px;
	margin-right: 25px;
	/* margin: 5px 0 5px 15px; */
}
#imagesubtitleright{

	margin-right: 0px;
	margin-bottom: 30px;
	clear: both;
	float: none;
	color: #b1b1b1;
	text-align: right;


}

#imagesubtitleleft{

	margin-right: 15px;
	margin-bottom: 30px;
	clear: both;
	float: none;
	color: #b1b1b1;
	text-align: left;


}

.end {
	clear: both;
	float: none;
}


/* */

.center{


	text-align: center;

}

.rightalign{


	text-align:right;

}


.toppadding5{

padding-top: 5px;

}

.toppadding20{

padding-top: 20px;

}

.toppadding40{

padding-top: 40px;

}

.bottompadding20{

padding-bottom:20px;

}

.bottompadding40{

padding-bottom:40px;

}

.smalltext{

	font-size: 11px;
	margin-bottom: 10px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;



}

.nobottonmargine{

margin-bottom: 0px;

}


h5{

	
	margin-bottom: 5px;



}


h6{

	font-weight: 200;

	font-size: 11px;
	margin-bottom: 20px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;

}

.leftmargin40{

	margin-left: 40px;
}


.leftpadding20{

	padding-left: 20px;
}

.leftpadding30{

	padding-left: 30px;
}

.leftpadding40{

	padding-left: 40px;
}

.rightpadding20{

	padding-right: 20px;
}
hr{

	margin: 30px;
	
	margin-left: 0px;
	margin-right: 0px;

}


.formSubmitButton{

	text-align:  right;

}

.headerTitle{

	letter-spacing: 1px;

	text-shadow: 1px 0px 2px #3f3f3f;

	font-weight: 250;

	color: #666666;

	font-size: 46px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;

}

.headerTitle2{

	letter-spacing: 1px;

	text-shadow: 1px 0px 2px #3f3f3f;

	font-weight: 250;

	color: #666666;

	font-size: 36px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;

}

.headertitlesub{

letter-spacing: 1px;

	text-shadow: 0px 1px 0px #fefefe;

	font-weight: 250;

	color: #7f7f7f;

	font-size: 16px;
	padding-left: 5px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;

}

.toppadding10{

	padding-top: 10px; 

}

.celmarorights{


	font-style: normal;


	font-weight: normal;


	text-shadow: 0px 1px #bfbfbf;


	text-align: center;


	margin-top: 5px;


}


#email_error{



	color: red;



}

.addspace{

	margin-top: 64px;
}


.notopmargin{

margin-top: 0px;

}




#page1{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/webbla.png'); }
#page2{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/minco.png'); }
#page3Alt{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/iOS.png'); }
#page3{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/smachicopage.png'); }
#page4{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/youtube.png'); }
#page5{ min-height: 400px; background-repeat: no-repeat; background-image: url('images/youtube.png'); }

.buttons{ margin: 0px; padding: 12px; text-align: center;}
.buttons span{color: #bebebe; background-repeat: no-repeat; background-image: url('images/dot1.png');padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background-image: url('images/dot2.png');color: #007bc6}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}


.mask1{
	position:relative;
	width: 986px;
	height: 400px;
	overflow:hidden;
	
	
}

.backmidgradWPO{

	background-position: 0px 0px;

	background-repeat: repeat-y;

	background-image: url('images/backmidgrad.png');
}



.textBox{

	width: 300px;

	max-width: 300px;

	padding-top: 60px;
	padding-left: 550px;

}

.headertitlesub2{

	

	

	color: #7f7f7f;

	font-size: 16px;
	padding-left: 5px;
	padding-top: 36px;

	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;

}

.blueLink{

	font-style: normal;

	font-weight: normal;

	padding-left: 5px;
	font-size: 16px;

	font-family: Helvetica, Verdana, Arial, sans-serif;

}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:986px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}