/************************************************************************* 
Layout
**************************************************************************/
body {
	background:url(../imgs/UI/bcks/main-bck.jpg);
	padding:10px 0px 15px 0px;
	margin: 0px;
	overflow: auto;
	color: white;
	font-size: 12px;
 }
	
#wrap{
	margin: 0 auto;
	width:739px;
	}
 
#header{
  height: 81px;
  background-image:url(../imgs/UI/bcks/headerbck.png);
  background-repeat: no-repeat;
  padding: 20px 0px 0px 40px}

#content-wrap{
  margin: 10px 0px 0px 1px;
  background-image: url(../imgs/UI/bcks/content-bck.png);
  background-repeat: repeat-y;
}

#heading{}


#detail-lft{ 
  width:444px;
  padding: 5px 65px 5px 5px;
  float: left;}
  
  #detail-lft h4{font-weight: bold; font-size: 17px; padding:15px 0px 0px 5px;}
  
  #detail-lft img{ padding:8px 10px 12px 8px; float: left;}

#detail-rgt{
  width:208px;
  float: left;
  padding: 5px; }
  
  #rght-dtls{
  background:url(../imgs/UI/bcks/right-col-bck.png) no-repeat;
  background-position: center;
  height:146px ;
  width:171px ;
  padding:60px 20px 5px 10px }
  
   #rght-dtls li{ list-style-image:url(../imgs/UI/icons/list-icn.png); padding: 2px; }
   #rght-dtls p{ font-size: 12px; line-height: 15px;}


#footer{
  height: 35px;
  padding: 25px 30px 5px 15px;
  margin: 10px 0px 0px 0px;
  background-image: url(../imgs/UI/bcks/foot-bck.png);
  background-repeat: no-repeat;
  font-size: 12px;}
  
  #footer a{ color:#C993C9; text-decoration: none;}
  #footer a:hover{ color: white;}


/**** Navigation ****/
#navigation {
  height: 49px;
  list-style: none;
  padding: 0px 0px 0px 2px;
  background-image: url(../imgs/UI/bcks/shadow-top.png);
  background-repeat: no-repeat;
  background-position: 320px 30px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
        height: 49px;
        position: relative;
        display: block;
        outline: none;
        cursor: pointer;
        background:url(../imgs/UI/icons/nav-sprite.png)  0 0 no-repeat;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 86px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0 -49px;
  width: 86px;
}

#navigation a.about {
  background-position: -86px 0;
  width: 86px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -86px -49px;
}

#navigation a.gallery {
  background-position: -172px 0;
  width: 86px;
}

#navigation .highlight a.gallery:hover,
#navigation a.gallery .hover {
  background-position: -172px -49px;
}

#navigation a.services {
  background-position: -258px 0;
  width: 84px;
}

#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background-position: -258px -49px;
}

#navigation a.contact {
  background-position: -344px 0;
  width: 86px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -344px -49px;
}


/************************************************************************* 
Styles
**************************************************************************/
.top{ background-position: top;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}
img{padding: 0px; margin: 0px; border: none;}
h1{ color: white; font-size: 28px; padding:3px;}
h3{font-size: 16px; color:#F4F4F4; line-height: 10px; padding:3px; font-weight: normal;}
p{padding:8px; font-size: 14px; line-height: 22px; color: #E5CADE;}
p strong{color:#fff; }
p img{ padding-left: 65px;}
a{color: #993978;}
a:hover{text-decoration: none; color: white;}
a:visted{text-decoration: none; color: #993978;}


span.test-hdr{ color: #9D3B79; text-transform: uppercase; padding-left: 85px;}
span.client-tst{ color: white; text-align: left; padding-left: 8px; font-weight: bold;}


/**** Once-off style ****/
#feat-heading{ 
  width:702px;
  margin:0px 0px 0px 2px;
  border-top: 1px solid #48223E;
  border-bottom: 1px solid #48223E;
  background-image: url(../imgs/UI/bcks/feat-bck-pnl.png);
  background-repeat: repeat-y;
  background-position: left;
  padding:40px 15px 40px 15px;
}

#dtl-btm{
  width:610px;
  height: 9px;
  background-image: url(../imgs/UI/bcks/shadow-btm.png);
  background-repeat: no-repeat;
  background-position: bottom right;}
  

/************************************************************************* 
GALLERY
**************************************************************************/
  #slider-niv{clear:both;}

    #slider-niv img{padding:2px; float:none;}
    
    
    
    