/* CSS Document, Author: Maros Takac, Last Updated: 7th of April, 2009 */

*{padding:0; margin:0}

object{outline:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.categoryTitle{font-size:30px; text-transform:capitalize; color: #FF3399; margin-bottom:30px; width:100%; border-bottom:thin dotted #761D5E}
.makeBold{font-weight:bold}
.makeUpperCase{text-transform:uppercase}
.pink{color:#FF3399}



body
{
	background-attachment:fixed; background-image:url(../material/bkg.jpg); 		
	background-position:top center; background-repeat:no-repeat; background-color:#1f0216;
	font-family:Tahoma,Arial, Helvetica, sans-serif, sans-serif; 
	font-size:12px;
}

/* ALTERNATIVE CONTENT */

table#alternativeContent img#adobeLogo {border:0; display:block; margin:5px}
table#alternativeContent{ margin-top:60px; border-collapse:collapse; background-color:#FFFFFF;}
table#alternativeContent td{padding:15px}
table#alternativeContent ul{ list-style-position:inside}
table#alternativeContent ul li{margin-bottom:5px}



/*  main wrapper  */
div#mcWrapper 
{
	width:950px; height:100%;
	margin:0 auto; 
	padding-top:40px;
}
/*  mcHeader  */

div#mcWrapper div#mcHeader { width:auto; z-index:2; position:relative}


/*  logoHolder  */
div#mcWrapper div#mcHeader h4.logoHolder img
{
	 margin-left:10px;
	 border:none;
	
}

/*  ul MAIN MENU  */
div#mcWrapper div#mcHeader ul.mainMenu 
{
	width:950px;  
	height:30px; 	
	list-style-type:none; 	
	background-image:url(../material/shinyMenuLines.png); 
	background-position:center top; 	  
	background-repeat:no-repeat; 
	margin:0 auto; 
	margin-top:30px;
	margin-left:10px; 
	padding-top:10px; 
	padding-bottom:30px;
	text-decoration:none; 
	color:#FF3399; 
	font-size:14px; 
	text-transform:uppercase;
		
}
div#mcWrapper div#mcHeader ul.mainMenu a{
	text-decoration:none; color:#FF3399; font-size:14px; 

}
div#mcWrapper div#mcHeader ul.mainMenu a:hover{
 text-decoration:underline
}

/*  ul MAIN MENU ul floating and arranging the components  */
div#mcWrapper div#mcHeader ul.mainMenu li
{
	float:left; 
	width:16%;
	display:block; 
	margin-left:2px; 
	padding-top:10px;
	position:relative; 
}
div#mcWrapper div#mcHeader ul.mainMenu li ul.dropDown li{
	display:block;
	width:150px;
		
	margin-left:0;	
	padding:0;
}
div#mcWrapper div#mcHeader ul.mainMenu li ul.dropDown li a{
	display:block;
	background-color: #000000;
	border-bottom:thin solid #333333;
	padding:0.5em;
	
}
div#mcWrapper div#mcHeader ul.mainMenu li ul.dropDown li a:hover{
	background-color:#FF33CC;
	color:#000000
}


div#mcWrapper div#mcHeader ul ul{
	position:absolute;
	left:0;
	z-index:500;
	top:100%;
	display:none;
	
}

div#mcWrapper div#mcHeader ul ul ul{
	top:0;
	left:100%;
}


div#mcWrapper div#mcHeader ul.mainMenu li:hover ul ul
{display:none;}

div#mcWrapper div#mcHeader ul.mainMenu li:hover ul,
div#mcWrapper div#mcHeader ul.mainMenu li li:hover ul
{display:block;}


/*  span description for the main menu  */
div#mcWrapper div#mcHeader ul.mainMenu li span.linkDescription
{
	display:block; 
	font-size:9px; 
	text-transform:uppercase; 
	color:#CCCCCC;
	text-decoration:none
}

/* MC CONTENT */
div#mcWrapper div#mcContent
{
	position:relative;
	z-index:1;
	padding:0 10px; 
	padding-top:5px;
	
}

div#mcWrapper div#mcContentHome
{
	position:relative;
	z-index:1;
	padding:0 10px;
	padding-top:5px;
	min-height:390px;	
	
}
/* ------------------------------------------------------   MC CONTENT CONTACT ---------------------------------------- */

div#mcWrapper div#mcContent div#contactFormHolder
{
	width:450px; 
	float:left; 
	border-right:dotted thin #000000;	
}

div#mcWrapper div#mcContent div#contactDetailsHolder
{
	
	width:400px;
	margin-right:50px;
	float:right;
	
}

div#mcWrapper div#mcContent div#contactDetailsHolder h4{
	 margin-bottom:15px; font-style:oblique; color:#FF3399; font-size:14px
}

