@font-face{
	font-family: ComfortaaThin;
	src:url(../fonts/ComfortaaThin.ttf);
	}
@font-face{
	font-family: GothamBlack;
	src:url(../fonts/Gotham-Black.otf);
	}
*{
	margin: 0;
	padding: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
	}
	
a img
{
  border:none;
  text-decoration: none;
}
	
body {
	background:url(../images/mainbg.gif);
    height:100%;
    width:100%;
    margin:0;padding:0;
    font-family: Helvetica, Arial, sans-serif;
	font-size:small;
	
}
 
#wrapper {
    width:100%;
    height:100%;
    position:absolute;
    top:0;left:0;
    overflow:scroll;
}
 
#mask {
    width:100%;
    height:890%;
    
}
.clearBox{
	clear:both;
}

/*--------------- Background Lines (All) ---------*/
	  .lines{
		  background:url(../images/bg_lines.png);
		  width: 449px;
		  height: 677px;
		  position: relative;
		  top: -220px;
		  left: 80px;
		  float: left;
	  }
	  .lines.secondLine{
		  background:url(../images/bg_lines.png);
		  width: 449px;
		  height: 677px;
		  position: relative;
		  top: -60px;
		  left: 90px;
	  }
	   .lines.thirdLine{
		  background:url(../images/bg_lines.png);
		  width: 449px;
		  height: 677px;
		  position: relative;
		  top: -10px;
		  left: 390px;
		  -moz-transform: scaleX(-1);
		  -webkit-transform: scaleX(-1);
		  -o-transform: scaleX(-1);
		  transform: scaleX(-1);
		  filter: fliph; /*IE*/
	  }
	  .lines.fourthLine{
		  background:url(../images/bg_lines.png);
		  width: 449px;
		  height: 677px;
		  position: relative;
		  top: -350px;
		  left: 70px;
		  float: left;
	  }
	  .lines.fifthLine{
		  background:url(../images/bg_lines.png);
		  width: 449px;
		  height: 677px;
		  position: relative;
		  top: -300px;
		  left: 240px;
		  float: left;
		  margin-bottom: -300px;
	  }
/*--------------- Background Lines (Ends) ---------*/
.item {
    width:100%;
    height:17%;
    float:left;
	overflow:visible;
}
#quickInfo img{
	position: relative;
	padding-top: 260px;
	left: -130px;
	float: left;
	}    
     
  .content {
	  margin:0 auto;
	  text-align:center;
	  padding-top: 50px;
	  width:100%;
	  height:100%;
	  margin:0 auto;
	  display: block;
	  position:relative;
	  
  }
  .background{
	  height: 611px;
	  width: 914px;
	  background-image:url(../images/bg_circle.png);
	  background-repeat: no-repeat;
	  text-align: center;
	  overflow:visible;
  }
  .first{
  }
  .menu{
	position: relative;
  	left: 300px;
	top:-50px;
	width: 515px;
  }
  .menu2{
	position: relative;
  	left: 300px;
	top:-110px;
	width: 515px;
  }
  .selected {
	  background:#fff;
	  font-weight:700;
  }

  .clear {
	  clear:both;
  }

#mask a.panel.web{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: 0px -10px;
	display:block;
	height: 30px;
	width: 79px;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s ease ;  
	}
#mask a.panel.photography{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -79px -10px;
	display:block;
	height: 30px;
	width: 182px;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s ease ;  
	}
#mask a.panel.about{
	float: left;
	position: relative;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -261px -10px;
	display:block;
	height: 30px;
	width: 129px;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s ease ;    
	}	
#mask a.panel.contact{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -390px -10px;
	display:block;
	height: 30px;
	width: 122px;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s ease ;   
	}
	
/*<@  menu hover  */

#mask a.panel.web:hover{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: 0px -59px;
	display:block;
	height: 30px;
	width: 79px;
	}
#mask a.panel.photography:hover{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -79px -59px;
	display:block;
	height: 30px;
	width: 182px;
	}
#mask a.panel.about:hover{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -261px -59px;
	display:block;
	height: 30px;
	width: 129px;
	}	
#mask a.panel.contact:hover{
	float: left;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: -390px -59px;
	display:block;
	height: 30px;
	width: 122px;
	}
.content first{
	position: relative;
	left: 100px;
}













/*Web*/
/*container*/
.item.webLayout{
	  text-align:center;
	  margin:0 auto;
	  position:absolute;
	  top: 950px;
	  left: 0;
}
/*content height*/
.content.background2{
	position: relative;
	text-align:center;
	width: 914px;
	height: 100%;
	}
/*title bar*/
.item.webLayout .content.second{
	width: 189px;
	height:17px;
	position: relative;
	text-align: left;
	float: left;	
}
.item.webLayout .content.second img{
	position: relative;
	top: -69px;
}
.item.webLayout .content.second img.title{
	position: relative;
	top: -79px;
	width: 189px;
	height: 27px;
	clear:both;	
}
.postWrapper{
	float: left;
	height: 100%;
	width: 930px;
	}
