/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.cleancon.com.my

Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by AP, PCT sdn.bhd. copyrighted.

Author: PCT - Production


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background-color:#31353e;	

}

#page {
width:960px;
margin:0 auto;
background:url(img/page/bg.png) #eeeeee top repeat-y;
border-top:5px #31353e solid;

	

}




#content {
width:960px;
margin:0 auto;
padding:15px 0 0 0;

}

#content-main {

}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/
body {

}

h1 {
margin:0 0 0 12px;
padding:0;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;

}



h2 {
margin:12px 0 12px 12px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#000066;
font-weight:bold;



}

h3 {

}


p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


/*********** End General setting **********/

/*********** Begin Header **********/
#header {
	
}

#header-content {
width:960px;
height:443px;
margin:0 auto;

}

#logo {

}

#flash {
margin:0;
padding:0;
}


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

/*********** Begin Nav **********/

#nav {
margin:0;
padding:0;
}

#home-btn {
width:201px;
height:45px;
background-image:url(img/nav/home-btn.png);
float:left;
}

#home-btn-on {
width:201px;
height:45px;
background-image:url(img/nav/home-btn-on.png);
float:left;
}

#home-btn:hover {
width:201px;
height:45px;
background-image:url(img/nav/home-btn-hv.png);
float:left;
}

#cctv-btn {
width:188px;
height:45px;
background-image:url(img/nav/cctv-btn.png);
float:left;
}

#cctv-btn-on {
width:188px;
height:45px;
background-image:url(img/nav/cctv-btn-on.png);
float:left;
}

#cctv-btn:hover {
width:188px;
height:45px;
background-image:url(img/nav/cctv-btn-hv.png);
float:left;
}

#alarm-btn {
width:187px;
height:45px;
background-image:url(img/nav/alarm-btn.png);
float:left;

}

#alarm-btn-on {
width:187px;
height:45px;
background-image:url(img/nav/alarm-btn-on.png);
float:left;

}

#alarm-btn:hover {
width:187px;
height:45px;
background-image:url(img/nav/alarm-btn-hv.png);
float:left;

}


#live-btn {
width:188px;
height:45px;
background-image:url(img/nav/live-btn.png);
float:left;
}

#live-btn-on {
width:188px;
height:45px;
background-image:url(img/nav/live-btn-on.png);
float:left;
}

#live-btn:hover {
width:188px;
height:45px;
background-image:url(img/nav/live-btn-hv.png);
float:left;
}


#contact-btn {
width:196px;
height:45px;
background-image:url(img/nav/contact-btn.png);
float:left;
}

#contact-btn-on {
width:196px;
height:45px;
background-image:url(img/nav/contact-btn-on.png);
float:left;
}

#contact-btn:hover {
width:196px;
height:45px;
background-image:url(img/nav/contact-btn-hv.png);
float:left;
}


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


/*********** Begin Footer **********/
#footer {
	
}

#footer-content {
height:60px;
width:960px;
margin:0 auto;
	
}

#footer-content img {

}

#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
padding:25px 0 0 0;
float:left;

}


#mms {
margin:10px 0 0 0;
padding:0;
float:right;

}
/*********** End Footer **********/

/*********** Begin Home **********/


/*********** end Home **********/


/*********** Begin cctv **********/

#cctv {
margin:0;
padding:0;
}

#cctv-layout-1 {
margin:27px auto 12px;
padding:0;
height:30px;
width:930px;
border-bottom:dashed 1px #333333;
}


#cctv-layout-1 p{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
 }


.cctv-logo {
margin:22px 0 0 15px;
padding:0;
}

.cctv-pic {
margin:0;
padding:0 0 10px 0;
}

.cctv-pic img{
margin:0 5px 0 15px;
padding:0;
}

/***********end cctv **********/

/***********start alarm system **********/
#alarm {
margin:0;
padding:0;
height:550px;
}

#alarm-layout-1 {
margin:27px auto 12px;
padding:0;
height:30px;
width:930px;
border-bottom:dashed 1px #333333;
}


#alarm-layout-1 p{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
 }
 
.alarm-logo {
margin:10px 0 0 15px;
padding:0;
}

.alarm-pic {
margin:0;
padding:0 0 10px 0;
}

.alarm-pic img{
margin:0 5px 0 15px;
padding:0;
}

#alarm-layout-2 {
width:140px;
float:left;
margin:0 0 0 12px;

}


#alarm-layout-2 img{
margin:8px 0 0 0;
padding:0;

}

#alarm-layout-3 {
margin:0 0 0 13px;
padding:0;
width:789px;
height:142px;
float:left;
}

#alarm-layout-3-1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#333333;
height:32px;
margin:0 0 7px 0;
}

#alarm-layout-3-1 img {
margin:-0px 0 0 0;
padding:0;
}

#alarm-layout-3-2 {
margin:0;
padding:0;
}

#alarm-layout-3-2 ul {
margin:0;
padding:0;
list-style:none;
}

#alarm-layout-3-2 ul li{
margin:0;
padding:0;
float:left;
width:240px;
}
#alarm-layout-3-2 ul li img {
float:left;
margin:0 10px 0px 0;
}

#alarm-layout-3-2 ul li p {
margin:0;
padding:20px 0 0px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
}



#alarm-layout-3-3 {
margin:0;
padding:0;
}

#alarm-layout-3-3 ul {
margin:0;
padding:0;
list-style:none;
}

#alarm-layout-3-3 ul li{
margin:0;
padding:0;
float:left;
width:240px;
}
#alarm-layout-3-3 ul li img {
float:left;
margin:6px 10px 0 0;
}

