/*   

Theme Name: Hawan Servis

Theme URI: 

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

Author: PCT -- Production --

Version: version 1

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

.hiddenpic {display:none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	line-height:18px;
	color:#555;
	background:url('img/general/body-bg.png') repeat-x;
	margin:0 auto;
}


h2 {
   outline:none;
   color:#555;
   font-size:24px;
   margin:0;
   font-weight:100;
   }

#title-bg {
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:16px;
   	font-family: "Arial", Helvetica, sans-serif;
   color:#000000;
   font-weight:bold;
   margin:0 0 0 0;
   padding:10px 0 0 0px;
   background:url(img/page/product/title-bg.png) no-repeat;
   width:208px;
   height:28px;
   }
   
h4 {
   font-family: Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;
	color:#9e2424;
	font-size:12px;
   }

h5 {
   font-size:24px;
   font-weight:bold;
   color:#b0c4cc;
   font-family: Verdana, Geneva, sans-serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:16px;
   margin:0;
   padding:0;
   line-height:20px;
   text-align:justify;
   
   }   

a {
   outline:none;
   text-decoration:none;
   color:#aaaaaa;
   }

img {
outline:none;
border:none;
}

#home-footer {
clear:both;
height:20px;
}

#page-footer {
clear:both;
height:56px;
background:url('img/page/content-bottom.jpg');
}
/************ Begin Header ************/
#header01 {
	height:475px;
}

#header02 {
	width:1000px;
	margin:0 auto;
	background:url('img/header/header-bg.jpg');
	height:373px;
}

#home-header {
width:1000px;
height:500px;
margin:0 auto;
position:relative;
}

#page-header {
width:1000px;
height:130px;
margin:0 auto;
}
	
#logo {        
		position:absolute;
		top:23px;
		left:60px;
}

#logo a img{
        outline:none;
		border:none;
}

#flash embed{

	  }

	  
#banner img{
margin:140px 0 0 101px;
}

#preload {
	display:none;
}

/************ End Header ************/

/*********** Begin NAV **********/
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url('img/nav/nav-bg.png') no-repeat;
	color:#aaaaaa;
	width:978px;
	height:71px;
	padding:0 0 0 34px;
	position:absolute;
	top:420px;
	left:22px;
}

#menu02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url('img/nav/nav-bg.png') no-repeat;
	color:#aaaaaa;
	width:978px;
	height:71px;
	padding:0 0 0 34px;
	position:absolute;
	top:295px;
	left:22px;
}

#nav01 {
	float:left;
}

#nav02 {
	float:left;
}

#nav01 p{
	width:122px;
	height:30px;
	font-size:14px;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	margin:0 2px 0 2px;
	padding:13px 0 0 0;
	cursor:pointer;
	color:#CCCCCC;
}

#nav01 p:hover{
	background:url('img/nav/nav-hover.png') no-repeat;
	color:#38a7ff;
	text-shadow:none;
}

#nav02 p{
	width:124px;
	height:30px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

#nav02 p:hover{
	background:#ffffff;
	color:#FFF;
}
/*********** End NAV ***********/		 

/*********** Begin Homepage **********/
#wrap {
}

#main {
}

#home {
width:960px ;
margin:0 auto;
padding:20px 22px 0;
}

#home #home-left img {
	float:right;
	margin:-200px 0 0 0;
}

#home #home-left p{
	margin:20px 0 20px;
	width:450px;
}

#home #home-left #more p{
	font-size:16px;
	color:#419aeb;
}

#home #home-left #more p:hover{
color:#0075af;
}

#home #home-left .content-layout01 {
	width:200px;
	height:200px;
	float:right;
	margin-top:-200px;
}

#home #home-left .content-layout01 p{
	width:200px;
	text-align:center;
}

#home-left { width:450px; float:left; display:inline-block;}
#home-right { float:right;}
#home-right h1 { font-size:12px; font-weight:normal; color:#555555; margin:0; padding:0 137px 0 0; text-align:right;}
/*********** End Homepage ***********/	 

/*********** Begin Page ***********/	 
#main {
	width:1000px;
	margin:0 auto;
}

#page {
	width:930px;
margin:0 auto;
padding:35px 35px 0;
background:url(img/page/page-bg.jpg) no-repeat;
}