.postLeft{
	float: left;
	width: 529px;
	height: 618px;
}
.postRight{
	float: left;
	clear: right;
}


#item3.item{
	  text-align:center
	  width:100%;
	  margin:0 auto;
	  position:absolute;
	  top: 1600px;
	  left: 0;
}
#item4.item{
	  text-align:center
	  width:100%;
	  margin:0 auto;
	  position:absolute;
	  top: 2400px;
	  left: 0;
}
#item5.item{
	  text-align:center
	  width:100%;
	  margin:0 auto;
	  position:absolute;
	  top: 3200px;
	  left: 0;
}

/*     */

.details{
	position: relative;
	float: left;
	width: 345px;
	border: 1px solid #3a3b40;
	background-color:  #2b3640;
	margin-left: 15px;
	margin-top: -15px;
	padding-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity: 1;
	clear: left;
	}
.item.webLayout .column.left p.title{
	position: relative;
	color: white;
	float:left;
	clear: both;
	opacity: 1;
	font-weight:lighter;
	text-align: center;
	font-family: 'Helvetica Neue', "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 30px;
	margin-top: 10px;
	margin-left: 5%;
	text-transform: uppercase;
	padding-bottom: 10px;
	width: 90%;
	border-bottom: 1px dashed white;
}
.item.webLayout .column.left p.categories{
	font-family:'Helvetica Neue';
	position: relative;
	color: white;
	float:left;
	width: 30%;
	clear: both;
	opacity: 1;
	font-weight:bolder;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 5%;
	top:20px;
	padding-bottom: 40px;
}
.item.webLayout .column.left p.categories a{
	position: relative;
	top: 15px;
	color: white;
	text-decoration: none;
	padding-bottom: -20px;
	
}
.item.webLayout .column.left p.client{
	float:left;
	color: white;
	width: 30%;
	opacity: 1;
}
.item.webLayout .column.right p{
	position: relative;
	color: #29ABE2;
	text-align: left;
	font-weight:lighter;
	float:left;
	width: 60%;
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 1px;
	top:20px;
	padding-bottom: 20px;
	
	
}
.item.webLayout .column.right a{
	color: #29ABE2;
	text-decoration: none;
	text-align: left;
	float:left;
	width: 60%;
	-webkit-transition: color 0.8s ease;
	-moz-transition: color 0.8s ease ;
	-o-transition: color 0.8s ease ;
	transition: color 0.8s ease ;
	
}
.item.webLayout .column.right a:hover{
	color: yellow;
	text-decoration: none;
	text-align: left;
	float:left;
	width: 60%;
}
.innerNavigation{
	position: relative;
	float: left;
	width: 345px;
	margin-left: 15px;
	opacity: .9;
	}