#alarm-layout-3-3 ul li p {
margin:0;
padding:20px 0 0px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
}

#alarm-layout-3-3 ul li.style-1 {
width:160px;
}

#alarm-layout-3-3 ul li p.style-2 {
color:#e21350;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;

}

#alarm-layout-3-3 ul li p.style-3 {
margin:0;
padding:0;
}

#alarm-layout-3-3 ul li.style-4 {
width:360px;
}


#term {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding:40px 0 0 10px;
}

#alarm-layout-3-3 a {
color:#0060c0;
}

/***********finish alarm system **********/

/***********start live**********/

#live {
margin:0;
padding:0;
height:600px;
position:relative;
}

#live-layout-1 {
margin:20px 0 0 10px;
padding:0;	
height:25px;
border-top:dashed 1px #333333;
width:621px;
float:left;

}


/*\*/ * html #live-layout-1 {
margin:20px 0 0 7px;
padding:0;	
height:25px;
border-top:dashed 1px #333333;
width:621px;
float:left;

}

 /**/ 
#live-layout-1 p {
margin:10px 0 0 0;
padding:0;
}

#live-layout-1-1 {
margin:15px 0 0 3px;
padding:0;
width:621px;
}

/*\*/ * html #live-layout-1-1 {
margin:0px 0 0 3px;
padding:0;
width:621px;
}
 /**/

*:first-child+html #live-layout-1-1 {
margin:0px 0 0 3px;
padding:0;
width:621px;
}

#live-layout-1-1 img {
margin:10px 16px 15px 0 ;
}

#live-layout-2 {
width:290px;
position:absolute;
top:-20px;
left:650px;


}

/*\*/ * html #live-layout-2 {
width:290px;
position:absolute;
top:-24px;
left:660px;


}
 /**/

*:first-child+html  #live-layout-2 {
width:290px;
position:absolute;
top:-24px;
left:660px;


}

#live-layout-2 h1 {
width:270px;

}

#live-layout-2 p {
height:25px;
border-top:dashed 1px #333333;
width:290px;
}

#live-layout-2 img {
margin:7px 0 0 40px;
padding:0;
}

#user {
margin:250px 0 0 0;
padding:0;


}

/*\*/ * html #user {
margin:0px 0 0 0;
padding:0;


}

/**/

#user p{
margin:0;
padding:0;
border:none;


}

/********finsih live***********/

/********start contact***********/

#contact {
margin:0;
padding:0;
height:430px;
position:relative;
}

#contact-layout-1 {
margin:20px 0 0 10px;
padding:0;	
height:25px;
border-top:dashed 1px #333333;
width:621px;
float:left;

}


/*\*/ * html #contact-layout-1 {
margin:13px 0 0 7px;
padding:0;	
height:25px;
border-top:dashed 1px #333333;
width:621px;
float:left;

}

/**/

*:first-child+html #contact-layout-1 {
margin:13px 0 0 7px;
padding:0;	
height:25px;
border-top:dashed 1px #333333;
width:621px;
float:left;

}




#contact-layout-1 p {
margin:10px 0 0 0;
padding:0;
}

#contact-layout-1 .adjust {
width:290px;
color:#666666;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
margin:0 0 15px 0;
}

#contact-layout-1 #adjust-1 {
width:600px;
color:#666666;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
}

#form {
margin:25px 0 0 0;
padding:0;
}

#contact-layout-1 #submit-btn {
margin:10px 0 0 550px;
}



#contact-layout-2 {
width:290px;
position:absolute;
top:-23px;
left:650px;


}

/*\*/ * html #contact-layout-2 {
width:290px;

top:-24px;
left:660px;


}
 /**/

*:first-child+html  #contact-layout-2 {
width:290px;

top:-24px;
left:660px;


}

#contact-layout-2 h1 {
width:270px;
margin:0;

}

#contact-layout-2 p {
margin:0 5px 0 0px;
padding:0;
}

#contact-layout-2 #contact-layout-test {
margin:0;
padding:10px 0 0 0;
}

#contact-layout-2 #contact-layout-test  h2 {
margin:6px 0 8px 0px;
padding:9px 0 0 0;
height:25px;
border-top:dashed 1px #333333;
width:290px;
}

#contact-layout-test-2 p{
margin:15px 0 5px 0px;

}

#contact-layout-test-2 a{
color:#0066cc;
text-decoration:underline;
}


/***********finish contact**********/



/***********start home**********/

#home {
height:280px;
position:relative;



}

#home-layout-1 {
float:left;
}

#home-layout-1 h1 {
height:30px;
width:466px;
border-bottom-color:#333333;
border-bottom-style:dashed;
border-bottom-width:1px;
margin:10px 0 0 12px;

}


#home-layout-1 p {
margin:10px 0 0 12px;
padding:0;
}

#home-layout-1 img {
margin:10px 0 0 15px;
}


#home-layout-1 a {
color:#0060c0;
text-decoration:underline;

}

#home-layout-2 {
margin:0 0 0 15px;
position:absolute;
top:0;
left:480px;
}

#home-layout-2 h1 {
height:30px;
width:440px;
border-bottom-color:#333333;
border-bottom-style:dashed;
border-bottom-width:1px;
margin:10px 0 0 12px;

}

#home-layout-2 .adjust-3 {
width:209px;
margin:0;
padding:0;
height:20px;
color:#666666;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;

}

#home-layout-2 #adjust-4 {
width:200px;
height:150px;
margin:0;
padding:0;
color:#666666;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
}


#home-layout-2 #adjust-5 {
margin:7px 10px 0 0;
float:right;

}

#index-form {
margin:10px 0 0 10px;
padding:0;
}

#img-preload {
display:none;
}