@charset "utf-8";
/* xmcc media agency 2010 - CSS Document */

Body	{
	font: normal 75% / 1.3em Helvetica, Geneva, Arial, Verdana, sans-serif;
	color:#333;
	background:url(images/background.jpg) repeat fixed center top;
	/*background-image:url(images/image1.bmp);*/
	margin:0px;
	}
Li	{
	list-style:square;
	}
@font-face {
	font-family:standard 07_65;
	font-family:myriad;
	font-style: normal;
	font-weight: normal;
	src: url(standard 07_65.ttf);
	src: url(MyriadPro-Cond.otf);
	}
#MainTitle	{
	font-family:"myriad";
	font-weight:normal;
	font-size:36px;
	}
.toggler  {
	cursor:pointer;
	font-family:"standard 07_65";
	font-weight:normal;
	color:#FFF; 
	margin:0; 
	padding:5px; 
	font-size:8px; 
	text-transform:uppercase; 
	letter-spacing:1px; 
	padding:10px 0px 10px 40px;
	}

.Element	{
	color:#FFF;
	background-color:#002346;
	padding:0px;
	margin:0px;
	border-bottom:#999 1px solid;
	}

.image	 { padding:5px;
	margin:5px;}
	
	#nav-first { background:#007FFC; border-bottom:#999 1px solid; }
	#nav-first:hover { background:#0072E3; }
	#nav-second { background:#0067CC; border-bottom:#999 1px solid; }
	#nav-second:hover { background:#005EBA; }
	#nav-third { background:#0052A3; border-bottom:#999 1px solid; }
	#nav-third:hover { background:#004991; }
	#nav-fourth { background:#003A72; border-bottom:#999 1px solid; }
	#nav-fourth:hover { background:#002F5E; }
	#nav-fifth { background:#002C58; border-bottom:#999 1px solid; }
	#nav-fifth:hover { background:#002346; }
#Content	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:960px;
	margin:0 auto;
	}
/*#Main	{
	background-image:url(images/main.jpg);
	background-repeat:repeat-x;
	height:400px;
	background-color:#141414;
	border-top:#000 1px solid;
	}*/
#Footer	{
	width:960px;
	margin:0 auto;
	background-color:#003D79;
	height:120px;
	/*border-top:#999 1px solid;*/
	}
#TabMenu	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	}
#TabMenu A	{
	color:#FFF;
	text-decoration:none;
	}
#TabMenu A:Hover {
	color:#FF6;
	}
	
.ImageBorder	{
	padding:2px;
	border:#FFF 1px solid;
	}
#Box01	{
	width:320px;
	float:left;
	position:relative;
	}
#Box02	{
	width:315px;
	float:left;
	position:relative;
	border-left:#CCC 1px dotted;
	border-right:#CCC 1px dotted;
	}
#Box03	{
	width:320px;
	float:left;
	position:relative;
	}
#Box04	{
	width:640px;
	float:left;
	position:relative;
	}
.Box-Inner {
	padding:5px 10px 5px 10px;
	text-align:justify;
	clear:both;
	display:block;
	}
.Box-Inner-Read-More {
	color:#F60;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	}
.Box-Inner-Read-More:Hover {
	color:#F90;
	text-decoration:none;
	}
.Box-Works	{
	background-image:url(images/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 0px 3px 15px;
	}
.Box-Title	{
	padding:5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	}
#Main	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	background-color:#002346;
	vertical-align:top;
	padding:5px;
	}
#Logo	{
	margin-top:20px;
	margin-bottom:50px;
	}
#Portofolio	{
	margin:2px 5px 10px 5px;
	}
.PortofolioImage	{
	padding:2px;
	border:#999 1px solid;
	}