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

@media screen and (max-width: 960px) {
	#wrapper {
	width: 760px;
	margin: 10px auto;
	/* [disabled]background-image: url(../images/headerBkg.png); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: center top; */
	/* [disabled]position:relative; */
	}
	#content{
		width:720px;
		height:2390px;
		margin: 56px 0px 0px 12px;
}

#logoName{
	width:350px;
	margin: 33px 0 0 33px;
	float:left;
	z-index:1;
}


#header {
	width:760px;
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	z-index:-1;
}

#mainNav {
	width:700px;
	height:47px;
	margin:0px 0px 0px 5px;	
}

#mainNav ul li{
	float:left;
	margin:0px 20px 0px 30px;
	width:120px;
	height:47px;
	background-color: #d77d2a; 
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
}

#opening{
	width:640px;
	margin: 30px 0px 0px 40px;
}

#websites, #artwork{
	width:700px;
	margin-left:40px;
	}

#websites ul li, #artwork ul li{
	float:left;
	margin-right:30px;
	margin-bottom:40px;
}

.sectionHeader{
	margin: 60px 0px 30px 40px;
	width:640px;
	float:left;
	clear:both;
}

.contactBox{
	width:526px;
	height:75px;
	margin:50px 0px 0px 100px;
	float:left;
	clear:both;
}

#orangeBar{
width:400px;
height:22px;
float:right;
background-color:#d77d2a;
}

#nameContact{
width:400px;
float:right;
margin-bottom:2px;
}

#nameBox{
	float:left;
	width:640px;
	margin: 20px 0px 0px 40px;
}

#nameBox h3{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	float:left;
	margin-top:17px;
	}

#nameBox p{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	text-align:center;
}

#email, #email a{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #FFFFFF;
}

.contactBox p.smallP {
	display:none;
}

#nameBoxSmall{display:none;}

}
@media screen and (max-width: 758px) {
	#wrapper {
		width: 524px;
	}
	#content{
		width:498px;
		height:2050px;
		margin: 0px 0px 0px 10px;
		border: 4px solid #d77d2a;
}

#header {
	width:524px;
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	z-index:-1;
}

	#mainNav {
	width:450px;
	height:47px;
	margin:0px 0px 0px 40px;	
}

#mainNav ul li{
	float:left;
	margin:0px 30px 0px 0px;
	width:80px;
	height:30px;
	background-color: #d77d2a; 
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
}

#mainNav ul li a{
	width:80px;
	height:30px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:8px 0px 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:transparent;
	overflow: hidden;
	width: auto;
	text-align: center;
	font-size: .7em;
	
	}

#mainNav ul li a:hover{
	width:80px;
	height:22px;
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
}

#logoName{
	width:250px;
	margin: 22px 0 0 22px;
	float:left;
	z-index:1;
}

#opening{
width:450px;
margin: 10px 0px 0px 30px;
}

.sectionHeader{
	margin: 60px 0px 30px 30px;
	width:440px;
	float:left;
	clear:both;
	
}

#websites, #artwork{
	width:500px;
	margin-left:30px;
	}

#websites ul li, #artwork ul li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.linkBoxes{
	width:200px;
	height:133px;
	margin-bottom:30px;
}

.linkBoxes a{
	position:absolute;
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:1.5em;
	text-align: center;
}

.linkBoxes a:hover{
	color:#000000;
	text-align: center;

}


#websites ul li p, #artwork ul li p{
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	width: 200px;
	font-size: 1em;

}

.whiteBar{
	width:440px;
}

#orangeBar{
width:290px;
height:22px;
float:right;
background-color:#d77d2a;
}

#nameContact{
width:290px;
float:right;
margin-bottom:2px;
}

#nameBox{
	float:left;
	width:440px;
	margin: 20px 0px 0px 30px;
}

#nameBox h3{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	float:left;
	margin-top:15px;
	}

#nameBox p{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: .89em;
	color: #FFFFFF;
	float:right;
	text-align:center;
}

#email, #email a{
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}

.contactBox{
	width:440px;
	margin:50px 0px 0px 30px;
}

