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


body {
	font:15px Arial, Helvetica, sans-serif;
	/*background: #fff;*/
	background:#d5d5d5 url(../images/body-bg2.gif) top no-repeat;
	margin: 0;
	padding: 0;
	color: #959595;
	line-height:1.4em;
}

.thrColPrgnPayment{
	font:15px Arial, Helvetica, sans-serif;
	/*background: #fff;*/
	background:#d5d5d5 url(../images/body-bg2.gif) top repeat-y;
	margin: 0;
	padding: 0;
	color: #959595;
	line-height:1.4em;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:300;
	color: #333;
	line-height:1.4em;
	padding-top:20px;
	padding-left:9px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:300;
	color: #333;
	line-height:1.4em;
	padding-top:20px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:300;
	color: #333;
	margin:0;
}
a:link {
	color:#1c336d;
	text-decoration:none;
}
a:visited {
	color:#1c336d;
	text-decoration:none;
}
a:hover {
	color:#959595;
	text-decoration:none;
}
#container {
	position:relative;
	width: 1020px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}
#header {
	height:106px;
	background: #fff url(../images/header.png);
	padding: 0;
}
#header #gateway {
	float:right;
	margin:12px 40px 0 0;
	font-size:12px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#navbar {
	height:24px;
	background:#fff;
	margin-top:6px;
	margin-left:34px;
}
#navbar ul {
	list-style:none;
	display:inline;
}
#navbar ul li {
	list-style:none;
	display:inline;
	padding:10px 15px 5px 0;
}
#navbar ul li a:link {
	text-decoration:none;
	color:#959595;
}
#navbar ul li a:visited {
	text-decoration:none;
	color:#959595;
}
#navbar ul li a:hover {
	text-decoration:none;
	color:#000000;
}

#printHeading{
visibility:collapse;
}


#banner {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/slider-bg.jpg) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-exp {
	height:165px;
	width:100%;
	/*background:#FFFFFF url(../images/expertise_bg.jpg) no-repeat;*/
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-ctlgs {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/cataloguesLightbox_bg.png) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-pos {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/posLightbox_bg.png) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-merch {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/merchLightbox_bg.png) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-dm {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/digitalLightbox_bg.png) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-dm-alt {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/ptflio-dgtl-alt-bg.jpg) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-photog {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/photogLightbox_bg.png) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#banner-contact {
	height:165px;
	width:100%;
	background:#FFFFFF url(../images/contactLightbox_bg.jpg) no-repeat;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
#sidebar1 {
	float: left;
	width: 220px;
	height:390px;
	background: #fff;
	padding: 0 15px 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333366;
}
#sidebar1 ul {
	list-style:none;
	text-align: left;
}
.thrColPrgn #sidebar1 ul li {
	display:block;
	width:190px;
}
#sidebar1 ul li a:link {
	text-decoration:none;
	color:#959595;
}
#sidebar1 ul li a:visited {
	text-decoration:none;
	color:#959595;
}
#sidebar1 ul li a:hover {
	list-style-image:url(../images/leftNavArrow.jpg) left;
	text-decoration:none;
	color:#333366;
}
#sidebar2 {
	float: right;
	width: 250px;
 background: #fff /+url(../images/cataloguesBubble_bg.jpg) no-repeat 20px 0px*/;
	padding: 15px 40px 15px 20px;
}
#sidebar2 #rh-homepage {
	margin-top:5px;
}
#sidebar2 #rh-homepage p {
	font-size:22px;
	color: #1c336d;
	font-weight:300;
	text-align:right;
	line-height:1.2em;
}
#sidebar2 #rh-teampage {
	height:282px;
	width:225px;
	background:url(../images/right-pnl-trnsprnt.png) top right no-repeat;
	margin-top:-15px;
}
#sidebar2 #rh-portpage {
	height:282px;
	width:225px;
	background:url(../images/right-pnl-trnsprnt.png) top right no-repeat;
	margin-top:-15px;
	padding-top:18px;
	text-align:center;
	font-size:10px;
}
#sidebar2 #rh-contpage {
	height:282px;
	width:225px;
	background:url(../images/right-pnl-trnsprnt.png) top right no-repeat;
	margin-top:-15px;
	padding-top:18px;
	text-align:center;
	font-size:10px;
}
#sidebar2 #rh-portpage img {
	margin-top:28px;
}
#displaybox {
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
#homeContent {
	height:400px;
	margin: 0 312px 0 30px;
	padding: 3px 10px;
}
#team {
	margin-top:5px;
}
#team #teamContent {
	text-align:right;
	width:600px;
	height:auto;
	margin: 0 0 0 320px;
	padding: 3px 10px;
}
#mainContent {
	width:auto;
	height:406px;
	margin: 0 280px 0 220px;
	padding: 0 10px;
}
#contactContent {
	height:400px;
	margin: 0 0 0 30px;
	padding: 50px 10px;
	font-size:100%;
}
#footer {
	padding: 0 40px 0 40px;
	background:#fff;
	font-size:9px;
	color:#1c336d;
}
#footer p {
	margin: 0;
	padding: 50px 0;
}
#footer p a:link {
	text-decoration:none;
	font-size:9px;
	color:#1c336d;
}
#footer p a:visited {
	text-decoration:none;
	font-size:9px;
	color:#1c336d;
}
#footer p a:hover {
	text-decoration:none;
	font-size:9px;
	color:#959595;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#spacer {
	height:25px;
	width:100%;
}

#deepspacer {
	height:400px;
	width:100%;
}
.popup {
	border: solid 1px #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: none;
	position: absolute;
	top:5px;
	width: 550px;
	left:200px;
	/*right: auto;	*/	
        z-index: 10000;
}
.popuptitle {
	background:#1c336d;
	color: white;
	text-align:center;
	font-weight:normal;
	height: 15px;
	padding:0 0 6px 0;
}
.popupbody {
	width:540px;
	height:auto;
	background:#f3f3f3;
	padding: 5px;
	text-align: center;
	font-size:11px;
}
#popup {
	margin-top:100px;
	margin-left: auto;
	margin-right:auto;
}

#homeContent ol li{
font-size:80%;
line-height:normal;
}
/*////////////////////////////Lightbox Styles//////////////////////////////////*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font:12px Arial, Helvetica, sans-serif;
	text-indent:5px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #f3f3f3;
}