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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #686868;
}
body {
	background-color: transparent;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {
	border:none;
}
a:link {
	color: #686868;
/*	color: #641566;*/
}
a:visited {
	color: #686868;
}
a:hover {
	color: #808080;
}
a:active {
	color: #686868;
}

h1 {
	font-weight:normal;
	font-size:24px;
	margin-top: 0px;
	line-height: 37px;
	color: #808080;
}

.redTxt {
	color:#da313a;
}
.greyTxt_4f4f4f {
	color:#4f4f4f;
}

#canvas_bkgd {
	width:883px;
	position:absolute;
	height:953px;
	background-image:url(../images/it_overlayBkgd_merged.png);
	background-repeat:repeat-y;
	left: 0px;
	right: 0px;
}

#canvas {
	width:883px;
	position:relative;
	height: 953px;
	margin: auto;
}
.it_samplesPageInfo {
	position:absolute;
	left:595px;
	top:19px;
	color:#FFFFFF;
	width: auto;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.it_samplesPageInfo img {
	margin-bottom:-1px;
}
.it_samplesPageInfoBtn {
	float:left;
	filter:alpha(opacity=100);
	opacity:1;
	position:relative;
	padding-top:1px;
}
.it_samplesPageInfoBtn:hover {
	text-decoration:none;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.it_samplesPageNb {
	float:left;
	position:relative;
	font-size:14px;
	font-weight:bold;
}
#it_samplesPageInfo_totalPagesBox {
	width:28px;
	background:none;
	color:#FFFFFF;
	border: none;
	font-size:14px;
	font-weight:bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px 0px 0px -4px;
}
#it_samples_info {
	width:28px;
	background:none;
	color:#FFFFFF;
	border: none;
	font-size:14px;
	font-weight:bold;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px -4px 0px 0px;
}
#it_samples_tnInfo {
	width:28px;
	background:none;
	color:#FFFFFF;
	border: none;
	font-size:14px;
	font-weight:bold;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px -4px 0px 0px;
}
.it_samplesContainer {
	width: 764px;
	height: 773px;
	position: absolute;
	left: 44px;
	top: 91px;
	overflow: hidden;
}
.it_samplesContainer_overlaySet {
	width:25212px; /*nb of sets x 764px*/
	height:773px;
	position:absolute;
	left:0px;
	top:0px;
}
.it_samplesContainer_singleSet_landscape {
	width:764px;
	height:773px;
	position:relative;
	float:left;
}
.it_samplesContainer_singleSet_landscape .picArea {
	background-color: #FFF;
	width: 764px;
	height: 547px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.it_samplesContainer_singleSet_landscape .picArea img {
	position:absolute;
}
.it_samplesContainer_singleSet_landscape .picCorner_btm {
	position:absolute;
	top:497px;
	left:0px;
}
.it_samplesContainer_singleSet_landscape .picCorner_top {
	position:absolute;
	top:0px;
	left:721px;
}
.it_samplesContainer_singleSet_landscape .textArea {
	width:502px;
	height:193px;
	position:absolute;
	top:547px;
	left:45px;
	padding-top: 30px;
}
.it_samplesContainer_singleSet_landscape .jobName {
	color:#FFF;
	border-bottom:1px solid #df162f;
	width:480px;
	padding-bottom: 10px;
	font-weight:bold;
	position:relative;
	float:left;
	margin-bottom: 10px;
}
.it_samplesContainer_singleSet_landscape .jobClientType {
	color:#FFF;
	width:480px;
	position:relative;
	float:left;
	margin-bottom: 17px;
}
.it_samplesContainer_singleSet_landscape .jobClientType span {
	font-weight:bold;
	margin-right:40px;
}
.it_samplesContainer_singleSet_landscape .jobDesc {
	color:#FFF;
	width:480px;
	position:relative;
	float:left;
	line-height: 18px;
}

.it_samplesContainer_singleSet_portrait {
	width:764px;
	height:773px;
	position:relative;
	float:left;
}
.it_samplesContainer_singleSet_portrait .picArea {
	background-color: #FFF;
	width: 537px;
	height: 773px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.it_samplesContainer_singleSet_portrait .picArea img {
	position:absolute;
}
.it_samplesContainer_singleSet_portrait .picCorner_btm {
	position:absolute;
	top:723px;
	left:0px;
}
.it_samplesContainer_singleSet_portrait .picCorner_top {
	position:absolute;
	top:0px;
	left:486px;
}
.it_samplesContainer_singleSet_portrait .textArea {
	width:198px;
	height:519px;
	position:absolute;
	top:0px;
	left:538px;
	padding-top: 27px;
	padding-left: 25px;
}
.it_samplesContainer_singleSet_portrait .jobName {
	color:#FFF;
	border-bottom:1px solid #df162f;
	width:196px;
	padding-bottom: 10px;
	font-weight:bold;
	position:relative;
	float:left;
	margin-bottom: 10px;
}
.it_samplesContainer_singleSet_portrait .jobClientType {
	color:#FFF;
	width:196px;
	position:relative;
	float:left;
	margin-bottom: 17px;
}
.it_samplesContainer_singleSet_portrait .jobClientType span {
	font-weight:bold;
}
.it_samplesContainer_singleSet_portrait .jobDesc {
	color:#FFF;
	width:196px;
	position:relative;
	float:left;
	line-height: 18px;
}

.linkArea {
	width:201px;
	position:absolute;
	top:638px;
	left:582px;
	color: #FFFFFF;
	line-height: 22px;
	padding-top: 29px;
	height: 197px;
	padding-left: 25px;
	background-color: #343434;
}
.linkArea table tr td {
	color:#FFF;
}
.linkArea a {
	color:#FFF;
	text-decoration:none;
}
.linkArea a:hover {
	color:#CCC;
	text-decoration:none;
}
.redTxt {
	color:#df162f;
}
.linkArea span {
	color:#df162f;
	font-size:14px;
}
#btn_nextSample {
	position:absolute;
	left:808px;
	top:400px;
}
#btn_prevSample {
	position:absolute;
	left:0px;
	top:400px;
}
#nextBtnShadow {
	position:absolute;
	left:808px;
	top:349px;
}
#prevBtnShadow {
	position:absolute;
	left:41px;
	top:349px;
}


