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

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#393836;
	background:#f3f1e9;
	text-align:center;
	line-height:1.5;
}
#port_navlist select {
	display:none;
}
h1 {
	font-size:32px;
	text-transform:uppercase;
	font-weight:600;
	line-height:30px;
	color:#393836;
}
h2 {
	font-size:13px;
	color:#393836;
	padding:0 0 8px 0;
	line-height:1.2em;
}
h3 {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:lighter;
	color:#afaca6;
}
h4 {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:lighter;
	color:#393836;
}
h4 a {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:lighter;
	color:#393836;
}
h4 a:hover {
	color:#ec6b68;
}
h5 {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:lighter;
	color:#ec6b68;
}
h6 {
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#131311;
}
#asclink {
	text-decoration: none;
	color: #EC6B68;
}
#asclink:hover {
	text-decoration: underline;
	color: #393836;
}
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	overflow: hidden;
}
/* Head section */

#header {
	width:925px;
	padding:20px 0 0 0;
	margin:0 0 0 35px;
	background-color:#f3f1e9;
	position:fixed;
	top:0;
	z-index:1;
}
#header_port {
	width:280px;
	padding:20px 0 645px 0;
	margin:0 0 0 35px;
	position:fixed;
	top:0;
}
#header_port #head_nav {
	display:none;
}
#header #logohome {
	width:194px;
	height:140px;
	float:left;
	padding:28px 0 0 84px;
	border-top:1px solid #c9c2b8;
	border-bottom:1px solid #c9c2b8;
}
#header_port #logohome {
	width:194px;
	height:140px;
	float:left;
	padding:28px 0 0 84px;
	border-top:1px solid #c9c2b8;
	border-bottom:1px solid #c9c2b8;
}
#header #head_image {
	width:200px;
	height:170px;
	float:left;
	background-image:url(../images/oldmac.jpg)
}
/* Head navigation */

#header #head_nav {
	width:590px;
	height:168px;
	float:left;
	margin-left:20px;
	border-top:1px solid #c9c2b8;
	border-bottom:1px solid #c9c2b8;
}
#header #head_nav #nav1 {
	margin-top:0;
	text-align:right;
}
#header #head_nav #nav1 ul {
	list-style-type:none;
	margin:0 0 0 0;
	padding-top:75px;
}
#header #head_nav #nav1 li {
	display:inline;
}
#header #head_nav #nav1 li a {
	padding:21px 10px 0 10px;
	font-size:11px;
	color:#393836;
	text-decoration:none;
}
#header #head_nav #nav1 li a:hover {
	color:#ec6b68;
}
#portlinkmob {
	display:none;
}
#head_nav #nav1 ul li #homelink {
	display:none;
}
/* body section */

#body_content {
	margin:0px 35px 35px 35px;
	margin-top:210px;
}
#fadeshow1 {
	z-index:0;
}
#fadeshow2 {
	display:none;
}
.dividertop {
	height:42px;
	margin:20px 0 0 0;
}
.dividertop .dividertop_left {
	width:280px;
	height:42px;
	background-color:#393836;
	float:left;
	margin-right:20px;
}
.dividertop .dividertop_right {
	width:590px;
	height:42px;
	background-color:#393836;
	float:left;
}
.divider {
	height:17px;
	margin:20px 0 0 0;
}
.divider .divider_left {
	width:280px;
	height:17px;
	background-color:#393836;
	float:left;
	margin-right:20px;
}
.divider .divider_right {
	width:590px;
	height:17px;
	background-color:#393836;
	float:left;
}
.box_title {
	width:280px;
	margin:35px 20px 30px 0;
	float:left;
	border-bottom:1px dotted #c9c2b8;
}
#skills_box_title {
	width:280px;
	margin:35px 0 30px 0;
	float:left;
	border-bottom:1px dotted #c9c2b8;
}
.box_text {
	width:590px;
	padding:35px 0 35px 0;
	float:left;
}
#skills_box_content {
	width:590px;
	height:910px;
	padding:0 0 30px 0;
	margin-left:20px;
	float:left;
	overflow: hidden;
}
#skills_blah {
	border-top:1px dotted #c9c2b8;
	margin-top:20px;
	padding:20px 15px 0 0;
}
#skills_icons {
	background-image:url(../images/skills_icons.jpg);
	width:590px;
	height:752px;
}
#prog_names_top {
}
#prog_name1 {
	width:173px;
	padding:225px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_name2 {
	width:244px;
	padding:225px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_name3 {
	width:173px;
	padding:225px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_names_mid {
}
#prog_name4 {
	width:173px;
	padding:210px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_name5 {
	width:244px;
	padding:210px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_name6 {
	width:173px;
	padding:210px 0 0 0;
	height:25px;
	float:left;
	text-align:center;
}
#prog_names_btm {
}
#prog_name7 {
	width:173px;
	padding:205px 0 0 0;
	height:55px;
	float:left;
	text-align:center;
}
#prog_name8 {
	width:244px;
	padding:205px 0 0 0;
	height:55px;
	float:left;
	text-align:center;
}
#prog_name9 {
	width:173px;
	padding:205px 0 0 0;
	height:55px;
	float:left;
	text-align:center;
}
#extra_title {
	padding:0 0 10px 0;
}
.extra_listing {
	border-top:1px dotted #c9c2b8;
	padding:12px 0 12px 0;
}
.box_list {
	width:590px;
	height:650px;
	padding:30px 0 30px 0;
	float:left;
}
#body_content #box_col1 {
	width:285px;
	float:left;
}
#body_content #box_col2 {
	padding:0 0 0 305px;
}
.entry_head {
	padding:0 0 10px 0;
}
.entry_body {
	padding:10px 0 10px 0;
	border-top:1px dotted #c9c2b8;
	border-bottom:3px solid #c9c2b8;
	margin-bottom:25px;
}
.top_tab {
	padding:0 0 20px 0;
	float:left;
}
.scrollToTop {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	color:#ec6b68;
}
/* portfolio gallery page */

