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

/* =========== Home Page  ==============*/
.homeBanner {
	height:410px;
}
.homeBannerCaption {
	height:52px;
	margin-top:-52px;
	z-index:500;
	position:relative;
	background-image:url(../images/home-banner-comment-bg.png);
	background-repeat:no-repeat;
	z-index:500;
	text-align:right;
	padding-right:20px;
	font-weight:bold;
	color:#fff;
	line-height:52px;
	width:980px;
}
.homeContentContainer {
	background:url(../images/home-content-bg.gif) repeat-x top;
}
.homeMainTitle {
	float:left;
	width:212px;
	height:74px;
	margin-right:40px;
}
.projectsPanContainer {
	width:740px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}
a.leftArrow, a.rightArrow {
	width:17px;
	height:43px;
	display:block;
	background:url(../images/projects-pan-left-arrow.gif) no-repeat bottom left;
	float:left;
	margin-top:25px;
	margin-right:15px;
}
a.rightArrow {
	background:url(../images/projects-pan-right-arrow.gif) no-repeat bottom left;
	margin-top:25px;
	margin-right:0px;
}



a:hover.active { background-position: top left; }
.projectsPanContainer ul {
	width:657px;
	float:left;
}
.projectItemDetails {
	width:280px;
	float:left;
}
.projectTitle {
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding-bottom:10px;
	display:block;
}
.projectThumbs {
	width:366px;
	float:left;
	margin-left:8px;
}
.projectThumbs img {
	float:right;
	margin-right:8px;
	border:1px #A2A2A2 solid;
}
.moreProjectsButton {
	text-align:right;
	padding-right:15px;
	font-weight:bold;
	display:block;
	padding-top:5px;
	font-size:11px;
}
/* =====================================*/


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

body {
	margin:0px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	behavior: url("csshover-source.htc"); 
}
.wrap {
	width:1000px;
	margin:0px auto;
}
a {
	text-decoration:none;
	outline:none;
	color:#fff;
}
a img {
	border:0px;
}
img, div, a {
	_behavior:url(iepngfix.htc);
}
p, ul, li, h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
	padding:0px;
}
/* ================ Main Menu ================*/
.mainMenuBg {
	height:48px;
	background:url(../images/top-menu-bg.gif) repeat-x top;
	text-align:right;
}
.mainMenuContainer {
	padding-top:13px;
}
.mainMenuContainer li {
	display:inline;
	float:right;
	line-height:35px;
}
.mainMenuContainer li a {
	display:block;
	height:35px;
	_display:inline-block;
}
.mainMenuContainer li a b {
	height:35px;
	display:block;
	padding:0px 10px;
	_display:inline-block;
	cursor:pointer;
}
.mainMenuContainer li a:hover, .mainMenuContainer li a.currentPage {
	background: url(../images/main-menu-border.gif) no-repeat bottom left;
}
.mainMenuContainer li a:hover b, .mainMenuContainer li a.currentPage b {
	background: url(../images/main-menu-border-right.gif) no-repeat bottom right;
}
/* =====================================*/

/* =========== Header ================*/
.headerContainer {
	border-bottom:#7D7D7D 1px solid;
}
.header-bg {
	background:url(../images/header-bg.gif) no-repeat top left;
	height:162px;
}
.logoContainer {
	width:160px;
	float:left;
	padding:45px 66px 20px 30px;
	height:88px;
}
.logoContainer a img { width:159px; height:88px; }

.headerIntroContainer {
	width:735px;
	float:left;
	/*padding-top:32px;*/
}
.headerIntroContainer img {
	margin-bottom:10px;
	margin-top:50px;
	/* width:407px; height:24px; */
}
.headerIntroContainer p {
	font-size:13px;
}
/* =====================================*/

/* =========== Footer  =================*/
.footerContainer {
	background:url(../images/footer-bg.gif) repeat-x top;
	height:60px;
}
.footerMenu {
	width:559px;
	float:left;
	font-weight:bold;
	padding-left:11px;
	padding-top:15px;
}
.footerMenu li {
	float:left;
}
.footerMenu li a {
	padding-right:8px;
	border-right:#999 1px solid;
	display:block;
	margin-left:8px;
	color:#999999;
}
.footerMenu li a.lastFooterLink {
	border:0px;
}
.footerMenu li a:hover {
	color:#fff;
}
.copyRight {
	width:265px;
	float:right;
	padding:15px 20px 0px 0px;
	text-align:right; /*color:#fff;*/
}
.gpnetLogo {
	width:20px;
	height:27px;
	display:block;
	float:right;
	background:url(../images/gpnet.gif) no-repeat top left;
	margin-left:10px;
}
.copyRight p {
	display:block;
}
.copyRight p a {
	color:#999;
	font-weight:bold;
}
.copyRight p a:hover {
	color:#fff;
}
/* for sub Pages */
.pageTitle { float:left; margin-top:15px; }


