* {margin: 0; padding: 0;}

body {background: #000 url(images/salon_tatuaj_background.gif) 0 0 repeat; font-family:"Trebuchet MS", Verdana, tahoma, sans-serif; font-size: 62.5%; color: #2a2a2a;}
html>body {font-size: 10px;}
a, img {border: none;}

.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clear {clear: both; display: block; height: 0; line-height: 0; width: 100%;}

.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
#container {width: 1009px; margin-left: auto; margin-right: auto;  text-align:left; border-bottom: solid 4px #333333; /*background: url(images/RoxiTattooSalonTattooMachine.jpg) 710px 366px no-repeat;*/ background: url(images/bg_container.gif) 0 0 repeat-y;}
/** + html #container {background: url(images/RoxiTattooSalonTattooMachine.jpg) 715px 366px no-repeat;}*/

a:link {COLOR: #FFFFFF; TEXT-DECORATION: underline;}
a:visited {COLOR: #FFFFFF; TEXT-DECORATION: underline;}
a:hover {TEXT-DECORATION: underline; COLOR: #FF00FF;}
a:active {COLOR: #00FF00; TEXT-DECORATION: none;} 

#container h1 {float: left; display: inline; margin-left: 10px; font-size: 64px; font-weight: normal; font-family: "Monotype Corsiva", "Trebuchet MS", sans-serif; font-style: italic; color: #808080;}
#container h1 strong {display: block; font-size: 20px;}
#container h1 a {color: #808080; text-decoration: none;}

#container .descriere {float: right; display: inline; padding-top: 25px; padding-right: 10px; font-size: 15px; color: #FFF; list-style-type: none;}

#main_menu {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin-top: 30px;
	list-style-type: none;
	font-family: "Bradley Hand ITC", "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#main_menu li {float: left; display: inline;}
#main_menu li.btn_istoria {
	position: relative;
	top: 0px;
	left: 8px;
	background: url(images/b1.jpg) 0 0 no-repeat;
	width: 170px;
	height: 50px;
	padding-top: 30px;
}
#main_menu li.btn_istoria a {margin-left: 30px;}

#main_menu li.btn_atestate {
	background: url(images/b2.jpg) 0 0 no-repeat;
	width: 120px;
	height: 50px;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 30px;
}
#main_menu li.btn_atestate a {
	margin-left: 30px;
}
#main_menu li.btn_tehnica {
	background: url(images/b3.jpg) 0 0 no-repeat;
	width: 180px;
	height: 50px;
	text-align: center;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 30px;
}
#main_menu li.btn_tehnica a {margin-left: 0px; vertical-align: middle;} 
#main_menu li.btn_artist {
	background: url(images/b4.jpg) 0 0 no-repeat;
	width: 130px;
	height: 50px;
	text-align: center;
	padding-top: 30px;
	margin-top: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
#main_menu li.btn_artist a {margin-left: 0px; vertical-align: middle;} 
#main_menu li.btn_prezentare {
	background: url(images/b5.jpg) 0 0 no-repeat;
	width: 150px;
	height: 50px;
	text-align: center;
	padding-top: 30px;
	margin-top: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
#main_menu li.btn_prezentare a {margin-left: 0px; vertical-align: middle;} 
#main_menu li.btn_galerie {
	background: url(images/b6.jpg) 0 0 no-repeat;
	width: 130px;
	height: 50px;
	text-align: center;
	padding-top: 30px;
	margin-top: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
#main_menu li.btn_galerie a {margin-left: 0px; vertical-align: middle;} 
#main_menu li.btn_contact {
	background: url(images/b7.jpg) 0 0 no-repeat;
	width: 100px;
	height: 50px;
	text-align: center;
	padding-top: 30px;
	margin-top: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
#main_menu li.btn_contact a {margin-left: 0px; vertical-align: middle;} 

#container .logo {float: left; display: inline; width: 341px; height: 330px; padding-left: 14px; padding-top: 14px;}
/** + html #container .logo {float: left; display: inline; width: 341px; height: 330px;  padding-left: 14px; padding-top: 14px;}
* html #container .logo {float: left; display: inline; width: 341px; height: 330px; padding-left: 15px; padding-top: 0px;}*/

#footer {clear: both; display: block; padding-top: 30px; padding-bottom: 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: center;}
#footer a {text-decoration: underline; margin: 0 5px 0 5px;}
#footer span {display: block; padding: 10px 0 0 0;}



#content_inside p {padding: 7px 0 7px 0;}
#content_inside p.certificate {text-align: center;}
#content_inside p.certificate a img {border: solid 5px #fff; margin: 10px 10px 5px 10px;}
#content_inside ol {list-style-type: decimal; padding-left: 22px;}
#content_inside p em {font-style: normal; display: block;}

.tafic {margin: 0 auto;padding-bottom: 10px; text-align: center;}