#body_port {
	margin:190px 35px 35px 35px;
}
.box_title_port_extra {
	display:none;
}
#port_nav {
	width:280px;
	height:1000px;
	float:left;
	position:fixed;
	top:190px;
	z-index:1;
	background:#f3f1e9;
}
#port_images {
	float:left;
	margin:0 0 0 300px;
}
.port_entry_first {
	width:590px;
	height:540px;
	margin:35px 0 0 0;
	float:left;
}
.port_entry {
	width:590px;
	height:540px;
	float:left;
}
.port_entry_last {
	width:590px;
	height:540px;
	margin:0 0 50px 0;
	float:left;
}
.entry_image {
	width:inherit;
	height:500px;
	background-color:#FFF;
	overflow:hidden;
}
.entry_image img {
	margin:0 0 0 0;
}
.box_title_port {
	width:280px;
	margin:35px 20px 15px 0;
	float:left;
}
/* portfolio navigation */

#port_navlist ul {
	list-style-type:none;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	float:left;
}
#port_navlist li {
	padding:3px 0 0 0;
}
#port_navlist li a {
	text-decoration:none;
}
#port_navlist li h4 a:hover {
	color:#ec6b68;
}
.port_navlines a {
	text-decoration:none;
}
.port_navlines h4 a:hover {
	color:#ec6b68;
}
.port_navlines {
	width:inherit;
	padding:6px 0 6px 0;
	border-top:1px dotted #c9c2b8;
	border-bottom:1px dotted #c9c2b8;
	float:left;
}
.entry_title {
	font-size:11px;
	text-align:right;
	padding-top:8px;
}
/* footer */

#footer {
	height:265px;
	width:960px;
	margin:0 0 0 35px;
}
#foot1 {
	width:280px;
	height:285px;
	background-image:url(../images/Footer_left.jpg);
	float:left;
}
#footer_logo {
	padding:35px 0 0 70px;
}
#copy {
	text-align:center;
	padding:20px 5px 0 0;
}
#foot2 {
	width:570px;
	height:inherit;
	background-image:url(../images/Footer.jpg);
	margin:0 0 0 20px;
	float:left;
	padding:20px 0 0 20px;
}
#footemail {
	color:#afaca6;
	text-decoration:none;
}
#footemail:hover {
	color:#ec6b68;
}
#foot_nav_mob {
	display:none;
}
	

/* mid screen height */