.contactBox p{
	font-size: 1em;
	padding-bottom:10px;		
}

.contactBox p.smallP {
	display:none;
}

#nameBoxSmall{display:none;}
}

@media screen and (max-width: 524px) {
	
body {
	background-color:#026a7f;
}

#opening p {
	margin-top:50px;
}

#wrapper {
	width: 292px;
	position:relative;
}

#logoName {
	width:255px;
	margin: 36px 0 0 20px;
	float:left;
	z-index:1;
}

#header {
	width:292px;
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	z-index:-1;
}

#content {
	width:268px;
	height:3120px;
	margin:-30px 0px 0px 10px;
	border: 2px solid #d77d2a;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#mainNav {
	width:260px;
	height:25px;
	margin:0px 0px 0px 5px;
	font-size: .6em;
}

#mainNav ul li#weblink {
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	margin-right:2px;
	margin-bottom:2px;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius:10px 0px 0px 0px;
	border-radius:10px 0px 0px 0px;
}


#mainNav ul li#artlink {
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	margin-left:2px;
	margin-bottom:2px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius:0px 10px 0px 0px;
	border-radius:0px 10px 0px 0px;
}

#mainNav ul li#resumelink {
	border-right:2px solid #ffffff;
	border-top:2px solid #ffffff;
	margin-right:2px;
	margin-top:2px;
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius:0px 0px 0px 10px;
	border-radius:0px 0px 0px 10px;
}

#mainNav ul li#contactlink {
	border-left:2px solid #ffffff;
	border-top:2px solid #ffffff;
	margin-left:2px;
	margin-top:2px;
	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius:0px 0px 10px 0px;
	border-radius:0px 0px 10px 0px;
}

#mainNav ul {
	margin:10px 0px 5px 5px;
}


#mainNav ul li {
	float:left;
	margin:0px;
	width:120px;
	height:30px;
	background-color: #d77d2a; 
	
}

#mainNav ul li a {
	font-size:1.5em;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:10px 0px 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:transparent;
	overflow: hidden;
	width: auto;
	text-align: center;
	}

#mainNav ul li a:hover {
	width:120px;
	height:30px;
	display:block;
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}

#mainNav ul li#weblink a:hover {
	width:120px;
	height:20px;
	display:block;
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius:10px 0px 0px 0px;
	border-radius:10px 0px 0px 0px;
}


#mainNav ul li#artlink a:hover {
	width:120px;
	height:20px;
	display:block;
	background-color:#FFFFFF;
	color:#d77d2a;

	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius:0px 10px 0px 0px;
	border-radius:0px 10px 0px 0px;
}

#mainNav ul li#resumelink a:hover {
	width:120px;
	height:20px;
	display:block;
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius:0px 0px 0px 10px;
	border-radius:0px 0px 0px 10px;
}

#mainNav ul li#contactlink a:hover {
	width:120px;
	height:20px;
	display:block;
	background-color:#FFFFFF;
	color:#d77d2a;
	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius:0px 0px 10px 0px;
	border-radius:0px 0px 10px 0px;
}

#opening {
	width:240px;
	margin: 5px 0px 0px 10px;
	font-size: .8em;
}

#websites ul li, #artwork ul li {
	clear:both;

}

.whiteBar {
	display:none;
}

h2 {
	width:218px;
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFFFFF;
	background-color:#026a7f;
	float:left;
	z-index:2;
	margin-top:-40px;
	margin-left:0px;
	text-align:center;
}

#websites, #artwork {
	margin-left:32px;
	}
	
.contactBox {
	width:262px;
	margin-top:40px;
	margin-bottom:-30px;
	margin-left:-50px;
}

.contactBox p {
	display:none;
}

.contactBox p.smallP {
	display:block;
	font-family: "Cabin", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
}

.contactBar {
	display:none;
}

#nameBox {
	display:none;
}

#nameBoxSmall {
	display:block;
	width:268px;
}

#nameBoxSmall h3 {
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #FFFFFF;
	text-align: center;
	}

#nameBoxSmall p {
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none !important;
}

#email2 {
	font-family: "CabinBold", Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none !important;
}
}