/*   

Theme Name: Svensonhair Website

Theme URI: www.svensonhaircare.com.my

Description: A website special design for caragena.com. Design by PCT Internal Team, copyrighted.

Author: PCT - Production

Version: version 1

/*********** Begin Sturcture **********/

.hiddenpic {display:none;}

body {
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color: #ffffff;

}


#body-bg {
background-image:url(img/general/body-bg.png);
background-repeat: repeat-x;
background-color:#ffffff;
margin:0 auto;
}

h2 {
   font-size:13px;
   color:#515151;
   font-weight: bold;
   }
   
h4 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:18px;
   color:#515151;
   font-weight: bold;
   }
   
p {
   font-size:13px;
   color:#515151;
   }   

/************ Begin Header ************/

#header {
	background: url('img/header/header-bg.png') repeat-x;
	height: 150px;
        width: 960px;
        margin:0 auto;
}

*+html #header {
	background: url('img/header/header-bg.png') repeat-x;
	height: 170px;
        width: 960px;
        margin:0 auto;
}

#header a{
      text-decoration:none;
	 color:#aaaaaa;
	 }
	 
#header a:hover{
      text-decoration:none;
	 color:#00a775;
	 }

#logo {        
        float:left;
        margin:0 0 0 0;
}

#header-content {
     margin:52px 0 0 173px;
	 float:left;
	 width:400px;
	 }

#header-content img{
	 float:left;
	 }
	 
#header-content p{
	 float:left;
	 margin:0;
	 color:#00a775;
	 }	 

#back {
      margin:52px 12px 0 0;
	  float:right;
	  color:#aaaaaa;
	 
	  }	 
/************ End Header ************/

/*********** Begin Nav **********/
#menu {
width:960px;
height:56px;
float:left;
margin:0;
padding:0;
}

#home-btn {
	background: url('img/nav/home-btn.png');
	width: 130px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#home-btn:hover {
	background: url('img/nav/home-hover-btn.png');
}

#aboutus-btn {
	background: url('img/nav/aboutus-btn.png');
	width: 130px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#aboutus-btn:hover {
	background: url('img/nav/aboutus-hover-btn.png');
}

#treatment-btn {
	background: url('img/nav/treatment-btn.png');
	width: 130px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#treatment-btn:hover {
	background: url('img/nav/treatment-hover-btn.png');
}

#testi-btn {
	background: url('img/nav/testi-btn.png');
	width: 130px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#testi-btn:hover {
	background: url('img/nav/testi-hover-btn.png');
}

#promotions-btn {
	background: url('img/nav/promotions-btn.png');
	width: 130px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#promotions-btn:hover {
	background: url('img/nav/promotions-hover-btn.png');
}

#official-btn {
	background: url('img/nav/official-btn.png');
	width: 195px;
	height: 56px;
	float: left;
        margin:0 0 0 5px;
}

#official-btn:hover {
	background: url('img/nav/official-hover-btn.png');
}



/*********** End Nav **********/

/*********** Begin footer ***********/
#footer {
   background-color:#515151;
   }
   
#footer-content {
    width:960px;
	margin:0 auto;
	height:53px;
	padding:20px 0 0 20px;
	}
	
#footer-content p{
color:#ffffff;
font-size:85%;
width:400px;
float:left;
	}

#footer-logo {
 margin:0 0 0 15px;
float:right;      
}

#page-footer {
	clear:both;
	height:10px;
	}
/*********** end footer ***********/
/*********** Begin homepage **********/

    

#flash-banner {
     margin:0 auto;
	 width:960px;
	 margin-top:-20px;
	 margin-left:12px;
	 float:left;
	 padding:0;
}


#main{
     margin:0 auto;
	 width:960px;
	 }

#home {
     margin:10px 0 0 0;
	 padding:10px 0 10px 12px;
	 clear: both;
	 }
	 
#home a{
     border:none;
	 }

#home .content-layout {
     background-image:url('img/page/home/content-bg.png');
	 width:309px;
	 height:295px;
	 margin:0 5px 0 0;
	 float:left;
 	 }
	 
#home h1 {
     margin:30px 0 0 30px;
	 }
	 
#home .content-layout img{
     margin:20px 0 0 30px;
	 float:left;
	 }
	 
#home .content-layout h2{
    width:135px;
	float:left;
	margin:20px 0 0 10px;
	 }
	 
#home .content-layout p{
    width:150px;
	float:left;
	margin:15px 0 0 10px;
	 }
	 
#more-btn {
     margin:-40px 0 0 130px;
	 padding:0;
	 float:left;
		}

#more-btn a img{
     border:none;
	 }
	
#more-btn2 {
    margin:-40px 0 0 445px;
	float:left;
	}

#more-btn2 a img{
     border:none;
	 }
	