@media only screen and (max-height:768px) {
 #port_navlist select {
 display:none;
}
h1 {
 font-size:25px;
 text-transform:uppercase;
 font-weight:600;
 line-height:25px;
 padding-top:10px;
 color:#393836;
}
h2 {
 font-size:12px;
 color:#393836;
 padding:0 0 2px 0;
 line-height:1.2em;
}
#wrapper {
 width:768px;
 margin:0 auto;
 text-align:left;
}
#header {
 width:768px;
 padding:15px 0 0 0;
 margin:0 0 0 20px;
 background-color:#f3f1e9;
 position:fixed;
 top:0;
 z-index:1;
}
#header #logohome {
 width:170px;
 height:130px;
 float:left;
 padding:20px 0 0 49px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header_port {
 width:220px;
 padding:15px 0 645px 0;
 margin:0 0 0 20px;
 position:fixed;
 top:0;
}
#header_port #logohome {
 width:170px;
 height:130px;
 float:left;
 padding:20px 0 0 49px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header #head_nav {
 width:488px;
 height:150px;
 float:left;
 margin-left:20px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#port_nav {
 width:220px;
 height:1000px;
 float:left;
 position:fixed;
 top:190px;
 z-index:1;
 background:#f3f1e9;
}

/* head nav buttons */



#header #head_nav #nav1 ul {
 padding-top:65px;
}

/* content */

#fadeshow1 {
 display:none;
}
#fadeshow2 {
 display:inline;
 float:left;
 margin-bottom:15px;
 z-index:0;
}
#body_content {
 margin:0 20px 35px 20px;
 margin-top:180px;
}
.dividertop {
 height:30px;
 margin:20px 0 0 0;
}
.dividertop .dividertop_left {
 width:220px;
 height:inherit;
 background-color:#393836;
 float:left;
 margin-right:20px;
}
.dividertop .dividertop_right {
 width:488px;
 height:inherit;
 background-color:#393836;
 float:left;
}
.divider {
 height:15px;
 margin:-5px 0 0 0;
}
.divider .divider_left {
 width:220px;
 height:15px;
 background-color:#393836;
 float:left;
 margin-right:20px;
}
.box_title {
 width:220px;
 margin:18px 0 10px 0;
 float:left;
 border-bottom:1px dotted #c9c2b8;
}
.box_text {
 width:488px;
 padding:20px 0 30px 20px;
 float:left;
}
#skills_box_title {
 width:220px;
 margin:20px 0 30px 0;
 float:left;
 border-bottom:1px dotted #c9c2b8;
}
#skills_box_content {
 width:488px;
 height:800px;
 padding:0 0 30px 0;
 margin-left:20px;
 float:left;
}
#skills_icons {
 background-image:url(../images/skills_icons_sm.jpg);
 width:488px;
 height:640px;
}
#prog_name1 {
 width:143px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name2 {
 width:202px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name3 {
 width:143px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name4 {
 width:143px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name5 {
 width:202px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name6 {
 width:143px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name7 {
 width:143px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name8 {
 width:202px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name9 {
 width:143px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
.box_list {
 width:488px;
 height:630px;
 padding:20px 0 30px 0;
 margin-left:20px;
 float:left;
}
#body_content #box_col1 {
 width:230px;
 float:left;
}
#body_content #box_col2 {
 padding:0 0 0 250px;
}
#body_port {
 margin:190px 20px 35px 20px;
}
.box_title_port {
 width:220px;
 margin:18px 0 10px 0;
 float:left;
}
#port_navlist li {
 padding:1px 0 0 0;
}
#port_images {
 float:left;
 margin:0 0 0 240px;
}
.divider .divider_right {
 width:488px;
 height:15px;
 background-color:#393836;
 float:left;
}
.port_entry_first {
 width:488px;
 height:454px;
 margin:20px 0 0 0;
 float:left;
}
.port_entry {
 width:488px;
 height:454px;
 float:left;
}
.port_entry_last {
 width:488px;
 height:454px;
 margin:0 0 50px 0;
 float:left;
}
.entry_image {
 width:inherit;
 height:414px;
 background-color:#FFF;
 overflow:hidden;
}
.entry_image img {
 width:488px;
 height:414px;
}
#footer {
 height:285px;
 width:728px;
 margin:0 0 0 20px;
}
#foot1 {
 width:220px;
 height:inherit;
 background-image:url(../images/Footer_left.jpg);
 float:left;
}
#foot2 {
 width:468px;
 height:265px;
 background-image:url(../images/Footer.jpg);
 background-position:top right;
 margin:0 0 0 20px;
 float:left;
}
#footer_logo {
 padding:35px 0 0 40px;
}
#foot_nav_mob {
 display:none;
}
}

/* mid screen width */