/* POP UP */
.popupContainer { width:557px; margin:auto; border:1px #fff solid; color:#fff; padding:15px; background-color:#000; }
a.popupCloseButton { width:30px; height:29px; display:block; background:url(../images/close-pop-up.png) no-repeat top left; margin:-30px -30px 0px 0px; _margin-right:-15px; position:relative; float:right; cursor:pointer; }
a:hover.popupCloseButton { background-position: bottom left; }
.popupContainer h2 { font-size:16px; font-weight:bold; }
.popUpWideThumb { border:2px #999 solid; margin:10px auto; display:block; }
.pop-up-details { display:block; }
.pop-up-details p span { display:block; font-weight:bold; } 
.popUpThumbViewer { width:515px; margin:20px auto; border:1px #fff solid; overflow:hidden; height:68px; }
.popUpThumbViewer li { margin:0px 2px; display:inline; float:left; }

/* Portfolio PopUp */
.portfolioPopUpContaier { width:638px; }
.portfolioPopUpLeftColumn { width:168px; float:left; margin-right:12px; }
.portfolioPopUpLeftColumn ul { padding:28px 5px; }
.portfolioPopUpLeftColumn ul li { margin-bottom:10px; }
.portfolioPopUpLeftColumn ul li span { font-weight:bold; display:block; }
a.popUpHireBtn { width:159px; height:79px; display:block; background:url(../images/portfolio/hire-photographers.gif) no-repeat top left; }
a:hover.popUpHireBtn { background-position: bottom left; }

.portfolioPopUpRightColumn { width:425px; float:left; }
.portfolioPopUpPreview { height:280px; overflow:hidden; }
.portfolioPopUpPreview img { border:1px #545454 solid; }
.portfolioSmallThmbsContainer { margin:15px auto; border:1px #fff solid; padding-left:3px; }
.portfolioSmallThmbsContainer li { float:left; padding:0px 1px; }


/*========= Alerts =========*/
.alertContainer {
width: 500px;
color: #333;
padding: 10px;
border: 5px solid #333;
background-color: #eee;
}

.alertMessage {
width: 420px;
margin-top: 5px;
}

.alertIcon {
width: 40px;
height: 40px;
margin-right: 10px;
/*background: #666 url(../images/popup/blank-bg2.gif) top left no-repeat;*/
}

.loading {
background: #eeeeee url(../images/loading2.gif) center center no-repeat;
}

.success {
background: #eeeeee url(../images/success.gif) top left no-repeat;
}

.error {
background: #eeeeee url(../images/error.gif) top left no-repeat;
}

.hand {
 cursor: pointer;
 }
 .lfloat {
float: left;
}

.rfloat {
float: right;
}


/* 360 Virtual Tour Page */
.plainTextContainer { width: 750px; margin:10px auto; text-align:justify; }
.plainTextContainer p { width:618px; float:left; padding-top:30px; }
.plainTextContainer img { float:right; margin:0px 0px 5px 10px; }

a.categoryIconLinks { width:119px; height:118px; display:block; float:left; background:url(../images/icons/photo.gif) no-repeat bottom left; margin-right:10px; clear:left; }
a.threeSixty { background-image:url(../images/icons/360.gif); }
a.panoramic { background-image:url(../images/icons/panoramic.gif); }
a.virtualTours { background-image:url(../images/icons/virtual-tours.gif); }
a:hover.categoryIconLinks { background-position:top left; }

a.viewSamples { text-align:right; font-weight:bold; float:right; color:#fff; }
a:hover.viewSamples { text-decoration:none; color:#999; }



 


.modalContainer {
width: 548px;
display:none;
top:25%;
left:28%;
/*position:absolute !important;*/
}
.modalContainer {
_margin: 0 auto !important;
_left: expression((documentElement.clientWidth /2) - 274+"px");
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#modalOverlay {
  background-color:#333;
  opacity: 0.8 !important;
  !filter: alpha(opacity=80) !important;
}

/*================== Alerts ===================*/



/**********************************************/
/* @name: style.css                           */
/* @date: 19/11/07                            */
/* @desc: JMyCarousel css                     */
/* @auth: kevin@enova-tech.net                */
/**********************************************/
/** General Elements && arrows description  ***/


div.jMyCarousel .left{
	background: url(../images/left.png) center center no-repeat;
	width:47px;
	height:61px;
	margin-top: 4px;
	border:0px;
}

div.jMyCarousel .right{
	background: url(../images/right.png) center center no-repeat;
	width:40px;
	height:61px;
	margin-top: 4px;
	border:0px;
}

div.jMyCarousel .prev{
	background: url(../images/left.png) center center no-repeat;/*previous.png*/
	width:47px;
	height:61px;
	margin-top: 4px;
	border:0px;
}

div.jMyCarousel .next{
	background: url(../images/right.png) center center no-repeat;/*next.png*/
	width:40px;
	height:61px;
	margin-top: 4px;
	border:0px;
}

div.jMyCarousel .up{
	background: url(../images/up.png) center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url(../images/down.png) center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


div.jMyCarousel{
	/*border:1px solid #1c6f8e;*/
}

div.jMyCarousel ul{
	
}

div.jMyCarousel ul li{
	margin:0px;
	/*border:1px solid #ccc;*/
	line-height:0px;
	padding:4px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
}

div.jMyCarousel ul li img{
	display:block;
	border:0px;
}