#more-btn3 {
    margin:-40px 10px 0 765px;
	float:left;
	}

#more-btn3 a img{
     border:none;
	 }
	 
*html #more-btn {
     margin:-50px 0 0 65px;
	 padding:0;
	 float:left;
		}
	
*html #more-btn2 {
    margin:-50px 0 0 223px;
	float:left;
	 padding:0;
	}

	
*html #more-btn3 {
    margin:-50px 0 0 250px;
	float:left;
	 padding:0;
	}



*+html #more-btn {
     margin:-50px 0 0 130px;
	 padding:0;
	 float:left;
		}


*+html #more-btn2 {
    margin:-50px 0 0 250px;
	float:left;
	 padding:0;
	}


*+html #more-btn3 {
    margin:-50px 0 0 250px;
	float:left;
	 padding:0;
	}

/*********** End homepage **********/

/*********** begin page **********/

#page{
	 width:638px;
	 float:right;
     margin:20px 0 0 10px;
	 padding:0;
	 background:url('img/general/content-bg01.png') no-repeat;
	 position:relative;
	 }

#page2{
     width:638px;
	 float:right;
     margin:20px 0 0 0;
	 padding:0;
	 background:url('img/general/content-bg02.png') repeat-y;
	 }
	 
#page4 {
     width:585px;
	 margin:0;
	 padding:20px 10px 20px 20px;
	 margin-left:10px;
	 margin-top:-10px;
      background:url('img/general/content-bg04.png') repeat-x #fdfdfd;
	  float:left;
	 }

*html #page4 {
     width:617px;
	 margin:0;
	 padding:0;
	 margin-left:5px;
	 margin-top:-10px;
      background:url('img/general/content-bg04.png') repeat-x #fdfdfd;
	  float:left;
	 }

*html #page4 h1{
      margin:20px 0 20px 20px;
	  padding:0;
	  }

#page4 h1{
      margin:0;
	  padding:0;
	  }

#banner {
     margin:0 auto;
	 width:960px;
	 margin-top:-20px;
	 margin-left:12px;
	 float:left;
	 padding:0;
}

#bgtl {
      position:absolute;
	  top:0;
	  left:0;
	  }
	  
#bgtr {
      position:absolute;
	  top:0;
	  right:0;
	  }
	  
#bgbl {
      position:absolute;
	  bottom:0;
	  left:0;
	  }

#bgbr {
      position:absolute;
	  bottom:0;
	  right:0;
	  } 



/*********** End page **********/

/*********** begin sidebar **********/

#sidebar-about{
     float:left;
	 width:278px;
	 hight:0px;
	 margin:0 0 0 0;
	 padding:10px 0 10px 12px;
	 }

*+html #sidebar-about{
     float:left;
	 width:278px;
	 hight:0px;
	 margin:10px 0 0 0;
	 padding:10px 0 10px 12px;
	 }

#sidebar-about .content-layout {
     background:url('img/sidebar/sidebar-bg.png');
	 width:279px;
	 height:178px;
	 margin-top:10px;
	 }

#sidebar-about .content-layout3 {
     background:url('img/sidebar/sidebar-bg.png');
	 width:279px;
	 height:178px;
	 margin-top:20px;
	 }

#sidebar-about h4{
     padding:20px 0 0 20px;
	 margin:0px;
	 }
	 
#sidebar-about p{
     padding:20px 0 0 20px;
	 margin:0;
	 width:125px;
	 font-size:13px;
	 float:left;
	 }

#sidebar-about a img{
     border:none;
	 }	 

#sidebar-about img{
     padding:0px 8px 0 0;
	 margin:0;
	 font-size:13px;
	 float:right;
	 }
	 
#sidebar-about .content-layout2 {
    background:url('img/sidebar/sidebar-bg02.png');
	height:94px;
	margin-top:10px;
	margin-bottom:20px;
	padding:5px 2px;
	width:276px;
	 }
	 
#sidebar-about .content-layout2 p {
	margin: 0 10px;
	 }
	 
#sidebar-about .content-layout2 a.treatment-link p {
	color:#515151;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:125%;
	text-decoration:none;
	width: 230px;
        margin:0;
}

#sidebar-about .content-layout2 a.treatment-link p:hover {
	text-decoration: underline;
	color: #00a775;
	cursor: pointer;
}	 
	 
#sidebar-about p.tel {
     padding:0 0 0 20px;
	 margin:0;
	 width:125px;
	 font-size:13px;
	 color:#577548;	
font-weight: bold;
	 }
	 
.visit { 
     padding:0 10px 0 0;
	 margin:20px 48px 0 0;
	 font-size:13px;
	 float:right;
	 }
/*********** End sidebar **********/
/*********** Begin company ***********/
#company img {
     margin:0;
	 padding:0;
	 }