@media only screen and (max-width:950px) {
 #port_navlist select {
 display:none;
}
h1 {
 font-size:25px;
 text-transform:uppercase;
 font-weight:600;
 line-height:25px;
 padding-top:10px;
 color:#393836;
}
h2 {
 font-size:12px;
 color:#393836;
 padding:0 0 2px 0;
 line-height:1.2em;
}
#wrapper {
 width:768px;
 margin:0 auto;
 text-align:left;
}
#header {
 width:768px;
 padding:15px 0 0 0;
 margin:0 0 0 20px;
 background-color:#f3f1e9;
 position:fixed;
 top:0;
 z-index:1;
}
#header #logohome {
 width:170px;
 height:130px;
 float:left;
 padding:20px 0 0 49px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header_port {
 width:220px;
 padding:15px 0 645px 0;
 margin:0 0 0 20px;
 position:fixed;
 top:0;
}
#header_port #logohome {
 width:170px;
 height:130px;
 float:left;
 padding:20px 0 0 49px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header #head_nav {
 width:488px;
 height:150px;
 float:left;
 margin-left:20px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#port_nav {
 width:220px;
 height:1000px;
 float:left;
 position:fixed;
 top:190px;
 z-index:1;
 background:#f3f1e9;
}

/* head nav buttons */

#header #head_nav #nav1 ul {
 padding-top:65px;
}

/* content */

#fadeshow1 {
 display:none;
}
#fadeshow2 {
 display:inline;
 float:left;
 margin-bottom:15px;
 z-index:0;
}
#body_content {
 margin:0 20px 35px 20px;
 margin-top:180px;
}
.dividertop {
 height:30px;
 margin:20px 0 0 0;
}
.dividertop .dividertop_left {
 width:220px;
 height:inherit;
 background-color:#393836;
 float:left;
 margin-right:20px;
}
.dividertop .dividertop_right {
 width:488px;
 height:inherit;
 background-color:#393836;
 float:left;
}
.divider {
 height:15px;
 margin:-5px 0 0 0;
}
.divider .divider_left {
 width:220px;
 height:15px;
 background-color:#393836;
 float:left;
 margin-right:20px;
}
.box_title {
 width:220px;
 margin:18px 0 10px 0;
 float:left;
 border-bottom:1px dotted #c9c2b8;
}
.box_text {
 width:488px;
 padding:20px 0 30px 20px;
 float:left;
}
#skills_box_title {
 width:220px;
 margin:20px 0 30px 0;
 float:left;
 border-bottom:1px dotted #c9c2b8;
}
#skills_box_content {
 width:488px;
 height:800px;
 padding:0 0 30px 0;
 margin-left:20px;
 float:left;
}
#skills_icons {
 background-image:url(../images/skills_icons_sm.jpg);
 width:488px;
 height:640px;
}
#prog_name1 {
 width:143px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name2 {
 width:202px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name3 {
 width:143px;
 padding:185px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name4 {
 width:143px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name5 {
 width:202px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name6 {
 width:143px;
 padding:170px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name7 {
 width:143px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name8 {
 width:202px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name9 {
 width:143px;
 padding:165px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
.box_list {
 width:488px;
 height:630px;
 padding:20px 0 30px 0;
 margin-left:20px;
 float:left;
}
#body_content #box_col1 {
 width:230px;
 float:left;
}
#body_content #box_col2 {
 padding:0 0 0 250px;
}
#body_port {
 margin:190px 20px 35px 20px;
}
.box_title_port {
 width:220px;
 margin:18px 0 10px 0;
 float:left;
}
#port_navlist li {
 padding:1px 0 0 0;
}
#port_images {
 float:left;
 margin:0 0 0 240px;
}
.divider .divider_right {
 width:488px;
 height:15px;
 background-color:#393836;
 float:left;
}
.port_entry_first {
 width:488px;
 height:454px;
 margin:20px 0 0 0;
 float:left;
}
.port_entry {
 width:488px;
 height:454px;
 float:left;
}
.port_entry_last {
 width:488px;
 height:454px;
 margin:0 0 50px 0;
 float:left;
}
.entry_image {
 width:inherit;
 height:414px;
 background-color:#FFF;
 overflow:hidden;
}
.entry_image img {
 width:488px;
 height:414px;
}
#footer {
 height:285px;
 width:728px;
 margin:0 0 0 20px;
}
#foot1 {
 width:220px;
 height:inherit;
 background-image:url(../images/Footer_left.jpg);
 float:left;
}
#foot2 {
 width:468px;
 height:265px;
 background-image:url(../images/Footer.jpg);
 background-position:top right;
 margin:0 0 0 20px;
 float:left;
}
#footer_logo {
 padding:35px 0 0 40px;
}
#foot_nav_mob {
 display:none;
}
}

