body{
	background: #fff url(../img/bodybg.png) 0 0 no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	behavior: url("css/csshover2.htc");		
}

#logo {
	position: absolute;
	z-index: 1;
	top: 18px; left: 41px;
}

#head{
	height: 170px;
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1004px':'100%'); 
    min-width: 1000px;		
}

#head ul{
	display: block;
	position: absolute;
	top: 0;
	right: 10%;
	padding:0;
	list-style: none;
	height: 170px;
	width: 507px;
}

#head ul li {
	position: absolute;
	margin: 0; 
	padding: 0;
	list-style: none;
}

#head #up_000 {
	top: 15px;
	left: 151px;
	font: normal 11px Verdana;
}

#head #up_001 {
	top: 36px;
	left: 40px;
	font: normal 22px Verdana;
}

#head #up_002 {
	top: 57px;
	left: 190px;
	font: normal 18px Verdana;
}

#head #up_003 {
	top: 78px;
	right: 0;
	font: normal 18px Verdana;
}

#head #up_004 {
	top: 104px;
	left: 0;
	font: normal 18px Verdana;
}
#head #up_005 {
	top: 104px;
	left: 235px;
	font: normal 18px Verdana;
}
#head #up_006 {
	top: 106px;
	right: 0;
	font: normal 14px Verdana;
}
#head #up_007 {
	top: 130px;
	left: 40px;
	font: normal 14px Verdana;
}
#head #up_008 {
	top: 131px;
	left: 230px;
	font: normal 12px Verdana;
}
#head #up_009 {
	top: 131px;
	left: 295px;
	font: normal 12px Verdana;
}
#head #up_010 {
	top: 150px;
	left: 300px;
	font: normal 11px Verdana;
}
#head #up_011 {
	top: 150px;
	left: 365px;
	font: normal 11px Verdana;
}
#head #up_012 {
	top: 150px;
	right: 0;
	font: normal 11px Verdana;
}

#up_001 a, #up_001 a:visited,
#up_002 a, #up_002 a:visited,
#up_003 a, #up_003 a:visited,
#up_004 a, #up_004 a:visited,
#up_005 a, #up_005 a:visited {
	color: #6a6868;
	text-decoration: none;
}


#up_000 a, #up_000 a:visited,
#up_006 a, #up_006 a:visited,
#up_007 a, #up_007 a:visited,
#up_008 a, #up_008 a:visited,
#up_009 a, #up_009 a:visited,
#up_010 a, #up_010 a:visited,
#up_011 a, #up_011 a:visited,
#up_012 a, #up_012 a:visited {
	color: #4b4b4b;
	text-decoration: none;
}

#head ul li a:hover {
	color: #e8048b;
	text-decoration: underline;
}

#head ul li a.act{
	color: #e8048b;
	text-decoration: none;
}
#head ul li a.act:visited {
	color: #e8048b;
	text-decoration: none;
}


#pretitle{
	height: 134px;
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1004px':'100%');
	min-width: 1000px;
	text-align: center;
}

#title{
	width:900px;
	height:134px;
	position: relative;
	margin: 0 auto 0 auto;
}

#title #cat{
	position: absolute;
	right: 0; top: 0;
}

#title h1{
	position: absolute;
	left:0; bottom: 0;
	color: #686868;
	font: normal 18px Verdana;	
	width: 400px;	
}

#title h1 span{
	font: normal 12px Verdana;		
	color: #5f5f5f;
	background: url(../img/divider.gif) 0 0 no-repeat;
	padding: 0 0 0 18px;
}

h3
{
	color:#535252;
	font: bold 16px Tahoma;
	/*padding: 15px 0 10px 0;*/
	margin: 15px 0 10px 0;
}

h3.first {
	margin: 0 0 10px 0;
}


div.width{
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1004px':'100%');
	min-width: 1000px;
	text-align: center;
}

div.width h2{
	display: block;
	width: 800px;
	margin: 0 auto 0 auto;
	font: bold 14px Verdana;
	color: #e8048b;
	padding: 18px 0 0 100px;
	background: url(../img/h2bg.gif) 0 0 no-repeat;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align:top;
	font-size: 11px;
}
#grid {
	width:900px;
	margin: 0 auto 0 auto;
	height: 300px;
}

#left table table a {
	font-weight: normal;
}
#left table{
	/*width: 99%;*/
	text-align: left;
}
#grid #left{
	width: 900px;
	padding: 30px 0 30px 0;
	text-align:justify;
}

#grid #left * {
	text-align: justify;
}

#left p {
	margin: 0 0 14px 0;
}
#left strong{
	color: #535252;
}

#left a {
	color: #e9048b;
	font-weight: bold;
	text-decoration: none;
}
/*#left a:visited{color: #e9048b;}*/
#left a:hover {
	color: #e9048b;
	text-decoration: underline;
}

#grid #right{
	width:280px;
	padding: 30px 0 30px 0;
	vertical-align: top;
}

#right ul.menu{
	margin: 0 0 0 71px;
	padding: 0;
	list-style: none;
}
#right ul.menu li{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;	
	background: none;   
}

#right ul li a{color: #535252;}
/*#right ul li a:visited{color: #535252;}*/
#right ul li a:hover{color: #e9048b;}

#right ul li a.act{color: #e9048b;}
/*#right ul li a.act:visited{color: #e9048b;}*/
#right ul li a.act:hover{color: #e9048b;}

