/*   

Theme Name: MO Advertising Sdn Bhd

Theme URI: advertisingfirm.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 {
	font-family: Arial, Helvetica, sans-serif;
	background:url('img/general/body-bg.jpg') repeat-x;
	text-align:justify;
	text-justify:distribute;
	font-size:14px;
	margin:0 auto;
}



h2 {
font-size:14px;
color:#870005;
font-weight:bold;
   }

#title-bg {
background:url('img/page/home/title-bg.png') no-repeat;
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:8px;
   color:#282525;
   margin:0;
   padding:5px 0 5px 0;
   }
   
*html h3 {
   font-size:8px;
   color:#282525;
   margin:0;
   padding:5px 0 5px 0;
   }

*+html h3 {
   font-size:8px;
   color:#282525;
   margin:0;
   padding:5px 0 5px 0;
   }
   
h4 {
   font-size:14px;
   color:#7d7d7d;
   font-weight:bold;
   margin:0;
   padding:20px 0 0 0;
   }

h5 {
   font-size:14px;
   color:#282525;
   margin:0;
   font-weight:500;
   padding:0px 0 0 0;
   text-decoration:underline;
   }
   
p {
   font-size:14px;
   color:#282525;
   margin:0 0 10px 0;
   padding:0;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }   

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

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:10px;
}
/************ Begin Header ************/
#wrap {
background:url(img/general/wrap-bg02.jpg) center no-repeat;
height:801px;
}

#wrap-layout{
width:1050px;
margin:0 auto;
}

#header-layout object{
float:right;
margin:0 15px 0 0;
}

#header {
background:url('img/header/header-bg.jpg') no-repeat;
height:117px;
}

#header-layout {
padding:15px 0 0 10px;
position:relative;
}

#music {
	position:absolute;
	top:20px;
	right:0;
}

#logo {
float:left;
}

#menu ul{
list-style:none;
margin:0;
padding:75px 0 0 650px;
}

#menu ul li{
float:left;
width:100px;
text-align:center;
}

#menu ul li a{
color:#7d7d7d;
font-weight:bold;
}

#menu ul li a.onpage{
color:#870005;
font-weight:bold;
}

#menu ul li a:hover{
color:#870005;
font-weight:bold;
}
/************ End Header ************/


#footer {
margin:-50px 0 0 0;
}

#footer-layout {
width:1050px;
margin:0 auto;
}

#footer-layout p{
color:#7d7d7d;
font-size:10px;
margin:0 0 0 340px;
}

#footer-layout ul {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0 200px;
	
	height:30px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	bottom:5px;
width:700px;



}



#footer-layout ul li{

	padding:0px 10px 0 10px;

	float: left;
	
	width:105px;
	
	margin:0 0 0 0;
	
	color:#7d7d7d;
	
	text-align:center;
	
	border-right: solid #7d7d7d 1px;

}

#footer-layout ul li.noline{

	padding:0px 10px 0 10px;

	float: left;
	
	width:105px;
	
	margin:0 0 0 0;
	
	color:#7d7d7d;
	
	border-right:none;
	
	text-align:center;

}

#footer-layout ul li a{
	
	color:#7d7d7d;
}

#footer-layout ul li a:hover{
text-decoration:underline;
color:#870005;
}
/*********** Begin Nav **********/

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



 

/*********** Begin about page **********/
#about {
	position:relative;
}

#about p {
width:390px;
font-size:11px;
}

#about h2 {
	padding:120px 0 0;
}

#about img {
float:right;
margin:-33px 0px 0 0;
}

#about #about-banner {
position:absolute;
top:-20px;
}

#about img.about-facebook {
float:none;
margin:20px 0 0 0;
}

*+html #about h2{
	padding:120px 0 0;
}
/*********** End about page ***********/	 

/*********** Begin Page ***********/	 
#main {
background:url('img/general/page-bg02.jpg');
width:1050px;
height:613px;
}

#page {
padding:91px 85px 0 85px;
}
/*********** End Page ***********/	 	 

/*************** begin services ****************/
#services p {
font-size:11px;
padding:0 10px 0 0px;
}

#services img{
float:left;
}

#services h2{
float:right;
margin:0 50px 0 0;
width:236px;
text-align:left;
}

#services .content-layout {
height:175px;
overflow-x:hidden;
overflow-y:scroll;
width:280px;
float:right;
padding:0 5px 0 0;
margin:0 0 10px;
}

#services .content-layout p {
margin:0 0 5px;
}

#services .content-layout2 {
height:175px;
overflow-x:hidden;
overflow-y:scroll;
width:280px;
float:right;
padding:0 5px 0 0;
}
/*************** end of services ************/
#service2 .content-layout01{
width:580px;
height:500px;
float:left;
}

#service2{
padding:91px 85px 0 85px;
}


/********** begin event ***********/

/********** end of evnet **********/


/********** begin contest ***********/
#contact .content-layout {
width:400px;
float:left;
}

#contact .content-layout h2{
float:left;
width:195px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0;
}

#contact .content-layout p{
margin:0 0 5px 0;
}
#contact .content-layout ul{
list-style:none;
background:url('img/page/contact/contact-icon.png') no-repeat left;
margin:0;
padding:0 0 0 20px;
}

#contact .content-layout iframe {
margin:10px 0 0 0;
}

#contact .content-layout2 {
float:right;
margin:0 10px 0 0;
}

#contact .content-layout2 h5{
text-decoration:underline;
}
/********** end of contest **********/

/********** begin contact ***********/

/* begin form */
.col {
border:none;
background:url('img/page/contact/contact-col.png');
width:350px;
height:24px;
margin:5px 0 0 0;
padding:8px 0 0 5px;
}

.col2 {
border:none;
background:url('img/page/contact/contact-col2.png');
width:350px;
height:112px;
margin:5px 0 0 0;
padding:8px 0 0 5px;
}
/* end form */


/********** begin work***********/

#work {
}

#work .content-layout {
margin:-5px 0 0 0px;
float:left;
}

*html #work .content-layout {
margin:-5px 0 0 0px;
float:left;
}

*+html #work .content-layout {
padding:-5px 0 0 0px;
float:left;
}

#work .content-layout2 {
float:right;
width:200px;
margin:20px 30px 0 0;
text-align:left;
}

#work .content-layout2 h5{
width:200px;
}

#work .content-layout2 ul{
width:200px;
margin:15px 0 20px 0;
list-style: disc;
padding:0 0 0 15px;
}

#work .content-layout2 ul li{
}
/********** end of work **********/
#work-page {
padding:71px 85px 0 35px;
position:relative;
}


#work-nav ul li{

	padding:0px 0 0 10px;

	float: left;
	
	margin:0 0 0 10px;
	

}

#work-nav ul li a{
color:#7d7d7d;
font-weight:bold;
}

#work-nav ul li a:hover{
color:#870005;
font-weight:bold;
}

#work-nav ul {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0px 55px;
	
	width:800px;
	
	height:30px;
	position:absolute;
}

#work-nav ul li a.onwork{
color:#870005;
font-weight:bold;
}


#career {
}

#career img{
float:left;
margin:0 7px 20px 0;
}

#career p{
font-size:11px;
}

.text-red {
color:#be2026;
}