/* Smartphone */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {



	
	/* head nav buttons */


	#header #head_nav #nav1 li {
 height:50px;
}
#header #head_nav #nav1 li a.about {
 display:none;
}
#header #head_nav #nav1 li a.skills {
 display:none;
}
#header #head_nav #nav1 li a.exp_edu {
 display:none;
}
#header #head_nav #nav1 li a.contact {
 display:none;
}
#header #head_nav #nav1 li a#portlink {
}
#header #head_nav #nav1 li a#downlink {
}
#header #head_nav #nav1 ul {
 padding-top:65px;
}
 #port_navlist select {
 display:inline;
}
 .port_navlines {
 display:none;
}
#port_navlist ul {
 display:none;
}
 h1 {
 font-size:25px;
 text-transform:uppercase;
 font-weight:600;
 line-height:25px;
 padding:10px 0 5px 0;
 color:#393836;
}
h2 {
 font-size:12px;
 color:#393836;
 padding:0 0 2px 0;
 line-height:1.2em;
}
h4 {
 font-size:14px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#393836;
}
h4 a {
 font-size:14px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#393836;
}
h5 {
 font-size:14px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#ec6b68;
}
#wrapper {
 width:auto;
 margin:10px;
 text-align:left;
}
#header {
 width:auto;
 padding:20px 0 0 0;
 margin:auto;
 background-color:#f3f1e9;
 position:static;
 top:auto;
 z-index:auto;
 border-top:1px solid #c9c2b8;
}
#header #logohome {
 width:113px;
 height:130px;
 float:none;
 margin-left:auto;
 margin-right:auto;
 padding:0 0 0 0;
 border-top:none;
 border-bottom:none;
}
#header #head_nav {
 width:auto;
 height:auto;
 float:none;
 margin-left:0;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header_port {
 width:auto;
 padding:10px 0 0 0;
 margin:auto;
 background-color:#f3f1e9;
 position:static;
 top:auto;
 z-index:auto;
 border-top:1px solid #c9c2b8;
}
#header_port #logohome {
 width:90px;
 height:100px;
 float:none;
 margin-left:auto;
 margin-right:auto;
 padding:0 0 0 0;
 border-top:none;
 border-bottom:none;
}
#port_navlist {
 padding:10px 0 0 15px;
}
#header_port #logohome img {
 width:90px;
}
.box_title_port_extra {
 display:block;
 width:auto;
 margin:5px 15px 10px 15px;
}

/* excluded nav items */

#aw {
 display:none;
}
#ar {
 display:none;
}
#igc {
 display:none;
}
#inz {
 display:none;
}
#mm {
 display:none;
}
#ofs {
 display:none;
}
#sjsm {
 display:none;
}
#photo {
 display:none;
}
#clayco {
 display:none;
}

/* Portfolio */

#port_images {
 float:none;
 margin:0 0 0 0;
}
.port_entry_first {
 width:280px;
 height:auto;
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 float:none;
}
.port_entry {
 width:280px;
 height:auto;
 margin-left:auto;
 margin-right:auto;
 float:none;
}
.port_entry_last {
 width:280px;
 height:auto;
 margin-left:auto;
 margin-right:auto;
 float:none;
}
.entry_image {
 width:inherit;
 height:237px;
 background-color:#CCC;
 overflow:hidden;
}
.entry_title {
 font-size:11px;
 text-align:right;
 padding:8px 0 15px 0;
}
.entry_image img {
 height:auto;
 margin:0 0 0 0;
 width:280px;
}
.divider .divider_right {
 width:auto;
 height:17px;
 background-color:#393836;
 float:none;
}
.port_navlines {
 width:auto;
 padding:6px 0 6px 0;
 margin:0 15px 0 15px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
 float:none;
}
#port_navlist ul {
 list-style-type:none;
 margin:0 15px 0 15px;
 padding:10px 0 10px 0;
 float:none;
}
#header #head_nav #nav1 {
 margin-top:0;
 text-align:center;
}
#header #head_nav #nav1 li {
 display:inline-block;
 margin-bottom:35px;
}
#port_nav {
 width:auto;
 height:auto;
 float:none;
 position:static;
 top:190px;
 z-index:1;
 background:#f3f1e9;
}
#port_navlist li {
 padding:0 0 0 0;
}
#body_port {
 margin:0 0 15px 0;
 border-top:1px solid #c9c2b8;
}
.box_title_port {
 width:auto;
 margin:35px 20px 15px 10px;
 float:none;
 margin: 10px 15px 0 15px;
}