#interest {
	background: url(../img/pink.jpg) 0 0 no-repeat;
	width: 236px;
	padding: 10px 0 0 0;
	margin: 0 0 0 30px;
}

#interest div.in {
	margin: 0 0 0 42px;
}

#right h3{
	color: #686868;
	font: bold 14px Verdana;
	padding: 30px 0 10px 71px;
}
#int-down {
	width: 236px;
	padding: 10px 0 0 0;
	margin: 0 0 0 72px;
	 
}
#interest h3{
	color: #686868;
	font: bold 14px Verdana;
	padding: 30px 0 10px 0;
	padding-left: 0px;
}

#int-down2 {
	width: 236px;
	padding: 10px 0 0 0;
	margin: 0 0 0 132px;
	 
}



#foot{
	height: 250px;
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1004px':'100%'); 
  	min-width: 1000px;		
	
	position: relative;
}

#foot_img{
	background: url(../img/foot_cat.jpg) top right no-repeat;
	height:250px;
	width:440px;
}
#foot_container{
	float:right;
	height:250px;
	width:440px;
	
}


#adress{
	position: absolute;
	bottom: 40px; left: 65px;	
}





.pink {color:#e9048b; }

h1.pink {color:#e9048b!important;}
div.width h2.nav{
	color:#686868!important;
	font-size: 11px;
	font-weight: normal;
	padding: 20px 0 0 100px;
}

div.width h2.nav a{
	color:#686868;
	text-decoration: none;	
}
/*div.width h2.nav a:visited{
	color:#686868;
}*/
div.width h2.nav a:hover{
	color:#e9048b;
}

#portfolio {
	width: 760px;
	margin: 50px auto 0 auto;
}

#portfolio .item {
	width: 190px; 
	height: 180px;
	margin: 0 0 10px 0;
}

#portfolio .item img{
	margin: 24px 0 0 33px;
}

#portfolio .item a{
	display: block;
	width: 150px;
	text-align: center;
	margin: 12px 0 0 0;
	font:bold 11px Verdana;
	text-decoration: none;
	color: #4f4d4d;
}

#portfolio .item a:hover{
	text-decoration: underline;
}

#portfolio .item:hover a{

	text-decoration: underline;
}

#portfolio .item:hover {
	background: url(../img/pink_td.jpg) 0 0 no-repeat;
	cursor: pointer;
}

/*Portfolio Item*/

.portfolio {
	background: url(../img/port_item_bg.jpg) 0 0 no-repeat;
	width: 824px;
	margin: 0 auto 0 auto;
}


#portfolio_item #left{
	width: 444px;
	vertical-align: top;
	margin: 0; padding: 0;
}

#portfolio_item #right{
	width:380px;
}

#portfolio_item #right div.content{
	margin: 0 0 0 50px;
	padding: 40px 0 0 0;
}


#portfolio_item #right p{
	margin: 0 0 14px 0;
}
#portfolio_item #right p strong{
color:#5b5a5a;	
}


div.view {
	height: 27px;
	background: url(../img/view_bg.gif) 0 0 no-repeat;	
	padding: 6px 0 0 50px;
	margin: 0 0 0 12px;
}

div.view a{
	font-weight: normal!important;
	color: #686868!important;
}

/*div.view a:visited{
	font-weight: normal!important;
	color: #686868!important;
}*/

div.view a:hover{
	color:#e8048b!important;
}

div.view a.forward {
	padding: 0 0 0 24px;
}

#porthead{
	background: url(../img/port/head.gif) 0 0 no-repeat;
	height: 35px;
	width: 443px;
	margin-top: 17px;
	position: relative;
}

#porthead h3{
	color:#6a6868;
	font-size: 18px; 
	font-weight:normal;
	position: absolute;
	padding-right: 20px;
	top:24px; left: 24px;
}

#porthead a{
	font-weight:normal!important;
	position: absolute;
	right: 20px; top:30px;	
}

div.border{
	background: url(../img/port/border.gif) repeat-y;
	text-align: center;
}

div.pere {
	background: url(../img/port/pere.gif) no-repeat;
	height: 72px;
}

div.end{
	background: url(../img/port/end.gif) no-repeat;
	height: 56px;
	position: relative;
}

div.end a{
	position: absolute;
	top: 20px; right:20px; 

}

div.end a{
	font-weight: normal!important;
	color: #686868!important;
}

/*div.end a:visited{
	font-weight: normal!important;
	color: #686868!important;
}*/

div.end a:hover{
	color:#e8048b!important;
}


ul.arrow{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.arrow li {
	margin: 0 0 5px 0;
	padding: 0 0 0 14px;
	list-style: none;	
	background: url(../img/arrow.gif) 0 4px no-repeat;
}

.width ul {
	list-style: none;
	margin: 4px 10px 4px 5px;
}

.width ul li {
   	
   	padding: 0 0 0 25px;
   	background: url(../img/arrow.gif) 0 4px no-repeat;
}  

.width ol {
 margin: 4px 10px 4px 30px;
}

.width ol li {
   	padding: 0 0 0 0px;
}  

#right ul.menu{
	margin: 0 0 0 71px;
	padding: 0;
	list-style: none;
}
#right ul.menu li{
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;	
	background: none;   
}






em, i {
font-style: italic; 
}

#left strong {
	color: #535252;
}

.center {
text-align: center !important; 
}