/*   



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 {



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;

}










#mystyle { width:533px; display:inline-block; background:url(img/page/about/about-img.jpg) no-repeat right top; min-height:465px; padding:0 347px 0 0;}
#mystyle-banner { width:533px; height:117px; display:inline-block;}
#mystyle p { font-size:11px; line-height:14px; }