#header #head_nav #nav1 li a.about {
 display:none;
}
#header #head_nav #nav1 li a.skills {
 display:none;
}
#header #head_nav #nav1 li a.exp_edu {
 display:none;
}
#header #head_nav #nav1 li a.contact {
 display:none;
}
#header #head_nav #nav1 li a#portlink {
}
#header #head_nav #nav1 li a#downlink {
}
#header #head_nav #nav1 ul {
 padding:0 0 0 0;
 width:121px;
 margin:-12px auto -6px auto;
}
#body {
 margin:0;
}
#fadeshow1 {
 display:none;
}
#fadeshow2 {
 display:none;
}
.dividertop {
 height: 20px;
 margin: 20px 0 0 0;
 background-color:#393836;
}
.dividertop_right {
 display:none;
}
.dividertop_left {
 display:none;
}
.box_title {
 width:auto;
 margin:10px 15px 10px 15px;
 padding-bottom:5px;
 float:none;
 border-bottom:1px solid #c9c2b8;
}
.box_text {
 width:auto;
 padding:0;
 margin:25px 15px 25px 15px;
 float:none;
}
.nobreak {
 display:none;
}
.divider {
 height: 10px;
 margin: 20px 15px 0 15px;
 background-color:#393836;
}
.divider .divider_left {
 display:none;
}
.divider .divider_right {
 display:none;
}
#skills_box_title {
 width:auto;
 margin:10px 15px 0 15px;
 float:none;
 border-bottom:none;
}
#skills_blah {
 float:none;
 border-top:1px solid #c9c2b8;
 margin-top:5px;
 padding:25px 15px 0 0;
}
#skills_box_content {
 width:auto;
 height:auto;
 padding:0 0 0 0;
 margin:0 15px 0 15px;
 float:none;
}
#skills_icons {
 background-image:url(../images/skills_icons_mob.jpg);
 margin-left:auto;
 margin-right:auto;
 width:320px;
 height:408px;
}
#prog_names_top {
 display:none;
}
#prog_names_mid {
 display:none;
}
#prog_names_btm {
 display:none;
}
#skils_extra {
 display:none;
}
.box_list {
 width:auto;
 height:auto;
 padding:30px 0 30px 0;
 margin:0 15px 0 15px;
 float:none;
}
#body #box_col1 {
 width:auto;
 float:none;
}
#body #box_col2 {
 padding:0;
}
#footer {
 display:none;
}
#foot_nav_mob {
 display:block;
}
.nav2 {
 margin-top:0;
 text-align:center;
}
.nav2 li {
display: inline-block;
margin-bottom: 35px;
}
.nav2 li a {
padding: 21px 10px 0 10px;
font-size: 11px;
color: #393836;
text-decoration: none;
}
.nav2 li a#portlink {
 padding:16px 41px 15px 41px;
 margin-right:0;
 background-image:url(../images/btn_hover.png);
 color:#FFF;
}
.nav2 li a#portlink:active {
 padding:16px 41px 15px 41px;
 margin-right:0;
 background-image:url(../images/btn_active.png);
 color:#FFF;
}
.nav2 li a#downlink {
 padding:16px 28px 15px 27px;
 margin-right:0;
 background-image:url(../images/btn_hover.png);
 color:#FFF;
}
.nav2 li a#downlink:active {
 padding:16px 28px 15px 27px;
 margin-right:0;
 background-image:url(../images/btn_active.png);
 color:#FFF;
}
.nav2 li a#email {
 padding:16px 42px 15px 41px;