#company p {
     margin:0;
	 padding:0;
	 clear:both;
	 width:580px;
	 margin-top:20px;
	 }

#company .content-layout {
    width:580px;
	margin:0;
	padding:0;
	}
	
#company .content-layout ul {
	 margin:20px 0 0 0;
	 padding:0;
 	 list-style:none;
	 }

#company .content-layout li {
     float:left;
	 margin:20px 0 0 0;
	 padding:0;
	 width:175px;
	 margin-left:10px;
	 height:150px;
	 }
	 
*html #company .content-layout li {
     float:left;
	 margin:20px 0 0 0;
	 padding:0;
	 width:175px;
	 margin-left:5px;
	 height:150px;
	 }

*html #company .content-layout li p{
     margin:5px 0 0 5px;
	 padding:0;
	 width:175px;
	  font-weight: bold;
	 }
	 
#company .content-layout li p{
     margin:5px 0 0 10px;
	 padding:0;
	 width:175px;
	  font-weight: bold;
	 }
	 
	 
#company .content-layout2 {
    width:580px;
	margin:0;
	padding:0;
	margin-left:130px;
	}
	
	
*html #company .content-layout2 {
    width:500px;
	margin:0;
	padding:0;
	padding-left:100px;
	}
	
#company .content-layout2 ul {
	 margin:20px 0 0 0;
	 padding:0;
 	 list-style:none;
	 }

#company .content-layout2 li {
     float:left;
	 margin:20px 0 0 0;
	 padding:0;
	 width:175px;
	 margin-left:10px;
	 }
	 
#company .content-layout2 li p{
     margin:5px 0 0 10px;
	 padding:0;
	 width:175px;
	    font-weight: bold;
	 }
/*********** end company ***********/

	


/******testi****/

#profile1-outline p#people-name {
color:#666666;
float:left;
font-size:150%;
margin:10px 0 0 0;
padding:0;
}

#profile1-outline p#service-name {
float:left;
width:600px;
font-size:120%;
margin:5px 0 10px 0;
padding:0;
}

#profile2-outline p#people-name {
color:#666666;
float:left;
font-size:150%;
margin:10px 0 0 0;
padding:0;
}

#profile2-outline p#service-name {
float:left;
width:600px;
font-size:120%;
margin:5px 0 10px 0;
padding:0;
}

#man1-pic {
background:url('img/page/testi/man1.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 17px;
padding:0;
}

#man-outline {
width:545px;
height:300px;
float:left;
margin:20px 0 0 65px;
padding:0;

}

#man2-pic {
background:url('img/page/testi/man2.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 30px;
padding:0;
}

#girl1-pic {
background:url('img/page/testi/girl1.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 17px;
padding:0;
}

#girl2-pic {
background:url('img/page/testi/girl2.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 30px;
padding:0;
}

#profile1-outline {
height:500px;
margin:0 auto;
width:610px;
padding:0;
}

#profile2-outline {
height:480px;
margin:0 auto;
width:610px;
padding:0;
}

#profile1-outline p{
margin:10px 0;
width:590px;
color:#666666;
padding:0;
}

#profile2-outline p{
margin:10px 0;
width:590px;
color:#666666;
padding:0;
}

/*********** end testi ************/

*html #profile1-outline p#people-name {
margin:0;
padding:0 0 0 10px;
}

*html #profile1-outline p#service-name {
float:left;
width:530px;
font-size:120%;
margin:0;
padding:0 0 0 10px;
}

*html #profile2-outline p#people-name {
color:#666666;
float:left;
font-size:150%;
margin:0;
padding:0 0 0 10px;
}

*html #profile2-outline p#service-name {
float:left;
width:530px;
font-size:120%;
margin:0;
padding:0 0 0 10px;
}

*html #man1-pic {
background:url('img/page/testi/man1.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 40px;
padding:0 0 0 10px;
}

*html #man-outline {
width:545px;
height:300px;
float:left;
margin:0;
padding:0 0 0 10px;

}

*html #man2-pic {
background:url('img/page/testi/man2.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 30px;
padding:0 0 0 10px;
}

*html #girl1-pic {
background:url('img/page/testi/girl1.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 40px;
padding:0 0 0 10px;
}

*html #girl2-pic {
background:url('img/page/testi/girl2.jpg') no-repeat;
width:194px;
height:282px;
float:left;
margin:0 0 0 30px;
padding:0 0 0 10px;
}

*html #profile1-outline {
height:500px;
margin:0 auto;
width:570px;
padding:0 0 0 10px;
}

*html #profile2-outline {
height:470px;
width:570px;
padding:0 0 0 10px;
}

*html #profile1-outline p{
margin:0;
width:570px;
color:#666666;
padding:0 0 0 10px;
}

*html #profile2-outline p{
margin:0;
width:570px;
color:#666666;
padding:0 0 0 10px;
}