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

/* Background code */

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

#focus-stealer      { position: absolute; left: -9999px; }


/* Background Ends Here */
body {
	margin:0px;
	padding:0px;
	background: url(Roof-Garden-Empire-State.jpg)50% 50% no-repeat;
	background-color:#999999;
	font-family:"Georgia", Times New Roman, Times, serif:
}
.Headerbar {
	margin:0 auto;
	position: relative;
	left: 3px;
	background-color: #000000;
	width: 800px;
	height:5px;
	top: 0px;
	overflow: auto;
}
.BackgroundWrapper {
	position:absolute;
	width: 862px;
	height: 1550px;
	margin: 0 auto;
	background-color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.BackgroundWrapper2 {
	position:absolute;
	width: 862px;
	height: 1150px;
	margin: 0 auto;
	background-color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.Wrapper {
	position:relative;
	width: 860px;
	height: 1550px;
	margin: 0 auto;
}
.Wrapper-Projects {
	position:relative;
	width: 860px;
	height: 1150px;
	margin: 0 auto;
}
.BackgroundFooterNavWrapper {
	position:absolute;
	top:1400px;
	width: 862px;
	height: 150px;
	margin: 0 auto;
	background-color: #333333;
}
.BackgroundFooterNavWrapper2 {
	position:absolute;
	top:1000px;
	width: 862px;
	height: 150px;
	margin: 0 auto;
	background-color: #333333;
}
.headerwrap {
	position:absolute;
	left: 30px;
}
.Logo { 
	position:absolute;
	left:30px;
	top: 25px;
}
.navwrapper-info {
	position:absolute;
	top: 20px;
	left: 365px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.navwrapper-folio {
	position:absolute;
	top: 20px;
	left: 500px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
	
}
.navwrapper-projects {
	position:absolute;
	top: 20px;
	left: 610px;
	width: 150px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.navwrapper-network {
	position:absolute;
	top: 20px;
	left: 765px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.navwrapper-info-secondary {
	position:absolute;
	top: 1420px;
	left: 365px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.navwrapper-folio-secondary {
	position:absolute;
	top: 1420px;
	left: 500px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;	
}
.navwrapper-projects-secondary {
	position:absolute;
	top: 1420px;
	left: 610px;
	width: 150px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.Logo-secondary { 
	position:absolute;
	left:30px;
	top: 1420px;
}
.navwrapper-info-secondary-projects {
	position:absolute;
	top: 1020px;
	left: 365px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.navwrapper-folio-secondary-projects {
	position:absolute;
	top: 1020px;
	left: 500px;
	width: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;	
}
.navwrapper-projects-secondary-projects {
	position:absolute;
	top: 1020px;
	left: 610px;
	width: 150px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.Logo-secondary-projects { 
	position:absolute;
	left:30px;
	top: 1020px;
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	width:125px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:12px;
	position:relative;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}
.dottedbar {
	position:absolute;
	border: thin solid #999999;
	width: 798px;
	left:31px;
	top: 153px;
	height:0px;
}
.middlewrap {
	position:absolute;
	top:155px;
	width:880px;
}
#fadeshow1 {
	position: absolute;
	left:31px;
	height: 450px;
	width: 800px;
}
.mainimage {
	position: absolute;
	top:10px;
	left:370px;
}
.thumbnail1 {
	position: absolute;
	top:279px;
	left:371px;
}
.thumbnail2 {
	position: absolute;
	top:279px;
	left:607px;
}
.thumbnail3 {
	position: absolute;
	top:416px;
	left:371px;
}
.thumbnail4 {
	position: absolute;
	top:416px;
	left:607px;
}
.thumbnail5 {
	position: absolute;
	top:553px;
	left:371px;
}
.thumbnail6 {
	position: absolute;
	top:553px;
	left:607px;
}
.projectinfo {
	position:absolute;
	left:31px;
	top:10px;
	width:300px;
	height: 400px;
	color:#666666;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.related {
	position: absolute;
	top:277px;
	left:31px;
	width:250px;
	height:100px;
}
.projectinfodottedbar {
	position:absolute;
	border: thin solid #999999;
	width: 300px;
	left:31px;
	top: 267px;
	height:0px;
}
.projectdottedbarmiddle6pics {
	position:absolute;
	border: thin solid #999999;
	width: 798px;
	left:31px;
	top: 740px;
	height:0px;
}
.projectdottedbarmiddle4pics {
	position:absolute;
	border: thin solid #999999;
	width: 798px;
	left:31px;
	top: 610px;
	height:0px;
}
.dottedbarmiddle {
	position:absolute;
	border: thin solid #999999;
	width: 798px;
	left:31px;
	top: 450px;
	height:0px;
}
.dottedbarmiddle2 {
	position:absolute;
	border: thin solid #999999;
	width: 798px;
	left:31px;
	top: 800px;
	height:0px;
}
.testimonial1 {
	position:absolute;
	width: 460px;
	left:365px;
	top:625px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.testimonial2 {
	position:absolute;
	width: 460px;
	left:365px;
	top:785px;
	height: 80px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.testimonial3 {
	position:absolute;
	width: 460px;
	left:365px;
	top:875px;
	height: 100px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.CV {
	position:absolute;
	left:365px;
	top:470px;
	line-height: 14px;
	list-style:georgian;
	width:460px;
	padding-bottom:30px;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.Hello {
	position: absolute;
	top: 470px;
	margin-bottom: 20px;
	left:30px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	text-decoration:none;
	color: #666666;
}
.p1 {
	position: absolute;
	top: 470px;
	margin-bottom: 20px;
	left:30px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	text-decoration:none;
	color: #666666;
	width: 320px;
}
.p9 {
	position: absolute;
	top: 470px;
	margin-bottom: 20px;
	left: 365px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	text-decoration:none;
	color:#999999;
	width:460px;
}
.p10 {
	position: absolute;
	top: 820px;
	margin-bottom: 20px;
	left:30px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	text-decoration:none;
	color: #666666;
	width: 320px;
}
.p2 {
	position: absolute;
	margin-top: 155px;
	left:50px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	text-decoration:none;
	color: #666666;
	width: 670px;
}
.dottedbarbottom {
	position:absolute;
	border: thin solid #999999;
	border-width:1px;
	width: 798px;
	left:31px;
	top: 1147px;
	height:0px;
	color: #666666;
}
.currentcolumn1 {
	position:absolute;
	width: 800px;
	left:31px;
	top: 1152px;
	height:170px;
	color: #FFFFFF;
}
.currentcolumn2 {
	position:absolute;
	width: 798px;
	left:52px;
	top: 1275px;
	height:30px;
	width:305px;
	color: #FFFFFF;
}
.currentcolumn3 {
	position:absolute;
	width: 798px;
	left:53px;
	top: 1200px;
	height:30px;
	width:305px;
	color: #FFFFFF;
}
.currentcolumn4 {
	position:absolute;
	width: 798px;
	left:54px;
	top: 1237px;
	height:30px;
	width:304px;
	color: #FFFFFF;
}
.footerdottedbar {
	position:absolute;
	border: thin solid #999999;
	border-width:1px;
	width: 798px;
	left:31px;
	top: 1320px;
	height:0px;
	color: #666666;
}
.footerwrap {
	position: absolute;
	top:1330px;
}
.footerwrap6 {
	position: absolute;
	top:750px;
}
.footerwrap4 {
	position: absolute;
	top:615px;
}
.CVfooterdottedbar {
	position:absolute;
	border: thin solid #999999;
	border-width:1px;
	width: 798px;
	left:31px;
	top: 2075px;
	height:0px;
	color: #666666;
}
.CVfooterwrap {
	position: absolute;
	top:2085px;
}
.p3 {
	position: absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	left:50px;
	color: #666666;
	width:150px;
}
.p4 {
	position: absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	left:30px;
	color: #666666;
	width:150px;
}
.p5 {
	position: absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	left:163px;
	color: #666666;
	width:250px;
}
.p6 {
	position: absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	left:613px;
	color: #666666;
	width:250px;
}
.p7 {
	position:absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	left:366px;
	color:#666666;
	width:250px;
}
.p8 {
	position:absolute;
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-size:9px;
	top: 20px;
	left:371px;
	color:#666666;
	width:250px;
	padding-bottom:20px;
}
.follow-blog {
	position:absolute;
	width: 120px;
	left:31px;
	top: 1029px;
}
.Project-Thumbnail1 {
	position: absolute;
	top: 470px;
	margin-bottom: 20px;
	left: 365px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail2 {
	position: absolute;
	top: 470px;
	margin-bottom: 20px;
	left: 608px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail3 {
	position: absolute;
	top: 630px;
	margin-bottom: 20px;
	left: 365px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail4 {
	position: absolute;
	top: 630px;
	margin-bottom: 20px;
	left: 608px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail5 {
	position: absolute;
	top: 790px;
	margin-bottom: 20px;
	left: 365px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail6 {
	position: absolute;
	top: 790px;
	margin-bottom: 20px;
	left: 608px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}
.Project-Thumbnail7 {
	position: absolute;
	top: 950px;
	margin-bottom: 20px;
	left: 365px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#999999;
	width:230px;
	height:140px;
}