background-image:url(../images/btn_hover.png);
 color:#FFF;
}
.nav2 li a#email:active {
 padding:16px 42px 15px 41px;
 background-image:url(../images/btn_active.png);
 color:#FFF;
}
.nav2 ul {
list-style-type: none;
 padding:0 0 0 0;
 width:121px;
 margin:-12px auto -6px auto;
}
/* Mobile Portfolio */

}
/* iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {


* {
 margin:0;
 padding:0;
}
body {
 width:640px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#393836;
 background:#f3f1e9;
 text-align:center;
 line-height:1.5;
 margin:0 auto;
 margin-top:0;
}
h1 {
 font-size:32px;
 text-transform:uppercase;
 font-weight:600;
 line-height:30px;
 color:#393836;
}
h2 {
 font-size:13px;
 color:#393836;
 padding:0 0 8px 0;
 line-height:1.2em;
}
h3 {
 font-size:13px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#afaca6;
 padding:5px 0 8px 0;
}
h4 {
 font-size:11px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#393836;
}
h4 a {
 font-size:11px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#393836;
}
h4 a:hover {
 color:#ec6b68;
}
h5 {
 font-size:11px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-weight:lighter;
 color:#ec6b68;
}
h6 {
 font-size:11px;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif;
 color:#131311;
}
#wrapper {
 width:640px;
 height:auto;
 margin:0 0 120px 0;
 text-align:left;
}
/* Head section */

#header {
 width:620px;
 height:180px;
 padding:10px 0 0 0;
 margin:0 10px 0 10px;
 background-color:#f3f1e9;
 position:static;
 top:auto;
 z-index:auto;
}
#header #logohome {
 width:113px;
 height:140px;
 float:left;
 padding:28px 28px 0 28px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}

/* Head section portfolio */

#header_port {
 width:620px;
 height:180px;
 padding:10px 0 0 0;
 margin:0 10px 0 10px;
 background-color:#f3f1e9;
 position:static;
 top:auto;
}
#header_port #logohome {
 width:113px;
 height:140px;
 float:left;
 padding:28px 28px 0 28px;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
/* Head navigation */

.about {
 display:none;
}
.skills {
 display:none;
}
.exp_edu {
 display:none;
}
#head_nav #nav1 ul li #homelink {
 display:none;
}
#header #head_nav {
 display:inline;
 width:411px;
 height:168px;
 float:left;
 padding-right:40px;
 margin-left:0;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header #head_nav #nav1 {
 width:411px;
 margin-top:0;
 text-align:right;
}
#header #head_nav #nav1 ul {
 width:411px;
 list-style-type:none;
 margin:0 0 0 0;
 padding-top:75px;
}
#header #head_nav #nav1 li {
 display:inline;
}
#header #head_nav #nav1 li a {
 padding:21px 10px 0 10px;
 font-size:11px;
 color:#393836;
 text-decoration:none;
}
#header #head_nav #nav1 li a:hover {
 color:#ec6b68;
}

/* Port Head navigation */

#header_port #head_nav #nav1 ul li #portlink {
 display:none;
}
#header_port #head_nav #nav1 ul li #homelink {
 display:inline;
}
#header_port #head_nav {
 display:inline;
 width:411px;
 height:168px;
 float:left;
 padding-right:40px;
 margin-left:0;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#header_port #head_nav #nav1 {
 width:411px;
 margin-top:0;
 text-align:right;
}
#header_port #head_nav #nav1 ul {
 width:411px;
 list-style-type:none;
 margin:0 0 0 0;
 padding-top:75px;
}
#header_port #head_nav #nav1 li {
 display:inline;
}
#header_port #head_nav #nav1 li a {
 padding:21px 10px 0 10px;
 font-size:11px;
 color:#393836;
 text-decoration:none;
}
#header_port #head_nav #nav1 li a:hover {
 color:#ec6b68;
}

#portlinkmob {
 display:inline;
}

/* body content section */

