/* -------- Style Sheet for Porcelain Miracle Inc. -------- */

*{
	padding: 0;
	margin: 0;
	border: 0;
}

html, body{
	text-align: center;
	width: 100%;	
}

body{
	height: 100%;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100%;
	color: #666;
	background:url(../images/bg.gif) #000 repeat-x;
}

h1{
	background: transparent url(../images/icon.gif) 0 0 no-repeat;
	font-size: 130%;
	color: #c00;
	font-family: "gill sans mt", arial, "trebuchet ms", georgia;
	padding-left: 25px;
}


p{
	margin: 0 0 7px 1px;
}

a, a:visited{
	text-decoration: underline;
	color: inherit;
}

a:hover{
	text-decoration: none;
	color: inherit;
}

ol{
	margin-left: 30px;
	margin-bottom: 10px;
	text-align: left;
}

ul{
	list-style-type: none;
	margin: -7px 5px 3px 0;
}

ul li{
	background: transparent url(../images/check.gif) 0 0 no-repeat;
	padding-left: 18px;
	margin-top: 7px;
}

hr{
	color: #ddd;
	background-color: #ddd;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 5px;	
}

* html hr{
	margin: 0;
}

table{
	border: 0;
	text-align: center;
	width: 100%;
}

* html table{
	width: 96%;
}

#table_home{
	width: 100% !important;
}

td{
	padding: 2px;
	vertical-align: top;
	text-align: left;
}

/* main layout */
#wrapper{
	position: relative;
	margin: 0 auto;
	width: 775px;
	min-height: 100%;
	height: 406px;
	height: auto !important;
	text-align: justify;
	background: #fff;
	border: #CCC solid 5px;
}

#header{
	height: 129px;
	background: url(../images/logo.pmi.gif) no-repeat;
	margin: 5px 10px 0 0;
}

#content_home{
	width: 100%;
}

#content{
	padding: 15px;
}

#banner{
	height: 20px;
	width: 98%;
	background: #ff0;
	text-align: center;
	color: #c00;
	font-weight: bold;
}

#footer{
	text-align: center;
	font-size: 70%;
	font-weight: bold;
	color: #fff;
	margin-top: 2px;
}

#footer a:link{
	color: #fff;
}

/* header part */
#headerlogo{
	position: absolute; 
	top: 26px; 
	right: 570px;
	text-align: right;	
	z-index: 1;	
}

#headertag{
	position: absolute;
	top: 50px;
	right: 200px;
	text-align: right;
	z-index: 2;
}

#headerlink{
	position: absolute;
	top: 7px;
	right: 15px;	
	z-index: 200;
}

.headerlink{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

.headerlink a, .headerlink a:visited{
	color: #fff;
	text-decoration: none;
	margin: 0 5px 0 2px;	
}

.headerlink a:hover{
	color: #fff;
	text-decoration: underline;
	margin: 0 5px 0 2px;	
}

.headerlink .language, .headerlink .language a, .headerlink .language a:visited{
	color: #999;
	margin: 0 0 0 3px;	
}

.headerlink .language .selected, .headerlink .language a.selected, .headerlink .language a:visited.selected, .headerlink .language a:hover.selected,  .headerlink .language a:hover{
	color: #fff;
	margin: 0 0 0 3px;	
}

#slogan{
	text-align: right;
	color: #c00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 125%;
	padding-top: .65em;
}

#slogan2{
	text-align: right;
	font-style: italic;
	letter-spacing: 0.38em;
	font-family: "times new roman", arial;
	font-weight: bold;
	color: #888;
	padding-bottom: .65em;
}

#tel{
	text-align: right;
	color: #a00;
	font-family: impact, arial;
	font-size: 300%;
	margin: -7px 0 -16px 0;
}

#flash{
	background: #000;
	color: #FFCC01;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	height: 22px;
	padding-top: 5px;
}

* html #flash{
	height: 26px;
}

#nav{
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 75%;
	margin-right: -7px;
	color: #888;
}

#nav a, #nav a:visited{
	text-decoration: none;
	margin: 0 7px;
	color: #888;
}

#nav a:hover{
	text-decoration: underline;
	margin: 0 7px;
	color: #c00;
}

.lefttext{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

.impt{
	color: #c00;
	font-weight: bold;
}

.impt2{
	color: #f00;
	font-weight: bold;
}

.floatleft{
	float: left;
	margin: 2px 13px 3px 0px;
}

.floatright{
	float: right;
	margin: 2px 0px 3px 13px;
}