@charset "utf-8";
/* CSS Document */

/* general css */

ul { padding: 0; margin: 0; }
a { text-decoration: none; }
li { list-style: none; }
form { padding: 0; margin: 0; }
img { border:none; }	

/* page class */
.clear { clear: both; overflow: hidden;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pt10 { padding-top:10px;}
.pt30 { padding-top:30px;}
.pr20 { padding-right:20px;}
.lh20 {line-height:20px;}
.border5 { border:5px solid #A6A6A6}
.left { float:left}

/* page related */

h1, h2, h3, h4, h5 {
	margin:0 0 7px 0;}

h1 {
	font-size: 24px;
	color: #5A0E00;
	padding:0 0 20px 0px;}

h2 {
	font-size: 22px;
	color: #ffffff;
	padding:0 0 20px 0px;
	}
	
h3 {
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;}

h4 {
	font-size: 18px;
	color: #000;}


h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #ffffff;}

a {
	color: #3399FF;
	cursor: pointer;
	outline: none;
	text-decoration: none;}

BODY { 
		background-image:url(../images/bg_body.jpg);
		background-repeat:repeat-x;
		background-position: top center;
		margin: 0; 
		padding: 0;
		background-color:#262626;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:20px;
		}

#logo {
	width:143px;
	float:left;
	padding-left:13px;}
	
div.spacer {
  clear: both;}
  
#wrap {
	width: 1053px;
	background-image:url(../images/bg_content02.png);
	background-repeat:repeat-y;
	margin:0px auto;}

#head {
	width:1023px;
	background-image:url(../images/bg_top.png);
	background-repeat:no-repeat;
	height:101px;
	margin-left:15px;
	}

#content {
	width:1023px;
	color:#000;
	margin-left:15px;
	background-color:#fff;}
	

#footter {
width:1023px; 
background-color:#000; 
margin:0px auto; 
color:#888888; 
font-size:12px;
padding-top:10px;}

#imgbtm {
	width:1053px;
	margin:0px auto;
	height:38px}

/* menutop */
#menutop {
	}
#menutop u1{
	list-style-type:none;
	text-align:center;}	
	
#menutop li {
	float:left;
	list-style-type:none;
	text-align:center;}

.logo{
	width:227px;
	padding-top:20px;
	text-align:center;}
	
.list{
	width:2px;}
	
.m1{
	width:93px;
	padding-top:40px;
	text-align:center;
	}
.m2{
	width:120px;
	padding-top:40px;
	text-align:center;}
	
.m2{
	width:120px;
	padding-top:40px;
	text-align:center;}
	
.m3{
	width:169px;
	padding-top:40px;
	text-align:center;}
	
.m4{
	width:104px;
	padding-top:40px;
	text-align:center;}
	
.m5{
	width:138px;
	padding-top:40px;
	text-align:center;}

.m6{
	width:160px;
	padding-top:40px;
	text-align:center;}
	
/* images body */
#home { 
	background-image:url(../images/img_home.jpg);
	background-repeat:no-repeat;
	height:597px;}

#marketing,#pr { 
	background-image:url(../images/img_marketing.jpg);
	background-repeat:no-repeat;
	height:597px;}

#event { 
	background-image:url(../images/img_event.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:bottom;
	height:864px;}
	
#client,#stories { 
	background-image:url(../images/img_shadow.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFF;
	height:597px;}

#about { 
	background-image:url(../images/img_about.jpg);
	height:595px;}
	
/* content */	
	
#homeLeft{
	float:left;
	width:500px;
	margin-left:80px;
	margin-right:20px;
	margin-top:35px;
	text-align:right;
	line-height: 16px;
	font-size:12px;}
	
#homeRight{
	float:right;	
	margin-right:125px;
	margin-top:40px;
	padding-left:20px;
	border-left:1px solid #726746;
	text-align:right}

#marketh1 {
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	margin:0px auto;
	color:#FFF;
	border-bottom:1px dotted #fff;
	font-size:115%;
}

#marketh2 {
	width:90%;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px auto;
	color:#FFF;
	font-size:90%;
}

#marketh3 {
	width:50%;
	padding-top:40px;
	padding-bottom:20px;
	margin-left:55px;
	color:#FFF;
	font-size:90%;
	line-height: 16px;
}

#prh1 {
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	margin:0px auto;
	color:#FFF;
	border-bottom:1px dotted #fff;
	font-size:115%;
}

#prh2 {
	width:1023px;
	margin:0px auto;
	} 
	
#prh2Left {
	width:460px;
	padding-top:30px;
	float:left;
	padding-left:30px;
	color:#FFF;
	line-height: 16px;
	margin-left:20px;}

#prh2Right {
	width:480px;
	padding-top:30px;
	float:right;
	color:#FFF;
	line-height: 16px;
	margin-right:0px;}

#eventh1 {
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	margin:0px auto;
	color:#FFF;
	border-bottom:1px dotted #fff;
	font-size:115%;}

#eventh2 {
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	margin:0px auto;
	color:#FFF;
	font-size:90%;}

.square {
	list-style:square; 
	margin-left:20px;
	line-height:20px;}
	
#clien1 {
	width:90%;
	margin:0px auto;
	} 
	
#clien1Left {
	width:183px;
	padding-top:40px;
	float:left;
	margin-left:20px;}

#clien1Right {
	width:600px;
	padding-top:50px;
	float:right;
	margin-right:100px;
	line-height: 16px;
	color:#666;}
	
#storiesh1 {
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	margin:0px auto;
	color:#000;
	border-bottom:1px dotted #000;
	font-size:90%;
}

#anchor1 {
width : 66px;
height : 41px;
background-image : url(../images/menu/menu_marketing.png);
background-repeat:no-repeat;
margin-left:13px;
}

#anchor1:hover {
background-image : url(../images/menu/menu_marketing_hover.png);
} 


#anchor2 {
width : 91px;
height : 25px;
background-image : url(../images/menu/menu_pr.png);
background-repeat:no-repeat;
margin-left:15px;
}

#anchor2:hover {
background-image : url(../images/menu/menu_pr_hover.png);
} 

#anchor3 {
width : 130px;
height : 25px;
background-image : url(../images/menu/menu_event.png);
background-repeat:no-repeat;
margin-left:20px;
}

#anchor3:hover {
background-image : url(../images/menu/menu_event_hover.png);
} 

#anchor4 {
width : 74px;
height : 38px;
background-image : url(../images/menu/menu_client.png);
background-repeat:no-repeat;
margin-left:15px;
}

#anchor4:hover {
background-image : url(../images/menu/menu_client_hover.png);
} 

#anchor5 {
width : 105px;
height : 40px;
background-image : url(../images/menu/menu_stories.png);
background-repeat:no-repeat;
margin-left:17px;
}

#anchor5:hover {
background-image : url(../images/menu/menu_stories_hover.png);
} 

#anchor6 {
width : 137px;
height : 41px;
background-image : url(../images/menu/menu_about.png);
background-repeat:no-repeat;
margin-left:11px;
}

#anchor6:hover {
background-image : url(../images/menu/menu_about_hover.png);
} 