p.postNavigation {
	position: relative;
	top: 0px;
	left: 0;
	color: yellow;
	padding-left: 15px;
	width: 100px;
	float: left;
	opacity: 1;
	font-weight:bolder;
	text-align: left;
	font-family: GothamBlack, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 5px;
	
}
#mask a.panel.previous{
	position: relative;
	background:url(../images/btn-prev.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	float: right;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask a.panel.previous:hover{
	position: relative;
	background:url(../images/btn-prev-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: right;
	opacity: 1;
}
#mask a.panel.top{
	position: relative;
	background:url(../images/btn-top.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	float: right;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask a.panel.top:hover{
	position: relative;
	background:url(../images/btn-top-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: right;
	opacity: 1;
}
#mask a.panel.next{
	position: relative;
	background:url(../images/btn-next.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	float: right;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask a.panel.next:hover{
	position: relative;
	background:url(../images/btn-next-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: right;
	opacity: 1;
}














/* Web Post 2*/
/*container*/
.item.webLayout2{
	  text-align:center;
	  margin:0 auto;
	  position:absolute;
	  top: 800px;
	  left: 0;
}
/*content height*/
.content.background2{
	position: relative;
	text-align:center;
	width: 914px;
	height: 100%;
	}
/*title bar*/
.item.webLayout2 .content.second{
	width: 189px;
	height:17px;
	position: relative;
	text-align: left;
	float: left;		
}
.item.webLayout2.postWrapper{
	float: left;
	height: 100%;
	width: 930px;
	}
.item.webLayout2.postLeft{
	float: left;
	width: 529px;
	height: 618px;
}
.item.webLayout2.postRight{
	float: left;
	clear: right;
}
.item.webLayout2 .content.second img{
	position: relative;
	top: -69px;
	left: 752px;
	float: right;
}
.item.webLayout2 .content.second img.title{
	position: relative;
	top: -79px;
	left: 0px;
}




/*     */

.item.webLayout2 .details{
	position: relative;
	float: left;
	width: 345px;
	border: 1px solid #3a3b40;
	background-color:  #2b3640;
	margin-left: 15px;
	margin-top: -30px;
	padding-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity: .99;
	}
.item.webLayout2 .column.left p.title{
	position: relative;
	color: white;
	float:left;
	clear: both;
	opacity: 1;
	font-weight:lighter;
	text-align: center;
	font-family: "Helvetica Neue", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 30px;
	margin-top: 10px;
	margin-left: 5%;
	text-transform: uppercase;
	padding-bottom: 10px;
	width: 90%;
	border-bottom: 1px dashed white;
}
.item.webLayout2 .column.left p.categories{
	font-family: "Helvetica Neue";
	position: relative;
	color: white;
	float:left;
	width: 30%;
	clear: both;
	opacity: 1;
	font-weight:bolder;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 5%;
	top:20px;
	padding-bottom: 20px;
}

.item.webLayout2 .column.left p.client{
	float:left;
	color: white;
	width: 30%;
	opacity: 1;
}
.item.webLayout2 .column.right p{
	position: relative;
	color: #29ABE2;
	text-align: left;
	font-weight:lighter;
	float:left;
	width: 60%;
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing: 1px;
	top:20px;
	padding-bottom: 20px;
	
}
.item.webLayout2 .column.right a{
	color: #29ABE2;
	text-decoration: none;
	text-align: left;
	float:left;
	width: 60%;
	-webkit-transition: color 0.8s ease;
	-moz-transition: color 0.8s ease ;
	-o-transition: color 0.8s ease ;
	transition: color 0.8s ease ;
}
.item.webLayout2 .column.right a:hover{
	color: yellow;
	text-decoration: none;
	text-align: left;
	float:left;
	width: 60%;
}
.item.webLayout2 .innerNavigation{
	float: left;
	clear: left;
	width: 375px;
	height: 80px;
	margin-top:10px;
	}
.item.webLayout2 p.postNavigation {
	position: relative;
	top: 0px;
	left: 0;
	color: yellow;
	padding-left: 15px;
	width: 100px;
	float: left;
	opacity: 1;
	font-weight:bolder;
	text-align: left;
	font-family: GothamBlack, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 5px;
	
}
#mask .item.webLayout2 a.panel.previous{
	position: relative;
	background:url(../images/btn-prev.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	left: 20px;
	float: left;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask .item.webLayout2 a.panel.previous:hover{
position: relative;
	background:url(../images/btn-prev-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: left;
	opacity: 1;
}
#mask .item.webLayout2 a.panel.next{
	position: relative;
	background:url(../images/btn-next.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	left: 20px;
	float: left;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask .item.webLayout2 a.panel.next:hover{
position: relative;
	background:url(../images/btn-next-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: left;
	opacity: 1;
}
#mask .item.webLayout2 a.panel.top{
	position: relative;
	background:url(../images/btn-top.png) no-repeat center 61px;
	backround-repeat: no-repeat;
	height: 64px;
	width: 64px;
	top: -15px;
	display: inline;
	text-decoration: none;
	padding-right: 10px;
	left: 20px;
	float: left;
	opacity: .3;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease ;
	-o-transition: background 0.8s ease ;
	transition: background 0.8s linear ;
}
#mask .item.webLayout2 a.panel.top:hover{
position: relative;
	background:url(../images/btn-top-selected.png) no-repeat center -1px;
	backround-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	text-decoration: none;
	float: left;
	opacity: 1;
}

/* guysnly detail box*/
.go.details{
	position: relative;
	float: left;
	width: 345px;
	border: 1px solid #3a3b40;
	background-color:  #2b3640;
	margin-left: 25px;
	margin-top: -15px; /*do not delete*/
	padding-bottom: 10px;
	opacity: 1;
	top: 88px;
	left: 88px;
	}

.gallery{
	  text-align:center;
	  margin:0 auto;
	  margin-top:90px;
	  text-align: center;
	  width: 880px;
	  height: 500px;
	  left: -50px;
	  background-color: transparent;
}
.innerNavigationWrap{	
	text-align:center;
	  margin:0 auto;
	  margin-top:10px;
	  width: 100%;
	  height: 100%;
	}
.innerNavigationPhotography{
	position: relative;
	margin:0 auto;
	width: 275px;
	height: auto;
	left: -15px;
	margin-top:20px;
	}
.innerNavigationPhotography a.panel.previous:hover{
	left: -15px;
	}
.innerNavigationPhotography a.panel.top:hover{
	left: -15px;
	}
.innerNavigationPhotography a.panel.next:hover{
	left: -15px;
	}	
.item.webLayout .content.second img.title.about{
	position: relative;
	top: -79px;
	left: 15px;
	width: 138px;
	height: 28px;
	clear:both;	
}


.mailToTitle p{
	color: white;
	}
.mailTo{
	text-decoration: none;
	color: #29ABE2;
	}