div#mcWrapper div#mcContent div#contactDetailsHolder ul.contactOptions{
	list-style-type:none;
	color:#FF99CC;	
}

div#mcWrapper div#mcContent div#contactDetailsHolder ul.contactOptions li{
	margin-bottom:10px;
}

/* STYLING THE CONTACT FORM  */
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset{border:none; width:400px;}
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm label, div#mcWrapper div#mcContent div#contactFormHolder form#contactForm label span { display:block; color:#FF6699}
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm label{ width:100%;margin-bottom:10px}

div#mcWrapper div#mcContent div#contactFormHolder form#contactForm label input,div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset textarea{ float:right; width:80%; margin-top:-15px}
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm label span{ float:left; width:20%; padding-top:10px}


div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset textarea,div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset label input { background-color: #FFFFFF; color: #000000;border:thin solid #000000; }

div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset textarea:hover,div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset input:hover{ background-color:#FF3399; color:#FFFFFF}


div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset div#formControls{ width:400px; 
 padding-left:19.8%}
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset div#formControls input{ width:39.8%; float:left; margin-right:1px; color:#000000; border:none; margin-top:10px;border:none; background-color:#FFFFFF }
div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset div#formControls input:hover{ color:#FFFFFF; background-color:#FF3399}


div#mcWrapper div#mcContent div#contactFormHolder form#contactForm fieldset input{height:20px}




/* ACTS SECTION STYLING */
/* ------------------------------------------------------   MC ACTS SECTION ---------------------------------------- */

div#mcActsHolder{ width:auto; overflow:auto; margin:0 auto; background-image:url(../images/sections/acts/giselleBackground2.png);  background-repeat:no-repeat; background-position:180px 0; padding:0 20% 0 0}

div#mcActsHolder ul{padding-top:30px; list-style-type:none}

div#mcActsHolder ul li{ border-bottom:dotted thin #000000; padding-bottom:25px; padding-top:25px;}
div#mcActsHolder ul li.firstAct{padding-top:0}
div#mcActsHolder ul li.lastActsItem{border:none}
div#mcActsHolder ul li h3{clear:both; display:block;}
div#mcActsHolder ul li h3 img{ display:block; float:left; padding-bottom:5px}
div#mcActsHolder ul li p { display:block; clear:both; color:#FFFFFF; font-size:13px; text-transform:none; padding:5px 0 10px 0; margin-bottom:10px}

div#mcActsHolder ul li a.actsContactLink{ width:auto; background-color:#cf175c; text-decoration:none; color:#FFFFFF; padding:3px; border:thin solid #000000;}
div#mcActsHolder ul li a.actsContactLink:hover{text-decoration:underline}


/* ABOUT SECTION STYLING */
/* ------------------------------------------------------   MC ABOUT SECTION ---------------------------------------- */


div#mcAboutHolder div#mcAboutLeft{width:200px; float:left; }
div#mcAboutHolder div#mcAboutLeft ul{list-style-type:none}
div#mcAboutHolder div#mcAboutLeft ul li { margin-bottom:4px}
div#mcAboutHolder div#mcAboutLeft ul li a { text-decoration:none; color:#FFFFFF;}
div#mcAboutHolder div#mcAboutLeft ul li a:hover{text-decoration:underline; color:#FF99CC}

div#mcAboutRight{ float:right; width:75%; color:#FFFFFF }
div#mcAboutRight h2{ text-transform:capitalize; padding-bottom:5px; color:#FF3399}
div#mcAboutRight div#mcCompanyIntroduction img{ float:left; margin-right:20px; margin-bottom:5px; clear:both; border:thick solid #45022e}


div#mcAboutRight ul.aboutServices { list-style-type:none; clear:both; margin-top:50px; padding-left:0px}
div#mcAboutRight ul.aboutServices li{ border-bottom:thin dotted #FF99CC; padding:10px 0 10px 0}
div#mcAboutRight ul.aboutServices li.firstAboutItem{border:thin solid #000000; background-color:#cf175c;  margin-top:10px}
div#mcAboutRight ul.aboutServices li.firstAboutItem p{text-align:center}
div#mcAboutRight ul.aboutServices li.lastAboutItem{border:none}
div#mcAboutRight ul.aboutServices li p{padding-right:50px}
div#mcAboutRight ul.aboutServices li h3{color:#FF3399; text-transform:capitalize; padding-bottom:5px}


/* FOOTER STYLING */
/* ------------------------------------------------------   FOOTER ---------------------------------------- */

div#mcFooter{width:930px;margin:0 auto; margin-top:30px; border-top:thin dotted #330325; clear:both }
div#mcFooter p{text-align:left; padding:10px; padding-left:0; font-size:9px; color:#999999; line-height:180%}

div#mcFooter p a{text-decoration:underline; color:#FFFFFF}