/* ************ XHTML LAYOUT ************ */
html{
	background: #e3731d url("images/bg.jpg") 0 100% no-repeat;
	background-attachment:fixed;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.wrapper{
	width:925px;
	border:0px solid red;
}


/* ************ STAGE ************ */
#stage{
	background-color:#ffffff;	
	}
	#stage.dlft{
		background: #ffffff url("images/vertfade_left.gif") repeat-y;
	}
	#stage .drgt{
		background: url("images/vertfade_right.gif") 100% 0 repeat-y;
	}
	#stage .hozfadetop{
		background: url("images/hozfade_top.gif") 0 0 repeat-x;
	}
	#stage .hozfadebottom{
		background: url("images/hozfade_bottom.gif") 0 100% repeat-x;
	}
	#stage .hozfadetop .lft{
		background: url("images/cnr_top_left.gif") 0 0 no-repeat;
	}
	#stage .hozfadetop .rgt{
		background: url("images/cnr_top_right.gif") 100% 0 no-repeat;
	}
	#stage .hozfadebottom .lft{
		background: url("images/cnr_bottom_left.gif") 0 100% no-repeat;
	}
	#stage .hozfadebottom .rgt{
		background: url("images/cnr_bottom_right.gif") 100% 100% no-repeat;
	}
	#stage .menufade{
		background: url("images/menu_shadow.gif") -2px 3px no-repeat;
	}
	
	/* ************ STAGE - COMMON ************ */

	#stage .content{
		padding:35px 30px 10px 30px;
		font-size:11px;	
		color:#646464;
	}
	#stage .content .col1{
		width:430px;
		float:left;
	}
	#stage .content .col2{
		width:360px;
		float:right;
	}
	#stage .content p{
		padding-bottom:10px;
	}
	#stage .content .indent{
		padding-left:100px;	
	}
	#stage .content .hlb{
		color:#d46a16;	
		font-weight:bold;
		font-size:12px;
	}
	#stage .content a{
		color:#d46a16;	
	}
	
	#stage h1{
		color:#e4771c;	
		font-weight:bold;
		font-size:20px;
		padding-bottom:3px;
		border-bottom:1px solid #cecece;
	}
	#stage h1 span{
		font-size:11px;
		font-weight:normal;
		color:#a4a4a4;
	}
	#stage .content ul{
		list-style-position: outside;
		margin-left:45px;	
		
	}
	#stage .content ul li{
		padding-left:5px;
	}
	
/* ************ STAGE - GALLERY ************ */
.gallery{
	font-size:11px;	
	color:#646464;
	padding-top:10px;
	padding-bottom:10px;
}
.gallery dl{
	margin:0 30px 0 29px;	
	_margin:0 15px 0 29px;	
}
.gallery dl,.gallery dt,.gallery dd{
	width:126px;
	display:block;		
}	
.gallery dl{
	float:left;
}
.gallery dt{
	padding-bottom:3px;	
}
.gallery dt a{
	width:119px;
	border:4px solid #363435;
	display:block;
}	
.gallery dt a img{
	display:block;
	width:119px;
	height:86px;
}

/* ************ GALLERY - POPUP ************ */
.loading{
	height:100%;
	background: url("images/ajax-loader.gif") 50% 50% no-repeat;
}
.loaded{
	background-color:#000000;
	padding:10px;
}
.loaded .label, .loaded .label a{
	color:#ffffff;	
}
.loaded .label{
	padding-top:10px;	
}
.loaded .label a{
 	background: url("images/close.gif") 100% 50% no-repeat;	
 	height:16px;
 	font-weight:bold;
 	padding-right:25px;
 	text-decoration:none;
 	color:#ffffff;
 	margin-top:12px;
 	display:block;
}
/* ************ HEADER ************ */

#header{
	padding-top:50px;
	padding-bottom:42px;
	background-color:#e3731d;
	}
	#logo{
		margin-left:20px;
		display:block;
		border:0px solid red;
		text-indent:-5000px;
		width:350px;
		height:50px;
		background: #e3731d url("images/logo.jpg") no-repeat;
	}
	
/* ************ FOOTER ************ */
#footer{
	color:#fff;
	}
	#footer a{
		color:#fff;
		text-decoration:none;
	}
	#footer .content{

		padding-top:16px;	
	}
/* ************ NAVIGATION ************ */	
#nav{
	margin-top:20px;
	position:absolute;	
	z-index:15;
	border:0px solid red;
	width:960px;
}
#nav dl{
	float:left;
	width:132px;
}
#nav dt{
	display:block;
	background: url("images/nav_bg.gif") repeat-x;		
}
#nav dd{
	display:none;
	background-color:#867971;
}
#nav a{
	display:block;
	text-align:center;
	height:41px;
	text-transform:capitalize;
	line-height:41px;
	color:#ffffff;
	background: url("images/nav_bg_sep.gif") no-repeat;
	text-decoration:none;
	font-size:15px;
}
#nav dt a:hover, #nav dt a.on, #nav dt a.hover{
	background: url("images/nav_bghover.gif") repeat-x;	
}
#nav a.on{
	font-weight:bold;	
}
#nav dd a{
	background:none;
	font-size:11px;
	text-align:left;
	padding-left:5px;
	border-bottom:1px solid #493c34;
}
#nav li {
	display:inline;
}

/* ************ CLIENTS ************ */	

.clients a{
	display:inline-block;
	border:0px solid red;
	text-indent:-5000px;
	float:left;
}
.clients span{
	display:inline-block;
	text-indent:-5000px;
	float:left;
}
.clients a.pando{
	background: url("../images/clients/pando.jpg") 0 0 no-repeat;
	width:160px;
	height:80px;
}
.clients a.princess{
	background: url("../images/clients/princess.jpg") 0px 0px no-repeat;
	width:184px;
	height:80px;
	margin-left:15px;
}	
.clients a.cunard{
	background: url("../images/clients/cunard.jpg") no-repeat;
	width:148px;
	height:110px;
}		
.clients a.carnival{
	background: url("../images/clients/carnival.jpg") 0 13px no-repeat;
	width:192px;
	height:110px;
	margin-left:20px;
}		
.clients a.rta{
	background: url("../images/clients/rta.jpg") 0 50% no-repeat;
	width:96px;
	height:110px;
}		
.clients a.road{
	background: url("../images/clients/road_safety.jpg") 0 50%  no-repeat;
	width:88px;
	height:110px;
	margin-left:35px;
}
.clients a.blues{
	background: url("../images/clients/blues.jpg") 0 50%  no-repeat;
	width:120px;
	height:110px;
	margin-left:20px;
}			
.clients a.uts{
	background: url("../images/clients/uts.jpg") 0 50% no-repeat;
	width:96px;
	height:100px;
}		
.clients a.risotto{
	background: url("../images/clients/risotto.jpg") 100% 50%  no-repeat;
	width:250px;
	height:100px;
	margin-left:10px;
}		
.clients span.disney{
	background: url("../images/clients/disney.jpg") 0 13px no-repeat;
	width:200px;
	height:60px;
}

.clients a.oxfam{
	clear:both;
	background: url("../images/clients/oxfam.jpg") 0 0  no-repeat;
	width:140px;
	height:120px;
}
.clients a.payap{
	background: url("../images/clients/payap.jpg") 0 0  no-repeat;
	width:140px;
	height:120px;
}

.clients a.bwrs{
	clear:both;
	background: url("../images/clients/bwrs.jpg") 0 0  no-repeat;
	width:120px;
	height:120px;
}

	


