.grid_12 > #logo {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 30%;
    height: 30%;
}
#flowtabs{
	font-weight: bold;
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:large;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
	display: block;
	text-align: center;
}

nav#flowtabs a{
	color: #808080;
	padding: 6px 3px 4px 3px;
	margin-right: 20px;
	margin-left:auto;
	text-decoration: none;
	border-bottom: 3px solid #bd97cb;
}

nav#flowtabs a:hover, nav#cdmenu a.current{
	border-bottom-color: #7c9ed9;
	font-size: large;
}



ul.contentlist {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 30px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #808080;
	list-style-type: none;
	padding-top: 5%;
	display:block;
	text-decoration: none;
	margin-bottom: 25px;
}
#logo {
	width: 40%;
	height: 40%;
	display: block;
	vertical-align:middle;
	margin: 35% auto 10% auto;
	/* margin-right: auto; */
	/* margin-bottom: 25%; */
	/* margin-left: auto; */
}
#footer {
	background-color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #808080;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #808080;
	text-align: center;
	height: 25px;
}
#footer a {
	color: #000;
	text-decoration: underline;
}
.content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 30px;
	color: #666;
	vertical-align: middle;
	text-align: justify;
	padding-top: 3%;
	padding-right: 2%;
	padding-left: 2%;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	line-height: 30px;
	color: #494949;
	vertical-align: middle;
	text-align: justify;
	padding-left: 2%;
}
	
#tabs {
	height: 100%;
	/* margin-top: 2.5%; */
}
.contentlist li a {
	color: #808080;
	border-bottom: 3px solid #7c9ed9;
	text-decoration:none;
}
.contentlist li a:hover,  #contentlist li a.current{
	border-bottom-color: #bd97cb;
}
textarea {
	border: thin solid #808080;
	background-image: url(../../images/comments.gif);
	background-position: bottom right;
	background-repeat: no-repeat;

}
input {
	border: thin solid #808080;
}
#tabs object {
	text-align: center;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	width:675px;
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;

}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../../images/button_grey_close.png);
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:50px;
	width:50px;
	border-bottom: none;
}
.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}

#home{
display:block;
}
.tab-content {
    clear:both;
    padding: 4% 10px 10px 10px;
    display:none;
    vertical-align: middle;
}
section#about {
    padding-top: 19%;
}

section#home {
    padding-top: 18%;
}

section#resumes {
    padding-top: 25%;
}
div#content {
    min-height: 500px;
}
@media only screen and (max-width: 980px) {

	#logo{
	width: 129px;
		height: 104px;
		display: block;
		vertical-align:middle;
		margin-right: auto;
		margin-bottom: 10%;
		margin-left: auto;
		margin-top:10%;
	}
	
	section#contact object{
	display:none;
	}
	
	ul.contentlist {
		padding-top:3%;
	}

	/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:90%;	
	min-height:200px;
	border:1px solid #666;
	margin-left: 5%;
	height:100%;
	
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../../images/button_grey_close.png);
	position:absolute;
	top:1px;
	cursor:pointer;
	height:10%;
	width:10%;
	border-bottom: none;
	background-size:contain;
	background-repeat:no-repeat;
	left:93%;
}

.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:50%;
		color:#fff;
		width:30%;
	}
	
div.simple_overlay img{ width:65%;}

nav#flowtabs a{
	color: #808080;
	padding: 6px 3px 4px 3px;
	margin-left:auto;
	text-decoration: none;
	border-bottom: 3px solid #bd97cb;
	margin-right:0px;
}

textarea {
	border: thin solid #808080;
	background-image: url(../../images/comments.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	width:90%;
}
}