#body_content {
 width:620px;
 height:auto;
 margin:0 10px 0 10px;
}
#fadeshow1 {
 display:none;
}
#fadeshow2 {
 display:none;
}
.dividertop {
 display:none;
}
#about {
 border-top:20px solid #393836;
 width:620px;
 height:auto;
}
.dividertop .dividertop_left {
 display:none;
}
.dividertop .dividertop_right {
 display:none;
}
.divider {
 display:none;
}
.divider .divider_left {
 display:none;
}
.divider .divider_right {
 display:none;
}
.box_title {
 width:566px;
 padding:0 0 0 0;
 margin:20px 28px 15px 28px;
 float:left;
 border-bottom:1px solid #c9c2b8;
}
.nobreak {
 display:none;
}
#skills_box_title {
 width:566px;
 margin:0 28px 0 28px;
 padding:20px 0 10px 0;
 float:left;
 border-top:20px solid #393836;
 border-bottom:1px solid #c9c2b8;
}
#prog_names_top {
 display:none;
}
#prog_names_mid {
 display:none;
}
#prog_names_btm {
 display:none;
}
#skils_extra {
 display:none;
}
.box_text {
 width:569px;
 padding:0 36px 35px 17px;
 float:left;
}
#skills_box_content {
 width:590px;
 height:745px;
 padding:0 0 0 0;
 margin-left:20px;
 float:left;
}
#skills_blah {
 border-top:1px solid #c9c2b8;
 margin-top:0;
 padding:30px 15px 0 0;
}
#skills_icons {
 background-image:url(../images/skills_icons.jpg);
 width:590px;
 height:725px;
 border-bottom:20px solid #393836;
}
#prog_names_top {
}
#prog_name1 {
 width:173px;
 padding:225px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name2 {
 width:244px;
 padding:225px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name3 {
 width:173px;
 padding:225px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_names_mid {
}
#prog_name4 {
 width:173px;
 padding:210px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name5 {
 width:244px;
 padding:210px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_name6 {
 width:173px;
 padding:210px 0 0 0;
 height:25px;
 float:left;
 text-align:center;
}
#prog_names_btm {
}
#prog_name7 {
 width:173px;
 padding:205px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name8 {
 width:244px;
 padding:205px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#prog_name9 {
 width:173px;
 padding:205px 0 0 0;
 height:55px;
 float:left;
 text-align:center;
}
#extra_title {
 padding:0 0 10px 0;
}
.extra_listing {
 border-top:1px solid #c9c2b8;
 padding:12px 0 12px 0;
}
.box_list {
 width:566px;
 height:auto;
 padding:10px 0 20px 0;
 margin:0 28px 0 28px;
 float:left;
}
#body_content #box_col1 {
 width:566px;
 float:left;
}
#body_content #box_col2 {
 width:566px;
 float:left;
 padding:0;
}
.entry_head {
 padding:0 0 10px 0;
}
.entry_body {
 padding:10px 0 10px 0;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
 margin-bottom:25px;
}
.top_tab {
 padding:0 0 20px 0;
 float:left;
}
.scrollToTop {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 text-decoration:none;
 color:#ec6b68;
}
/* portfolio gallery page */

#body_port {
 width:566px;
 margin:20px 28px 35px 28px;
}
.box_title_port_extra {
 display:none;
}
#port_nav {
 width:566px;
 height:60px;
 float:left;
 position:static;
 top:auto;
 z-index:auto;
 background:#f3f1e9;
 padding-top:20px;
 border-top:20px solid #393836;
}
#port_nav1 {
 width:283px;
 height:30px;
 float:left;
}
#port_nav1 .divider {
 display:none;
}
#port_navlist {
 width:200px;
 height:30px;
 text-align:right;
 float:right;
}
#port_images {
 width:566px;
 float:left;
 margin:10px 0 0 0;
}
#port_images .divider {
 display:none;
}
.port_entry_first {
 width:566px;
 height:540px;
 margin:15px 0 0 0;
 float:left;
}
.port_entry {
 width:566px;
 height:540px;
 float:left;
}
.port_entry_last {
 width:566px;
 height:540px;
 margin:0 0 50px 0;
 float:left;
}
.entry_image {
 width:566px;
 height:480px;
 background-color:#FFF;
 overflow:hidden;
}
.entry_image img {
 width:566px;
 height:480px;
 margin:0 0 0 0;
}
.box_title_port {
 width:283px;
 margin:0;
 float:left;
}

/* portfolio navigation */

.entry_title {
 font-size:11px;
 text-align:right;
 padding-top:8px;
}
/* footer */

#footer {
 display:none;
}

/* Foot nav */

#foot_nav_mob {
 width:620px;
 display:inline;
}
#foot_nav_mob .nav2 ul li #homelink {
 display:none;
}
#header #head_nav {
 width:411px;
 height:168px;
 float:left;
 padding-right:40px;
 margin-left:0;
 border-top:1px solid #c9c2b8;
 border-bottom:1px solid #c9c2b8;
}
#foot_nav_mob .nav2 {
 width:620px;
 margin-top:0;
 text-align:center;
}
#foot_nav_mob .nav2 ul {
 width:620px;
 list-style-type:none;
 margin:0 0 0 0;
 padding-top:75px;
}
#foot_nav_mob .nav2 li {
 display:inline;
}
#foot_nav_mob .nav2 li a {
 padding:21px 10px 0 10px;
 font-size:11px;
 color:#393836;
 text-decoration:none;
}
#foot_nav_mob .nav2 li a:hover {
 color:#ec6b68;
}

}