#POPUP_canvas_bkgd {
	width:930px;
	height:1054px;
	background-image:url(../images/it_samples_popupBkgd.gif);
	right: 0px;
	margin: auto;
	position: relative;
	overflow: hidden;
}

#POPUP_canvas {
	width:893px;
	position:absolute;
	height: 960px;
	left: 30px;
	top: 80px;
}
#POPUP_phoneNb {
	position: absolute;
	top: 15px;
	font-family: ClarendonBT-Light;
	color: #FFF;
	font-size: 29px;
	left: 30px;
}
#POPUP_phoneNb span {
	color: #fc353d;
	font-size: 18px;
}

#POPUP_emailLink {
	position: absolute;
	top: 47px;
	font-family: ClarendonBT-Light;
	color: #FFF;
	font-size: 15px;
	left: 144px;
}
#POPUP_emailLink a:link {
	color:#FFF;
	text-decoration:none;
}
#POPUP_emailLink a:visited {
	color:#FFF;
	text-decoration:none;
}

#POPUP_emailLink a:active {
	color:#FFF;
	text-decoration:none;
}

#POPUP_emailLink a:hover {
	color:#EEE;
	text-decoration:none;
}
#POPUP_logo {
	position:absolute;
	left:675px;
	top:0px;
}
.it_samples_furtherViewsBtns {
	width: 190px;
	position: absolute;
	top: 547px;
	left: 538px;
	color: #FFFFFF;
	padding-top: 30px;
	height: 100px;
	padding-left: 25px;
}
.it_samples_furtherViewsBtns img {
	position: relative;
	margin-right: 2px;
	margin-top: 13px;
}
.it_samples_viewNb_container {
	position: relative;
	margin-right: 8px;
	margin-top: 13px;
	width: 29px;
	height: 29px;
	float: left;
	cursor: pointer;
}
.it_samples_viewNb_circleON {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	background-color: #fc353d;
	border: 2px solid #ffc4c6;
	box-shadow: inset 1px 1px 1px #555, 1px 2px 2px #111;
	top: 0px;
	left: 0px;
}
.it_samples_viewNb_txtON {
	position: absolute;
	font-family: ClarendonBT-Light;
	font-size: 20px;
	line-height: 33px;
	width: 29px;
	text-align: center;
	left: 0px;
	top: 0px;
	height: 29px;
	text-shadow: 1px 1px 3px #333;
}
.it_samples_viewNb_container a:link {
	color:#000;
	text-decoration:none;
}
.it_samples_viewNb_container a:visited {
	color:#000;
	text-decoration:none;
}
.it_samples_viewNb_container a:active {
	color:#000;
	text-decoration:none;
}
.it_samples_viewNb_container a:hover {
	color:#000;
	text-decoration:none;
}
.it_samples_viewNb_circleOFF {
	position: absolute;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #fff;
	top: 1px;
	left: 0px;
}
.it_samples_viewNb_txtOFF {
	position: absolute;
	font-family: ClarendonBT-Light;
	font-size: 22px;
	line-height: 32px;
	width: 27px;
	text-align: center;
	left: 0px;
	top: 0px;
	height: 27px;
	color: #666;
}
.it_samples_viewNb_txtOFF a:link {
	color:#676767;
	text-decoration:none;
}
.it_samples_viewNb_txtOFF a:visited {
	color:#676767;
	text-decoration:none;
}
.it_samples_viewNb_txtOFF a:active {
	color:#676767;
	text-decoration:none;
}
.it_samples_viewNb_txtOFF a:hover {
	color:#000;
	text-decoration:none;
}