#page h2 {
	background:url('img/page/title-bg.jpg') no-repeat bottom;
	height:40px;
	margin:0 0 20px;
}
	

#page-content-layout {
background:url(img/page/content-bg.jpg) repeat-y;
width:761px;
margin:-35px 0 0 66px;
padding:10px 20px;
}
/*********** End Page ***********/	 	 

/********** Begin Sidebar **********/

#side-nav p{
	width:186px;
	height:25px;
	background:#2a2f2f;
	padding:8px 0 0 20px;
	margin:2px 0;
}

#side-nav-on p{
	width:186px;
height:25px;
	background:url('img/page/sidebar/side-nav-on.jpg');
	padding:8px 0 0 20px;
	margin:2px 0;
}

#side-nav p:hover{
	width:186px;
height:25px;
	background:#741010;
	padding:8px 0 0 20px;
	margin:2px 0;
	color:#FFF;
}

#side-nav02 p{
	width:156px;
	height:41px;
	background:#2a2f2f;
	padding:8px 30px 0 20px;
	line-height:16px;
	margin:2px 0;
}

#side-nav02-on p{
	width:156px;
	height:41px;
	background:url('img/page/sidebar/side-nav-on02.jpg');
	padding:8px 30px 0 20px;
	line-height:16px;
	margin:2px 0;
}

#side-nav02 p:hover{
	width:156px;
	height:41px;
	background:#741010;
	padding:8px 30px 0 20px;
	margin:2px 0;
	color:#FFF;
}
/*********** End Sidebar ***********/	 
/********** Begin Footer **********/

#footer {
     width:934px;
	 margin:0 auto;
	clear:both;
	height:80px;
	background:url('img/footer/footer-bg.png') no-repeat;
	}

#footer-layout {

	 margin:0 auto;
	 padding:20px 0 0 0;
	 }

#footer-layout img{
	float:left;
	padding:5px 0 0 20px;
}

#footer-layout p{
	float:right;
	font-size:12px;
	color:#535353;
	margin:10px 310px 0 0;
} 
/********* End Footer ******/

/*********** Begin About ***********/	 
#about img {
	float:left;
	margin:0 0 20px 0;
}

#about p {
	margin:0 0 10px 0;
}

#about h2 {
	margin-top:40px;
}

#about .blue-content{
color:#2d90e3;
}

#about h5{
	margin-bottom:10px;
}

#about table {
	text-align:left;
}

#about table tr td{
	padding:10px 0 10px 0;
	border:0;
}
/*********** End About ***********/	

/*********** Begin Product ***********/	 
#product p {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#000;
	font-size:30px;
	width:760px;
	text-align:center;

}
/*********** End Product ***********/	 	 

/*********** Begin Gallery ***********/	 
#service .black {
	color:#000;
}

#service {
	padding-left:20px;
}

#service img {
	margin:0 0 20px 0;
}

#service p {
	margin:0 0 10px 0;
}



/*********** End Gallery ***********/	 


/*********** Begin Contact ***********/	 
#contact p.contact-title {
	float:right;
	margin:-60px 30px 0 0;
	font-size:20px;
}

#contact {
	height:660px;
}

#contact iframe {
	border:#535353 3px solid;
		margin:0px 0 30px 5px;
}

#contact .content-layout01 {
	width:267px;
	float:left;

}

#contact .content-layout01 h2{
	margin:0;
}

#contact .content-layout01 p.italy-font {
	font-style:italic;
	font-size:13px;
	color:#2e2e2e;
	text-align:left;
	margin-bottom:20px;
}

#contact .content-layout01 p {
	font-size:14px;
}

#contact .content-layout01 p b{
	font-size:14px;
	color:#000;
}

#contact .content-layout02 {
	width:477px;
	float:right;
		font-size:14px;

}

#contact .content-layout02 h2{
	margin:0 0 10px;
}

#contact .content-layout02 table {
	margin:0 0 0 20px;
}
/*********** End Contact ***********/	 


/* begin form */

.col {
width:350px;
padding:0 0 0 3px;
height:20px;
background:#e4f3ff;
border:none;
color:#000;
}


.col02 {
width:350px;
height:100px;
padding:0 0 0 3px;
background:#e4f3ff;
border:none;
color:#000;
}

.submit {
	margin:10px 30px 0 0;
}

/* end form */