/* generated by csscreator.com */ 
html, body { 
	margin				: 0; 
	padding				: 0; 
	text-align			: center;
	font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #000000;
	background: url(../img/bg.gif);
	} 
 
#pagewidth { 
	width				: 728px; 
	text-align			: left;  
	margin-left			: auto; 
	margin-right		: auto;  
	background-color	: #ffffff;	
	} 
	
.item { 
	display: block;
	float:left;
	width				: 43px; 
	height				: 35px;  
	margin				: 2px; 
	} 
	
.patternChooser { 
	display: block;
	float:left;
	width				: 270px; 
	margin-left				: 5px; 
	margin-right:		5px;
	} 
	
#header h1 {
	display: block;
	overflow: hidden;
	background-color	: #FFFFFF; 
	width				: 100%;
	height: 149px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-indent: -1000px;
	background: url(../img/header.jpg);
	} 
 
#maincol {
	width				: 728px; 
	background-color	: #FFFFFF;  
/*	float				: right; */
	display				: inline; 
	position			: relative; 
	width:; 
	}
 
#footer {
	height				: 58px; 
	background-color	: #FFFFFF; 
	clear				: both;
	background-image	: url(../img/footer_background.jpg);
	background-repeat	: no-repeat;	
	padding-top: 6px;
	} 
 
html>body #footer {
	height				: 58px;		
}	

 
#patternName, #patternSku {
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	}
	
#patternPrice, #patternDescription {
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	}
	
#footer {
	font-size: 11px;
	color: #ffffff;
	}
	
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}

#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000000;
	}	
/* 
--------------------------------------
   LEFT INSIDE MAIN
--------------------------------------
*/ 

#left {
	width				: 465px;
	float				: left;
	}

#leftProductCustomization {
	width				: 450px;
	float				: left;
	}



#textindex {
	width				: 215px;
	height				: 149px;
	background-image	: url(../img/index_pictures/ties_left.jpg);
	background-repeat	: no-repeat;
	float				: left;
	padding-left		: 245px;
	}

html>body #text-index  {
	width				: 215px;
	height				: 149px;		
}	

.graphic {
	display				: block;
	margin				: 0;
	padding				: 0;
	overflow			: hidden;
	text-indent			: -1000px;
	}

h1 {
	width				: 464px;
/*	display				: block;*/
	background			: url(../img/headlines/big/welcome.jpg);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}
	
h1#about {
	width				: 464px;
/*	display				: block;*/
	background: url(../img/headlines/big/about_us.jpg);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}
	
h1#promotecompany {
	width				: 464px;
/*	display				: block;*/
	background: url(../img/headlines/company.gif);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}

h1#howto {
	width				: 464px;
/*	display				: block;*/
	background: url(../img/headlines/big/howto.gif);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}
	
h1#create {
	width				: 425px;
/*	display				: block;*/
	background: url(../img/headlines/big/create_own_product.jpg);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}		

h1#contact {
	width				: 464px;
/*	display				: block;*/
	background: url(../img/headlines/big/contact_us.gif);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}

h1#services {
	width				: 464px;
/*	display				: block;*/
	background: url(../img/headlines/big/services.gif);
	background-repeat	: no-repeat;
	background-position : 0px 20px;
	height				: 59px;
	clear: both;
	}
	
h2.index {
	width				: 464px;
/*	display				: block;*/
	background			: url(../img/headlines/small/create_your_own_product.jpg);
	height				: 24px;
	clear				: both;
	}
	
h2.heritage {
	width				: 386px;
/*	display				: block;*/
	background			: url(../img/headlines/small/our_proud_heritage.jpg);
	height				: 24px;
	clear				: both;
	}	

h2.expect {
	width				: 386px;
/*	display				: block;*/
	background			: url(../img/headlines/small/expect.gif);
	height				: 24px;
	clear				: both;
	}			

h2.centurycontact {
	width				: 386px;
/*	display				: block;*/
	background			: url(../img/headlines/small/centurycontact.gif);
	height				: 24px;
	clear				: both;
	}			

h2.map {
	width				: 386px;
/*	display				: block;*/
	background			: url(../img/headlines/small/map.gif);
	height				: 24px;
	clear				: both;
	}

h2.centuria {
	width				: 386px;
/*	display				: block;*/
	background			: url(../img/headlines/small/centuria_style.jpg);
	height				: 24px;
	clear				: both;
	}		

h2.productCustomization {
	width				: 275px;
/*	display				: block;*/
	background: url(../img/headlines/product_customization.jpg);
	height				: 32px;
	clear				: both;
	}		

	
p {
	font-size			: 12px;
	line-height			: 14px;
	margin-left			: 14px;
	padding-left		: 10px;
	border-left			: solid #cdb937 21px;
	margin-top			: 7px;
	}


p a {
	color				: #063b77;
	background-image	: url(../img/dot/link.gif);
	background-repeat	: no-repeat;
	background-position	: 0px 4px;
	padding-left		: 10px;
	font-weight			: bold;
	}
	
p a:visited {
	color				: #063b77;	
	}
	
p a:hover {
	color				: #cdb937;
	}	
	
a.imagelink {
	background-image:none;
	padding-left: 0px;
	}
	
a.imagelink:visited {
	}
	
a.imagelink:hover {
	}		
/* 
--------------------------------------
  RIGHT INSIDE MAIN
--------------------------------------
*/ 
	
	
#right {
	width				: 258px;
	float				: right;
	margin-top			: 23px;
	}


#rightCreateProduct {
	width				: 275px;
	height				: 475px;
	float				: right;
	margin-top			: 23px;
	background-color	: #e2e2e2;
	}

#shape {
	padding-left		: 6px;
	padding-right		: 8px;
	padding-top			: 10px;
	}

html>body #rightCreateProduct  {
	height				: 475px;		
}	

.bold {
	font-weight: bold;
	text-decoration:underline;
	}

/* 
--------------------------------------
  TEXT BLOCK 
--------------------------------------
*/

.textblock {
	font-size			: 12px;
	line-height			: 14px;
	margin-left			: 14px;
	padding-left		: 10px;
	border-left			: solid #cdb937 21px;
	margin-top			: 7px;
	margin-bottom		: 20px;
	}	

/* 
--------------------------------------
  LINE SEPARATOR
--------------------------------------
*/	 

.line {
	border-bottom		: solid #6e5b47 1px;
	line-height			: 5px;
	margin-left			: 12px;
	margin-bottom		: 10px;
	}
	
.linepreview {
	width				: 380px;
	border-bottom		: solid #6e5b47 1px;
	line-height			: 5px;
	margin-bottom		: 10px;
	}
	
		
/* 
--------------------------------------
  TIE PREVIEW
--------------------------------------
*/		
	
#preview {
	height				: 227px;
	margin-left			: 13px;
	font-size			: 14px;
	font-weight			: bold;
	}

#preview img.preview {
	padding-left: 170px;

	}
	
#previewpatternbig {
	width				: 150px;
	height				: 150px;
	float				: left;
	font-weight			: normal;	
	margin-top			: 15px;
	}	
	
#previewpatternbigorder {
	background-image:url(../img/preview/order_product_code_backgrou.jpg);
	background-repeat:no-repeat;
	background-position: 160px 0px;
	padding-left: 200px;
	margin-top: 15px;
	}	
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */