@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

* {
	padding: 0px;
	margin: 0px;}
	
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

@media only screen and (max-width: 480px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}

/* ----- Styles for the Landing Circlular Images ----- */

Header {
	width: 100%;}

.landing-logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding: 8% 0 0;
    position: relative;
    width: 45%;}

.Landing-images {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1100px;
	padding: 2em 0 0 0;}

.Landing-images ul {
	}
	
.GD-Webimage {
	clear: right;
	padding: 3px 0 0px 0;}

.Photographyimage {
	clear: right;
	padding: 3px 0 0px 0;}
	
.Illustrationimage {
	clear: right;
	padding: 3px 0 0px 0;}

.About Meimage {
	clear: right;
	padding: 3px 0 0px 0;}

.Landing-images ul li {
	margin-left: auto;
	margin-right: auto;
    font-family: Quicksand,AliquamREG,Verdana,Geneva,sans-serif;
    font-size: 1.2em;
    height: 5em;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
    width: 57%;
	padding: 0px 20px 50% 0px;}
	
.Landing-images li a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.78);}
	
	
/* ----- Styles for the Navigation Header ----- */	
.Nav1 {
	display: none;}	
	
.logo {
	width: 9em;
	float: left;
	margin: 10px 0px 0px 10px;}
	
/* ----- Styles for the Navigation Button ----- */	

#topbar {
	position: fixed;
	Width: 100%;
	height: 60px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */}
	
.sections-btn-holder {
	position: absolute;
	float: right;
	margin-left: 65%;
	padding: 28px 50px 0px 0px;
	z-index: 21;}
	
button {
	background: transparent;
	border: none !important;}
	
.menu-name {
	position: relative;
	font-size: 1.1em;
	color: #3c3c3c;
	padding-left: 2.5em;
	text-decoration: none;} 

.menu-name:before {
  	content: "";
  	position: absolute;
  	top: 0.15em;
  	left: .5em;
  	width: 1.25em;
  	height: 0.175em;
  	border-top: 0.55em double #3c3c3c;
  	border-bottom: 0.2em solid #3c3c3c;
	box-shadow:#666 5px;} 
  
#topbar #menu-panel {
	position: absolute;
	float: right;
	margin: 0px;
	height: 0px;
	width: 100px;
	margin-left: 66%;
	background: rgba(255,255,255,0.78);
	top: 47px;
	overflow: hidden;
	z-index: 50;
	transition: height 0.2s linear 0s;
	}

.navarrow { 
 	position: relative;
 	color: #3c3c3c;
	margin-left: 2.5em;
	margin-top: auto;
	margin-bottom: auto;
	float: right;}
	
#menu-panel ul {
	position: absolute;
	margin: 0px;
	width: 94px;
	padding: 1px 4px 1px 0px;
	border: .5px solid #3c3c3c;}
	
#menu-panel ul li {
	padding: 7.9px 3px 7.9px 7px;
	margin: 0px;
	list-style: none;
	text-align: left;}

#menu-panel ul li a {
	text-decoration: none;
	font-family: Arial, sans serif;
	font-size: 11px;
	color: #3c3c3c;}
	
#menu-panel ul li a:hover {
	color: #000;}
 
#menu-panel ul li a:active {
	color: #2a2a2a;}
	
hr.style-one {
	margin: 41px 0 0 10px;
	border: 0;
	height: 1px;
	width: 60%;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	z-index: 100;}
 
select-highlight {
	}
	
hr {
	position: absolute;
	width: 7.5em;
	margin-top: -2px;
	margin-left: 0px;
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.85);} 

/* ----- Styles for the Home Page ----- */
.Collage {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;}
	
/* ----- Styles for All Intro Paragraphs ----- */
.intro p {
	width: 80%;
	padding-top: 50px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size: 11px;}

/* ----- Styles for the Contact Page ----- */
.Contact-info {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:15px;}
	
.Social-info {
	text-align: left;
	margin-left: 85px;
	color:#666;
	font-size:12px;}
	
.ContactPic {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;}

/* ----- Styles for the Bottom Footer Image ----- */
Footer {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 350px;
 	overflow: hidden;
  	bottom: 0px;
  	left: 0px;
	padding: 0px;
	z-index: 100;
	background-color: transparent;}

Footer img {
	display: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 75%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: px;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: black;
	padding:;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;}	
	
.Copyright {
	width: 100%;
	position: fixed;
	font-size: 11px;
	bottom: 0;
	margin-right: 45px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(0,0,0,0.85);}
	
.footer-gradient {
	width: 100%;
	height: 35px;
	z-index: -50;
	
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
} 

/* ----- Styles for Isthmus Cityscape Footer -----
Footer {
	bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 350px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10;
	background-color: transparent;}

Footer img {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: -25;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	z-index: 102;
	margin-bottom: -18px;}	
	
.Copyright {
	width: 100%;
	font-size: 11px;
	bottom: 0;
	margin-bottom: -5px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(255,255,255,0.7);} */	
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}

/* ----- Styles for the Landing Circlular Images ----- */

Header {
	width: 100%;}

.landing-logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding: 8% 0 0;
    position: relative;
    width: 45%;}

.Landing-images {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 750px;
	padding: 2em 0 0 0;}

.Landing-images ul {
	}
	
.GD-Webimage {
	padding: 5px 0 0 0;}

.Photographyimage {
	padding: 5px 0 0 0;}
	
.Illustrationimage {
	padding: 5px 0 0 0;}

.About Meimage {
	padding: 5px 0 0 0;}

.Landing-images ul li {
	clear: right;
	float: left;
    font-family: Quicksand,AliquamREG,Verdana,Geneva,sans-serif;
    font-size: 1.0em;
    height: 7em;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
    width: 20%;
	padding: 0px 5px 0px 10px;}
	
.Landing-images li a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.78);}
	
	
/* ----- Styles for the Navigation Header ----- */	
.Nav1 {
	display: none;}	
	
.logo {
	width: 11em;
	float: left;
	margin: 10px 0px 0px 10px;}
	
/* ----- Styles for the Navigation Button ----- */	
#topbar {
	position: fixed;
	Width: 100%;
	height: 70px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */}
	
.sections-btn-holder {
	position: absolute;
	float: right;
	margin-left: 65%;
	padding: 40px 50px 0px 0px;
	z-index: 21;}
	
button {
	background: transparent;
	border: none !important;}
	
.menu-name {
	position: relative;
	font-size: 1.1em;
	color: #3c3c3c;
	padding-left: 2.5em;
	text-decoration: none;} 

.menu-name:before {
  	content: "";
  	position: absolute;
  	top: 0.15em;
  	left: .5em;
  	width: 1.25em;
  	height: 0.175em;
  	border-top: 0.55em double #3c3c3c;
  	border-bottom: 0.2em solid #3c3c3c;
	box-shadow:#666 5px;} 
  
#topbar #menu-panel {
	position: absolute;
	float: right;
	margin: 0px;
	height: 0px;
	width: 100px;
	margin-left: 66%;
	background: rgba(255,255,255,0.78);
	top: 59px;
	overflow: hidden;
	z-index: 50;
	transition: height 0.2s linear 0s;
	}

.navarrow { 
 	position: relative;
 	color: #3c3c3c;
	margin-left: 2.5em;
	margin-top: auto;
	margin-bottom: auto;
	float: right;}
	
#menu-panel ul {
	position: absolute;
	margin: 0px;
	width: 94px;
	padding: 1px 4px 1px 0px;
	border: .5px solid #3c3c3c;}
	
#menu-panel ul li {
	padding: 7.9px 3px 7.9px 7px;
	margin: 0px;
	list-style: none;
	text-align: left;}

#menu-panel ul li a {
	text-decoration: none;
	font-family: Arial, sans serif;
	font-size: 11px;
	color: #3c3c3c;}
	
#menu-panel ul li a:hover {
	color: #000;}
 
#menu-panel ul li a:active {
	color: #2a2a2a;}
	
hr.style-one {
	margin: 48px 0 0 10px;
	border: 0;
	height: 1px;
	width: 60%;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,1.0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	z-index: 100;}
 
select-highlight {
	}
	
hr {
	position: absolute;
	width: 7.5em;
	margin-top: -2px;
	margin-left: 0px;
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.85);} 

/* ----- Styles for the Home Page ----- */
.Collage {
	margin-left: auto;
	margin-right: auto;
	max-width: 450px;}
	
/* ----- Styles for All Intro Paragraphs ----- */
.intro p {
	width: 85%;
	position: relative;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;}

/* ----- Styles for the Contact Page ----- */
.Contact-info {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:15px;}
	
.Social-info {
	text-align: left;
	margin-left: 85px;
	color:#666;
	font-size:12px;}
	
.ContactPic {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;}

/* ----- Styles for the Bottom Footer Image ----- */
Footer {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 350px;
 	overflow: hidden;
  	bottom: 0px;
  	left: 0px;
	padding: 0px;
	z-index: 100;
	background-color: transparent;}

Footer img {
	display: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 75%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: px;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: black;
	padding:;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;}	
	
.Copyright {
	width: 100%;
	position: fixed;
	font-size: 11px;
	bottom: 0;
	margin-right: 45px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(0,0,0,0.85);}
	
.footer-gradient {
	width: 100%;
	height: 35px;
	z-index: -50;
	
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
} 

/* ----- Styles for Isthmus Cityscape Footer -----
Footer {
	bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 350px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10;
	background-color: transparent;}

Footer img {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: -25;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	z-index: 102;
	margin-bottom: -18px;}	
	
.Copyright {
	width: 100%;
	font-size: 11px;
	bottom: 0;
	margin-bottom: -5px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(255,255,255,0.7);} */
}

/* Desktop Layout: 769px to a max of 1024px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	background-color: transparent;  
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* ----- Styles for the Landing Circlular Images ----- */
Header {
	width: 100%;}

.landing-logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding: 8% 0 0;
    position: relative;
    width: 35%;}

.Landing-images {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 900px;
	padding: 1em 0 0 0;}

.Landing-images ul {
	}
	
.GD-Webimage {
	padding: 3px 0 0 0;}

.Photographyimage {
	padding: 3px 0 0 0;}
	
.Illustrationimage {
	padding: 3px 0 0 0;}

.About Meimage {
	padding: 3px 0 0 0;}

.Landing-images ul li {
	clear: right;
	float: left;
    font-family: Quicksand,AliquamREG,Verdana,Geneva,sans-serif;
    font-size: 1.1em;
    height: 7em;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
    width: 20%;
	padding: 0px 5px 0px 20px;}
	
.Landing-images li a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.78);}
	
/* -----Styles for the Navigation Header----- */	
#topbar {
	display: none;}

.sections-btn-holder {
	display: none;}
	
.Nav1 {
	display: block;
	position: relative;
	width: 700px;
	height: 5em;
	background-color: transparent;
	padding: 0px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;}	
	
.Nav1 ul {
	display: block;
	width: 100%;
	padding: 25px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;}	
	
.Nav1 ul li {
	text-decoration: none;
	list-style-type: none;
	float: left;
	clear: right;
	margin-top: px;
	font-size: 12px;
	border-bottom: 1px solid #393939;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}	

.logo {
	width: 16em;
	float: left;
	margin: -15px 0px 0px 0px;}
	
.hometab {
	padding: 21px 8px 4px 8px;}
	
.hometab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 4px solid black;
	padding: 10px 5px 4px 5px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.gd-webtab {
	padding: 21px 8px 4px 8px;}

.gd-webtab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 4px solid black;
	padding: 10px 5px 4px 5px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.phototab {
	padding: 21px 8px 4px 8px;}
	
.phototab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 4px solid black;
	padding: 10px 5px 4px 5px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.illustrationtab {
	padding: 21px 8px 4px 8px;}
	
.illustrationtab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 4px solid black;
	padding: 10px 5px 4px 5px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.contacttab {
	padding: 21px 8px 4px 8px;}
	
.contacttab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 4px solid black;
	padding: 10px 5px 4px 5px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}
	
.Collage {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;}
	
.intro p {
	width: 80%;
	padding-top: 20px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:center;}

/* ----- Styles for the Contact Page ----- */
.Contact-info {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:15px;}
	
.Social-info {
	text-align: left;
	margin-left: 85px;
	color:#666;
	font-size:12px;}
	
.ContactPic {
	width: 300px;
	margin-left: auto;
	margin-right: auto;}

/* ----- Styles for the Bottom Footer Image ----- */
Footer {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 350px;
 	overflow: hidden;
  	bottom: 0px;
  	left: 0px;
	padding: 0px;
	z-index: 100;
	background-color: transparent;}

Footer img {
	display: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 75%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: px;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: black;
	padding:;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;}	
	
.Copyright {
	width: 100%;
	position: fixed;
	font-size: 11px;
	bottom: 0;
	margin-right: 45px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(0,0,0,0.85);}
	
.footer-gradient {
	width: 100%;
	height: 35px;
	z-index: -50;
	
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

/* ----- Styles for Isthmus Cityscape Footer ----- 
Footer {
	bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 350px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10;
	background-color: transparent;}

Footer img {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: -25;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	z-index: 102;
	margin-bottom: -18px;}	
	
.Copyright {
	width: 100%;
	font-size: 11px;
	bottom: 0;
	margin-bottom: -5px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(255,255,255,0.7);}
	
.footer-gradient {
	display: none;
	width: 100%;
	height: 35px;
	z-index: -50;
	
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
} */
}


/* Styles for the Body */

@media only screen and (min-width: 1024px) {
body {
	background-color: transparent;
	height: 100%;}

.Main1 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;}
	
/* ----- Styles for the Landing Circlular Images ----- */

Header {
	width: 100%;}

.landing-logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding: 8% 0 0;
    position: relative;
    width: 45%;}

.Landing-images {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	max-width: 1100px;
	padding: 2em 0 0 0;}

.Landing-images ul {
	}
	
.GD-Webimage {
	padding: 5px 0 0 0;}

.Photographyimage {
	padding: 5px 0 0 0;}
	
.Illustrationimage {
	padding: 5px 0 0 0;}	

.About Meimage {
	padding: 5px 0 0 0;}

.Landing-images ul li {
	clear: right;
	float: left;
    font-family: Quicksand,AliquamREG,Verdana,Geneva,sans-serif;
    font-size: 1.1em;
    height: 7em;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
    width: 20%;
	padding: 0px 10px 0px 20px;}
	
.Landing-images li a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color: rgba(0,0,0,0.78);}
	
	
/* -----Styles for the Navigation Header----- */	
#topbar {
	display: none;}

.sections-btn-holder {
	display: none;}
	
.Nav1 {
	display: block;
	position: relative;
	height: 5em;
	background-color: transparent;
	padding: 0px;
	width: 980px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;}	
	
.Nav1 ul {
	display: block;
	width: 100%;
	padding: 25px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;}	
	
.Nav1 ul li {
	text-decoration: none;
	list-style-type: none;
	float: left;
	clear: right;
	font-size: 15px;
	border-bottom: 2px solid #393939;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}	

.logo {
	width: 26em;
	float: left;
	margin: -15px 0px 0px 0px;}
	
.hometab {
	padding: 52px 13px 4px 13px;}
	
.hometab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 5px solid black;
	padding: 10px 4px 4px 4px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.gd-webtab {
	padding: 52px 13px 4px 13px;}

.gd-webtab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 5px solid black;
	padding: 10px 4px 4px 4px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.phototab {
	padding: 52px 13px 4px 13px;}
	
.phototab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 5px solid black;
	padding: 10px 4px 4px 4px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.illustrationtab {
	padding: 52px 13px 4px 13px;}
	
.illustrationtab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 5px solid black;
	padding: 10px 4px 4px 4px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}

.contacttab {
	padding: 52px 13px 4px 13px;}
	
.contacttab a:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.90);
	border-bottom: 5px solid black;
	padding: 10px 4px 4px 4px;
	font-family: AliquamREG, Verdana, Geneva, sans-serif;}
	
.Collage {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;}
	
.intro p {
	max-width: 600px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0 0 0;
	text-align:center;}
	
/* ----- Styles for the Contact Page ----- */
.Contact-info {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size:15px;}
	
.Social-info {
	text-align: left;
	margin-left: 85px;
	color:#666;
	font-size:12px;}
	
.ContactPic {
	width: 400px;
	margin-left: auto;
	margin-right: auto;}

/* ----- Styles for the Bottom Footer Image ----- */

Footer {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 350px;
 	overflow: hidden;
  	bottom: 0px;
  	left: 0px;
	padding: 0px;
	z-index: 100;
	background-color: transparent;}

Footer img {
	display: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 75%;
	max-width: 1200px;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: px;}
	
.footer-line {
	width: 93%;
	height: 1px;
	background-color: black;
	padding:;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;}	
	
.Copyright {
	width: 100%;
	position: fixed;
	font-size: 11px;
	bottom: 0;
	margin-right: 45px;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 0px 10px 8px 0px;
	z-index: 101;
	color: rgba(0,0,0,0.85);}
	
.footer-gradient {
	width: 100%;
	height: 35px;
	z-index: -50;
	
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}	

	
/*Footer {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 350px;
	z-index: 10;
 	overflow: hidden;
  	bottom: 0px;
  	left: 0px;}